.templates{display:flex;flex-wrap:wrap}.template{margin-right:23px;margin-bottom:15px}.template .preview{width:256px;height:144px;border-radius:3px;text-align:center}.template .preview img{max-width:100%;max-height:100%}.template.item .preview{background-color:#d8d8d8;position:relative}.template.item .preview:hover .mask{display:block}.template.new .preview{border:dashed 2px #ebebeb;margin-bottom:15px}.template.new .preview:after{content:'';display:block;width:100%;height:100%;background:url(/assets/icons/icons25-bd7309e9083e425d7e977be4c6bc466a5610f503c862e22a8378667deb28c82b.png) center no-repeat;-moz-background-size:30px;-o-background-size:30px;-webkit-background-size:30px;background-size:30px}.template .name{width:256px;margin-top:15px;position:relative}.template .name input{margin-top:-8px;margin-bottom:-8px;text-align:center;max-width:236px}.template .name span{width:236px;text-align:center;word-break:break-word}.template .name i{position:absolute;top:2px;right:0;display:inline-block;width:15px;height:15px;cursor:pointer}.template .buttons{margin-top:45px}.template .buttons a+a{margin-left:30px}.template .open-wrapper{position:absolute;bottom:15px;width:100%;height:27px;text-align:center}.template .open{border-radius:2px;border:solid 1px #ffffff;color:white;display:inline-block;padding:5px 15px}.template .mask{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7)}.default-font-family,.hasDatepicker .ui-datepicker-header .ui-datepicker-title,.hasDatepicker .ui-datepicker-calendar{font-family:"微軟正黑體","蘋果儷黑","Source Sans Pro"}.group-content li{position:relative}.uptime{position:absolute;z-index:10000000;top:40px;right:0;width:433px;display:none}.uptime.active{display:block}.uptime:before{content:'';position:absolute;display:inline-block;border-right:8px solid transparent;border-bottom:8px solid #F6F6F6;border-left:8px solid transparent;top:-8px;right:96px}.uptime:after{content:'';clear:both}.uptime .hasDatepicker{float:left;border-right:0;height:298px}.uptime .status-container{float:left;width:150px;height:298px;border:1px solid #ebebeb;border-left:0}.uptime .status-header{background-color:#f6f6f6;height:43px;line-height:43px;text-align:center;font-size:12px;color:#7d7d7d}.uptime .status-body{height:255px;width:149px;background-color:white;border-left:1px solid #ebebeb;display:table;color:#b7b7b7}.uptime .status-hours{display:table-cell}.uptime .status-row{display:table-row}.uptime .status-hour{width:49px;text-align:center}.uptime .circle{margin:0 6px}.circle{background-color:black;display:inline-block;width:9px;height:9px;border-radius:50%}.circle.red{background-color:#dd5749}.circle.green{background-color:#8cc040}.hasDatepicker{border:1px solid #ebebeb;border-radius:3px}.hasDatepicker .ui-datepicker{border:0}.hasDatepicker .ui-datepicker-header{background:0;background-color:#f6f6f6;border:0;height:43px;padding:0;line-height:43px}.hasDatepicker .ui-datepicker-header .ui-datepicker-prev span,.hasDatepicker .ui-datepicker-header .ui-datepicker-next span{display:none}.hasDatepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-hover,.hasDatepicker .ui-datepicker-header .ui-datepicker-next.ui-state-hover{background:0;border:0;font-weight:bold}.hasDatepicker .ui-datepicker-header .ui-datepicker-prev{left:45px;top:0}.hasDatepicker .ui-datepicker-header .ui-datepicker-prev:after{content:'<';display:inline-block;color:#7d7d7d}.hasDatepicker .ui-datepicker-header .ui-datepicker-next{right:35px;top:0}.hasDatepicker .ui-datepicker-header .ui-datepicker-next:after{content:'>';display:inline-block;color:#7d7d7d}.hasDatepicker .ui-datepicker-header .ui-datepicker-title{font-size:14px;color:#7d7d7d;line-height:43px}.hasDatepicker .ui-datepicker-inline.ui-datepicker{padding:0}.hasDatepicker .ui-datepicker-calendar th{font-size:14px;color:#7d7d7d;height:20px}.hasDatepicker .ui-datepicker-calendar th [title=Sunday]{color:#dd5749}.hasDatepicker .ui-datepicker-calendar th [title=Saturday]{color:#8cc040}.hasDatepicker .ui-datepicker-calendar td{height:38px}.hasDatepicker .ui-datepicker-calendar .ui-state-default{border:0;background:0;text-align:center;color:#b7b7b7;width:36px;height:36px;line-height:36px;padding:0}.hasDatepicker .ui-datepicker-calendar .ui-state-default:hover{background-color:#EDEDED;border-radius:3px}.hasDatepicker .ui-datepicker-calendar .ui-state-default.ui-state-active{background-color:#7d7d7d;color:white;font-weight:bold;border-radius:3px}