.docking .head + .main {
  padding-top: 60px;
}

/* ==========================================================================
   Header
   ========================================================================== */
.head {
  height: 52px;
  background: #fff;
  border-top:4px solid #00a94f;
  border-bottom:4px solid #fffd00;
}
.logo {
  display: block;
  width: 200px;
  height: 29px;
  margin: 12px auto 11px;
  text-indent: -100%;
  background: url(../../img/campaign/cathaylifeLogo200x29.svg) no-repeat center center;
}

/* ==========================================================================
   Menu
   ========================================================================== */
.nav {
  padding: 0;
  background-color: transparent;
  text-align: right;
}
.nav .nav__burger {
  display: inline-block;
  position: absolute;
  top: 11px;
  left: 25px;
  z-index: 100;
}
.nav .nav__list {
  position: absolute;
  width: 100%;
  max-height: 0;
  padding: 0;
  margin:2px 0 0;
  overflow: hidden;
  background-color: #fff;
  -moz-transition: max-height ease 0.3s;
  -o-transition: max-height ease 0.3s;
  -webkit-transition: max-height ease 0.3s;
  transition: max-height ease 0.3s;
  z-index: 100;
  left:0;
}
.nav .nav__list > li {
  float: none;
  border-bottom: 1px solid #ccc;
}
.nav .nav__list > li > a {
  text-align:left;
}
.navOpen .nav-mask {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000000;
}

