﻿
/*-   深灰  #3A3839                        -*/
/*-   中灰  #515151                        -*/
/*-   浅灰  #eeeeee                        -*/
/*-   文本框默认边框颜色 #ddd              -*/
/*-   文本框获取焦点的边框颜色 #FF6D39     -*/
/*-                                        -*/
/*-      102, 175, 233                     -*/




/*------------------------------------------------------------*/
/*                     通用框样式                        */
/*------------------------------------------------------------*/
.container {
  margin-right: auto;
  margin-left: auto;
  clear:both;
}

/*------------------------------------------------------------*/
/*                     通用Label框样式                        */
/*------------------------------------------------------------*/
label {
	float:left;
	font-family: Droid Sans;
	padding:5px 10px 0px 5px;
	color: #3A3839;
	text-shadow: 0 1px 0 #FFFFFF;
}
/*---------------------------end------------------------------*/



/*------------------------------------------------------------*/
/*                     通用文本输入框样式                     */
/*    适用: [input]  [textarea]    [filename]                 */
/*------------------------------------------------------------*/
input, textarea,select filename { 
	border: solid 1px #eeeeee;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px !important;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px !important;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px !important;
}
input[type="file"] {
  display: block;
}
.input-control {
  display: block;
  height: 25px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #515151;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.input-control:focus {
  border-color: #FF6D39;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(75，233，90, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(75，233，90, 0.6);
}
.input-control[disabled],
.input-control[readonly],
fieldset[disabled] .input-control {
  cursor: not-allowed;
  background-color: #eeeeee;
}
/*---------------------------end------------------------------*/


