/*b-lazy*/
.b-lazy { opacity:0;}
.b-loaded {opacity:1;}
.board {display: flex;}
.board>* {width: 50%;}

/*----------------------------------------------------------------------------*/
/*input placeholder*/
::-webkit-input-placeholder { text-align: center;}
:-moz-placeholder { /* Firefox 18- */ text-align: center;}
::-moz-placeholder {  /* Firefox 19+ */ text-align: center;}
:-ms-input-placeholder {text-align: center;}
/*----------------------------------------------------------------------------*/
/*textarea placeholder*/
textarea::-webkit-input-placeholder { text-align: left;}
textarea:-moz-placeholder {text-align: left;}
textarea::-moz-placeholder {text-align: left;}
textarea:-ms-input-placeholder { text-align: left;}
/*----------------------------------------------------------------------------*/
/*ul.origin input placeholder*/
ul.origin>li.icon-plus input::-webkit-input-placeholder,li.hide-list input.other-text::-webkit-input-placeholder { text-align: left;}
ul.origin>li.icon-plus input:-moz-placeholder,li.hide-list input.other-text:-moz-placeholder { text-align: left;}
ul.origin>li.icon-plus input::-moz-placeholder,li.hide-list input.other-text::-moz-placeholder { text-align: left;}
ul.origin>li.icon-plus input:-ms-input-placeholder,li.hide-list input.other-text:-ms-input-placeholder {text-align: left;}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button,input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-outer-spin-button {-webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0;}
/*----------------------------------------------------------------------------*/
input.other-num { width: 35%;}
input.date {width: 100%;}
input.num {margin-right: 15px;}
.b-bottom {margin-bottom: 33px;}
.indi.open {padding: 20px 28px 0 28px;}
.forty {width: 40%;}
.thirty {width: 30%;}
.twenty {width: 20%;}

