/* Common Style */
	input:not([type="checkbox"]){
	    outline-color: invert ;
		outline-style: none ;
		outline-width: 0px ;
		border:1px solid rgb(169,169,169);
		text-shadow: none ;
		-webkit-appearance: none ;
		-webkit-user-select: text ;
		outline-color: transparent ;
		box-shadow: none;
		padding-left: 10px;
	}
	input:focus {border:1px solid rgb(169, 169, 169);}
	.box {background-color: rgb(215, 215, 215);}
	.box-title {display:block;color:#000;text-decoration:underline;}
	.box-body {position:relative;background-color: rgb(242, 242, 242);}
	.borderRed {border:1px solid red;}
	.hide {display: none;}
	#paneBox2,#paneBox3 {display: none;}
        
/* mobile Style*/
@media screen and (min-width:1px) and (max-width: 767px) {
	input:not([type="checkbox"]) {width: 96%;height: 30px;}
}
@media screen and (min-width:1px) and (max-width: 768px) {
        .GoToButton>p {
          margin-top:20px;
        }
        .returnlink1 a, .returnlink2 a {display: block;text-align: center;margin-top: 10px;border:none;}
	.box-title {margin: 10px 0;}
	.boxList {padding: 10px 15px;}
	.box-body {padding: 15px;}
	.box-line1 {margin-bottom: 10px;}
	.box-line1, .box-line2 div, .box-line3 div {margin-bottom: 10px;}
	
	.startDateBox input, .endDateBox input {width: 75%;}
	select {width: 100%;height: 35px;}
	.mobGoToButton p {margin-bottom: 10px;}
        .inputbox div {margin-bottom: 10px;}
        .mobControl {margin-bottom: 10px;padding-left: 55%;}
        .mobControl a {margin-left: 15px;}
        .mob-prolist div{margin-bottom: 10px;}
        .mob-title {background-color: rgb(242, 242, 242);display: block;padding: 15px 10px;height: 14px;margin: -15px -15px 15px -15px;border-bottom: 1px solid rgb(217,217,217);}
        .mob-prolist .mob-selecbox {margin-bottom:25px;}
        .Pane2 .box-body{background-color:#fff;}
        .MMM--subscribe li:last-child {
            width: 85%;
			margin-left:5px;
          }
}


/* PC Style*/
@media screen and (min-width: 768px) {
         /*error*/
         label.error {
          display:block;
         }
        .returnlink1 a, .returnlink2 a {border:none;}
        .returnlink1,.returnlink2 {margin-top:10px; text-align:center;}
	input{
		padding-left: 10px;
	}	
	.box p {margin:10px 0;}
	.box {padding: 10px 15px 20px 15px;}
	.box-title {margin:15px 0;}
	.box-body {padding: 15px 40px;}
	.box-line2 div {float: left;width: 33%;height:6em;}
	.ProjectName {width: 96%;height:35px;}
	.box-line2 select {width:80%;height:39px;}
	.box-line2 {margin-bottom: 5px;}
	.box-line2 input {width: 70%;height:35px;}
	.box-line2 .LengthRoad,.box-line2 .WdthRoad {width: 90%;}
	.box-line3 {width: 33%;}
	.box-line3 select {height:39px;width: 80%;}
	.box-line3 input{height:35px;width: 76%;}
	.GoToButton {margin-top: 20px;}
	.GoToButton .MMM--btn {display: block;width: 200px;height: 40px;margin: 0 35%;}
	.GoToButton p {position:absolute;bottom:5px;}
	.container-title {height: 30px;}
	.container-box {height: 30px;}
	.container-box ul {padding: 0;}
	.container-box select {width: 80%;margin-top: 3px;height: 20px;}
	.container-box input {width: 50%;}
	.listedit {margin-left: 2px;}
	.container-title div,.container-box div {float: left;}
	.item {width: 30%;    height: 30px;}
	.category {width: 20%;    height: 30px;}
	.type {width: 15%;    height: 30px;}
	.subtype {width: 15%;    height: 30px;}
	.quantity {width: 12%;    height: 30px;}
	.inputbox div {width:50%;float: left;}
	.inputbox div input {width: 70%;height: 35px;}
	.buttonbox {margin-left: 20%;}
	.GoToButton .buttonbox button {float: left;margin:0 0 0 10px;}	
	.MMM--subscribe li:last-child {
        width:90%;
        margin-left: 5px;
   }
   .productList li {
	   min-height:40px;
   }
}


@media screen and (min-width:1px) and (max-width:768px){
      .MMM-customed-Line {
                margin-bottom: 0px;
                padding-bottom: 0px;
      }
      .MMM-customed-BannerTit .MMM--mixin_sh_1 {
                margin-bottom: 0px !important;
                padding-bottom: 0px !important;
      }
      .MMM-customed-BannerTn .MMM--mixin_sh_1 {
                display: none;
      }
      .MMM-customed-MP0 {
                margin-bottom: 0px;
                padding-bottom: 0px;
                padding-top: 0px;
                margin-top: 0px;
      }
      .MMM-customed-ContactBar .MMM--featuredBox {
                margin-bottom: 0px;
      }
}

.MMM-customed-ColumLi {
               padding-bottom: 0px;
}
.MMM-customed-ContactBar {padding-top: 0px;}
.MMM-customed-ContactBar .MMM--featuredBox {margin-top: 10px;}
.MMM-customed-CTA .MMM--pageSection_noDividers {padding-bottom: 0px;}
.MMM-customed-CTA .MMM--tableGrids-col_omega {margin-top: 1em;}
/* calendar icon */
.MMM--icn_calendarevent{
    margin-left: 5px;
    cursor: pointer;
}
/*field validation*/
.js-boqTool .valid{
  border: none;
}
.js-boqTool .error:not(label){
 border: 1px red solid;
}
.inputbox {
  min-height: 180px;
}
/*Twist*/
.MMM--accordionList_twisty.MMM--customPanel {
    background: transparent;
    display: inline;
}

.MMM--customPanel .MMM--accordionList-trigger
{
  padding: 0px;
  float: left;
}

.MMM--customPanel .MMM--accordionList-infoContainer {
    padding: 0 20px 17px 23px;
}


.MMM--customPanel.MMM--accordionList .MMM--isActive {
    background: transparent;
}

@media screen and (max-width: 959px) and (min-width: 768px) {
  .box-container.MMM--isNotOnMobile{
    min-width: 900px;
  }
 .Pane2 .box-body{
   overflow-x: scroll;
  }
  .item {
        width: 25%;
  }
  
}