/*------------------------------------------------------------*/
/*                多页切换框样式                              */
/*------------------------------------------------------------*/
.horizontal-tabs {
 height:auto;
 min-height:100px;
 border-left:solid 0px #eeeeee;	
}
.horizontal-tabs .tabs 
{
	float:left;
    text-shadow: -1px 1px 0px #fff;
    outline: 0;
    white-space: nowrap;
    word-wrap: normal;
    vertical-align: middle;
    color: #515151 !important;
    cursor: pointer;
    border: 1px solid #ddd;
    padding:5px;
    position:relative;
    z-Index:991;
	-webkit-box-shadow: 0 1px 2px rgba(144, 144, 144, 0.4);
	box-shadow: 0 1px 2px rgba(144, 144, 144, 0.4);
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75) !important;
	background-image: linear-gradient(top, rgb(255,255,255) 2%, rgb(240,240,240) 2%, rgb(222,222,222) 100%);
    background: -webkit-linear-gradient(#f8f8f8,#ddd);
    background: -moz-linear-gradient(#f8f8f8,#ddd);
    background: -o-linear-gradient(#f8f8f8,#ddd);
    background: -ms-linear-gradient(#f8f8f8,#ddd);
    background: linear-gradient(#f8f8f8,#ddd);
}
.horizontal-tabs .tabs-focus 
{
	float:left;
	font-weight:bold;
    text-shadow: -1px 1px 0px #fff;
    outline: 0;
    white-space: nowrap;
    word-wrap: normal;
    vertical-align: middle;
    color: #3A3839 !important;
    background-color:#fff;
    cursor: pointer;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #fff;
    padding:5px;
    position:relative;
    z-Index:991;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75) !important;
}
.horizontal-tabs .contents{
 clear:both;
 width:100%;
 height:90%;
 min-height:100px;
 top:-1px;
 border:solid 1px #ddd;
 position:relative;
 z-Index:990;		
}

.horizontal-tabs .contents .showdt{
 margin:5px;
}

/*---------------------------end------------------------------*/


/*------------------------------------------------------------*/
/*                     按钮样式                               */
/*                                                            */
/*  btn-mini    微型按钮      btn-grey  灰度                  */
/*  btn-small   小型按钮      btn-blue  蓝色                  */
/*  btn-normal  常规按钮      btn-yellow 金黄色               */
/*  btn-large   大按钮                                        */
/*                                                            */
/*------------------------------------------------------------*/
.btn-mini {
    display: inline-block;
    cursor: pointer;
    font-size: 12px;
    padding:2px 10px;
}

.btn-small {
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
    padding: 4px 15px;
}

.btn-normal {
    display: inline-block;
    cursor: pointer;
    font-size: 15px;
    padding: 8px 20px;
}

.btn-large {
    display: inline-block;
    cursor: pointer;
    font-size: 18px;
    padding: 12px 30px;
}


.btn-grey {
    color: #515151 !important;
    text-shadow: -1px 1px 0px #fff;
    outline: 0;
    white-space: nowrap;
    word-wrap: normal;
    vertical-align: middle;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #515151;
	-webkit-box-shadow: 0 1px 2px rgba(144, 144, 144, 0.4);
	box-shadow: 0 1px 2px rgba(144, 144, 144, 0.4);
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75) !important;
	background-image: linear-gradient(top, rgb(255,255,255) 2%, rgb(240,240,240) 2%, rgb(222,222,222) 100%);
}
.btn-grey:hover {
    background: -webkit-linear-gradient(#f8f8f8,#ddd);
    background: -moz-linear-gradient(#f8f8f8,#ddd);
    background: -o-linear-gradient(#f8f8f8,#ddd);
    background: -ms-linear-gradient(#f8f8f8,#ddd);
    background: linear-gradient(#f8f8f8,#ddd);
}

.btn-blue {
	background: -webkit-linear-gradient(#2eaef0,#0488cd);
	background: -moz-linear-gradient(#2eaef0,#0488cd);
	background: -o-linear-gradient(#2eaef0,#0488cd);
	background: -ms-linear-gradient(#2eaef0,#0488cd);
	background: linear-gradient(#2eaef0,#0488cd);
	border: 1px solid #2f7295;
	-webkit-box-shadow: inset 0 1px 1px 0 #9fcee7, 0 2px 0 -1px rgba(0,0,0,0.2);
	box-shadow: inset 0 1px 1px 0 #9fcee7, 0 2px 0 -1px rgba(0,0,0,0.2);
	cursor: pointer;
}
.btn-blue:hover {
	background: -webkit-linear-gradient(#0488cd,#2eaef0);
	background: -moz-linear-gradient(#0488cd,#2eaef0);
	background: -o-linear-gradient(#0488cd,#2eaef0);
	background: -ms-linear-gradient(#0488cd,#2eaef0);
	background: linear-gradient(#0488cd,#2eaef0);
}
.btn-blue {
    color: #fff !important;
    text-shadow: 0 1px #555 !important;
}

.btn-yellow {
	background: -webkit-linear-gradient(#FF6D39,#CF3A05);
	background: -moz-linear-gradient(#FF6D39,#CF3A05);
	background: -o-linear-gradient(#FF6D39,#CF3A05);
	background: -ms-linear-gradient(#FF6D39,#CF3A05);
	background: linear-gradient(#FF6D39,#CF3A05);
	border: 1px solid #95812F;
	-webkit-box-shadow: inset 0 1px 1px 0 #E7DA9F, 0 2px 0 -1px rgba(0,0,0,0.2);
	box-shadow: inset 0 1px 1px 0 #E7DA9F, 0 2px 0 -1px rgba(0,0,0,0.2);
	cursor: pointer;
}
.btn-yellow:hover {
	background: -webkit-linear-gradient(#CF3A05,#FF6D39);
	background: -moz-linear-gradient(#CF3A05,#FF6D39);
	background: -o-linear-gradient(#CF3A05,#FF6D39);
	background: -ms-linear-gradient(#CF3A05,#FF6D39);
	background: linear-gradient(#CF3A05,#FF6D39);
}
.btn-yellow {
    color: #fff !important;
    text-shadow: 0 1px #555 !important;
}

.btn-blue,.btn-yellow,.btn-grey {
    -webkit-transition: all .5s ease-in-out !important;
    -moz-transition: all .5s ease-in-out !important;
    -o-transition: all .5s ease-in-out !important;
    -ms-transition: all .5s ease-in-out !important;
    transition: all .5s ease-in-out !important;
}
/*---------------------------end------------------------------*/


/*------------------------------------------------------------*/
/*                 带搜索按钮的文本框                         */
/*------------------------------------------------------------*/
.h_search{
	float: left;
	position: relative;
	border: 1px solid rgb(216, 216, 216);
	margin: 0;
	min-width: 250px;
}
.h_search input[type="text"]{
	-webkit-appearance: none;
	font-family: 'Open Sans', sans-serif;
	padding:10px 16px;
	outline: none;
	color: #312c3c;
	background: #ffffff;
	border: none;
	width: 75%;
	line-height: 1.5em;
	position: relative;
	font-size: 0.8725em;
	text-transform: capitalize;	
}
.h_search input[type="submit"]{
	-webkit-appearance: none;
	background:url('images/dftimg/search.png') no-repeat 10px 10px;
	padding: 10px 0px;
	border: none;
	cursor: pointer;
	width: 15%;
	line-height: 1.5em;
	outline: none;
	position: absolute;
	right:0px;
}
.h_search input[type="submit"]:hover {
	background: url('images/dftimg/search_h.png') no-repeat 10px 10px;
}
/*---------------------------end------------------------------*/

.switchcss .cls1{float:left;padding:5px;margin-left:5px;margin-top:3px;height:25px;line-height:24px;border:solid 1px #e2e2e2;color:#4d4d4d;font-weight:bolder;cursor:pointer;border-radius: 3px 3px 3px 3px;}
.switchcss .cls2{float:left;padding:5px;margin-left:5px;margin-top:3px;height:25px;line-height:24px;border:solid 1px #FA8E19;color:#fff;font-weight:bolder;background-color:#FA8E19;cursor:pointer;border-radius: 3px 3px 3px 3px;}
.switchcss .cls2 a{color:#fff;}