textarea { resize: none; border: 0; padding: 15px 0 5px 0;}
input {border: 0;}
.main .dropdown { width: 100%;  background-color: transparent; border: none;}
.main .dropdown:hover,.main .dropdown:focus,.main .dropdown:active { box-shadow: none;}
.main .dropdown .selected,.main .dropdown li { font-size: 1rem; color: #c0c0c0;}
.main .dropdown li {
  background-color: #f3f3f3;
  height: 50px;

  display: flex;
  align-items: center;
}
.main .dropdown li.focus {
  background: #005bac;
}

.main .dropdown div {
  border: none;
}

li.hide-list .dropdown { background-color: #f3f3f3;}
li.hide-list .dropdown .selected::after {box-shadow: none;}

@media (max-width:767px) {
  .main .dropdown .selected,.main .dropdown li { width: 100%; padding: 0;}
  .main .dropdown .carat {width: 10px;}
}



li.hide-list {
  padding: 80px 0 0 0;
  border-bottom: solid 1px #dadada;
}
li.hide-list input {
  background-color: #f3f3f3;  
}
li.hide-list>h2 {
  font-size: 2.8rem;
  font-weight: 600;
  color: #005bac;
  margin-bottom: 10px;
}
li.hide-list>h3 {
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 50px;
}
li.hide-list section.list-block {
  margin-bottom: 60px;
}
li.hide-list section.list-block p.cate-name {
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 16px;
}

ul.base-type,ul.base-type-facility {
  display: flex;
  flex-wrap: wrap;
  /*align-items: center;*/
}
ul.base-type li,ul.base-type-facility li {
  min-height: 50px;
  padding: 0 28px;
  background-color: #f3f3f3;

  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
ul.base-type li div,ul.base-type-facility li div {
  width: 100%;

  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
ul.base-type-facility li div {
  justify-content:  left;
}
ul.base-type li div.san-san>*,ul.base-type-facility li div.san-san>* {
  width: 33%;
}
ul.base-type li div.san-san>*:last-child,ul.base-type-facility li div.san-san>*:last-child {
  text-align: right;
}

ul.base-type li div.other,ul.base-type-facility li div.other {
  justify-content: flex-start;
  align-items: center;
}

ul.base-type p,ul.base-type-facility p {
  width: 100%;
  padding-left: 26px;
  margin: 26px 0 16px 0;
}

@media (max-width:767px){
  li.hide-list>h2 {
    font-size: 2.2rem;
  }

  .at {
    width: 100% !important;
  }
}

/*-----------------------------------------------------------------------------*/

 .row-1 {
  width: 100%;
  margin: 0 1px 2px 1px;
}
.row-2 {
  width: calc(50% - 2px);
  margin: 0 1px 2px 1px;
}
.row-3 {
  width: calc(33.33% - 2px);
  margin: 0 1px 2px 1px;
}

.to-right {
  text-align: right;
}

.extend-options{display: none}
.hasExtend:checked+label ~.extend-options{display: inline}

@media (max-width:767px) {
  .row-1,
  .row-2,
  .row-3 {
    width: 100%;
  }
  .row-1 div {
    padding: 10px 0;

    flex-wrap: wrap;
  }
  .row-1 div>* {
    width: 33%;
    line-height: 1.6;
  }

  .w-auto {
    width: auto;
  }
  .half {
    width: 50%
  }
  .one-fifth {
    width: 20%;
  }
}


/*hide-f0*/
ul.individual {
  width: 100%;
  margin: 20px 0;

  display: flex;
  flex-wrap: wrap;
}
ul.individual li {
  padding: 0 15px;
  background-color: #fff;
}
ul.individual li input {
  margin-right: 10px;
}
li.hide-f0 input.other-text {
  width: 62%;
}
li.hide-f0 input.other-num {
  width: 35%;
  margin: 0 5px;
}
li.hide-f0 textarea {
  width: 100%;
  background-color: #f3f3f3;
}


/*==========�梁鍂 end==========*/

li.hide-f0,li.hide-f1,li.hide-f2 {display: none;}

/*===================================contact.html==========================================*/

/*==========article main==========*/

article.main {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  padding: 120px 20px 140px 20px;

  display: flex;
  justify-content: flex-end;
}
article.main section.left {
  width: 300px;
   position: fixed;
  left: calc(50% - 360px);
  top: 50%;
   transform: translateX(-50%);
	 -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; 
	z-index: -1;
}








article.main section.right {
  width: 730px;
}

article.main section.left h2 {
  font-size: 2.6rem;
  font-weight: bold;
  color: #005bac;
  margin-bottom: 22px;
}
article.main section.left p.address {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: 22px;
}
article.main section.left div {
  display: flex;
}
article.main section.left div p:first-child {
  margin-right: 40px;
}
article.main section.left div p span {
  font-weight: bold;
  margin-right: 7px;
}

article.main section.right p.intro {
  line-height: 1.6;
  margin-bottom: 55px;
}
article.main section.right form {
  border-top: solid 3px #000;
  border-bottom: solid 3px #000;
  text-align: left;
}

ul.origin { padding-top: 10px;}
ul.origin li.icon-plus { width: 100%; height: 60px; padding-left: 50px;background: url(../images/icon/icon-plus-g.svg) no-repeat  left 20px; background-size:12px;  display: flex;  align-items: center; border-bottom: solid 1px #dadada;}
ul.origin>li.icon-plus label { width: 30%;}
ul.origin>li.icon-plus input {  width: 70%;}
ul.origin>li.icon-plus div.dropdown { width: 70%;}
ul.origin>li.icon-plus.code input { width: 60%;}

ul.origin li.icon-plus.must{background: url(../images/icon/icon-plus.svg) no-repeat  left 20px; background-size:12px;}

ul.origin li.message { height: 260px; padding: 10px 0px 20px 0px; flex-wrap: wrap;}
ul.origin li.message label { width: 20%; padding:10px 0px 0px 50px; }
ul.origin li.message textarea { width: 100%;  margin: 10px 30px;  padding: 10px 0 0 40px; background-color: #f3f3f3;}

ul.origin li:before {
  color: #dadada;
  margin-right: 25px;
}
ul.origin li.must:before {
  color: #005bac;
}



div.send-clear {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px 0;
}
div.send-clear input:first-child {margin-right: 20px; }
div.send-clear input {
  width: 210px;
  height: 50px;
  border-radius: 30px;
  background-color: #005bac;
  color: #fff;
}
div.send-clear input.clear {
  background-color: #dcdcdc;
  margin-right: 3px;
}
div.send-clear input.send {
  background-color: #005bac;
  color: #fff;
  margin-left: 3px;
}


@media (max-width:1024px) {
  article.main section.left {
    left: calc(50% - 340px);
  }
  article.main section.right {
    width: 650px;
    margin-right: 20px;
  }
}

@media (max-width:1023px) {
  article.main {
    display: block;
  }
  article.main section.left {
    width: auto;
    margin-bottom: 50px;

    position: relative;
    left: inherit;
    top: inherit;

    transform: none;

    display: flex;
    justify-content: center;
  }
  article.main section.right {
    width: 100%;
    margin-right: 0;
  }

  article.main section.left h2 {
    width: 300px;
  }
  article.main section.left p.address {
    width: 50%;
  }
  article.main section.left div {
    position: absolute;
    bottom: 35px;
    left: 46%;
  }
}

@media (max-width:767px){
  article.main section.left {
    padding: 0 40px;

    flex-direction: column;
  }
  article.main section.left p.address {
    width: 100%;
  }
  article.main section.left div {
    position: relative;
    left: inherit;
    bottom: inherit;
  }

  article.main section.left div {
    justify-content: space-between;
  }
  article.main section.left div p:first-child {
    margin: 0;
  }
  article.main section.right p.intro {
    text-align: justify;
  }
}

@media (max-width:410px){
  article.main section.left {
    padding: 0;
  }
}


/*------------------------------origin form----------------------------------*/
li.quest {
  position: relative;

  display: flex;
}
li.quest span {
  cursor: pointer;
  width: 70%;

  position: relative;
}
li.quest span:after {
  content: '';
  margin-top: -4px;
  border: 6px solid transparent;
  border-top: 8px solid #000;

  position: absolute;
  right: 12px;
  top: 50%;

  display: block;
}
li.quest.open span:after {
  margin-top: -10px;
  border-top: 6px solid transparent;
  border-bottom: 8px solid #000;
}
li.quest ul {
  width: 70%;
  background-color: #848484;

  position: absolute;
  right: 0;
  top: 60px;
  z-index: 1;
}
li.quest ul li {
  cursor: pointer;
  min-height: 50px;
  color: #c0c0c0;
  padding: 9px 12px 9px 27px;
  line-height: 1.5;
  border-bottom: solid 1px #cacaca;

  display: flex;
  align-items: center;

  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  -ms-transition: all .3s ease;
}
li.quest ul li:hover {
  color: #fff;
  background-color: #005bac;
}

@media (max-width:767px) {
  ul.origin>li.icon-plus {
    padding: 10px 0;
    min-height: 70px;

    position: relative;

    flex-wrap: wrap;
  }
  ul.origin li:before {
    margin-bottom: 10px;
  }
  ul.origin>li.icon-plus label {
    width: 80%; padding-left: 41px;
    margin-bottom: 10px;
  }
  ul.origin>li.icon-plus input {
    width: 90%;
    padding-left: 41px;
  }

  ul.origin>li.icon-plus.code img {
    position: absolute;
    right: 0;
    bottom: 0;
  }
  ul.origin li.message textarea {
    margin: 15px 20px 0 20px;
    padding: 15px 0 0 20px;
  }

  li.quest span {
    width: 100%;
    padding-left: 41px;
  }
  li.quest ul {
    width: 100%;
  }
  li.quest ul li {
    padding: 9px 12px 9px 40px;
  }
}

/*---------------------------------------------------------------------------*/

/*==========article main end==========*/

/*===================================contact end==========================================*/



.special_radio {
  margin: 0 1px;
}
ul.base-type li.special_textarea {  min-height: 0;
}
.special_textarea textarea {
  height: 0;
  padding: 0;

  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}
.special_textarea.show textarea {
  height: 120px;
}