@charset "utf-8";


/************************************** import **************************************/


@import url("../common/component.css");



/************************************** dashboard css **************************************/

/* common  */
.admin-wrap .body-container .admin-content-wrap {padding:0 80px; height: 100%; position: relative;}
.admin-wrap .admin-content-wrap .box-wrap .box-tit {padding-bottom: 10px; font-weight: 500; position: relative; font-size: 1.4rem;}
.admin-wrap .admin-content-wrap .box-wrap .box-tit .more-btn a {color: #c3c3c3; font-size: 1.2rem; position: absolute; right: 0; top: auto; font-weight: 300}

/* top area */
.admin-wrap .admin-content-wrap .top-area {width: 100%; padding: 40px 0; position: relative;}
.admin-wrap .admin-content-wrap .top-area:after {content: ''; position: absolute; top: 0; left: -310px; width: calc(100% + 390px); height: 260px;}
.admin-wrap .admin-content-wrap .top-area > h1.tit { font-size: 2.7rem; font-weight: 400; position: relative; z-index: 1; color: #fff;}

/* float-box area */
.admin-wrap .admin-content-wrap .float-box-area {position: relative}
.admin-wrap .admin-content-wrap .float-box-area .box-wrap .box {background: #fff; float: left; margin-right: 30px; width: calc(33.33% - 20px); min-height: 220px; border: 1px solid #fff; box-shadow: 0px 2px 9px rgba(0,0,0,0.05); padding: 15px 20px;}
.admin-wrap .admin-content-wrap .float-box-area .box-wrap .box:last-child {margin-right: 0}
.admin-wrap .admin-content-wrap .float-box-area .box-wrap .box .menu-category > li {border-bottom: 0; background: #f5f5f7; margin-bottom: 5px; padding: 6px 10px;}

/* dashboard area */
.admin-wrap .admin-content-wrap .dashboard-area {margin-top: 20px; position:relative; height: calc(100% - 250px);}
.admin-wrap .admin-content-wrap .dashboard-area .box {width: calc(50% - 10px); height:50%; margin-right: 20px; background: #fff; margin-bottom: 20px; float: left; border: 1px solid #e7e7e7; padding: 15px 20px;overflow-y: auto;}
.admin-wrap .admin-content-wrap .dashboard-area .box:nth-child(2n) {margin-right: 0;}
.admin-wrap .admin-content-wrap .dashboard-area .box textarea {height:calc(100% - 45px)}
.admin-wrap .admin-content-wrap .dashboard-area .box textarea:read-only {background:#f4f4f4; }
.admin-wrap .admin-content-wrap .dashboard-area .box textarea:read-only:hover { box-shadow: none; border-color: #e0e0e0; }