html, body{ margin:0; padding:0; width:100%; height:100%;}
input {outline:none; outline:0;}
textarea {resize:none;outline:none;}
li{list-style:none;}
img {border: none;}
a{outline:0; text-decoration:none;}
table{float:left;}

@font-face {
	font-family: MyriadPro-Regular;
	src: url('../font/MyriadPro-Regular.otf');
}

@font-face {
	font-family: segoe;
	src: url('../font/segoe.ttf');
}

.myriad{font-family: MyriadPro-Regular;}
.roboto{font-family: 'Roboto Condensed', sans-serif;}
.helvetica{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
.segoe{font-family: segoe;}

#bg{background:#eeede1; min-height:100%; min-width:1024px; width:100%; height:auto; top:0; left:0; float:left;}

.feed-back{background:red; width:200px; height:100px; position:fixed; z-index:9999; display:none;}



.login-bg{width:300px; margin:0 auto; position: fixed; top: 45%; left: 46%; margin-top: -50px; margin-left: -100px;}
.login-title{width:100%; float:left; margin:0 0 20px 0;}
.login-title img{width:101px; height:37px;}

.login-input{background:#d7d6c8; width:290px; color:#535347; font-size:16px; float:left; padding:5px 0 5px 10px; margin:0 0 10px 0;
border:0px;}

.login-error{ width:290px; float:left; text-align:Center;}
.login-error a{color:#B74659;}

.login-button{background:#8d8c7f; cursor:pointer; color:#ffffff; padding:4px 5px 5px 5px; margin:16px 0 0 0; float:right; 
border:0px;}
.login-button:active{background:#7e7d72;}

.header-bg{background:#e5e3d6; width:100%; height:64px; float:left; position:fixed; z-index:500;
border-bottom:1px solid #d7d6c8;}
.header-wrapper{width:1023px; height:64px; float:left;
border-right:1px solid #d7d6c8;}
.left-header-wrapper{width:300px; height:64px; float:left;}

.setting{width:33px; height:64px; float:right; cursor:pointer; position:relative;
border-left:1px solid #d7d6c8;
border-right:1px solid #d7d6c8;}
.setting-hover{background:#d7d6c8;
border-right:1px solid #cfcec1;}
.setting:hover{background:#d7d6c8;
border-left:1px solid #cfcec1;
border-right:1px solid #cfcec1;}
.setting img{width:16px; height:16px; margin:24px 9px; position:relative; z-index:300;}

.setting-hover-bg{background:#d7d6c8; width:299px; height:46px; position:absolute; top:64px; right:0px; z-index:100; text-align:Center;
border-top:1px solid #cfcec1;
border-bottom:1px solid #cfcec1;}
.setting-hover-bg a{padding:11px 0 10px 0; font-size:18px; display:block; color:#535347;
border-left:5px solid #d7d6c8;
border-bottom:1px solid #cfcec1;}
.account:hover{background:#e5e3d6; color:#68a242;
border-left:5px solid #68a242;}
.logout:hover{background:#e5e3d6; color:#b74659;
border-left:5px solid #b74659;}

.logo{ width:265px; float:left;}
.logo img{width:115px; margin:0 auto; margin-top:12px; display:block;}

.right-header-wrapper{height:64px; float:right;
border-right:1px solid #eeede1;}
.right-header-wrapper ul{float:left;}
.right-header-wrapper ul li{float:left; margin:0 10px;}
.right-header-wrapper ul li a{color:#535347; font-size:18px; display:block; float:left; cursor:pointer; padding:20px 0 19px 0px; text-transform:uppercase;}
.right-header-wrapper ul li a:hover{border-bottom:1px solid #98bbd0;}

.content-bg{width:1024px; min-height:100px; float:left; margin:65px 0 0 0;}

.left-content{background:#e5e3d6; width:299px; height:100%; float:left; position:fixed;
border-right:1px solid #d7d6c8;}
.left-title{width:300px; float:left; text-align:Center; padding:10px 0;
border-top:1px solid #eeede1;
border-bottom:1px solid #d7d6c8;}
.left-title a{font-size:18px; color:#8d8c7f;}

.submenu{float:left;
border-bottom:1px solid #eeede1;}
.submenu li{float:left;}
.submenu li a{width:260px; float:left; padding:10px 0 10px 34px; display:block; cursor:pointer; color:#535347;
border-left:5px solid #e5e3d6;
border-top:1px solid #eeede1;
border-bottom:1px solid #d7d6c8;}

.submenu li a.submenu-hover{background:#eeede1; 
border-right:1px solid #eeede1;
border-left:5px solid #98bbd0;}

.submenu li a:hover{background:#d7d6c8;
border-right:1px solid #d7d6c8;
border-left:5px solid #d7d6c8;
border-top:1px solid #d7d6c8;
border-bottom:1px solid #d7d6c8;}

.right-content{width:724px; min-height:450px; float:left; margin:0 0 0 300px;}
.right-title{background:#eeede1; width:682px; float:left; padding:10px 0 11px 42px; text-align:center; position:fixed; z-index:500;
border-bottom:1px solid #d7d6c8;}
.right-title-gradient{/*background:url(../images/r-gradient.png);*/ width:724px; height:24px; position:absolute; top:48px;
opacity: 0.7;
-moz-opacity: 0.7;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);}

.right-title a{color:#535347; font-size: 18px;}

.add-new-bg{width:723px; height:84px; float:left; margin:47px 0 0 0; position:relative; z-index:400;
border-right:1px solid #d7d6c8;}
.add-new{color:#535347; cursor:pointer; position:absolute; top:31px; right:13px; padding:0 0 0 25px;}
.add-new img{position:absolute; top:3px; left:0px;}
.add-new:hover{color:#98bbd0;}

.content{width:682px; min-height:450px; float:right; margin:0 0 0 0; position:relative; z-index:400;}
.table{width:100%; float:left; table-layout:fixed; word-wrap:break-word; margin:0 0 25px 0;}
.table thead tr{background:#8D8C7F;
border-left:1px solid #8D8C7F;}
.table thead tr td{padding:11px; color:#ffffff;}

.table tbody tr{background:#E5E3D6;
border-bottom:1px solid #d7d6c8;
border-left:1px solid #d7d6c8;
border-right:1px solid #d7d6c8;}
.table tbody tr td{ padding:11px; color:#535347; word-wrap:break-word;
border-right:1px solid #d7d6c8;}

.table-colspan{width:130px; text-align:Center;}
.table-link a{color:#032788;}
.table-link a:hover{text-decoration:underline;}
.table-edit{cursor:pointer; text-align:Center;}
.table-edit a{color:#68a242;}
.table-edit a:hover{text-decoration:underline;}
.table-delete{cursor:pointer; text-align:Center;}
.table-delete a{color:#b74659;}
.table-delete a:hover{text-decoration:underline;}
.table-preview{width:75px;}
.table-status{width:55px;}

.img-preview{width:75px; height:75px; float:left; position:relative; overflow:hidden;
-webkit-box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.12);
-moz-box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.12);}
.img-preview img{width:75px; height:75px;}

.footer-bg{background:#e5e3d6; width:100%; height:24px; float:left; z-index:500;
border-top:1px solid #d7d6c8;}
.footer-wrapper{width:945px; height:24px; float:left; text-align:center;}
.footer-wrapper a{font-size:11px; color: #535347;}

.junk{width:681px; height:89px; float:left;
border-right:1px solid #d7d6c8;}
.admin-input{width:681px; min-height:46px; float:left;
border-right:1px solid #d7d6c8;}
.admin-input-a{width:150px; font-size:17px; color:#535347; display:block; padding:11px 0; float:left;}
.admin-input span{max-width:650px; float:left;}
.admin-input label{width:10px; font-size:17px; color:#535347; display:block; padding:11px 0; float:left;}
.admin-input input{background:#fff; width:345px; border:0px; padding:10px 10px 11px 10px; font-size:17px; color:#535347;}
.admin-input select{background:#fff; width:365px; border:0px; padding:10px 10px 11px 10px; font-size:17px;}

.admin-error{width:681px; height:46px; float:left;
border-right:1px solid #d7d6c8;}
.admin-error a{font-size:17px; color:#b74659; margin:0 0 0 160px; float:left;}
.admin-error p{font-size:17px; color:#b74659; margin:0 0 0 160px; float:left;}

#input-file-wrapper{background:#8D8C7F; width:100px; height:46px; border:0px; font-size:17px; float:left; text-align:center; cursor:pointer; position:relative;
line-height:45px;}
#input-file-wrapper:hover{background:#7e7d72;}
#input-file-wrapper a{width:100px; color:#fff;}

#input-file{height:46px; cursor:pointer; position:absolute; left:-173px;
opacity:0.0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

.file-preview{width:100px; height:100px; float:left;
border:0px;
-webkit-box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.12);
-moz-box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.12);}
.file-preview img{width:100px; height:100px;}

.file-preview2{width:491px; min-height:100px; float:left; padding:3px 3px 0 3px;
-webkit-box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.12);
-moz-box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.12);}
.file-preview2 img{width:491px; min-height:100px;}


.admin-submit{width:60px; height:100%; margin:0 auto;}
#input-submit{background:#8D8C7F; width:80px; height:30px; padding:0 10px; color:#fff; cursor:pointer;}
#input-submit:hover{background:#7e7d72;}

::-webkit-input-placeholder {}
::-moz-placeholder {} /* firefox 19+ */
:-ms-input-placeholder {} /* ie */
input:-moz-placeholder {}

::-moz-selection {
       background-color: #98bbd0;
	   color:#fff;
}
::selection {
       background-color: #98bbd0;
	   color:#fff;
}