﻿@media screen and (max-width: 299px) {
.searchBar .content { padding:10px 6px; }
ul.forms h6 { width:45px; margin-left:0; font-size:13px; }
#txtKey { width:60%; }
.ui-multiselect { width:150px !important; margin-top:10px; }
.ui-multiselect-checkboxes li { width:100%; }
.inlineColumn { display:table-cell; vertical-align:top; }

div.selector {
  width: 150px !important;
  font-size: 13px !important;
  background-position: 133px center !important;
}
div.selector select {
  width: 150px !important;
  font-size: 13px;
}
div.selector span {
  color: #666;
  width: 115px !important;
}

.inlineColumn.small div.selector {
  width: 65px !important;
  font-size: 13px !important;
  background-position: 48px center !important;
}
.inlineColumn.small div.selector select {
  width: 65px !important;
  font-size: 13px;
}
.inlineColumn.small div.selector span {
  color: #666;
  width: 30px !important;
  padding:0px 25px 0px 5px;
}
.ui-multiselect-menu { width:150px !important;}

.icon-search {
	/*position:inherit;
	right:inherit;
	bottom:inherit;
	padding:5px 0 2px;
	margin:0 0 20px 5%;
	width:90%;
	text-align:center;*/
	font-size:0;
	background-image:url(../../images/UDN/icon/search-big-white.png);
	background-color:#ef6a25;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:20px 20px;
	line-height:26px;
	padding:0;
	width:26px;
	height:26px;
	margin:0;
	right:15px;
	bottom:16px;
	border:0;
}
.icon-search:hover {
	background-image:url(../../images/UDN/icon/search-big-white.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:20px 20px;
}
}
@media screen and (min-width: 300px) and (max-width: 479px) {
/*ul.forms h6 { width:45px; margin-left:0; }*/
#txtKey { width:60%; }
.ui-multiselect { width:calc(50vw - 35px) !important; margin-top:-1px; }
.ui-multiselect-checkboxes li { width:50%; }
.inlineColumn { display:table-cell; vertical-align:top; }

div.selector {
  width: calc(50vw - 80px) !important;
  font-size: 13px !important;
  background-position: calc(50vw - 97px) center !important;

}
div.selector select {
  width: calc(50vw - 80px) !important;
  font-size: 13px;

}
div.selector span {
  color: #666;
  width: calc(50vw - 97px) !important;
}

.inlineColumn.small div.selector {
  width: 75px !important;
  font-size: 13px !important;
  background-position: 55px center !important;
}
.inlineColumn.small div.selector select {
  width: 75px !important;
  font-size: 13px;
}
.inlineColumn.small div.selector span {
  color: #666;
  width: 75px !important;
}
.ui-multiselect-menu { width:calc(50vw - 35px) !important;padding: 0px;}
/*
.icon-search {
padding:5px 5vw 2px 5vw;
line-height: 30px;
}
*/

.icon-search {
	font-size:0;
	background-image:url(../../images/UDN/icon/search-big-white.png);
	background-color:#ef6a25;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:20px 20px;
	line-height:26px;
	padding:0;
	width:26px;
	height:26px;
	margin:0;
	right:15px;
	bottom:16px;
	border:0;
}
.icon-search:hover {
	background-image:url(../../images/UDN/icon/search-big-white.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:20px 20px;
}
}
@media screen and (min-width: 300px) and (max-width: 365px) {
/*.ui-multiselect { width:192px !important; margin-top:10px; }*/
.housekind .ui-multiselect { margin-top:0px; }
/*.forms.unstyled li:last-child .ui-multiselect {width:65% !important; margin-top:0;}
.forms.unstyled li:first-child input {width:70% !important;}*/
}
@media screen and (min-width: 480px) and (max-width: 623px) {/*1024*/
ul.forms h6 { margin-left:0; }
#txtKey { width:60%; }
.ui-multiselect { width:calc(100vw - 305px) !important; margin-top:0; }
.ui-multiselect-checkboxes li { width:100%; }
.inlineColumn { display:table-cell; vertical-align:top; }

div.selector {
  width: 190px !important;
  font-size: 13px !important;
  background-position: 173px center !important;
}
div.selector select {
  width: 190px !important;
  font-size: 13px;
}
div.selector span {
  color: #666;
  width: 155px !important;
}

.inlineColumn.small div.selector {
  width: 80px !important;
  font-size: 13px !important;
  background-position: 63px center !important;
}
.inlineColumn.small div.selector select {
  width: 80px !important;
  font-size: 13px;
}
.inlineColumn.small div.selector span {
  color: #666;
  width: 45px !important;
}
.ui-multiselect-menu { width:177px !important;}
/*
.icon-search {
	position:inherit;
	right:inherit;
	bottom:inherit;
	padding:5px 0 2px;
	margin:0 0 20px 5%;
	width:90%;
	text-align:center;
}*/
}
@media screen and (min-width: 624px) and (max-width: 683px) {/*1024*/
#txtKey { width:465px; }
.ui-multiselect { width:calc(100% - 315px) !important;}
/*.forms.unstyled li:first-child input {width:78.5% !important;}
.forms.unstyled li:last-child .ui-multiselect {width:55% !important;}*/
}

@media screen and (min-width: 684px) and (max-width: 751px) {/*768*/
.ui-multiselect {width:calc(100% - 315px) !important;}
/*.forms.unstyled li:first-child input {width:83% !important;}
.forms.unstyled li:last-child .ui-multiselect {width:60% !important;}*/
}

@media screen and (min-width: 752px) {/*1280*/
#txtKey { width:602px; }
/*.forms.unstyled li:last-child .ui-multiselect {width:60% !important;}*/
}

@media screen and (min-width: 1024px) {/*1280*/
.row.mobile { display:none; }
.row { display:block; }
}

@media screen and (max-width: 1023px) {/*1280*/
.row.mobile { display:block; }
.row { display:none; }
}


/*
==============================================
   各種控件的修正
==============================================
*/
label div { *float:left; *top:3px; }
label { margin-right:0px; display:inline-block; *display:inline; *zoom:1; }
label.block { display:block; }
/*.uploader {  }*/
textarea { /*resize:none;*/ /*width:inherit !important;*/ height:inherit !important; vertical-align:top; }
div.selector select { *width:150px; }


