@import url('reset.css'); /* Reset default Browser CSS */
@import url('https://fonts.googleapis.com/css?family=David+Libre');

/* =Structure */
body {
	color: #474747;
	font-family: "David Libre", serif;
	font-size: 16px;
}
a {
	color: #1BAB9D;
	text-decoration: none;
}
p {
  margin: 0.85rem 0 0.85rem;
  line-height:1.2;
}
h2 {
  font-size:24px;
  margin-top:2px;
  margin-bottom:12px;
}
.container {
	width: 540px;	
	margin: 10px auto;
}
.container:last-child {
	border-bottom:0 none;
}
#header .container {
  text-align:center;
  padding:16px 8px;
}
#header img {
  max-width:100%;
}

/* =General */
.section {
	clear:both;
	padding: 20px;
	border: 1px solid #1BAB9D;
	border-top:0 none;
}
.section.login {
	border: 1px solid #1BAB9D;
}
.section.red {
	border: 1px solid #1BAB9D;
	border-bottom:0 none;
}
.red {
	color: Red!important;
	font-weight: bold;
}
.green {
  color:Green!important;
  font-weight:bold;
}
.orange {
  color: #b8860b!important;
  font-weight:bold;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	width: 100%;
	clear: both;
}
small {
	font-size: 12px;
	margin-top: 5px;
}

/* =Tabs */
.tabs {
  height:47px;
  display:block;
  border-bottom: 1px solid #1BAB9D;
}
.tab {
  height:46px;
	float: left;
	margin-right:0;
	border:1px solid #1BAB9D;
	border-radius:6px 6px 0 0;
	line-height:30px;
}
.tab.close {
  float:right;
  border:0 none;
}
.tab.upload {
  border-right:0 none;
}
.tab.manage {
  border-right:0 none;
}
.tab.edit {
}
.tab.active {
  border-right:0 none;
  border-bottom:1px solid #FFF;
}
.tab.edit.active, .tab.files {
  border-right:1px solid #1BAB9D;
  border-bottom:1px solid #FFF;
}
.tab.files {
  border-right:1px solid #1BAB9D;
}
.tab a {
	color: #1BAB9D;
	padding: 10px;
	display: block;
}
.tab a:hover {
	color: #1FD0C0;
}
.tab.active a {
	color: #1FD0C0;
}
.tab.files a {
	width: auto;
}
.tab.info a {
	width: auto;
}
.tab.upload a {
	width: auto;
}
.tab.manage a {
	width: auto;
}
.tab.edit a {
	width: auto;
}
.tab.close a {
	width: 14px;
	height: 16px;
}
.tabs img.icon {
	margin: 0 6px -2px 0;
}

/* =List */
ul {
	list-style: none;
}
ul li {
	background: url('img/list.png') no-repeat 0 5px;
	padding-left: 18px;
	margin: 8px 0;
}
ul li a {
  line-height:20px;
}
ul small {
	font-size: 12px;
	color: #888;
}

/* =Form */
input[type="text"],
input[type="password"] {
	border: 0 none;
	border-bottom: 1px solid #1BAB9D;
	width: 183px;
	height: 28px;
	padding: 3px 10px;
	font-size: 15px;
	margin: 5px 5px 5px 0;
}
input[type="text"].double,
input[type="password"].double {
	width: 396px;
}
input[type="button"],
input[type="submit"] {
  background: #fff;
  border: 2px solid;
  border-color: #C6C6C6;
  border-radius: 0;
  color: #2d2d2d;
  font-size: 13px;
  line-height: 1;
  outline-style: none;
  padding: 12px 14px;
  transition: 0.3s;
  text-decoration: none;
  text-transform: uppercase;
  position: relative;
  display: inline-block;
}

