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-item-box .event-badge-box{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:justify;justify-content:space-between;grid-column:2/span 2;padding-right:11px}.menu-item-box .event-badge{background-color:#d0021b;border-radius:8px;width:-moz-fit-content;width:fit-content;padding:0 5px;height:22px;line-height:22px;color:#fff!important;text-align:center;-ms-flex-item-align:center;align-self:center;font-size:14px;display:none}.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{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;-webkit-appearance: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{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:20px}.th-title-row:after{content:'';display:block;clear:both}.th-icon{float:left;margin-left:34px;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}.menu-profile{min-height:59px;background-color:inherit}.type-list{width:900px;height:155px;margin:10px auto 20px;border:1px solid #000}.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-stage{float:left;width:820px!important;box-sizing:border-box}.item-box{display:block;width:75px;height:60px;margin:0}.group-item-box{float:left;width:75px;margin:0 30px;cursor:pointer;opacity:.5;transition:opacity .2s linear}.group-item-box:hover{opacity:1}.group-item-box img{display:block;margin:28px auto 16px}.group-item-box span{display:block;text-align:center;font-size:14px;margin-bottom:10px}.type-selected{opacity:1}.tagGroup-box{width:900px;height:530px;margin:10px auto 20px}.groupList-detail{width:358px;height:485px;float:left;margin:10px 10px 10px 0;border:1px solid #000;background-color:rgba(46,46,46,.55)}.control-device{width:520px;height:485px;float:left;margin:10px 0 10px 9px}.deviceList-detail{width:508px;float:left;height:485px;margin:0 0 0 10px;border:1px solid #000}.controlList-detail{width:508px;float:left;margin:0 0 20px 10px;border:1px solid #000}.controlList-detail-row-1{height:95px}.controlList-detail-row-3{height:215px}.deviceList-detail-row-1{height:368px}.deviceList-detail-row-2{height:235px}.deviceList-detail-row-3{height:243px}.deviceList-rows-max-1{height:320px!important}.deviceList-rows-max-2{height:200px!important}.deviceList-rows-max-3{height:205px!important}.btn-add,.btn-delete,.btn-apply{float:right;margin-top:9px;margin-right:12px;cursor:pointer;width:16px;height:16px;transition:all .2s linear}.btn-add:hover,.btn-delete:hover,.btn-apply:hover{transform:scale(1.2)}.hover-stop{opacity:.5;pointer-events:none}.btn-apply{margin-top:3px;margin-right:5px;width:30px;height:30px}.btn-apply-ok{border-radius:5px;border:solid 1px #ddd;color:#ddd;line-height:20px;margin:7px;float:right;font-size:12px;width:30px;text-align:center;cursor:pointer}.btn-apply-ok:hover{color:#4a4a4a;background-color:#d8d8d8}.group-list-box,.device-list-box{height:435px;overflow-y:auto;overflow-x:hidden}.last-row{border:0!important}.group-row,.control-device-row,.device-item-row{float:left;border-bottom:1px solid #6f6f6f}.group-row img,.control-device-row img,.device-item-row img{width:40px;height:40px}.group-row,.device-item-row{height:60px}.group-row{width:358px}.group-row .detail-name{line-height:37px}.group-row .sub-title{font-size:14px}.control-device-row,.device-item-row{width:508px}.device-detail-row{float:left;width:100%;height:60px;box-sizing:border-box;border-bottom:1px solid #ddd}.device-detail-row input{margin:19px 6px 18px;float:left;cursor:pointer}.device-detail-row .aling-center-text{line-height:40px}.check-blue{color:#4a90e2}.detail-icon,.device-detail-icon{float:left;margin:10px 13px 10px 20px}.detail-icon .hue,.device-icon-row .hue{width:40px;height:40px;border-radius:20px;display:inline-block}.device-icon-row .device-icon{margin:0}.device-icon-row .hue{margin:7px 20px 0;float:left}.device-detail-icon{height:30px;margin:6px 6px 18px}.detail-name,.device-name,.control-name{font-family:Helvetica;float:left;margin:13px;line-height:17px;font-size:14px;color:#ddd}.detail-name span,.device-name span,.control-name span{display:block}.device-detail{font-family:Helvetica;float:left;line-height:17px;font-size:14px}.device-detail span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;color:#6b6b6b}.device-detail .device-sub-title{color:#9b9b9b}.detail-more{float:right}.detail-more img{cursor:pointer;width:auto;height:auto;margin-top:20px;margin-right:20px;transition:all .2s linear}.detail-more img:hover{transform:scale(1.5)}.device-check{cursor:pointer;width:15px!important}.control-name{margin:22px!important;width:101px}.detail-adjust{float:left}.detail-percent{width:30px;float:left;margin-top:25px;margin-left:50px}.light-bar,.heat-bar,.cool-bar{margin-top:30px;float:left;width:240px;height:3px;background:#aaabab;border:0}.light-bar .ui-widget-header,.heat-bar .ui-widget-header,.cool-bar .ui-widget-header{background:#4a90e2}.hue-slider,.saturation-slider{float:left;margin-top:16px;width:240px;height:20px;margin-bottom:15px}.hue-slider .ui-slider-range,.saturation-slider .ui-slider-range{background:#40bfbf;border-radius:2px}.hue-slider .ui-widget-content,.saturation-slider .ui-widget-content{background:none;background-color:#40bfbf}.hue-slider .ui-slider-handle,.saturation-slider .ui-slider-handle{background:url(../../images/icon-hue-slider.png);box-shadow:0 0 0 0;border-radius:0;height:31px;width:16px;top:-4px;margin-left:-8px}.sub-title{color:#9b9b9b}.addGroup-row{width:100%;line-height:50px;font-size:14px;margin-left:65px;margin-bottom:25px}.addGroup-row>label{float:left;width:140px}.addGroup-row>input{float:left;width:300px;background-color:rgba(255,255,255,.7);padding-left:15px}.addDevice-row{width:100%;line-height:50px;font-size:14px;margin-bottom:20px}.addDevice-row>label{float:left;width:140px}.addDevice-row>input{float:left;width:300px;background-color:rgba(255,255,255,.7);padding-left:15px}.group-add-dialog,.device-add-dialog,.group-rename-dialog,.group-remove-dialog{width:568px;height:260px}.device-add-dialog{width:510px;height:400px}.device-add-dialog .climax-dialog-close{top:15px;right:15px;margin:0;position:relative}.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,.device-type-row label{float:left;cursor:pointer}.device-type-row label{margin-left:12px;line-height:20px;font-size:14px}.group-dialog-title,.device-dialog-title{width:450px;height:40px;font-size:28px;box-shadow:inset 0 -1px 0 0 #6f6f6f}.group-dialog-title{margin:0 58px 25px 60px}.detail-btn{height:30px;margin:10px 10px 0 0;float:right}.thermostat-detail-btn{height:30px;margin-top:16px;margin-left:-8px;float:left}.switch-btn{width:38px;height:38px;float:left;display:inline-block;border:1px solid #9b9b9b;cursor:pointer;text-align:center;background-color:transparent;border-radius:8px;margin-left:4px}.switch-btn:hover{background-color:#9b9b9b}.switch-btn:hover .triangle-up{border-color:transparent transparent #fff}.switch-btn:hover .triangle-down{border-color:#fff transparent transparent}.switch-btn:hover .square-stop{background-color:#fff}.switch-btn:hover img{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="1.5" /><feFuncG type="linear" slope="1.5" /><feFuncB type="linear" slope="1.5" /></feComponentTransfer></filter></svg>#filter');filter:brightness(1.5)}.switch-btn img{width:20px;height:20px;margin-top:0}.switch-btn .btn-group-off,.switch-btn .btn-group-on,.switch-btn .btn-group-thermostat,.switch-btn .btn-group-heat,.switch-btn .btn-group-dark{margin-top:8px;padding:0 9px}.switch-btn .btn-group-heat{margin-top:5px;margin-bottom:2px}.switch-btn .btn-group-dark{width:16px;height:19px}.switch-btn .btn-group-light{width:22px;height:22px;margin-bottom:2px;margin-top:3px;padding:0 7px}.switch-btn .btn-group-shutter{width:28px;height:20px;margin-top:10px;padding:0 5px}.switch-btn .btn-word{margin-top:-1px;font-size:12px;line-height:10px;text-align:center;transform:scale(.9);width:40px}.shutter-switch-btn{position:relative;height:54px;top:-8px}.shutter-switch-btn .btn-word{margin-top:5px;transform:scale(1)}.thermostat-btn-active{background-color:#ddd;color:#363636}.thermostat-btn{border:1px solid #ddd;border-radius:4px;cursor:pointer;display:inline-block;font-size:14px;height:24px;margin-right:11px;line-height:24px;text-align:center;width:50px}.thermostat-btn:hover{background-color:#ddd;color:#1d1d1d}.thermo-bar{width:24px;height:3px;background:#4a90e2;border:0;margin-top:2px;margin-left:7px}.btn-group-updown{margin-top:-7px;display:inline-block;float:left}.btn-group-updown div{float:none}.btn-group-down,.btn-group-up,.btn-group-stop{width:38px;height:14px;border-radius:4px;display:block;cursor:pointer}.btn-group-down,.btn-group-stop{margin-top:3px}.triangle-down,.triangle-up{margin-left:13px;margin-top:5px;width:0;height:0;border-style:solid}.triangle-up{border-width:0 6px 6px;border-color:transparent transparent #dedede}.triangle-down{border-width:6px 6px 0;border-color:#dedede transparent transparent}.square-stop{margin-left:15px;margin-top:3px;width:8px;height:8px;background-color:#dedede}.add-group-box .climax-btn-gray,.add-device-box .climax-btn-gray,.rename-group-box .climax-btn-gray{pointer-events:none}.detail-more-nav{position:absolute;margin-left:343px;box-shadow:inset 0 -1px 0 0 #9b9b9b;z-index:99}.detail-more-nav-row li{cursor:pointer;height:30px;background-color:#fff;border-bottom:1px solid #9b9b9b}.detail-more-nav-row li span{color:#707070;font-size:14px;line-height:30px;margin:0 10px;font-weight:400}.detail-more-nav-row li:hover{background-color:#ddd}.group-remove-box{padding:0 100px;text-align:center;box-sizing:border-box}.group-remove-box div{text-align:center;margin:30px 0 50px}.extra-device-remove .btn-left,.group-remove-box .btn-left,.extra-device-remove .btn-right,.group-remove-box .btn-right{height:40px;line-height:40px}.extra-device-remove{float:left;width:328px;margin-right:90px;margin-left:90px}.extra-device-remove div{margin:15px 20px}.device-remove-icon{float:left;margin:20px 0 0 10px}.delete-checkbox{width:21px!important;height:21px!important}.detail-no-group li span,.detail-no-device li span{margin-top:28px;margin-left:28px;width:280px;font-size:14px}.add-device-box{padding:0 30px;box-sizing:border-box}.add-device-box .device-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-name-row{padding:11px 0 0 10px;font-size:14px;width:calc(100% - 117px)}.device-name-title{margin-bottom:6px}.addDevice-row>label{float:left;width:100px;margin-left:10px;margin-right:10px}.device-icon-row{position:relative;display:inline-block;width:80px;height:60px}.device-icon-row .device-type-text{display:inline-block;transform:scale(.5);color:#9b9b9b;width:140px;min-width:140px;position:absolute;top:45px;left:-30px;font-size:16px;text-align:center}.device-area-name-list{display:inline-block;float:none;margin:0;width:225px;padding-left:10px;line-height:16px}.device-area-name-list .sub-title{margin-bottom:11px}@media screen and (max-width:1200px){.header-container{width:100%}}