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{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}.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}.scene-main{float:left;width:340px;margin:10px 15px 0 30px;border:1px solid #000;background-color:rgba(49,49,49,.55)}.scene-main .delete-btns-box{margin:15px 0}.btn-add,.btn-delete,.btn-edit{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-edit:hover{transform:scale(1.2)}#container-scenes{float:left;width:100%;overflow-y:auto;max-height:690px}.scene-row{float:left;width:100%;height:65px;line-height:65px;border-bottom:1px solid #6e6e6e;cursor:pointer}.scene-row li{float:left;height:65px;line-height:65px}#container-scenes ul:last-child{border-bottom:none}.s-delete{width:40px}.s-delete img{margin-top:22px;margin-left:7px;cursor:pointer;display:none}.s-icon{width:55px}.s-txt{width:150px}.s-btn{width:75px}.s-btn img{margin-top:15px;cursor:pointer}.s-btn button.scene-apply{margin-top:15px;width:78px;height:36px;line-height:36px;text-align:center;background:url(../../images/btn-apply.png);color:#a2a2a2;cursor:pointer}.s-btn button.scene-apply:active{background:url(../../images/btn-apply-click.png);color:#84e501}.s-btn .btn-apply-ok{border-radius:5px;border:solid 1px #ddd;color:#ddd;line-height:20px;margin:20px 15px;float:right;font-size:12px;width:30px;text-align:center;cursor:pointer}.s-btn .btn-apply-ok:hover{color:#4a4a4a;background-color:#d8d8d8}.scene-sub,.scene-main-add{float:left;width:545px;margin-top:10px;border:1px solid #000;box-sizing:border-box}.scene-sub{padding:0 24px}.sub-title{float:left;width:100%;padding:17px 0;box-sizing:border-box}.sub-icon{width:35px;float:left;margin-right:15px}.sub-txt{float:left;font-size:20px;line-height:38px}.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}.sub-content{float:left;width:100%}.sub-content-row,.sub-content-row-condition{float:left;width:100%;line-height:150%;font-size:14px;border-top:1px solid #707070;box-sizing:border-box;padding:0 10px}.sub-content-row--has-icon li,.sub-content-row-condition--has-icon li{line-height:40px}.sub-content-row--has-icon li:first-child,.sub-content-row-condition--has-icon li:first-child{line-height:100%}.sub-content-row li,.sub-content-row-condition li{padding:10px 0;float:left}.sub-content-row li.h-80,.sub-content-row-condition li.h-80{height:80px}.content-delete{width:35px}.content-delete img{margin-top:17px;margin-left:5px;cursor:pointer;display:none}.content-icon{width:60px;float:left}.content-icon img{width:40px}.content-icon .device-icon{width:40px;height:40px;border-radius:20px;display:inline-block}.content-left,.content-select{color:#a2a2a2;float:left}.content-left span,.content-select span{display:inline-block}.content-right,.context-schedule{float:right!important}.content-right span,.context-schedule span{text-align:right;line-height:26px;display:block}.content-right select{float:none}.content-select{height:43px!important;margin-left:33px}.content-select select{width:215px}.txt-white{color:#fff}.txt-white .aqs-status{width:20px;height:20px;padding:3px;margin:0 3px;border:2px solid #fff;border-radius:10px;vertical-align:middle;display:inline-block;box-sizing:border-box}.txt-gap{margin-left:5px;margin-right:3px}.sub-content-row-condition .content-left{width:320px}.sub-content-row-condition .content-right{width:155px}.sub-content-row-condition .context-schedule{width:100%;margin-top:-15px;margin-bottom:15px}.txt-schedule{line-height:0}.delete-btns-box{width:100%;margin:50px 0;text-align:center;display:none}.delete-btns-box div{display:inline-block;margin:0 10px}#deleteBox-scene{float:left}.scene-main-add-box{padding:0 24px 50px}.main-add-box-title{width:100%;float:left;padding:20px 0 25px;line-height:30px}.main-add-box-title span{float:left;width:110px;text-align:center}.main-add-box-title input{float:left;width:200px;height:30px;line-height:30px}.main-add-box-title #new-scene-name,.main-add-box-title #edit-scene-name{width:calc(100% - 110px)}.main-add-box-radio{float:left;width:100%;margin-bottom:30px}.main-add-box-radio div{float:left;width:12.5%;text-align:center}.main-add-box-radio label,.main-add-box-radio input{display:block;cursor:pointer}.main-add-box-radio input{width:18px;height:18px;margin:10px auto}.action-title{float:left;width:100%;padding-left:0;background-color:rgba(255,255,255,.4);margin-bottom:10px}.action-title li{float:left;height:30px;text-align:center}.action-style{float:left;width:100%;padding:9px 0;line-height:40px;border-bottom:1px solid #6e6e6e}.action-style:last-child{border:0}.action-style li{float:left}.action-1{width:35px;margin-left:15px}.action-1 img{margin-top:8px;cursor:pointer}.action-2{width:50px;text-align:center}.action-2 img{width:46px}.action-3{width:50px;text-align:center}.action-4{width:50px;text-align:center}.action-5{width:185px;margin:0 5px}.action-5.no-area{width:235px}.action-6{width:140px}.action-6 select{width:50%;margin-top:5px}.action-6 select.full{width:100%}.action-temp-row,.action-schedule-row,.action-area-row{float:left;width:100%;padding:16px 0 16px 38px;line-height:30px;box-sizing:border-box}.action-temp-row li,.action-schedule-row li,.action-area-row li{float:left}.action-area-row{padding:16px 0 0 40px}.boder_top{border-top:1px solid #a5a5a5}.temp-1{width:190px}.temp-1 select{width:100%}.temp-2{width:40px;margin-left:20px}.temp-3{width:60px}.temp-4{width:40px}.temp-4 input{width:100%;height:30px;line-height:30px;padding-left:0;text-align:center}.temp-5,.temp-7{width:22px;text-align:center}.temp-6{width:40px}.temp-6 input{width:100%;height:30px;padding-left:0;text-align:center}.action-schedule-title{float:left;padding-left:40px}.schedule-1{width:115px}.schedule-1 select{width:100%}.schedule-2,.schedule-4{width:45px;text-align:center}.schedule-3{width:110px}.schedule-3 input{width:100%;height:30px;line-height:30px}.schedule-5{width:110px}.schedule-5 input{width:100%;height:30px;line-height:30px}.add-scene-submit,.edit-scene-submit{float:left;width:100%;margin-bottom:28px;text-align:center}.add-scene-submit button,.edit-scene-submit button{display:inline-block;margin:0 10px}.detail-adjust{width:435px;height:36px!important;margin-left:45px;margin-top:5px}.detail-adjust .btn-onoff{margin-top:-8px;margin-left:20px}.detail-adjust select{margin-top:-5px;margin-left:10px}.detail-adjust select.select_switch{min-width:85px}.light-bar{float:left;margin-top:7px;width:275px;height:5px;cursor:pointer;background:rgba(0,0,0,.1)}.shutter-bar{margin:7px 30px 7px 28px}.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}.btn-onoff{margin-top:10px;cursor:pointer}#dialog-add-action .climax-dialog-container{width:563px;height:465px}#dialog-add-action .climax-dialog-content{padding:0 25px;box-sizing:border-box}#dialog-add-action .btn-center{margin-top:25px}#dialog-add-action .climax-block{overflow-y:auto}#dialog-add-action #dialogActionDeviceList{height:220px}.dialog-title{font-size:45px;color:#000;margin-bottom:10px}.add-scene-icon{background-color:#616161;width:32px;height:32px;text-align:center;line-height:32px;margin-top:13px;border-radius:20px}.del_condition,.del_action{float:left;padding:2px;border-radius:20px;width:20px;height:20px;line-height:20px;font-size:20px;text-align:center;margin:-43px 0 0 7px;background-color:#3c3c3c}.del_condition:hover,.del_action:hover{transform:scale(1.2)}.del_action{margin:16px 0 0}.action-schedule-row.weekly{padding-top:0}.area-1{width:40px}.area-2{width:60px}._action .content-right{width:130px}.color-slider{margin-top:9px}.color-slider .cp-container{width:140px}.icon--gray{color:#999}.scene-icon{background-color:#f5a623;width:75px;height:75px;border:solid 3px #fff;border-radius:75px;display:inline-block}.scene-icon--s{width:36px;height:36px;border:solid 2px #fff;border-radius:20px}.scene-icon img{vertical-align:top}.s-icon .scene-icon{margin-top:13px}.sub-title .scene-icon{margin-right:15px;float:left}@media screen and (max-width:1200px){.header-container{width:100%}}