input[type="button"]:hover,
input[type="button"]:active,
input[type="submit"]:hover,
input[type="submit"]:active {
	border-color: #1493a4;
  color: #1493a4;
}
input[type="file"] {
	color: #eee;
	margin-bottom: 10px;
}
textarea {
	border: 0 none;
	border-bottom: 1px solid #1BAB9D;
	padding: 3px 10px;
	font-size: 15px;
	margin: 5px 5px 5px 0;
	width: 396px;
	height: 120px;
	margin: 5px 5px 5px 0;
}
.checkbox {
	cursor: pointer;
}
.checkbox span {
	background: url('img/checkbox.png');
	width: 20px;
	height: 19px;
	display: inline-block;
	line-height:1;
	vertical-align: middle;
}
.checkbox.checked span {
	background-position: 0 19px;
}

/* =Drag'nDrop Upload */
#upload-container {
	position: relative;
}
.upload-box {
	background: none;
	margin: 0;
}
.upload-box small {
	width: 100%;
	text-align: center;
	display: block;
	margin: 5px 0 15px 0;
}
#old-browser {
	text-align: right;
	font-style: italic;
	font-size: 12px;
	width: 100%;
	display: block;
	margin-top: 20px;
}
.qq-uploader {
	width: 100%;
	height: 100%;
}
.qq-upload-button {
	background: #fff;
  border: 2px solid;
  border-color: #C6C6C6;
  border-radius: 0;
  color: #2d2d2d;
  font-size: 14px;
  line-height: 1;
  outline-style: none;
  padding: 16px 14px 8px;
  transition: 0.3s;
  text-decoration: none;
  text-transform: uppercase;
  position: relative;
  display: inline-block;
  margin-right:8px;
  margin-bottom:8px;
  float:left;
}
.qq-upload-button-hover {
	border-color: #1493a4;
  color: #1493a4;
}
.qq-upload-drop-area {
	position:absolute; 
	top:0;
	left:0;
	width:100%;
	height:100%;
	min-height: 70px;
	z-index:5;
	text-align:center;
}
.qq-upload-drop-area span {
	display:block;
	position:absolute;
	top: 50%;
	width:100%;
	margin-top:-8px;
	font-size:16px;
}
.qq-upload-list {
	margin-top: 10px;
	list-style:none;
	z-index: 3;
	text-align: center;
}
.qq-upload-list li {
	margin:0;
	padding-left: 4px;
	line-height:15px;
	font-size:12px;
	background: none;
}
.qq-upload-file,
.qq-upload-spinner,
.qq-upload-size,
.qq-upload-cancel,
.qq-upload-failed-text {
    margin-right: 7px;
}
.qq-upload-spinner {
	display:inline-block;
	background: url("img/loading.gif");
	width:15px;
	height:15px;
	vertical-align:text-bottom;
}
.qq-upload-size,
.qq-upload-cancel {
	font-size:12px;
}
.qq-upload-failed-text {
	display:none;
}
.qq-upload-fail .qq-upload-failed-text {
	display:inline;
}
.large {
  font-size:24px;
}
.hidden {
  display:none;
}
#mobile-navigation {
  left: 0;
  top: 61px;
  width: 100%;
  z-index: 10; }
  .header-design-2 #mobile-navigation {
    top: 60px; }
  .header-design-3 #mobile-navigation {
    top: 60px; }
  .header-design-4 #mobile-navigation {
    top: 100px; }
    
  #mobile-navigation ul {
    width:100%;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    }
    #mobile-navigation ul li {
      background: #FFF;
      border-bottom: 1px solid #ebebeb;
      line-height: 42px;
      padding: 0;
      width: auto;
      display:inline-block;
      }
      #mobile-navigation ul li a {
        background: #fff;
        border: 2px solid;
        border-color: #C6C6C6;
        border-radius: 0;
        color: #2d2d2d;
        font-size: 13px;
        font-size: 0.8125rem;
        line-height: 1;
        letter-spacing: 1.5px;
        outline-style: none;
        padding: 4px;
        transition: 0.2s;
        text-decoration: none;
        text-transform: uppercase;
        position: relative;
      }  
      #mobile-navigation ul li a:hover {
        border-color: #1493a4;
        color: #1493a4;
      }