@charset "utf-8";

#divSearchMenu {
  margin-bottom: 34px;
  overflow: hidden;
  position: relative;
  border-bottom: 1px solid #c9c9c9;
}

#divSearchMenu ul {
  display: flex;
}

#divSearchMenu ul li {
  background-color: #fff;
  box-sizing: border-box;
  width: auto;
}

#divSearchMenu ul li.selected a {
  border-color: #670001;
  background-color: #670001;
  color: #fff;
}

#divSearchMenu ul li a {
  display: block;
  line-height: 40px;
  padding: 0 23px;
  background-color: #fff;
  font-size: 16px;
  font-weight: 500;
  color: #6a6a6a;
  border-top: 1px solid #c9c9c9;
  border-left: 1px solid #c9c9c9;
  border-bottom: 0;
  box-sizing: border-box;
}

#divSearchMenu ul li:first-child a {
  border-radius: 10px 0 0 0;
}

#divSearchMenu ul li:last-child a {
  border-radius: 0 10px 0 0;
  border-right: 1px solid #c9c9c9;
}

.advancedSearch select {background:#fff;-webkit-border-radius:0}
.advancedSearch {line-height:1}
.advancedSearch .searchKeyword {height:35px;margin-bottom:10px;position: relative;}
.advancedSearch .searchKeyword input, .advancedSearch .searchKeyword .searchOpt1 {float:left}
.advancedSearch .selectSearchItem {width:150px;margin-right:10px}
.advancedSearch .inputSearchKeyword {width: calc(100% - 300px);margin-right:10px;background:#fff;-webkit-border-radius:0;height: 35px;box-sizing: border-box;}
.advancedSearch .selectBoolean {width:110px;position: absolute;right: 0;}
.advancedSearch .btnLanguage {width:118px; padding:0; text-align:center;color:#51421a;background: url(../../../../image/vi/solution/common/btn/language.png) no-repeat left center; border: 0; text-indent: -9999px; line-height: 2.5em;position: absolute;right: 0;}
.advancedSearch .btnLanguage.selected {font-weight:bold}
@media screen and (max-width:1170px){
	.advancedSearch .inputSearchKeyword{/* width:610px; */}
}

.searchLimit {padding:30px 0 0 0}
.searchLimit dl {overflow:hidden}
.searchLimit dt {float:left;width: 211px;padding:0 20px 0 0;text-align:right}
.searchLimit dd {padding-left:160px}

.searchLimitSelect {margin-bottom:13px}
.searchLimitSelect:first-child {margin-bottom:11px}
.searchLimitSelect li {float:left;margin-right:15px;margin-bottom:8px}
.searchLimitSelect li input {vertical-align:-2px; margin-right: 4px;}

.searchLimitCondition {margin-bottom:10px}
.searchLimitCondition:last-child {margin-bottom:0}
.searchLimitCondition dt {line-height:35px;}
.searchLimitCondition select {width:150px}
.searchLimitCondition select.searchOpt4{width:470px}
.searchLimitCondition .bunch {line-height:2.4em}
.searchLimitCondition .datePicker {width:98px;padding:0 10px;}


@media screen and (min-width:768px) and (max-width:1024px){
#divSearchMenu {padding-top:0}
}

@media screen and (min-width:768px) and (max-width:980px) {
.advancedSearch .inputSearchKeyword {/* width:395px; */}
}


@media screen and (min-width:0px) and (max-width:767px){
a.selectSearchItem{max-width:100% !important;}
a.selectBoolean{max-width:100% !important;min-width:30px !important;width:80px !important;}

#divSearchMenu {padding-top:0;margin-bottom:20px}
#divSearchMenu ul {/* width:349px; *//* margin:0 auto; */}
#divSearchMenu li{width:115px}

.advancedSearch .inputTextType1, .advancedSearch .selectOpt1 {height:35px;-webkit-box-sizing:border-box;box-sizing:border-box}
.advancedSearch {width:100%}
.advancedSearch .searchKeyword {overflow:hidden;height:auto;margin-bottom:10px}
.advancedSearch .selectSearchItem {float:none;width:38%;margin-bottom:10px}
.advancedSearch .inputSearchKeyword {width: 80%;margin-right:1.5%;margin-bottom: 7px;}
.advancedSearch .selectBoolean {width: calc(100% - 81.5%);position: relative;}
.advancedSearch .btnLanguage {display:none}

.searchLimit {padding-top:0}
.searchLimit dd {width:100%;padding:0}

.searchLimitSelect {margin-bottom:10px}
.searchLimitSelect:first-child {margin-bottom:0}
.searchLimitSelect dt {float:none;width:100%;margin-bottom:10px;padding:10px 0;background:url(../../../../image/vi/solution/common/btn/arrowMoreDown.png) no-repeat right center;background-size:13px 10px;border-bottom:1px solid #e6e6e6;text-align:left;color:#000}
.searchLimitSelect dt.on {background-image:url(../../../../image/vi/solution/common/btn/arrowMoreUp.png)}
.searchLimitSelect li {float:none;width:100%}

.searchLimitCondition {margin-bottom:10px}
.searchLimitCondition dt{float:none;width:auto;text-align:left}
.searchLimitCondition select{width:38%}
.searchLimitCondition select.searchOpt4{width:97%}
.searchLimitCondition .datePicker {width:42.3%}
}

@media screen and (min-width:0px) and (max-width:400px){
#divSearchMenu ul {width:304px;margin:0 auto}
#divSearchMenu li {width:100px}
}