.burger {
  margin: 0;
  padding: 0;
  width: 24px;
  height: 30px;
  position: relative;
  font-size: 0;
  border: none;
  vertical-align: middle;
  overflow: hidden;
  text-indent: -9999px;
  cursor: pointer;
  box-shadow: -1px -1px 0 transparent;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  -moz-transition: background 0.3s;
  -o-transition: background 0.3s;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.burger:focus {
  outline: none;
}
.burger span {
  display: block;
  height: 2px;
  position: absolute;
  top: 14px;
  left: 0px;
  right: 0px;
  background: #00a94f;
}
.burger span:before, .burger span:after {
  content: " ";
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #00a94f;
}
.burger span:before {
  top: -7px;
}
.burger span:after {
  bottom: -7px;
}
.burger.burger--htx span {
  -moz-transition: background 0s 0.3s;
  -o-transition: background 0s 0.3s;
  -webkit-transition: background 0s 0.3s;
  transition: background 0s 0.3s;
}
.burger.burger--htx span:before, .burger.burger--htx span:after {
  -moz-transition-duration: 0.3s, 0.3s;
  -o-transition-duration: 0.3s, 0.3s;
  -webkit-transition-duration: 0.3s, 0.3s;
  transition-duration: 0.3s, 0.3s;
  -moz-transition-delay: 0.3s, 0s;
  -o-transition-delay: 0.3s, 0s;
  -webkit-transition-delay: 0.3s, 0s;
  transition-delay: 0.3s, 0s;
}
.burger.burger--htx span:before {
  -moz-transition-property: top, transform;
  -o-transition-property: top, transform;
  -webkit-transition-property: top, transform;
  transition-property: top, transform;
}
.burger.burger--htx span:after {
  -moz-transition-property: bottom, transform;
  -o-transition-property: bottom, transform;
  -webkit-transition-property: bottom, transform;
  transition-property: bottom, transform;
}
.navOpen .burger.burger--htx span {
  background: none;
}
.navOpen .burger.burger--htx span:before {
  top: 0;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.navOpen .burger.burger--htx span:after {
  bottom: 0;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.navOpen .burger.burger--htx span:before,.navOpen .burger.burger--htx span:after {
  -moz-transition-delay: 0s, 0.3s;
  -o-transition-delay: 0s, 0.3s;
  -webkit-transition-delay: 0s, 0.3s;
  transition-delay: 0s, 0.3s;
}
.navOpen .nav__list {
  max-height: 500px;
}

/* ==========================================================================
   Footer
   ========================================================================== */
.foot .foot__item{
	padding:12px 25px 10px;
}
.foot .foot__item .fr{
	display:none;
}
.foot .warning{
	padding: 0 25px;
}
.foot .warning_headline{
	 font-size: 16px;
	 line-height: 20px;
	 margin:18px 17px 32px 0;
	 padding:0;
	 width:70px;
	 float:left;
}
.foot .warining_copy{
	font-size:13px;
	line-height:18px;
	padding:21px 0 32px;
	float:left;
}

/* ==========================================================================
   Main
   ========================================================================== */
/*---------- icon ----------*/
/*---------- icon - step arrow ----------*/
/*---------- icon - go top ----------*/
/*---------- icon - social media ----------*/
.i-social__line {
  display: inline-block;
}

/*---------- button ----------*/
/*---------- button - color ----------*/
/*---------- button - size ----------*/
/*---------- plugin ----------*/

.list {
  display: block;
}
.list > li {
  display: block;
  width: auto;
}


.module .module__wrap {
  padding: 50px 20px;
}
.module .module__title {
  margin: 0 0 20px;
}
.module .module__desc {
  margin: 20px 0px 40px;
}

.kv {
  height: 1020px;
}
/*.kv .kv__main {
  padding: 80px 40px 0;
  vertical-align: top;
}*/
.kv .kv__social {
  right: 20px;
  top: 15px;
}
.kv .kv__box {
  width: 100%;
}
.kv .kv__title,
.kv .kv__desc {
  text-align: center;
}
.kv .kv__title img {
  max-width: 100%;
  max-height: 120px;
}
/*.kv.kv--bottom .kv__main {
  padding: 0 40px 120px;
  vertical-align: bottom;
}*/
.kv .kv__action .kv__btn{
  float:none;
  /*padding: 0 10px;*/
}


.kv.kv--s {
  height: 650px !important;
}
.kv.kv--s .kv__main {
  padding: 50px 20px 0px;
  vertical-align: top;
}
.kv.kv--s.kv--bottom .kv__main {
  padding: 0 40px 40px;
  vertical-align: bottom;
}



.feature .feature__img {
  float: none;
  width: auto;
  margin: 0 0 20px;
  padding: 0;
}
.feature .feature__info {
  float: none;
  width: auto;
  margin: 20px 0 0;
  padding: 0;
}
.feature .feature__info .info__title {
  margin: 0 0 10px;
}
.feature .feature__info .info__desc {
  margin: 10px 0 20px;
}
.feature .feature__info .info__btn {
  /*display: block;*/
  width: auto;
}
.feature.feature--reverse .feature__img {
  float: none;
  padding: 0;
}
.feature.feature--reverse .feature__info {
  float: none;
  padding: 0;
}


.feature2 .feature2__list{
  margin:40px 0 0;
}
.feature2 .feature2__item {
  display: table;
  width: 100%;
  padding:0px;
  margin:40px 0;
}
.feature2 .feature2__item .item__img {
  display: table-cell;
  width: 40%;
  margin: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
}
/*.feature2 .feature2__item .item__img img {
  max-width: 100%;
  width: 100%;
}*/
.feature2 .feature2__item .item__wrap {
  display: table-cell;
  width: 60%;
  padding-left: 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
}
.feature2 .feature2__item .item__desc {
  margin: 0 0 10px;
  text-align: left;
}
.feature2 .feature2__item .item__btn {
  position: static;
  width: auto;
  margin: 10px 0;
  float:left;
}



.notice .info__title {
  margin: 0 0 10px 0;
}
.notice .info__desc {
  margin: 0px;
}

/*---------- other ----------*/
/*---------- popup ----------*/
/*---------- page ----------*/
/*---------- List ----------*/
/*---------- link ----------*/
/*---------- form ----------*/
/*---------- font & title ----------*/
/*---------- background ----------*/
/*---------- position ----------*/
/*---------- text align ----------*/
/*---------- display ----------*/
/*---------- float ----------*/
/*---------- margin ----------*/
/*---------- padding ----------*/
/*---------- width ----------*/
/*---------- height ----------*/
/*---------- line height ----------*/