/* ==========================================================================
    -    網站主體樣式設計 -
author:          英創達網路有限公司
email:         web@e-creative.tw
website:       http://e-creative.tw
 ==========================================================================*/
@import url(http://fonts.googleapis.com/css?family=Philosopher|Hammersmith+One|Oxygen|Merriweather|Cinzel|PT+Sans+Narrow);
@import "bootstrap.css";
@import "default.css";/*基本清除等樣式*/
@import "fonts/style.css";/*基本清除等樣式*/
@import "ui.css";/*jquery css*/
@import "animation.css";/*jquery css*/

.wp {
  overflow:hidden;
  position: relative;
}

.movePic .pic img {
  -webkit-transition: -webkit-transform 20s cubic-bezier(.23, 1, .32, 1), -webkit-filter 2s cubic-bezier(.23, 1, .32, 1), filter 2s cubic-bezier(.23, 1, .32, 1);
     -moz-transition:    -moz-transform 2s cubic-bezier(.23, 1, .32, 1), -webkit-filter 2s cubic-bezier(.23, 1, .32, 1), filter 2s cubic-bezier(.23, 1, .32, 1);
          transition:         transform 2s cubic-bezier(.23, 1, .32, 1), -webkit-filter 2s cubic-bezier(.23, 1, .32, 1), filter 2s cubic-bezier(.23, 1, .32, 1);

  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.movePic .pic:hover img {
  -webkit-transform: scale(1.05);
     -moz-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);

  -webkit-filter: saturate(1.3);
}
*, *:before, *:after {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}

/**/
[data-expand].lazyload{
  opacity: 0;
  transform: scale(0.8);
}

[data-expand].lazyloaded{
  opacity: 1;
  transition: opacity 700ms;
  transform: scale(1);
}

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  max-width: 1100px;
  width:100%;
  position:relative;
}
.mini-Size .container {
  width:100%; 
}
.container.sm{
	max-width:660px;
}
.html{
    line-height:2em;
}
.html img + img{
 
}
.micro-Size .html{
	line-height:1.6em;
}

.form-control,.dropdown-menu{
    border-radius: 0px;
}

time{font-family: 'Merriweather', serif;}
.bgGrid {
  padding: 60px 0;
  background: url(images/02locations_room-bg.jpg);
}
/*預約*/
.reserve {
  color: #FFF;
  font-size:14px;
  line-height: .75;
  text-align: center;
  width: 105px;
  height: 105px;
  padding-top:36px;
  background-color: #fd9cb2;
  border-radius: 100%;
  position:fixed;
  top: 58px;
  right: 12%;
  z-index:10000;
  
  -webkit-transition: animation .4s;
     -moz-transition: animation .4s;
       -o-transition: animation .4s;
          transition: animation .4s;
          
	-webkit-animation-name: tossing;
  				animation-name: tossing;

	-webkit-animation-duration: 2.5s;
  				animation-duration: 2.5s;

	-webkit-animation-iteration-count: infinite;
  				animation-iteration-count: infinite;
  
  -webkit-transform:translate3d(0,0,0);/*3d加速*/
}
/*.minimi-Size .reserve {
  font-size:14px;
  width: 85px;
  height: 85px;
  padding-top:36px;
  position:fixed;
  top: 48px;
  right: 12%;
}*/

.nano-Size .reserve {
  font-size:14px;
  width: 52px;
  height: 52px;
  /*width: 55px;
  height: 55px;*/
  padding-top:20px;
  position:fixed;
  top: 5px;
  right: 5px;
}

@keyframes tossing {
	0% {
		transform: rotate(-4deg);	
	}
	50% {
		transform: rotate(4deg);
	}
	100% {
		transform: rotate(-4deg);	
	}						
}

@-webkit-keyframes tossing {
	0% {
		-webkit-transform: rotate(-4deg);	
	}
	50% {
		-webkit-transform: rotate(4deg);
	}
	100% {
		-webkit-transform: rotate(-4deg);	
	}				
}
.titleDashed{
	font-size:24px;
	color:#959595;
	text-align:center;
}
.titleDashed > .inner{
	display:inline-block;
	border-bottom:1px dashed #959595;
	font-weight:normal;
	padding:0 15px 15px 15px !important;

}
.reserve:hover {
  background-color: #f8b500;
}

.reserve .en{
  font-family: "Old Script";
  font-size:24px;
  text-align: center;
}
.minimi-Size .reserve .en{
  font-size:18px;
}
.nano-Size .reserve .en{
  display:none;
}

.btn {
  padding: 6px 42px;
  border-radius: 0px;
  margin-right:5px;
}
.btn-primary {
  color: #fff;
  background-color: #6a277f;
  border-color: #6a277f;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #6a277f;
  border-color: #6a277f;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #000000;
  border-color: #000000;
}

.btn-success {
  color: #fff;
  /*font-size:15px;*/
  padding-top:8px;
  padding-bottom:8px;
  background-color: #fba2b6;
  border-color: #fba2b6;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #F96687;
  border-color: #F96687;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #6a277f;
  border-color: #6a277f;
}
.contactSend{
  padding: 75px 35px;
  margin: 8% auto 0 auto;
  /*background-color: rgba(255,255,255,0.8);*/
  width: 80%;
  line-height: 3em;
  /*border: #33C solid 1px;*/
  background-image: url(images/09contact_form-bg.jpg);
}

/* ==========================================================================
    footer
 ==========================================================================*/
.footer{
	width:100%;
}

.footer .top {
  color: #f691a9;
  font-family: "Myriad Pro";
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  letter-spacing:1px;
  width: 61px;
  height: 61px;
  padding:5px;
  position: fixed;
  bottom: 13%;
  /*bottom: 25%;*/
  right: 3%;
  display: none;
  z-index: 999;
  background-color: rgba(255,255,255);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); 
  background-color: rgba(255,255,255,0.8);
  border-radius: 5px;
  
  -webkit-transition: all 1s;
     -moz-transition: all 1s;
       -o-transition: all 1s;
          transition: all 1s;
}

.phone-Size .footer .top {
  font-size: 15px;
  width: 51px;
  height: 51px;
  padding:0px;
  position: fixed;
  right: 3%;
}

.footer .top:hover {
  color: #FFF;
  background-color: rgba(200,0,125);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); 
  background-color: rgba(200,0,125,.3);
}

.footer .top span {
  font-size: 30px;
  display:block;
}

.phone-Size .footer .top span {
  margin-bottom:-5px;
}

/* ==========================================================================
    footer [col1]
 ==========================================================================*/
.footer .col1{
  padding: 42px 35px 70px 35px;
  background-image: url(images/footer-bg.jpg);
  transition:all 1s;
}

.nano-Size .footer .col1{
  display:none;
}

.footer .navFooter {
  width:100%;
  margin-left:26px;
}

.footer .navFooter > li {
  width:13.3%;
  padding:0 5px;
}

.footer .navFooter > li:nth-child(4) {
  width:17%;
}

.footer .navFooter > li:nth-child(5) {
  padding:0 0 0 0px !important;
  margin-left:-10px;
}

.footer .navFooter > li > a {
  color: #FFF;
  font-size: 16px;
  text-decoration: none;
  display: block;
  letter-spacing:1.5px !important;
  padding: 0 0 10px 0;
  
  -webkit-transition: color .4s;
     -moz-transition: color .4s;
       -o-transition: color .4s;
          transition: color .4s;
}

.footer .navFooter > li > a:before {
  content:"+";
  color:#e83c99;
  font-weight:bold;
  padding:0 5px 0 0;
    
  -webkit-transition: color .6s;
     -moz-transition: color .6s;
       -o-transition: color .6s;
          transition: color .6s;
}

.footer .navFooter > li:hover > a ,
.footer .navFooter > li:hover > a:before {
  color:#f3d050;
}

.footer .navFooter li > ul {
  padding:0 0 0 20px;
}

.footer .navFooter li > ul > li > a {
  color:#fee0e0;
  font-size:15px;
  line-height: 1.2;
  display: block;
  letter-spacing:2.5px !important;
  padding:4px 0;
  
  -webkit-transition: color .4s;
     -moz-transition: color .4s;
       -o-transition: color .4s;
          transition: color .4s;
}

.footer .navFooter li > ul > li > a span{
  border:#FFF solid 1px;
  padding:4px 4px;
  margin-bottom:10px !important;
  
  -webkit-transition: color .6s;
     -moz-transition: color .6s;
       -o-transition: color .6s;
          transition: color .6s;
}

.footer .navFooter li > ul > li > a:hover span{
  border:#f3d050 solid 1px;
}

.footer .navFooter li:nth-child(1) > ul > li a ,
.footer .navFooter li:nth-child(2) > ul > li a {
  color:#FFF;
  font-size: 14px;
  margin-bottom:10px !important;
}

.footer .navFooter li > ul > li > a:hover{
  color:#fff799;
}

.micro-Size .footer .navFooter > li {
  width:13%;
  padding:0 0px;
}
.mini-Size .footer .col1{
  padding: 35px 27px 40px 27px;
}
.mini-Size .footer .container {
  padding:0;
}
.mini-Size .footer .navFooter {
  margin-left:0;
}
.mini-Size .footer .navFooter > li {
  padding:0!important;
}
.mini-Size .footer .navFooter > li > a {
  font-size: 15px;
  letter-spacing:1px !important;
  padding: 0;
}
.mini-Size .footer .navFooter > li > a:before {
  padding:0 3px 0 0;
}
.mini-Size .footer .navFooter li > ul {
  padding:8px 0 0 18px;
}
.mini-Size .footer .navFooter li > ul > li > a {
  font-size:14px;
  letter-spacing:2px !important;
  padding:2.5px 0;
}
.mini-Size .footer .navFooter li > ul > li > a span{
  padding:3px 4px;
  margin-bottom:10px !important;
}

/* ==========================================================================
    footer [col2]
 ==========================================================================*/

.footer .col2 {
  color:#313131;
  letter-spacing:.5px;
  padding:22px;
}

.footer .col2 a {
  color: #e95074;
  letter-spacing:.5px;
  text-decoration: underline;
}

.footer .col2 address,.footer .col2 p {
  letter-spacing:.5px;
  display:inline-block;
  padding-right:40px;
  margin:0;
  transition:all 1s;
}

.footer .col2 address {
  float:left;
  font-size:14px;
}

.footer .col2 p {
  float:right;
  font-size:12px;
  text-align:right;
}
  
.minimi-Size .footer .col2 {
  padding:17px 0!important;
}
.minimi-Size .footer .col2 .container{
  padding:0px !important;
}
.minimi-Size .footer .col2 p {
  letter-spacing:0px;
  padding-top:8px;
}
.minimi-Size .footer .col2 .design {
  text-align:center;
  display:block;
}
.micro-Size .footer .col2 {
  padding:15px;
}
.micro-Size .footer .col2 address {
  font-size:13px;
  padding-top:3px;
}
.micro-Size .footer .col2 address,
.micro-Size .footer .col2 p {
  text-align:center;
  padding-right:0px;
  font-size:12px;
  float:none!important;
  display: block;
}

/* ==========================================================================
    header
 ==========================================================================*/
.header {
  position:relative;
  font-size:13px;
  color:#000000;
  margin-top:0;
  background-color:#fcf6f1;
  z-index:9999;
}

.header.fixed {
  position: fixed;
  width: 100%;
  top: 0;
  background-color: #FBF3EE;/*變浮動*/
  z-index: 9999;
}

.header a{
  color:#626262;
  text-decoration:none;
  padding:0;
  margin:0;
}

.header .container {
  position: relative;
}

.header .logo {
  background: url(images/logo.png) no-repeat;
  background-size:cover;
  height:40px;
  width:125px;
  position:absolute;
  top:19px;
  left:15px;
  /*transition:all 1s;*/
  z-index:1;
}

.header .logo:hover {
  opacity:.4;
}

.micro-Size .header .logo{
  height:35px;
  width:115px;
  left:7px;
}

.nano-Size .header .logo {
  height:32px;
  width:100px;
  position:absolute;
  top:13px;
  left:60px;
  /*right:0;
  left:0;
  margin:0 auto;*/
}

.mini-Size .header .logo{
  height:32px;
  width:105px;
}

/*@media \0screen {
.header .logo{
  background: url(images/logo.png);
  height:64px !important;
  width:133px !important;
}
}*/

/* ==========================================================================
    header [navbar-header] [topNav]
 ==========================================================================*/
.header .topNav {
  position: absolute;
  top: 14px;
  right: 0px;
  z-index:99;
  display: block;
  transition:all 1s;
}
.nano-Size .header .topNav{
  display: none;
}
.mini-Size .header .topNav{
  right:35px;
}
.micro-Size .header .topNav{
  right: 7px;
}

/* ==========================================================================
    header [navbar-header] [topNav] [menuNav]
 ==========================================================================*/

.menuNav > li {
  position:relative;
}

.menuNav > li > a {
  color:#444;
  font-size:15px;
  letter-spacing:1.6px;
  display:inline-block;
  padding:20px 13px;
  /*padding:12px 13px;*/
  position: relative;
  
  -webkit-transition: all .4s;
     -moz-transition: all .4s;
       -o-transition: all .4s;
          transition: all .4s;
}

.mini-Size .menuNav > li > a {
  font-size:14px;
  padding:13px 7px;
}

.menuNav > li > a:hover{
  color:#dc0083;
  padding-top:23px;
}

.mini-Size .menuNav > li > a:hover{
  padding-top:20px;
}

.menuNav li .active {
  color:#dc0083;
}


/*下線條*/
.menuNav li > a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 3px;
  background: #fda3b7;
  height: 4px;
  margin:0 1px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.menuNav li a.active:before, 
.menuNav li > a:hover:before, 
.menuNav li > a:focus:before,
.menuNav li > a:active:before {
  left: 0;
  right: 0;
}
.menuNav li a.active:before{
  bottom: 0px !important;
}
/*下線條 end*/

.menuNav > li > a[class^="circle"] ,
.menuNav > li > a[class*=" circle"] {
  width:40px;
  height:40px;
  background-color:#444;
  color:#FFF;
  line-height:40px;
  text-align:center;
  border-radius:100%;
  font-size:21px;
  transition:all 0.5s;
}

.menuNav > li > a[class^="circle"]:hover ,
.menuNav > li > a[class*=" circle"]:hover{
  transform:rotate(360deg) scale(1.2,1.2);
  background-color:#EB5E07;
}

.micro-Size .menuNav > li > a[class^="circle"] ,
.micro-Size .menuNav > li > a[class*=" circle"] {
  width:35px;
  height:35px;
  line-height:35px;
  font-size:21px;
}

.phone-Size .menuNav > li > a[class^="circle"],
.phone-Size .menuNav > li > a[class*=" circle"] {
    width:30px;
    height:30px;
    line-height:30px;
    font-size:17px;
  }

/*次選單----------*/
.header .menuNav .list .smenu {
  display: none;
  width:130px;
  padding-bottom:10px;
  position: absolute;
  left: -15px;
  top: 55px;
  background-color: #eb5e07;
}

.micro-Size .header .menuNav .list .smenu {
  top: 50px;
  left: -25px;
}

.nano-Size .header .menuNav .list .smenu {
  display:none !important;
}

.header .menuNav .list .smenu > li > a {
  color: #FFF;
  font-size: 15px;
  line-height: 2.1;
  text-align: center;
  min-height: 28px;
  padding: 3px 0;
  margin:0;
  display: block;
  filter: alpha(opacity=90);
  opacity: 0.9;
}

.micro-Size .header .menuNav .list .smenu > li > a {
  font-size: 14px;
  line-height: 2;
  padding: 2px 0;
}

.header .menuNav .list .smenu > li > a:hover {
  background-color: #000;
}

.header .menuNav .list .smenu:after {/*三角形*/
  content:"";
  text-align: center;
  margin: 0 auto;
  display: block;
  
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10.5px 9px 10.5px;
  border-color: transparent transparent #eb5e07 transparent;
  position: absolute;
  left: 52px;
  top: -9px;
  z-index: 9999;
}

/* ==========================================================================
    header [navbar-header]
 ==========================================================================*/
.header .navbar-header {
  height:75px;
  /*border-bottom:1px solid #c9c9c9;*/
  position:relative;
  float: none;
}

.nano-Size .header .navbar-header {
  height:55px;
}

.mini-Size .header .navbar-header {
	height:65px;
}

/* ==========================================================================
    header [navbar-header] [menu-trigger]
 ==========================================================================*/
.menu-trigger {
  width: 45px;
  display: none;
  height: 45px;
  position: absolute;
  left: 25px;
  top: 10px;
  z-index: 999999;
  -webkit-transition: right 0.3s;
  -moz-transition: right 0.3s;
  -o-transition: right 0.3s;
  transition: right 0.3s;
  /*background-color: #C9C;紫色*/
}

.nano-Size .menu-trigger {
  display:block;
}

.menu-trigger .bar {
  margin-bottom: 0px;
  height: 2px;
  width: 25px;
  background: #dc0082;
  position: absolute;
  left: 8px;
  -webkit-transition: all 0.3s cubic-bezier(0.35, 0.085, 0.305, 1.005);
  -moz-transition: all 0.3s cubic-bezier(0.35, 0.085, 0.305, 1.005);
  -o-transition: all 0.3s cubic-bezier(0.35, 0.085, 0.305, 1.005);
  transition: all 0.3s cubic-bezier(0.35, 0.085, 0.305, 1.005);
}
.menu-trigger .b1{ top: 10px; }
.menu-trigger .b2{ top: 18px; }
.menu-trigger .b3{ top: 27px; }

.menu-trigger:hover { cursor: pointer }
.menu-trigger.active { 
  background-color:#c9c9c9;
}
.menu-trigger.active .bar {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$ms)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  position: absolute;
  top: 22px;
  left: 2px;
  height: 1px;
  width: 41px;
  background: #fff !important;
  -webkit-transition: all 0.3s cubic-bezier(0.35, 0.085, 0.305, 1.005);
  -moz-transition: all 0.3s cubic-bezier(0.35, 0.085, 0.305, 1.005);
  -o-transition: all 0.3s cubic-bezier(0.35, 0.085, 0.305, 1.005);
  transition: all 0.3s cubic-bezier(0.35, 0.085, 0.305, 1.005);
}
.menu-trigger.active .bar.b1 {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$ms)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
.menu-trigger.active .bar.b3 {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$ms)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

.menu-trigger p{
  position:absolute;
  top:10px;
  bottom:0;
  margin:0;
  left:60px;
  font-size:13px;
}

.mini-Size .menu-trigger p {
  display:none;
}

.nano-Size .menu-trigger {
  left: 5px;
}


/* ==========================================================================
    header [navbar]
 ==========================================================================*/

.header .dropdown-menu {
  position: relative;
  top: inherit;
  left: inherit;
  z-index: 1000;
  display: inherit;
  float: inherit;
  min-width: inherit;
  padding: inherit;
  margin: inherit;
  font-size: inherit;
  text-align:inherit;
  list-style: none;
  width:100%;
  background-color: inherit;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: none;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow:none;
}

.header .dropdown-menu > li > a:hover,
.header .dropdown-menu > li > a:focus {
  color: inherit;
  text-decoration: none;
  background-color: inherit;
}

.header .dropdown-menu > .active > a,
.header .dropdown-menu > .active > a:hover,
.header .dropdown-menu > .active > a:focus {
  color: inherit;
  text-decoration: none;
  background-color: inherit;
  outline: none;
}

.nano-Size .header .navbar-nav .open .dropdown-menu {
  position: inherit;
  float: inherit;
  width: inherit;
  margin-top: inherit;
  background-color: transparent;
  border: inherit;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.nano-Size .navbar-nav .open .dropdown-menu .dropdown-header {
  padding: inherit;
}

.header .navbar{
  position: relative;
  min-height: inherit;
  margin-bottom: inherit;
  border:0;
  background-color:#fcf6f1;
  text-align:center;
  padding:0;
  font-size:15px;
  max-height:0px;
  overflow:hidden;
  transition:all 0.5s ease-in;
  display:none;
}

.nano-Size .header .navbar{
    display: block;
  }

.header .navbar.active{
  max-height:700px;
}
.header .navbar > ul{
  text-align:left;
  margin: 0; 
  padding: 0;
  list-style: none;
  display:inline-block;
  margin-top:35px;
  margin-bottom:55px;
  float: none;
}

.navbar > ul a{
  display:block;
  line-height:1.8em;
}

.header .navbar > ul li.active > a{
  color:#f3d050 !important;
}
/* ==========================================================================
    header [navbar] [level 1]
 ==========================================================================*/
.navbar > ul > li {
  margin: 0; 
  padding: 0;
  display:inline-block;
  /*min-width:130px;*/
  vertical-align: top; 
  letter-spacing: normal;
  float:none;
  position:relative;
  padding:0 15px;
}

.navbar > ul > li:first-child {
  margin-left:0px !important;
}

.navbar > ul > li:after{
  content:"|";
  color:#A4A4A4;
  position:absolute;
  top:3px;
  right:0;
}

.navbar > ul > li:nth-last-of-type(2):after{
  display:none;
}

.navbar > ul > li > a{
  font-size:16px;
  font-weight: bold;
  line-height:2em;
  color:#000;
  margin-bottom:12px;
  text-align:center;
  position:relative;
  padding:inherit;
  letter-spacing:1.5px;
  text-transform:Uppercase;
}

.navbar > ul > li > a:hover{
  background-color:transparent;
  color:#dc0083;
}

.micro-Size .navbar > ul > li{
/*min-width:100px;*/
	padding:0 10px;
}
.micro-Size .navbar > ul > li{
	padding:0 2px;
}
.micro-Size .navbar > ul > li > a:after,.navbar > ul > li:after{
	display:none;
}
.micro-Size .navbar > ul > li{
  min-width:inherit;
  margin-left:2px;
}

/* ==========================================================================
    header [navbar] [level 2]
 ==========================================================================*/

.navbar > ul > li > ul{
  display:block;
}

.navbar > ul > li > ul > li > a{
  color:#626262;
  padding:inherit;
  line-height: inherit;
  text-align:center;
  padding:2px 2px 4px 2px;
  letter-spacing:1.5px;
  font-size:14px;
  text-transform:Capitalize;
}

.navbar > ul > li > ul > li > a:hover{
  color:#f3d050 !important;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: inherit;
  border-color: inherit;
}


.nano-Size .header .navbar{
  background-color:#FFFFFF;
  text-align:left;
  padding:0px;
}
.nano-Size .header .navbar > ul{
  margin-top:0px;
  margin-bottom:0px;
  width:100%;
}
.nano-Size .header .navbar > ul > li{
  min-width:inherit;
  width:100%;
  margin:0;
  padding:0;
  display:block;
  margin-left:0 !important;

}
.nano-Size .header .navbar > ul > li > ul{
  max-height:0px;
  transition:all 0.5s ease-in;
  overflow:hidden;
  width:100%;
}
.nano-Size .header .navbar > ul > li.open > ul{
  max-height:200px;
  transition:all 0.5s ease-in;
}
.nano-Size .header .navbar > ul > li > a{
  padding:6px 15px;
  margin-bottom:0;
  border-bottom:1px solid #eeeeee;
  text-align:left;
}
.nano-Size .header .navbar > ul > li > ul > li > a{
  padding: 5px 15px;
  background-color:#e85f7d;
  color:#FFFFFF;
  text-align:left;
  width:100%;
  text-transform:Capitalize;
}
.nano-Size .header .navbar > ul > li.active > ul > li > a:hover{
  color:#f3d050 !important;
}
.nano-Size .header .navbar > ul li.active > a{
  color:#000000 !important;
}
.nano-Size .header .navbar > ul li.active li > a{
  color:#ffffff !important;
  padding: 8px 15px;
}
.nano-Size .header .navbar > ul li.active li.active > a{
  background-color: #480E5B;
}
.nano-Size .header .navbar > ul li.active li.active > a:hover{
  color:#FFF !important;
}
.nano-Size .header .navbar > ul li.open > a{
  color:#dc0083 !important; 
}
.nano-Size .navbar-nav .open .dropdown-menu > li > a,
.nano-Size .navbar-nav .open .dropdown-menu .dropdown-header {
	padding: 5px 15px !important;
}

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

h2.h2{
  /*font-family: 'Cinzel','Philosopher', sans-serif ;*/
  font-family: Times New Roman,微軟正黑體;
  font-size:51.5px;
  text-align: center;
  line-height:2.8em;
  margin-bottom:40px;
  font-weight:normal;
  text-transform:uppercase;
  color:#ff97ae;
}


.micro-Size h2.h2{
  line-height:2em;
  font-size:41px;
  margin-bottom:20px;
}
.micro-Size h2.h2:before{
  font-size:43px;
}
.micro-Size h2.h2:after{
  font-size:43px;
}

.minimi-Size h2.h2{
  font-size:31px;
  line-height:1.5em;
}
.minimi-Size h2.h2:before{
  margin-right:5px;
  font-size:25px;
}

.minimi-Size h2.h2:after{
  margin-left:5px;
  font-size:25px;
}

.mi-Size h2.h2{
  margin-top:-5px;
}

section[class^="home"],
section[class*=" home"]{
  border-bottom:1px solid #d2d2d2;
  padding-bottom:60px;
  padding-top:40px;
}
section[class^="home"] .inner,
section[class*=" home"] .inner{
  padding:15px;
  margin:auto;
  width:95%;
}

.mini-Size section[class^="home"] .inner,
.mini-Size section[class*=" home"] .inner{
  padding:15px;
  margin:auto;
  width:100%;
}
.mini-Size section[class^="home"] .hasNav,
.mini-Size section[class*=" home"] .hasNav{
  width:95%;
}

.micro-Size section[class^="home"] .hasNav,
.micro-Size section[class*=" home"] .hasNav{
	width:100%;
}

/* ==========================================================================
    home  [homebanner]
 ==========================================================================*/
.homebanner .slick-dots {
  margin-bottom:160px;/*暫時*/
  z-index:999;
}
.homebanner .slick-dots li{
  width:20px;/*暫時*/
  height:20px;/*暫時*/
}

.homebanner {
  width:100%;
  margin:auto;
  position:relative;
}

.homebanner .down {
	position:absolute;
	bottom:40px!important;
	left:0;
	right:0;
	margin:auto;
  background:url(images/botton-btn.png) no-repeat center center;
  z-index:1000;
  border:2px solid #ffe2e9;
  display:block;
  width:48px;
  height:48px;
  border-radius:100%;
  z-index:998;
  
  animation:mybottom 1s ease-in infinite alternate;
  -moz-animation:mybottom 1s ease-in 2s infinite alternate; /* Firefox */
  -webkit-animation:mybottom 1s ease-in 2s infinite alternate; /* Safari and Chrome */
}
@keyframes mybottom {
  0%   {bottom:15px;}

  100% {bottom:30px;}
}
@-webkit-keyframes mybottom {
  0%   {bottom:15px;}
  100% {bottom:30px;}
}

.homebanner .container{
  text-align:center!important;
  margin:0 auto; 
}

.slider-nav {
  width:100%!important;
  display:inline-block;
  position: relative;
  top: -260px;
  z-index:3;
}

.slider-nav .list {
  width: 40px!important;
  height: 150px;
  margin: 0 .5%;
}

.slider-nav .list a {
  text-decoration: none;
}

.slider-nav .list a:before {
  content: " ";
  width: 16px;
  height: 16px;
  margin:0 auto;
  display: block!important;
  border-radius: 100%;
  border: 3px solid #fdc5d2;
  position: absolute;
  bottom: 0;
  left:0;
  right:0;
}

.slider-nav .list.slick-active a:before {
  content:" ";
  width:18px;
  height:18px;
  border:3px solid #f77f9b;
}

.slider-nav .list p {
  color: #FFF;
  text-align: center;
  width: 30px;
  height: 100px;
  padding: 0 5px;
  margin:0 auto;
  
  display: block;
  background-color: #f77f9b;
  
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
     -moz-writing-mode: vertical-lr;
      -ms-writing-mode: vertical-lr;
          writing-mode: vertical-lr;
          writing-mode: tb-rl;
  
  -webkit-transition: all .4s;
     -moz-transition: all .4s;
       -o-transition: all .4s;
          transition: all .4s;
          
  opacity:0;
}

.caret {
  position:absolute;
  bottom:0;
}

/*.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}*/

.slider-nav .list.slick-active p ,.slider-nav .list a:hover p {
  opacity:1;
  /*CSS3*/
  animation-name: hatch;
	-webkit-animation-name: hatch;	
	animation-duration: 2.5s;	
	-webkit-animation-duration: 2.5s;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;
	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%; 

	visibility: visible !important;	
}

@keyframes hatch {
	0% {
		transform: rotate(0deg) scaleY(0.6);
	}
	20% {
		transform: rotate(-2deg) scaleY(1.05);
	}
	35% {
		transform: rotate(1deg) scaleY(1);
	}
	50% {
		transform: rotate(-1deg);
	}	
	65% {
		transform: rotate(.5deg);
	}	
	80% {
		transform: rotate(-.5deg);
	}		
	100% {
		transform: rotate(0deg);
	}									
}

@-webkit-keyframes hatch {
	0% {
		-webkit-transform: rotate(0deg) scaleY(0.6);
	}
	20% {
		-webkit-transform: rotate(-2deg) scaleY(1.05);
	}
	35% {
		-webkit-transform: rotate(1deg) scaleY(1);
	}
	50% {
		-webkit-transform: rotate(-1deg);
	}	
	65% {
		-webkit-transform: rotate(.5deg);
	}	
	80% {
		-webkit-transform: rotate(-.5deg);
	}		
	100% {
		-webkit-transform: rotate(0deg);
	}		
}

.homebanner .slider li{
    overflow:hidden;
}
.homebanner .slick-list a{
	height:100%;
	position:relative;
	display:block;
}
.homebanner .slick-list a img{
    z-index:2;
}


/* ==========================================================================
    home [homeNews]
 ==========================================================================*/
 
.homeNews {
  height:100%;
  background-image: url(images/homenews-bg.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
  -moz-background-size: cover;
       background-size: cover;
}
.mi-Size .homeNews {
  height:500px !important;
  overflow:hidden;
}

.mini-Size .homeNews .slick-dots {
  margin-left:50px;
}
.nano-Size .homeNews .slick-dots {
  margin-left:75px;
}
.minimi-Size .homeNews .slick-dots {
  margin-left: auto;
}
.mi-Size .homeNews .slick-dots {
  bottom:20px;
}

.homeNews h2.h2 {
  text-shadow: 0px 1.55px 1px #FFF;
}

/* ==========================================================================
    home [homeNews][homenews-list]
 ==========================================================================*/
 
.homenews-list {
  padding:0 0 3% 0;
  margin:0 13%;
}

.minimi-Size .homenews-list {
  margin:-100px 0 0 0 !important;
}

.homenews-list .list {
  position: relative;
}
.mi-Size .homenews-list .list {
  margin:30px 0 0 0!important;
}
.mi-Size .homenews-list .list {
  margin:30px 0 0 -3.1%!important;
}
.big-Size .homenews-list {
  margin:0 6%;
}
.mini-Size .homenews-list {
  margin:0 .5%;
}
.micro-Size .homenews-list {
  margin-left:-100px;
}
.nano-Size .homenews-list {
  margin-left:-150px;
}
.minimi-Size .homenews-list {
   margin:0 0;
}
/*.phone-Size .homenews-list {
   margin: 0 0 0 -15px;
}*/

.homenews-list .tt {
  width:470px;
  height:455px;
  background-image: url(images/homenews-list-bg.png);
  background-repeat: no-repeat;
  background-position: center center;
  /*width:100%;
  height:auto;*/
  -webkit-transform: scale(.8);
     -moz-transform: scale(.8);
      -ms-transform: scale(.8);
       -o-transform: scale(.8);
          transform: scale(.8);
          
  transition: all 300ms ease;
  
  opacity:0.75;
}

.mini-Size .homenews-list .tt{
  -webkit-transform: scale(.75);
     -moz-transform: scale(.75);
      -ms-transform: scale(.75);
       -o-transform: scale(.75);
          transform: scale(.75);
}
.micro-Size .homenews-list .tt{
  -webkit-transform: scale(.6);
     -moz-transform: scale(.6);
      -ms-transform: scale(.6);
       -o-transform: scale(.6);
          transform: scale(.6);
}
.minimi-Size .homenews-list .tt{
  opacity:1;
}
.nano-Size .homenews-list .tt{
  -webkit-transform: scale(.5);
     -moz-transform: scale(.5);
      -ms-transform: scale(.5);
       -o-transform: scale(.5);
          transform: scale(.5);
}

.phone-Size .homenews-list .tt{
  -webkit-transform: scale(.7);
     -moz-transform: scale(.7);
      -ms-transform: scale(.7);
       -o-transform: scale(.7);
          transform: scale(.7);
}

.homenews-list .slick-center .tt {
  -webkit-transform: scale(1);
     -moz-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
          
  opacity:1;
}

.minimi-Size .homenews-list .slick-center .tt {       
  opacity:1;
}

.homenews-list .tt:hover {
  opacity:1;
}

/**/
.homenews-list .pic {
  width: 375px;
  height: 375px;
  border-radius: 100%;
  
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  
  margin: auto;
}

.homenews-list .list .pic img {
  -webkit-transition:all 0.45s ease-in;
     -moz-transition:all 0.45s ease-in;
       -o-transition:all 0.45s ease-in;
      -ms-transition:all 0.45s ease-in;
          transition:all 0.45s ease-in;
}

.homenews-list .mark{
  width:375px;
  height:375px;
  border-radius:100%;

  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  
  margin: auto;
  
	background-color:rgba(0,0,0);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); 
	background-color:rgba(0,0,0,0.0);
}

.homenews-list .slick-center .tt .mark {
  -webkit-transform:translate3d(0,0,0);/*3d加速*/
  
  background-color:rgba(0,0,0);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); 
	background-color:rgba(0,0,0,0.40);
  
  opacity:1;
  transition:all 1s ease-in-out;
}

.homenews-list a:hover .mark{
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); 
	background-color:rgba(0,0,0,0.40);
	/*transition: background-color 1s,color 0.5s;*/
  transition:all 0.35s ease-in-out;
}

.minimi-Size .homenews-list a .mark{
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); 
  background-color:rgba(0,0,0,0.40);
  transition:all 0.35s ease-in-out;
}

.homenews-list .caption .in {
  color:#FFF;
  text-align:left;
  
  width:375px;
  height:375px;
  border-radius:100%;
  overflow:hidden;
  
  padding:21% 13%;
  
  display:block;
  
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 5;
  
  margin: auto;
  
  opacity:0;
}

.phone-Size .homenews-list .caption .in {
  padding:12% 10%;
}

.homenews-list a:hover .caption .in ,
.homenews-list .slick-center .caption .in {
	opacity:1;
  transition:all 1s ease-in-out;
}

.minimi-Size .homenews-list a .caption .in ,
.minimi-Size .homenews-list .slick-center .caption .in {
  opacity:1;
}

.homenews-list .caption .in h3 {
  color: #fff799;
  font-size: 17px;
  /*font-size: 15px;*/
  text-align:center;
  line-height: 1.4;
  height: 50px;
  overflow:hidden;
  margin-bottom: 2px;
  display:block;
}
.mi-Size .homenews-list .caption .in h3 {
  font-size: 19px;
  line-height: 1.6;
  height: 60px;
  margin-bottom: 2px;
}

.phone-Size .homenews-list .caption .in h3 {
  font-size: 23px;
  line-height: 1.3;
  height: 90px;
  margin-bottom: 18px;
}

.homenews-list .caption .in time {
  color:#FFF;
  font-size:15px;
  text-align:center;
  line-height:1;
  font-family:Verdana;
  letter-spacing:.3;
  display:block;
}

.phone-Size .homenews-list .caption .in time {
  font-size:19px;
}

.homenews-list .caption .in p {
  font-size:14px;
  line-height:1.55;
  height: 88px;
  overflow:hidden;
  margin-top:7%;
}

.phone-Size .homenews-list .caption .in p {
  font-size:17px;
  line-height:1.75;
}

/*slick-prev,slick-next*/
.homenews-list .slick-prev,.homenews-list  .slick-next {
  width:70px;
  height:70px;
  margin-top:-4%;
  background-repeat: no-repeat;
  
  transition: all 300ms ease;
}
.homenews-list .slick-prev:hover,
.homenews-list .slick-next:hover {
  opacity:.7;
}
.homenews-list .slick-prev {
  margin-left:-10%;
  background-image: url(images/arrow-left.png);
}
.homenews-list .slick-next {
  margin-right:-10%;
  background-image: url(images/arrow-right.png);
}

.big-Size .homenews-list .slick-prev,
.big-Size .homenews-list .slick-next {
  border-radius:100%;
  background-color:#fda4b7;
  opacity:.7;
}
.big-Size .homenews-list .slick-prev:hover,
.big-Size .homenews-list .slick-next:hover {
  opacity:.5;
}
.big-Size .homenews-list .slick-prev {
  margin-left:-3%;
}
.big-Size .homenews-list .slick-next {
  margin-right:-3%;
}

.mini-Size .homenews-list .slick-prev {
  margin-left:5%;
}
.mini-Size .homenews-list .slick-next {
  margin-right:5%;
}

.micro-Size .homenews-list .slick-prev {
  margin-left:15%;
}
.nano-Size .homenews-list .slick-prev {
  margin-left:25%;
}
.minimi-Size .homenews-list .slick-prev {
  margin-left:5%;
}


/*slick-prev,slick-next*/

.homePush .slick-prev,.homePush .slick-next {
  width: 70px;
  height: 70px;
  margin-top: -3%;
  background-repeat: no-repeat;
  transition: all 300ms ease;
  display: block !important;
}
.homePush .slick-prev:hover,
.homePush .slick-next:hover {
  opacity:.7;
}
.homePush .slick-prev {
  margin-left:2%;
  background-image: url(images/arrow-left.png);
}
.homePush .slick-next {
  margin-right:2%;
  background-image: url(images/arrow-right.png);
}

.big-Size .homePush .slick-prev,
.big-Size .homePush .slick-next {
  border-radius:100%;
  background-color:#fda4b7;
  opacity:.7;
}
.big-Size .homePush .slick-prev:hover,
.big-Size .homePush .slick-next:hover {
  opacity:.5;
}
.big-Size .homePush .slick-prev {
  margin-left:3%;
}
.big-Size .homePush .slick-next {
  margin-right:3%;
}

.mini-Size .homePush .slick-prev {
  margin-top:-8%;
}
.mini-Size .homePush .slick-next {
  margin-top:-8%;
}


.kind-list .slick-prev,
.kind-list .slick-next {
  width:50px;
  height:30px;
  background-repeat: no-repeat;
}

.kind-list .slick-prev {
  margin-left: -3%;
  background-image: url(images/02locations_arrow-left.png);
}

.kind-list .slick-next {
 margin-right: -3%;
  background-image: url(images/02locations_arrow-right.png);
}

.kind-list .slick-prev:hover,
.kind-list .slick-next:hover {
  -webkit-animation:arrow 1s 0s infinite alternate;
}
@-webkit-keyframes arrow {
    0%{ margin-left: -3%; margin-right: -3%;}
  100%{ margin-left: -4%; margin-right: -4%;}
}

/* ==========================================================================
    index [main][homeLocations]
 ==========================================================================*/
section.homeLocations {
  color:#FFF;
  height:100%;
  padding:0;
  margin:0;
}

.homeLocations-box {
  width: 50%;
  position: relative;
  -moz-background-size: cover;
       background-size: cover;
}
.nano-Size .homeLocations-box {
  height:770px !important;
}

.phone-Size .homeLocations-box {
  height:500px!important;
}

.homeLocations-box h2 {
  color:#FFF;
  font-size: 25px;
  font-family: "文鼎細圓","微軟正黑體";
  font-weight: normal;
  padding-bottom:3%;
}

.nano-Size .homeLocations-box h2 {
  font-size: 23px;
}

.homeLocations-left {
  float: left;
  background-image: url(images/homelocations-bg.jpg);
}

.homeLocations-left .start {
  right:0;
}

.homeLocations-right {
  float: right;
  border-left: 1px solid #e8dadb;
  background-image:url(images/homelocations-bg2.jpg);
}

.homeLocations-right .start {
  left:0;
}

.homeLocations a .start {
  color:#FFF;
  text-align:center;
  width:180px;
  height:165px;
  padding-top:6%;
  margin:48% auto auto auto;
  display:block;
  
  position:absolute;
  top:0;
  bottom:0;
  
  background-color:rgba(253,160,180);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); 
	background-color:rgba(253,160,180,.90);
  
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  
  -webkit-transition: all 0.35s ease-in-out , opacity .7s ease-in;
     -moz-transition: all 0.35s ease-in-out , opacity .7s ease-in;
          transition: all 0.35s ease-in-out , opacity .7s ease-in;
  
  opacity:1;
}

.big-Size .homeLocations a .start {
  width:160px;
  height:145px;
  margin:auto;
}

.nano-Size .homeLocations a .start {
  width:140px;
  height:125px;
  padding-top:30px;
}


.phone-Size .homeLocations a .start {
  width:130px;
  height:115px;
  padding-top:25px;
}

.homeLocations a:hover .start {
  opacity:0;
}

.phone-Size .homeLocations a:hover .start {
  background-color:rgba(230,95,125);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); 
	background-color:rgba(230,95,125,.90);
  
  opacity:1;
}

.homeLocations .enter {
  font-size: 14px;
  text-transform: uppercase;
  font-family: Times New Roman;
  width:100%;
  margin: 0 auto;
  position:relative;
}

.homeLocations .enter:before {
  content:url(images/enter-line.jpg);
  position:absolute;
  top:-5px;
  right:18%;
}

.phone-Size .homeLocations .enter:before {
  right:10%;
}

.nano-Size .homeLocations .enter:before {
  right:12%;
}

.homeLocations .enter:after {
  content:url(images/enter-line.jpg);
  position:absolute;
  top:-5px;
  left:18%;
}

.phone-Size .homeLocations .enter:after {
  left:10%;
}

.nano-Size .homeLocations .enter:after{
  left:12%;
}

.homeLocations .show {
  text-align:center;
  width:100%;
  height:100%;
  background-color:rgba(0,0,0);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=58); 
	background-color:rgba(0,0,0,.58);
          
  -webkit-transition: all 1s ease , opacity 1.5s ease-in;
     -moz-transition: all 1s ease , opacity 1.5s ease-in;
          transition: all 1s ease , opacity 1.5s ease-in;

  -webkit-transition-delay:.5s;
     -moz-transition-delay:.5s;
          
 opacity:.5;
}

.phone-Size .homeLocations .show ,
.phone-Size .homeLocations .show .inner{
  background-color:rgba(0,0,0);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); 
	background-color:rgba(0,0,0,0);
  display:none;
}

.homeLocations-left .show {
-webkit-transform: translateX(-100%);
   -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
     -o-transform: translateX(-100%);
        transform: translateX(-100%);
}

.homeLocations-right .show {
-webkit-transform: translateX(100%);
   -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
     -o-transform: translateX(100%);
        transform: translateX(100%);
}

.homeLocations a:hover .show {
  -webkit-transform: translateX(0%)!important;
     -moz-transform: translateX(0%)!important;
      -ms-transform: translateX(0%)!important;
       -o-transform: translateX(0%)!important;
          transform: translateX(0%)!important;
  
  opacity:1;
}

.homeLocations .show .inner {
  width:55%;
  height:30%;
  display:block;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
}

.big-Size .homeLocations .show .inner {
  width:80%;
}

.homeLocations .show h2 {
  font-size: 30px;
  font-weight: bold;
  letter-spacing:5px !important;
  padding-bottom: 3%;
}

.big-Size .homeLocations .show h2 {
  font-size: 27.5px;
}

.homeLocations .show p {
  color:#d2d2d2;
  font-size: 15px;
  line-height:1.8;
}

.big-Size .homeLocations .show p {
  font-size: 14px;
  line-height:1.6;
}

.homeLocations .show .enter {
  color:#FFF;
  width:40%;
  margin-top:30px;
}

.micro-Size .homeLocations .show .enter {
  width:65%;
}

.homeLocations .inner:hover .enter ,
.homeLocations .inner:hover h2{
  color:#fff799 !important;
  
  -webkit-transition: color .6s;
     -moz-transition: color .6s;
       -o-transition: color .6s;
          transition: color .6s;
}

.homeLocations .inner:hover .enter:before,
.homeLocations .inner:hover .enter:after {
  opacity:.3;
  
  -webkit-transition: opacity .6s;
     -moz-transition: opacity .6s;
       -o-transition: opacity .6s;
          transition: opacity .6s;
}

/* ==========================================================================
    home [homeServices]
 ==========================================================================*/

section.homeServices {
  height:100%;
  padding:0;
  margin:0;
  overflow:hidden;
}

.homeServices .box {
  width: 33.3%;
  float: left;
  display: inline-block;
  padding: 0;
  margin: 0;
  position: relative;
  text-align: center;
}
@media (max-width:1366px){
  .homeServices .box {
    width: 50%;
  }
}
@media (max-width:1366px){
  .homeServices .box:nth-child(5),
  .homeServices .box:nth-child(3) {
    display:none;
  }
}

.phone-Size .homeServices .box:nth-child(1) {
  display:none;
}

.phone-Size .homeServices .box {
  width: 100%;
}

.homeServices .box .pic {
  -webkit-transition: all .8s;
     -moz-transition: all .8s;
       -o-transition: all .8s;
          transition: all .8s;
}

.homeServices .box .pic img {
  width:100%;
  height:auto;
}

.homeServices .box .inner {
  width:100%;
  height:100%;
  position: absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  margin: auto !important;
}

.homeServices .box .inner h3 {
  color: #FFF;
  font-family: "文鼎細圓";
  font-weight:normal;
  
  -webkit-transition: border .6s , color 1.6s;
    -moz-transition: border .6s , color 1.6s;
      -o-transition: border .6s , color 1.6s;
         transition: border .6s , color 1.6s;
}

.homeServices-list {
  text-align:left;
  margin: 0 15%!important;
}

.big-Size .homeServices-list {
  margin: 0 8%!important;
}

.nano-Size .homeServices-list {
  margin: 0 2%!important;
}

.homeServices-list a {
  color:#ffe2e2;
  text-align:left;
  width:32% !important;
  padding:5px 0;
  display: inline-block;
      
  -webkit-transition: color .6s;
     -moz-transition: color .6s;
       -o-transition: color .6s;
          transition: color .6s;
}

.homeServices-list a:hover {
  color: #FFFBC6;
}

.homeServices-list a:hover span{
  text-decoration: underline;
}

.homeServices-list a:before {
  content:"●";
  padding-right:5px;
}

.homeServices .box-show {
  /*background: rgb(233,99,129);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iNDglIiBzdG9wLWNvbG9yPSIjZTk2MzgxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTklIiBzdG9wLWNvbG9yPSIjZmYwNTJhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-radial-gradient(center, ellipse cover,  rgba(233,99,129,1) 48%, rgba(255,5,42,1) 99%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(48%,rgba(233,99,129,1)), color-stop(99%,rgba(255,5,42,1)));
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(233,99,129,1) 48%,rgba(255,5,42,1) 99%);
  background: -o-radial-gradient(center, ellipse cover,  rgba(233,99,129,1) 48%,rgba(255,5,42,1) 99%);
  background: -ms-radial-gradient(center, ellipse cover,  rgba(233,99,129,1) 48%,rgba(255,5,42,1) 99%);
  background: radial-gradient(ellipse at center,  rgba(233,99,129,1) 48%,rgba(255,5,42,1) 99%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e96381', endColorstr='#ff052a',GradientType=1 );*/
  
  opacity:0;
  
  -webkit-transition: all .6s;
     -moz-transition: all .6s;
       -o-transition: all .6s;
          transition: all .6s;
  
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.homeServices .box:hover .box-show {
  opacity:1;
}

.nano-Size .homeServices .box:hover .box-show {
  opacity:0;
}

.homeServices .box-show h3 a {
  color: #FFF;
}

.homeServices .box-show h3:hover a {
  color: #fff799 !important;
}

.homeServices .box-show h3:hover {
  border:#f3d050 solid 1px !important;
}

.homeServices .box-show .inner{
  height:70%;
}

.homeServices .box-show h3 {
 font-size: 22px;
 letter-spacing:5.4px;
 border: solid 1px #f6c1cd;
 display: inline-block;
 padding: 2.5% 8%;
 margin-bottom:30px!important;
}

.homeServices .box-show .box-more {
  width:35px;
  height:35px;
  display:block;
  z-index:5;
  position: absolute;
  right:0;
  bottom:0;
  background-color:rgba(215,25,65);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); 
	background-color:rgba(215,25,65,1);
  
  
  -webkit-transition: all 0.27s linear;
     -moz-transition: all 0.27s linear;
       -o-transition: all 0.27s linear;
          transition: all 0.27s linear;
          
  /*-webkit-transition: width 0.57s ease-in;
     -moz-transition: width 0.57s ease-in;
       -o-transition: width 0.57s ease-in;
          transition: width 0.57s ease-in;*/
}

.homeServices .box-show .box-more:hover {
  width:100%;
  height:100%;
  
  background-color:rgba(215,25,65);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); 
	background-color:rgba(215,25,65,.5);
  
  -webkit-transition: all .8s ease-out;
     -moz-transition: all .8s ease-out;
       -o-transition: all .8s ease-out;
          transition: all .8s ease-out;
}

.homeServices .box-show .box-more:before {
  color:#FFF;
  content:"+";
  position:absolute;
  top:20%;
  right:0;
  left:0;
  margin: auto;
  
  -webkit-transition: all 0.57s ease-in;
     -moz-transition: all 0.57s ease-in;
       -o-transition: all 0.57s ease-in;
          transition: all 0.57s ease-in;
}
.homeServices .box-show .box-more:hover:before {
  font-size:50px;
  top:50%;
  
  -webkit-transition: all .8s ease-out;
     -moz-transition: all .8s ease-out;
       -o-transition: all .8s ease-out;
          transition: all .8s ease-out;
}

/*box-first*/
.homeServices .box .box-first {
  opacity:1;
  
  -webkit-transition: all .6s;
     -moz-transition: all .6s;
       -o-transition: all .6s;
          transition: all .6s;

  width:100%;
  height:100%;
}
.homeServices .box:hover .box-first {
  opacity:0;
}

.nano-Size .homeServices .box:hover .box-first {
  opacity:1;
}

.homeServices .pic-bg {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  
  background: rgb(233,99,129);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlOTYzODEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmYwNTJhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-radial-gradient(center, ellipse cover,  rgba(233,99,129,.5) 0%, rgba(255,5,42,.5) 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(233,99,129,.5)), color-stop(100%,rgba(255,5,42,.5)));
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(233,99,129,.5) 0%,rgba(255,5,42,.5) 100%);
  background: -o-radial-gradient(center, ellipse cover,  rgba(233,99,129,.5) 0%,rgba(255,5,42,.5) 100%);
  background: -ms-radial-gradient(center, ellipse cover,  rgba(233,99,129,.5) 0%,rgba(255,5,42,.5) 100%);
  background: radial-gradient(ellipse at center,  rgba(233,99,129,.5) 0%,rgba(255,5,42,.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e96381', endColorstr='#ff052a',GradientType=1 );
  
  opacity:0;
  
  -webkit-transition: all 1s;
     -moz-transition: all 1s;
       -o-transition: all 1s;
          transition: all 1s;       
}

.homeServices .box:hover .pic-bg {
  opacity:1;
}

.homeServices .box-first .inner {
  top:70%;
  position:absolute;
  z-index:1;
}

.phone-Size .homeServices .box-first .inner {
  top:40%;
}

.homeServices .box-first h3 {
  font-size: 20px;
  letter-spacing:5.5px;
  padding-top:20px;
}
.phone-Size .homeServices .box-first h3 {
  font-size: 22px;
  letter-spacing:3.5px;
  padding-top:5px;
}
.phone-Size .homeServices .box-first p {
  width:210px;
  height:60px;
  margin:0 auto;
  background-image: url(images/index_services-h3.png);
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: cover;
       background-size: cover;
}

.phone-Size .homeServices .box-first p span {
  display:none; 
}

.homeServices .box-first:hover h3 {
  color: #fff799!important;
}

.homeServices .box-first p {
  color: #FFF;
  font-family: "Old Script";
  font-size: 72px;
  
  -webkit-transition: color .6s;
     -moz-transition: color .6s;
       -o-transition: color .6s;
          transition: color .6s;
}
.homeServices .box-first:hover p {
  color: #fff799!important;
}

.homeServices .box-show:hover .pic,
.homeServices .box-first:hover .pic {
  opacity:.6;
}


/*box-mv*/
.homeServices .box-mv .inner{
  background-color:rgba(0,0,0);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25); 
	background-color:rgba(0,0,0,.25);
  
  -webkit-transition: all 1s;
     -moz-transition: all 1s;
       -o-transition: all 1s;
          transition: all 1s;
}

.homeServices .box-mv .inner:hover{
  background-color:rgba(0,0,0);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1); 
	background-color:rgba(0,0,0,0.1);
}

.homeServices .box-mv i {
  height: 113px;
  width: 113px;
  background-image: url(images/homeServices-inco.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size:cover;
  
  position: absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  margin:auto;
}

.nano-Size .homeServices .box-mv i {
  height: 93px;
  width: 93px;
}

/* ==========================================================================
    home [homePush]
 ==========================================================================*/

.homePush {
  text-align:center;
  width:100%;
  margin-bottom:-30px;
  position:relative;
  overflow:hidden;
}

.homePush h2.h2{
  color: #fff;
  font-size: 38px;
  text-transform: capitalize;
  margin:70px 0 0 0;
  position:absolute;
  right:0;
  left:0;
  z-index:1;
}

.big-Size .homePush h2.h2{
  margin:40px 0 0 0;
}

.phone-Size .homePush h2.h2 {
  font-size:31px;
  line-height:1.5em;
}

.homePush h2.h2:before{
  content:"";
}

.homePush h2.h2:after{
  content:"";
}

.homePush .container{
  text-align:center!important;
  margin:0 auto; 
}

.homePush .slider-for2{
  background-color:rgba(65,55,50);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); 
	background-color:rgba(65,55,50,1);
}

.big-Size .homePush .slider-for2 {
  height:800px;
  overflow:hidden;
}
.nano-Size .homePush .slider-for2 {
  height:1000px;
}
.phone-Size .homePush .slider-for2 {
  height: 700px;
}

.homePush .slider-for2 img {
  opacity:.15;
}

.homePush .slider-nav2 {
  width:100%;
  height: 50%;
  display: block;
  position: absolute;
  top: -50px;
  bottom: 0px;
  z-index:3;
  margin:auto;
}

.big-Size .homePush .slider-nav2 {
  top: -10px;
}

.phone-Size .homePush .slider-nav2 {
  top: -70px;
}

.homePush .slider-nav2 .list {
  display:block;
  overflow:hidden;
}

.homePush .slider-nav2 .list .pic{
  position: relative;
}

.homePush .slider-nav2 .list .pic .more{
  font-family: Times New Roman;
  font-size: 18px;
  line-height: 2.8em;
  font-weight: normal;
  text-transform: uppercase;
  width: 85px;
  height: 85px;
  padding-top:3%;
  
  border-radius:100%;
  
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  
  background-color: rgba(255,155,175);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); 
  background-color: rgba(255,155,175,.9);
  
  opacity:0;
  
  -webkit-transform:translate3d(0,0,0);/*3d加速*/
  transition:all .5s ease-in-out;
}

.big-Size .homePush .slider-nav2 .list .pic .more{
  font-size: 16px;
  width: 80px;
  height: 80px;
  padding-top:18px;
}

.nano-Size .homePush .slider-nav2 .list .pic .more{
  width: 85px;
  height: 85px;
  padding-top:22px;
}

.phone-Size .homePush .slider-nav2 .list .pic .more{
  font-size: 14.5px;
  width: 65px;
  height: 65px;
  padding-top:13px;
  background-color: rgba(255,155,175);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); 
  background-color: rgba(255,155,175,.7);
}

.homePush .slider-nav2 .list .pic .more:hover{
  background-color: rgba(225,95,170);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); 
  background-color: rgba(225,95,170,.9);
}

.homePush .slider-nav2 .list.slick-center .pic .more{
  opacity:1;
}

.homePush .slider-nav2 .list .inner{
  color:#FFF;
  opacity:0;
}

.homePush .slider-nav2 .list.slick-center .inner{
  opacity:1;
}

.homePush .slider-nav2 .list {
  -webkit-transform: scale(.7);
     -moz-transform: scale(.7);
      -ms-transform: scale(.7);
       -o-transform: scale(.7);
          transform: scale(.7);
          
  transition: all 300ms ease;          
}

.homePush .slider-nav2 .list.slick-center {
  -webkit-transform: scale(1);
     -moz-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
}

.homePush .slider-nav2 .list a {
  color:#FFF;
}

.homePush .slider-nav2 .list img {
  width:100%;
  height: auto;
}

.homePush .slider-nav2 .list h3 {
  font-size:18px;
  font-weight:normal;
  margin-bottom:13px;
}

.homePush .slider-nav2 .list .info {
  color:#d2d2d2;
  text-align:left;
}

.homePush .slider-nav2 .slick-dots {
  margin-bottom:-90px;
}

.nano-Size .homePush .slider-nav2 .slick-dots {
  margin-bottom:-100px;
}

.phone-Size .homePush .slider-nav2 .slick-dots {
  margin-bottom:-60px;
}


/* ==========================================================================
    home [homePlanning]
 ==========================================================================*/

section.home-last {
  height:100%;
  padding:0;
  margin:0;
  overflow:hidden;
  position:relative;
}

.home-last .inner{
  display: block;
  position:relative;
}

.home-last .pic{
  display: block;
  width:100%;
  height:100%;
  position:absolute;
}

.home-last .text {
  width: 900px;
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 3;
  
  -webkit-transition: all 1s;
     -moz-transition: all 1s;
       -o-transition: all 1s;
          transition: all 1s;
}

.micro-Size .home-last .text {
  width: 80%;
}

.phone-Size .home-last .text {
  width: 100%;
}

.home-last .text h2 {
  color: #dc0083;
  font-size: 34px;
  font-family: Times New Roman;
  font-weight: normal;
  margin: 0;
  padding-right:0px;
  letter-spacing: 1.5px;
  
  -webkit-transition: all 1s;
     -moz-transition: all 1s;
       -o-transition: all 1s;
          transition: all 1s;
}

.big-Size .home-last .text h2 {
  font-size: 33px;
}

.phone-Size .home-last .text h2 {
  font-size: 31px;
}

.home-last .text:hover h2 {
 text-shadow: -5px 3px 3px #CCC;
}

.home-last .text h3 {
  color: #000;
  font-size: 23px;
  font-family: "微軟正黑體";
  font-weight: normal;
  margin:13px 0 25px 0;
  letter-spacing: 2.8px;
  
  -webkit-transition: all 1s;
     -moz-transition: all 1s;
       -o-transition: all 1s;
          transition: all 1s;
}

.home-last .text h3 {
  font-size: 22px;
  margin:13px 0 25px 0;
  letter-spacing: 2.8px;
}

.home-last .text:hover h3 {
  color: #e85f7d;
}

.home-last i:before {
  margin-left:8px;
}

.homePlanning .inner {
  height:210px;
}

.homePlanning .pic img {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  z-index:2;
}

.homePlanning .text {
  top: 28%;
  text-align: right;
  /*padding-left:30%;*/
}

.micro-Size .homePlanning .text {
  text-align: center;
}

.homePlanning .text:hover {
  padding-right:25px;
}

.phone-Size .homePlanning h2 {
  letter-spacing:0;
}

.homePlanning h3 {
  padding-right:55px;
}
.phone-Size .homePlanning h3 {
  padding-right:0px;
  padding-top:3px;
}

.homePlanning i:before {
  content: url(images/inco-arrow-in.png);
}
.phone-Size .homePlanning i:before {
  content: "";
}

/* ==========================================================================
    home [homeNews-ex]
 ==========================================================================*/
.homeNews-ex{
	position:relative;
}
.homeNews-ex .inner{
  height:425px;
  transition: height 1s ease-out ;
}
.phone-Size .homeNews-ex .inner{
  height:365px;
}

.homeNews-ex .text {
  top:18%;
}

.micro-Size .homeNews-ex .text {
  text-align:center;
}
.nano-Size .homeNews-ex .text {
  top:45px;
}

.homeNews-ex .text:hover {
  padding-left:25px;
}
.micro-Size .homeNews-ex .text:hover {
  padding-left:0px;
}

.homeNews-ex i:before {
  content: url(images/inco-arrow-in2.png);
}

.homeNews-ex .text p {
  color: #575a47;
  font-size: 15px;
  line-height: 1.8;
  letter-spacing: 2.5px;
  
  -webkit-transition: all 1s;
     -moz-transition: all 1s;
       -o-transition: all 1s;
          transition: all 1s;
}

.big-Size .homeNews-ex .text p {
  font-size: 14.5px;
  line-height: 1.7;
}

.phone-Size .homeNews-ex .text p {
  font-size: 14px;
  line-height: 1.6;
  letter-spacing:1.5px;
}

.homeNews-ex .text p.green {
  color:#768a00;
}

.homeNews-ex .text:hover p {
  opacity:.7;
}

.homeNews-ex .inner .pic img {
  -webkit-transition: -webkit-transform 20s cubic-bezier(.23, 1, .32, 1), -webkit-filter 2s cubic-bezier(.23, 1, .32, 1), filter 2s cubic-bezier(.23, 1, .32, 1);
       -moz-transition:   -moz-transform 2s cubic-bezier(.23, 1, .32, 1), -webkit-filter 2s cubic-bezier(.23, 1, .32, 1), filter 2s cubic-bezier(.23, 1, .32, 1);
            transition:        transform 2s cubic-bezier(.23, 1, .32, 1), -webkit-filter 2s cubic-bezier(.23, 1, .32, 1), filter 2s cubic-bezier(.23, 1, .32, 1);

  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.homeNews-ex .inner:hover .pic img {
  -webkit-transform: scale(1.05);
     -moz-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);

  -webkit-filter: saturate(1.3);
}

.cut {
  width: 100%;
  height: 44px;
  display: block;
  background-image: url(images/index_cut.png);
  background-repeat: no-repeat;
  position: absolute;
  top: -22px;
  z-index: 10;
}
.cut img{
	position:absolute;
	left:10%;
	top:0;
	transition: all 2s ease-out ;
}
.homeNews-ex.actived img{
	left:10%;
}
.homeNews-ex.out img{
	left:80%;
}
.homeNews-ex.actived .inner{
	height:0;
	overflow:hidden;
}
.homeNews-ex.out .inner{
	height:425px;
	overflow:hidden;
}
/* ==========================================================================
    page
 ==========================================================================*/
.page {
  min-height:480px;
}

/*.page .container {
  width:1050px;
}*/

.page .inner {
  padding:20px 0 0 0;
}

.page .html p {
  font-size:15px;
}

.page .html img {
  max-width:100%;
}
.list a{
	text-decoration:none;
}
/* ==========================================================================
    news [news-list]
 ==========================================================================*/
 
#news ,
#newsInfo {
  height:100%;
  background-image: url(images/01news-bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: cover;
       background-size: cover;
}

#news > .inner ,
#newsInfo > .inner {
  padding:60px 15px;
}
 
.news-list .list{
  width:25%;
  padding-right:15px;
}
.micro-Size .news-list .list{
  width:33%;
}
.minimi-Size .news-list .list{
  width:50%;
}
.phone-Size .news-list .list{
  width:100%;
  padding:0;
}
.news-list .list .box {
  height:240px;
  overflow:hidden;
  position:relative;
}

.news-list .list .mark,
.news-list .list .pic {
    position:absolute;
    height:100%;
    width:100%;
    overflow:hidden;
}

.news-list .list .pic img{
  width:100%;
  height:auto;

  -webkit-transition: all 0.4s linear;
     -moz-transition: all 0.4s linear;
      -ms-transition: all 0.4s linear;
          transition: all 0.4s linear;
}

.news-list .list:hover .pic img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);

  -webkit-filter: saturate(1.1);
}

.news-list .list .mark{
    padding-bottom:-160px;
    transition: all 0.5s;
    
    opacity:0;
}

.news-list .list:hover .mark {
  z-index: 2;
  opacity:1;
  
  background-color: rgba(0,0,0,0.5);
  transition:all 1s;
}

.news-list .list .mark .inco{
  margin-top:80px;
  transition: all 0.5s;
}

.news-list .list:hover .mark .inco{
	margin-top:0px;
}

.news-list .list:hover .mark .inco:before{
  content:url(images/inco-news.png);
  background-size:cover;
  width:58px;
  height:58px;
  display:block;
  margin:auto;
}

.news-list .list h2 {
  color: #dc0082;
  font-size: 15px;
  line-height:1.35;
  text-align:left;
  margin: 15px 0 8px 0;
  height:40px;
  overflow: hidden;
  
  -webkit-transition: color .4s;
     -moz-transition: color .4s;
       -o-transition: color .4s;
          transition: color .4s;
}

.news-list .list:hover h2 {
  color: #E44367;
}

.news-list .list p.info {
  color: #434343;
  font-size: 14px;
  line-height:1.4;
  text-align:left;
  height:57px;
  overflow: hidden;
  
  -webkit-transition: all .8s;
     -moz-transition: all .8s;
       -o-transition: all .8s;
          transition: all .8s;
}

.news-list .list:hover p.info {
  color: #B18D50;
}

.news-list .list .time {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index:999;
}

.time {
  color: #FFF;
  font-size: 18px;
  font-family: Arial;
  letter-spacing: 2.2px;
  width: 64px;
  height: 64px;
  padding-top:13px;
  display: block;
  background-color: rgba(250,160,180);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); 
  background-color: rgba(250,160,180,.7);
  text-align: center;
}

.time span{
  font-size: 16px;
  letter-spacing: 1px;
  display:block;
}

.time span i:before{
  content:"/";
  font-size: 13px;
  padding:0 2px 0 1px;
}


/* ==========================================================================
    newsInfo
 ==========================================================================*/

#newsInfo .title {
  min-height:85px;
  position:relative;
}

#newsInfo .title .time {
  position: absolute;
  top:0;
  left:0;
}

#newsInfo .title h2 {
  color:#512f43;
  font-size:24px;
  font-weight:normal;
  line-height:1.2;
  margin:19px 85px 10px 85px;
}

#newsInfo .title .share {
  color:#dc0080;
  font-size:14px;
  position: absolute;
  top:18px;
  right:0;
}

#newsInfo .html {
  padding:35px 0 15px 0;
  border-top: 1px dashed #959595;
  border-bottom: 1px dashed #959595;
}

#newsInfo .html h3 {
  color:#f77f9b;
  font-size:23px;
  margin: 0 0 25px 0;
}

#newsInfo .html a {
  color: #dc0082;
  font-size:15px;
  letter-spacing: 1px;
}
#newsInfo .html a:hover {
  text-decoration: underline;
}


/*share*/
.share a{
  color:#000000;
  display:inline-block;
  float:left;
  position: relative;
  font-size:13px;
}
.share a:hover{
  color:#6a277f;
  height:37px;
}

.share a.contact{
  color:#dc0080;
  font-size:14px;
  line-height:2.5em;
}
.share a.contact:after{
  content:"";
  display:inline-block;
  position:absolute;
  right:0;
  top:0px;
  height:37px;
}
.share a[class^="circle"],.share a[class*=" circle"] {
  color:#FFF;
  text-align:center;
  width:37px;
  height:37px;
  background-color:#fd9cb2;
  
  border-radius:100%;
  font-size:18px;
  transition:all 0.5s;
  position: relative;
  overflow:hidden;
  margin-right:4px;
}
.share a[class^="circle"]:before,.share a[class*=" circle"]:before{
  display:inline-block;
  margin-top:10px;
}
.share a[class^="circle"]:hover,.share a[class*=" circle"]:hover{
  transform:rotate(360deg) scale(1.2,1.2);
  background-color:#dc0083;
}
.share a.facebook{
  margin-left:10px;
}


/**/
.btn-wp {
  width:100%;
  padding:25px;
  clear:both;
  text-align:center;
}
/**/
#newsInfo .shire a {
  color:#fd9cb2;
  font-size:14px;
  text-align:center;
  display: inline-block;
  border:1px solid #fd9cb2;
  padding:15px 0;
  width:50px;
  
  -webkit-transition: all .4s;
     -moz-transition: all .4s;
       -o-transition: all .4s;
          transition: all .4s;
}

#newsInfo .shire a.no{
  color: #CCCCCC;
  border: 1px solid #CCCCCC;
}
#newsInfo .shire a.no:hover{
  color: #CCCCCC;
  background-color: transparent;
  cursor:default;
}

#newsInfo .shire a:nth-child(2) {
  color: #FFF;
  letter-spacing: 0px;
  background-color: #fd9cb2;
}

#newsInfo .shire a:nth-child(2):hover {
  background-color: #E44367;
}

#newsInfo .shire a:hover {
  color:#FFF;
  background-color:#fd9cb2;
}


/* ==========================================================================
    contact
 ==========================================================================*/
#contact {
  min-height:490px;
}

#contact .box-contact {
  padding:70px 50px 50px 50px;
  background-image: url(images/09contact_form-bg.jpg);
}
.micro-Size #contact .box-contact {
  padding:20px 15px;
}
#contact .box-contact-txt {
  color: #666;
  font-size: 15px;
  letter-spacing: .5px;
  margin: 0 0 40px 5px; 
}
.pink {
  color:#dc0082;
  font-size: 16px;
}
#contact .box-contact .form-group{
  width:49%;
  float:left;
  margin-left:0;
}
#contact .box-contact .form-group:nth-child(odd){
  margin-right:2%;
}

@media (max-width: 991px) {
#contact .box-contact .form-group{
    width:100%;
    float:none;
    margin-left:0;
  }
#contact .box-contact .form-group:nth-child(odd){
    margin-right:0%;
  }
}

#contact .box-contact .form-group .control-label{
  color: #898989;
  font-size: 15px;
  font-weight: normal;
  width: 100px;
  padding-right:12px;
  text-align: right;
  letter-spacing: 0px;
}
#contact .box-contact .form-group .col .form-control{
  border: 1 solid #d2d2d2;
  padding:18px 15px;
  border-radius: 0;
}
#contact .box-contact .form-group { overflow: hidden; zoom: 1; }
#contact .box-contact .form-group .control-label {float: left;}
#contact .box-contact .form-group .col{ overflow: hidden; zoom: 1; }

.code-repeat{
  position:relative;
  padding-right:40px;
  display: inline-block;
  line-height: 1.4;
  margin:3px 0 0 7px;
}
.code-repeat:after{
  font-size:30px;
  line-height: 1.4;
  content: "\e615";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position:absolute;
  top:0;
  right:0;
}

#contact .box-contact .btn-success {
  width:100%;
  padding-left:10px;
  padding-right:10px;
  margin:0;
}

/**/
#contact .shire a {
  color:#fba2b6;
  font-size:16px;
  font-weight: bold;
  text-align:center;
  display: inline-block;
  border:1px solid #fba2b6;
  width:96px;
  height:96px;
  padding:35px 0 0 0;
  margin:0 10px;
  border-radius:100%;
  
  -webkit-transition: all .4s;
     -moz-transition: all .4s;
       -o-transition: all .4s;
          transition: all .4s;
}

#contact .shire a:nth-child(2),
#contact .shire a:nth-child(3) {
  font-size:25px;
  background-color: #fd9cb2;
}

#contact .shire a:hover {
  color: #FFF;
  background-color: #E44367;
}

#contact .shire a.icon-car {
  background-image: url(images/inco-car.png);
  background-repeat: no-repeat;
  background-position: center center;
}
#contact .shire a.icon-map {
  background-image: url(images/inco-map.png);
  background-repeat: no-repeat;
  background-position: center center;
}

/**/
.tableNews th {
  color:#339966;
  font-style:21px !important;
  font-weight:normal;
}
.tableNews td {
  line-height:1.5;
  padding:0 0 15px 0;
}


/* ==========================================================================
    page  [pagebanner]
 ==========================================================================*/

.pagebanner {
  width:100%;
  margin:auto;
  position:relative;
}

.pagebanner-list .slider div{
    overflow:hidden;
}

.pagebanner-list .slick-list img{
  width:100%;
  height:auto;
}

.pagebanner .slick-dots {
  bottom:5%;
}


/* ==========================================================================
    main [ submenu ]
 ==========================================================================*/
.submenu {
  width:100%;
  height:50px;
  margin-top:-30px;
  margin-bottom:20px;
  text-align:center;
  /*position:relative;*/
  background-color:#ffdce1;
}

.submenu .in {
  display: inline-block;
}

.submenu .in ul {
	margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
}

.submenu .in ul li {
  text-align:center;
  display: inline-block;
}

.submenu .in a,
.submenu .in ul li a {
  color:#1b1b1b;
  font-size:15px;
  letter-spacing:3px;
  display:inline-block;
  padding:15px 45px;
  margin:0 -3px;
  
  transition: all 0.3s ease-in;
}

.submenu .in ul li:hover a,
.submenu .in ul li.active:hover a,
.submenu .in ul li.active a{
  color:#FFF;
  font-weight:bold;
  background-color:#fba2b6;
}


/**/
.hd {
  text-align:center;
  padding: 20px 0 0 0;
}
.hd p{
	font-size:15px;
	color:#7d7d7d;
}
.hd .hd-h1 {
  color: #e12091;
  font-size: 24px;
  font-weight: normal;
  letter-spacing: 2px;
}

.hd-h2 {
  color: #313131;
  font-size: 30px;
  font-weight: normal;
  font-family: "Felix Titling";
  letter-spacing: 4px;
  margin-bottom: 30px;
  text-transform: uppercase;
}

.hd-h3 {
  font-size: 15px;
  font-weight:normal;
  letter-spacing:3px;
}

.hd .hd-i:before {
  content: url(images/inco-i.png);
  margin-top: 20px
}

.hd .hd-time {
  color: #313131;
  font-size: 16px;
  font-weight: normal;
  font-family: Verdana;
  letter-spacing: 0px;
  display: block;
  margin-bottom:30px;
}


/* ==========================================================================
    locations
 ==========================================================================*/
 
#locations .box1 {
  text-align:center;
  padding:0 0 40px 0;
}

#locations .box1 p {
  line-height:2.1;
}

/* ==========================================================================
    locations [kindbanner] [kind-list]
 ==========================================================================*/


.kind-list .slick-dots li button {
  border:2px solid #fd9cb2;
}

.kind-list .list {
  position:relative;
  padding:5px;
}

.kind-list .list .tt {
  width:245px;
  height:245px;
  /*width:100%;
  height:auto;*/    
  transition: all 300ms ease;
}

.kind-list .list .pic{
  width: 245px;
  height:245px;
  border-radius: 100%;
  
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  
  margin: auto;
}

.kind-list .list .txt{
  position: absolute;
  z-index:3;
  width: 248px;
  height:248px;
  border-radius: 100%;
  border: solid 6px transparent;
  transition:all .6s ease-in-out;
 
}

.kind-list .list:hover .txt{
  border: solid 6px #fd9cb2;
  
  transition:all .6s ease-in-out;
}

.kind-list .list .mark {
  width: 245px;
  height:245px;
  border-radius: 100%;
  
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  
  margin: auto;

  -webkit-transform:translate3d(0,0,0);/*3d加速*/
  
  background-color:rgba(0,0,0);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); 
	background-color:rgba(0,0,0,0.0);
  
  opacity:1;
  transition:all 1s ease-in-out;
}

.kind-list .list:hover .mark {
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=55); 
	background-color:rgba(0,0,0,0.55);
	/*transition: background-color 1s,color 0.5s;*/
  transition:all 0.35s ease-in-out;
}

.kind-list .list .txt{
  text-align: center;

  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  
  margin: auto; 
  
  transition:all .4s ease-in-out;
  opacity:0;
  
  text-shadow: 0px 4px 3px rgba(255,255,255,.1),
               0px 10px 13px rgba(255,255,255,0.2),
               0px 18px 23px rgba(255,255,255,0.2);
}

.kind-list .list:hover .txt{
  opacity:1;
}


.kind-list .list .txt h3,
.kind-list .list .txt h4{
  color:#dc007d;
  padding-top:38%;
  transition: all .6s;
}

.kind-list .list:hover .txt h3,
.kind-list .list:hover .txt h4{
  color:#FFF;
  padding-top:34%;
}

.kind-list .list .txt h3{
  font-size: 32px;
  font-family: "Times New Roman";
  font-weight:normal;
  margin:0;
}
.kind-list .list .txt h4{
  font-size: 14px;
  font-weight:normal;
  margin:-60px 0 0 0;
}


/* ==========================================================================
    -- [box-list]
 ==========================================================================*/

#services .inner {
  padding:40px 0;
}
.box-list{
	margin:auto;
	padding:0;
	
}
.box-list .list{
  width:33.3%;
  vertical-align:top;
  padding:0 15px;
  float:left;
  margin-bottom:20px;
}
.box-list .list a{
	text-decoration:none;
}
.micro-Size .box-list .list{
  width:50%;
}
.phone-Size .box-list .list{
  width:100%;
}
.box-list .list .box {
  padding:0;
  margin:0;
  overflow:hidden;
  position:relative;
}

.box-list .list .mark{
  position:absolute;
  height:100%;
  width:100%;
  overflow:hidden;
  top:0;
  left:0;
}
.box-list .list .pic{
	overflow:hidden;
}

.box-list .list .pic img{
  width:100%;
  height:auto;

  -webkit-transition: all 0.4s linear;
     -moz-transition: all 0.4s linear;
      -ms-transition: all 0.4s linear;
          transition: all 0.4s linear;
          
  -webkit-transform: scale(1);
     -moz-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);

  -webkit-filter: saturate(1);
}

.box-list .list:hover .pic img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);

  -webkit-filter: saturate(1.1);
}

.box-list .list .mark{
    transition: all 0.5s;
    opacity:0;
}

.box-list .list:hover .mark {
  z-index: 2;
  opacity:1;
  
  background-color: rgba(0,0,0,0.5);
  transition:all 1s;
}

.box-list .list .mark .inco{
  margin-top:80px;
  transition: all 0.5s;
}

.box-list .list:hover .mark .inco{
	margin-top:0px;
}

.box-list .list:hover .mark .inco:before{
  content:url(images/inco-news.png);
  background-size:cover;
  width:58px;
  height:58px;
  display:block;
  margin:auto;
}

.box-list .list h2 {
  color: #dc0082;
  font-size: 16px;
  line-height:1.35;
  margin: 15px 0 8px 0;
  height:40px;
  overflow: hidden;
  
  -webkit-transition: color .4s;
     -moz-transition: color .4s;
       -o-transition: color .4s;
          transition: color .4s;
}

.box-list .list:hover h2 {
  color: #E44367;
}

.box-list .list h2 .en {
  color: #a0a0a0;
  font-size: 14px;
  font-family: Verdana;
  font-weight:normal;
  letter-spacing:0px;
  padding-left:10px;
}

.box-list .list time {
  color: #a0a0a0;
  font-size: 14px;
  font-family: Verdana !important;
  letter-spacing:0px;
  margin:0;
}

/* ==========================================================================
    index [main][homeList]
 ==========================================================================*/



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



#contact .box p {
  line-height:2.1;
}

#contact .box1 {
  text-align:center;
  padding:30px 0 40px 0;
}

#contact .box-car {
  padding:70px 15px;
}

#contact .box-car h4 {
  color: #e12091;
  font-size: 16px;
  padding-left:18px;
  margin: 0 0 8px 0;
  background-image: url(images/inco-car-box.png);
  background-repeat: no-repeat;
  background-position: 0 center;
}

#contact .box-car p {
  line-height:1.7;
  padding-left:18px;
  margin-bottom:30px;		
}
#contact .box-car-left {
  width:46%;
  float:left;
}
#contact .box-car-right {
  width:46%;
  float:right;
}

#contact .box-map {
  height:550px;
}
.nano-Size #contact .box-car {
  padding:30px 15px;
}
.nano-Size #contact .box-car-left,
.nano-Size #contact .box-car-right {
    float:none;
    width:100%;
}
.nano-Size #contact .box-map {
  height:250px;
}
.nano-Size #contact .box-contact .form-group .control-label{
    float:none;
    width:100%;
    text-align:left;
}
/* ==========================================================================
    food
 ==========================================================================*/
 
#food .box1 {
  text-align:center;
  padding:0 0 40px 0;
}

#food .box1 p {
  line-height:2.1;
}

.chef-box {
  padding: 80px 0;
  background: url(images/02locations_room-bg.jpg);
}


/**/
.team-list{
  text-align:center;
}
/*.team-list .caret{
  position:absolute;
  display: inline-block;
  margin-left:22px;
  content:'';
  border-width: 28px; 
  border-color: transparent; 
  border-style: solid;
  border-top-width:0; 
  border-bottom-color:#eeeeee; 
  bottom:-10%;
  z-index:9999;
}*/
.team-list .list-item {
  margin:25px 20px;
  float:none;
  display:inline-block !important;
  letter-spacing: normal;
  transition: all 0.5s ease-in;
}

.team-list .list-item .in {
  height:355px;
  overflow:hidden!important;
  position:relative;
}

.team-list .list-item a {
  width:100%;
  height:100%;
  display:block;
  position:relative;
  color:#FFFFFF;
  text-decoration:none;
}

.team-list .list-item .txt{
  position:absolute;
  width:100%;
  padding:5px 18px;
  background-color:rgb(0,0,0);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); 
  background-color: rgba(0,0,0,0.7);
  top: auto;
  bottom: -30px;
  transition: all 0.3s ease-in;
  height:0;
}

.team-list .list-item:hover .txt {
  height:31%;
  bottom:0;
}

.team-list .list-item .txt h3 {
  font-size:26px;
  font-weight:normal;
  padding:0;
  margin:0; 
  word-spacing: 0;
  height:35px;
  text-align:center;
  color:#FFFFFF;
}

.team-list .list-item .item {
  width:50%;
  display:inline-block;
}

.team-list .list-item .item-left {
  float:left;
}

.team-list .list-item .item-right {
  float:right;
}

.team-list .list-item .item h4 {
  font-size:15px;
  margin:15px 0 12px 0;
}

.team-list .list-item .item p {
  padding-left:8px;
}

.team-list .list-item .bg {
  width:100%;
  height:100%;
  position:relative;
  overflow:hidden;
}

.team-list .list-item .bg img {
	transition: transform 0.4s linear;
}

.team-list .list-item:hover .bg img {
	transform: scale(1.3);
}

.team-list .list-item .chef {
  width: 100%;
  height: 120%;
  position: absolute;
  overflow: hidden;
  left: 0px;
  top: 10px;
  right: 0px;
  bottom: 0px;
  transition: all 0.3s ease-in;
}

.team-list .list-item:hover .chef {
  top: -15px;
}

.team-list .list-item h3 {
  color: #535353;
  font-size: 22px;
  font-family: 微軟正黑體, Arial;
  margin: 35px 0 0 0;
}
.team-list .list-item:hover h3 {
  color: #7a6926;
}

/**/
.video-box {
  color:#FFF;
  text-align:center;
  height:665px;
  padding:60px 0 0 0;
  background-image: url(images/04food-vides-bg.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
  -moz-background-size: cover;
       background-size: cover;
}
.video-box h2 ,
.video-box h3 {
  color:#FFF ;
}
.video-box iframe {
  padding-top:20px;
}
.video-box .pic{
}
/**/

.food-kind .list {
  height:450px;
  overflow:hidden;
  position: relative;
}
.food-kind .list:nth-child(odd) .text {
  float:left;
  text-align:right;
}
.food-kind .list:nth-child(odd) .album {
  float:right;
  overflow:hidden;
}

.food-kind .list:nth-child(odd) .text .food-nav{
  right:-10px;
}
.food-kind .list:nth-child(even) .text {
  float:right;
  text-align:left;
}
.food-kind .list:nth-child(even) .album {
  float:left;
  overflow:hidden;
}
.food-kind .list:nth-child(even) .text .food-nav{
  left:-10px;
}

.food-kind .album {
  position: relative;
  width:50%;
}
.food-kind .album .mark {
  width:100%;
  height:100%;
  background-color: rgb(0,0,0);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); 
  background-color: rgba(0,0,0,0.5);
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index:1;
  display:block;
  opacity:0;
  transition: all 0.3s ease-in;
}

.food-kind .album:hover .mark {
  opacity:1;
}

.food-kind .album .mark:before{
  content:url(images/inco-food.png);
  background-size:cover;
  width:58px;
  height:58px;
  display:block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin:auto;
  transition: opacity 2s ease-in;
  opacity:0;
}
.food-kind .album:hover .mark:before{
  transition: opacity 2s ease-out;
  opacity:1;
}

.food-kind .text {
  position: relative;
  width:50%;
  height:100%;
  padding:70px 43px 120px 43px;
  position:relative;
}
.food-kind .text h3 {
  color: #7a6926;
  font-size: 30px;
  font-weight:normal;
  letter-spacing:4.5px;
  margin:0 0 25px 0;
}
.food-kind .text p {
  font-size: 15px;
  line-height:2;
  letter-spacing:1.5px;
}
.food-kind .text [class^="food-nav-"], 
.food-kind .text [class*=" food-nav-"] {
  position: absolute;
  bottom:-10px;
  display:block;
  width:340px;
}

.food-kind .text [class^="food-nav-"]  .item, 
.food-kind .text [class*=" food-nav-"]  .item {
  margin: 0 10px;
  border:solid 3.5px transparent;
  width:100px;
  height:100px;
  display:inline-block;
  float:none;
  cursor: pointer;
  
  /*border:solid 3.5px #fb91a6;*/
}
.food-kind .text [class^="food-nav-"]  .item.slick-center,
.food-kind .text [class*=" food-nav-"]  .item.slick-center{
  /*border:solid 3.5px #fb91a6;暫時*/
}
.food-kind .list:nth-child(even){
	
}
.food-kind > .list:nth-child(even) .text [class^="food-nav-"] ,
.food-kind > .list:nth-child(even) .text [class*=" food-nav-"]{
	left:45px;
}
.food-kind > .list:nth-child(odd) .text [class^="food-nav-"] ,
.food-kind > .list:nth-child(odd) .text [class*=" food-nav-"]{
	right:45px;
}

.food-kind .list {
  height:450px;
  overflow:hidden;
  position: relative;
}
.micro-Size .food-kind .list br{
	display:none;
}
.nano-Size .food-kind .list{
	height:auto;
}
.nano-Size .food-kind .list .text,
.nano-Size .food-kind .album{
	float:none !important;
	width:100%;
	height:auto;
}
.nano-Size .food-kind .list .text{
	padding:25px;
	text-align:center;
}
.nano-Size .food-kind .album{
	height:300px;
}
.nano-Size .food-kind .text [class^="food-nav-"], 
.nano-Size .food-kind .text [class*=" food-nav-"] {
  position: relative;
  bottom:inherit;
  display:block;
  margin:auto;
  left:inherit !important;
  right:inherit !important;
  width:210px;
}
.nano-Size .food-kind .text [class^="food-nav-"]  .item, 
.nano-Size .food-kind .text [class*=" food-nav-"]  .item {
  margin: 0;
  width:70px;
  height:70px;
  overflow:hidden;
}
/* ==========================================================================
    qa
 ==========================================================================*/
 
#qa {
  background-image: url(images/09contact_form-bg.jpg);
}

#qa .hd {
  padding: 5px 0;
  position: relative;
}

#qa .hd h1 {
  color: #000;
  font-size: 35px;
  font-weight: normal;
  letter-spacing: 6px;
}

#qa .inner {
  padding-bottom: 60px;
}

/*qa選單
*********************************/
.qaMenu {
  position: absolute;
  top:30px;
  right:0;
  z-index:1;
}
.qaMenuInco {
  width: 45px;
  height: 45px;
  background-color: #fd9cb2;
  background-image: url(images/07faq_menu-inco.png);
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  right: 15px;
  display:block;
  text-decoration:none;
}
.qaMenuList {
  width:200px;
  position: absolute;
  top:45px;
  right: 0px;
  display:none;
}
.qaMenuList li a {
  color:#323232;
  font-size:16px;
  display:block;
  padding:12px 10px;
  background-color: #ffdae2;
  border-top:1px solid #FFF;
}
.qaMenuList li a:hover {
  color: #FF5B81;
  background-color: #FEC9D5;
}
.qaMenuList li:first-child a {
  border-top: 1px solid transparent;
}

/*qa
*********************************/
.accordion{
  border: 1px solid #eee;
  background-color:#FFF;
}
.accordion-title {
  border-top: 1px solid #d3d1d1;
  position: relative;
}
.accordion-title:first-child {
  border-top: 1px solid transparent;
}
.accordion-title a {
  color: #444;
  font-size: 18px;
  font-weight: normal;
  line-height: 1.35;
  text-decoration: none;
  display: block;
  padding: 20px 50px 20px 105px;
  background-color: #FFF;
}
.accordion-title.actived a {
  color: #dc0082;
}
.accordion-title a i {
  background: url(images/inco-qa-q.png) no-repeat;
  width: 45px;
  height: 30px;
  border-right: 1px solid #999;
  -webkit-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
  -moz-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
  -o-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
  transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
  
  position: absolute;
  left: 27px;
  top: 15px;
}
.accordion-title a:hover {
  background-color: #ffdae2;
}
.accordion-title.actived a i {
  background-image: url(images/inco-qa-q-open.png);
  border-right: 1px solid #ffdae2;
}
.accordion-title.actived a {
  font-weight: bold;
}
.accordion-title.actived a {
  background-color: #ffedf1;
}
.accordion-title a:after {
  content: "+";
  color: #b3b3b3;
  font-family: "Verdana";
  font-size: 24px;
  font-weight: bold;
  display: inline-block;
  line-height: normal;
  padding: 0px;
  
  position: absolute;
  top: 14px;
  right: 20px;
}
.accordion-title.actived a:after {
  content: "-";
  color: #dc0082;
  font-family: "Verdana";
}
.accordion-title time {
  color: #000;
  font-size: 14px;
  font-weight: normal;
  font-family: Verdana;
  letter-spacing: 1px;
  
  position: absolute;
  top: 21px;
  right: 55px;
}
.accordion-info {
  font-size:16px;
  padding:15px 0;
  margin: 0 5px;
  border-top: 1px solid #eee;
  position:relative;
  display:none;
}
.accordion-info .info {
  color: #666;
  line-height: 1.4;
  display: block;
  padding:8px 5px 8px 33px;
  margin-left:66px;
  border-left: 1px solid #ffdae2;
}
.accordion-info i {
  width: 30px;
  height: 30px;
  display: block;
  background: url(images/inco-qa-a.png) no-repeat;
  background-size:cover;
  position: absolute;
  left: 22px;
  top: 18px;
}
.nano-Size .accordion-title a,
.nano-Size dd.accordion-info .info,
.nano-Size .accordion-title time{
	font-size:13px;
}
.nano-Size .accordion-title time{
	display:none;
}
.nano-Size dd.accordion-info i {
  width: 15px;
  height: 15px;
}
/* ==========================================================================
    wedding
 ==========================================================================*/

#wedding {
  color:#434343;
  text-align:center;
}

#wedding .hd .hd-h2{
  margin-bottom: 30px;
}

#wedding .inner p {
  line-height:2.1;
}

/*box1*/
#wedding .box1 {
  min-height:550px;
  padding:0 0 40px 0;
  margin-top:-50px;
  position:relative;
  background: url(images/08wedding-box1-top.png) no-repeat 0px 0px;
}

#wedding .box1 .container {
  max-width:960px;
}

#wedding .box1 .hd {
  padding: 30px 0 50px 0;
}

#wedding .box1 .bg-right {
  width: 485px;
  height: 340px;
  background: url(images/08wedding-box1-bot.png) no-repeat;
  position: absolute;
  right:0;
  bottom: 0;
}
.mini-Size #wedding .box1 .bg-right{
    display:none;
}
#wedding .box1 .box1-pic {
  margin-bottom:40px;
}

#wedding .box1 .box1-pic p {
  width:28%;
  display:inline-block;
  margin: 0 1.5%;
}

#wedding .box1 .box1-pic img {
  border-radius:100%;
}

/*box2*/
#wedding .box2 {
  min-height:550px;
  padding-top:30px;
  background-image: url(images/08wedding-box2-bg.jpg);
  background-repeat: no-repeat;
}

#wedding .box2 .hd {
  padding: 30px 0 50px 0;
}

/*box3*/
#wedding .box3 {
  padding: 35px 0 80px 0;
}
#wedding .box3 .hd {
  padding-bottom:15px;
}
#wedding .box3 .slick-dots {
  bottom: -80px;
}
#wedding .box3 .slick-dots li button {
  border-color: #dcdcdc;
}
#wedding .box3 .slick-dots li.slick-active button {
  border-color: #fd9cb2;
}

#wedding .feedback-list .list h2 {
  font-size:16px;
  color:#dc0082;
  line-height:1.3;
  height:38px;
  overflow:hidden;
  margin:20px 0 0 0;
}

#wedding .feedback-list .list:hover h2 {
  color: #E44367;
}

#wedding .feedback-list .list time {
  font-size: 13px;
  color: #bfbfbf;
  font-family: Verdana, Geneva, sans-serif;
  margin: 0;
}

/*box4*/
#wedding .box4 {
  padding: 35px 0 80px 0;
  background-image: url(images/08wedding_history-bg.jpg);
}
#wedding .box4 .hd {
  padding-bottom:40px;
}
.history-box {
  width:80%;
  margin:0 auto;
  background-color:#FFF;
}
.history-box .pic{
  float:left;
  width:50%;
}
.history-box .txt {
  color:#000;
  font-size:16px;
  float:right;
  width:50%;
  text-align:left;
  vertical-align:middle;
  padding:25px;
}
.micro-Size .history-box {
  width:60%;
}
.micro-Size .history-box .pic,
.micro-Size .history-box .txt{
  float: none;
  width:100%;
}
.micro-Size .history-box .pic img{
    width:100%;
    height:auto;
}
/*時間軸*/
.timeline {
  width: 100%;
  padding-top:100px;
  margin: 0 auto;
  overflow:hidden;
  padding:10px 50px;
  
}

.timeline .list-line{
  width:18%;
  display:inline-block;
  text-align: center;
  cursor: pointer;
  position:relative;
  height:150px;
}

.timeline .list-line .in {
  text-align: center;
}

.timeline .list-line .in .timeInco {
  background-color: #ff85ab;
  height: 12px;
  width: 12px;
  border-radius:100%;
  display: block;
  position:absolute;
  bottom:-15px;
  left:0;
}

.timeline .list-line .in time {
  color: #535353 ;
  font-size: 15px;
  font-family: Verdana;
  font-weight:bold;
  position:absolute;
  left:-50px;
  bottom:15px;
  padding:10px;
  
}
.timeline .slick-list{
  padding:0 0 10px 0!important;
  overflow:visible !important;
  border-bottom: 1px solid #333;
}
.timeline .slick-center .in time{
    background-color:#ff85ab;
    color:#FFFFFF;
    border-radius:5px;
    bottom:60px;
    font-size:18px;
    padding:15px 30px;
    left:-70px;
    
}
.timeline .slick-center .in time:after{
    content:'';
    display: inline-block;
	margin-left:10px;
	content:'';
	border-color: transparent; 
	border-style: solid;
    border-bottom-width:0; 
    border-left-width:8px; 
    border-right-width:8px; 
    border-top-width:60px; 
	border-top-color:#ff85ab;
    position:absolute;
    bottom:-50px;
    left:58px;
}
/*	----------------------------------------------------------------
	MaxCycle (Fullscreen Slideshow for use with jQuery Cycle Plugin)
	----------------------------------------------------------------
	
	Demo at: http://www.aaronvanderzwan.com/maxcycle/
	Download and Info at: http://github.com/akv2/MaxCycle---jQuery-Plugin/
	Copyright (c) 2007-2011 Aaron Vanderzwan
	Dual licensed under the MIT and GPL licenses.
	
*/
/*! Version: 2.0.73 (12-Oct-2012) */

/* index */
#maximage {
	position:relative !important;
	/*min-height:460px !important;*/
}

#maximage02 {
	position:relative !important;
		/*min-height:460px !important;*/
}

/* fruit, flower */
.maximage {
	position:relative !important;
	
	
}

.mc-hide-scrolls {
	overflow: hidden;
}
body#index .mc-cycle {
	height: 100%;
	left: 0;
	overflow: hidden;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: -1;
}
div.mc-image {
	/*NOTE: Mozilla flickers when fading and using 'all', so we have to be specific with what property we want to transition:
	 	If you are using fading transitions, use 'opacity: */
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
	/*If you are using horizontal slide transitions, use the following CSS:
	-webkit-transition: left 1s ease-in-out; 
	-moz-transition: left 1s ease-in-out; 
	-o-transition: left 1s ease-in-out; 
	transition: left 1s ease-in-out;*/
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 100%;
	overflow: hidden;
	width: 100%;
}
.mc-old-browser .mc-image {
	overflow: hidden;
}


/* ==========================================================================
  #index 
 ==========================================================================*/
.homebanner{ 
  overflow-x: hidden;
  overflow-y:hidden;
}

/* ==========================================================================
 #index   #cycle-nav  
 ==========================================================================*/
.homebanner .holder {
  width:100%;
  height:100%;
  overflow-x: hidden;
  overflow-y:hidden; 
}

.homebanner .placeHolder ,
.homebanner .holder{
  position: relative;
  z-index: 9;
}
 
/*I want to style my pager*/
.homebanner #cycle-nav {
  text-align:center;
  position:absolute;
  left:0;
  right:0;
  bottom:95px;
  padding-right:2%;
  /*left: 50%;
  margin-left: -145px;*/
  z-index:999;
}

.big-Size .homebanner #cycle-nav {
  padding-right:2.5%;
}
.mini-Size .homebanner #cycle-nav {
  padding-right:3.5%;
}
.nano-Size .homebanner #cycle-nav {
  padding-right:5%;
}
.phone-Size .homebanner #cycle-nav {
  padding-right:7.8%;
  bottom:80px;
}
.mi-Size .homebanner #cycle-nav {
  padding-right:11%;
}

.homebanner #cycle-nav ul {
  list-style-type:none;
}

.homebanner #cycle-nav ul li {
  display: inline-block;
  margin:0 6px;
}

.homebanner #cycle-nav ul li a {
  background: #transition;
  position: relative;
  margin: 2px;
  float: left;
  width: 19px;
  height: 18px;
  background-image: url(images/index/cicle_01.png);
}

.homebanner #cycle-nav ul li.activeSlide a,
.homebanner #cycle-nav ul li a:hover{
  background:url(images/index/cicle_02.png);   
  transition: all 0.3s ease-out;
}

.homebanner #cycle-nav ul li a p {
  background:url(images/index/tag.png);
  display:block;
  line-height: 17px;
  width:30px;
  height:124px;
  padding: 0 5px;
  position: absolute;
  top: -130px;
  left: -5px;
  
  color:#fff;
  transition: all 0.3s ease-out;
}

.homebanner #cycle-nav ul li a p:before{
  content: '';
  display: inline-block;
  vertical-align: middle ;
  height: 100%;
}

.homebanner #cycle-nav ul li a p span{
  display: inline-block;
  vertical-align: middle;
  margin-top: -3px;
}

.homebanner #cycle-nav ul li a p {
  transition: all 0.3s ease-out;
  opacity:0;
  filter: alpha(opacity=0);
}

.homebanner #cycle-nav ul li.activeSlide a p,
.homebanner #cycle-nav ul li a:hover p {
  opacity:1;
  filter: alpha(opacity=100);
  transition: all 0.3s ease-out;
}


.homebanner #cycle-nav ul li a:active p{
  opacity:0;
  filter: alpha(opacity=0);
}


@media (max-height:319px) {
  .homebanner #cycle-nav{
  	display:none !important;
  }
  
  .homebanner #cycle-nav ul li a p{
    display:none !important;
    opacity: 0;
  }
}

.phone-Size .homebanner #cycle-nav ul li a p{
  background:url(images/index/tag02.png);
  height:127px;
  top: -140px;
  font-size:1em;
  padding: 0px 8px;
  letter-spacing:0;
  margin:0;
  line-height:normal;
}

/* ==========================================================================
    Models [homeModels]
 ==========================================================================*/
 
.homeVideos .list-item{
  width:100%;
  position:relative;
  padding:0;
  margin:0;
}
.homeVideos .list-item .pic{
  height:100%;
  width:100%;
}
.homeVideos .list-item .movie{
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  display:none;
  overflow: hidden;
}


/**/
.shareBar {
  position: fixed;
  left: 0px;
  top: 200px;
  z-index:999;
}
.shareBar a {
  color: #FFF;
  font-size: 25px;
  width: 52px;
  height: 52px;
  border-top: 1px solid #FFF;
  background-color: #ffc7d4;
  display: block;
  position: relative;
}
.shareBar a:first-child {
  border-top: 1px solid transparent;
}
.shareBar a:hover {
  background-color: #fd9cb2;
}
.shareBar span {
  max-width: 25px;
  max-height: 25px;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
}
.shareBar a:nth-child(3) span{
  padding-left:2px;
}
.nano-Size .shareBar{
	/*display:none;*/
  position: inherit;
  text-align:center;
  padding-bottom:13px;
}
.nano-Size .shareBar a {
  width: 51px;
  height: 51px;
  border-radius:100%;
  display:inline-block;
}
/*#header .shareBar*/
#header .shareBar{
  display:none;
}
.nano-Size #header .shareBar{
  display: block;
  left: inherit;
  position: fixed;
  right:66px;
  top: 5px;
  text-align: inherit;
}
.nano-Size .footer .shareBar a:nth-child(4) {
  display:none;
}


/*box5*/
#wedding .box5 {
  padding: 35px 0 130px 0;
}
#wedding .box5 .hd {
  padding-bottom:30px;
}
#wedding .box5 .slick-dots {
  bottom: -80px;
}
#wedding .box5 .slick-dots li button {
  border-color: #dcdcdc;
}
#wedding .box5 .slick-dots li.slick-active button {
  border-color: #fd9cb2;
}
#wedding .box5 .container{
    max-width:1180px;
    padding:0 85px;
}
#wedding .box5 .container .group-list{
    
}
.group-list{
  text-align:center;
}
.group-list .list-item{
  width:210px;
  height:210px;
  margin:0 10px;
  position:relative;
  box-sizing:content-box;
  overflow:hidden;
}
/*.group-list .list-item.slick-center*/

.group-list .list-item a{
    display:block;
    text-align:left;
}
.group-list .list-item .pic{
  width:210px;
  height:210px;
  background-blend-mode: hard-light;
  background-size: 100% 100%;
  background-color: rgb(255,255,255);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); 
  background-color: rgba(255,255,255,1);
  border-radius: 100%;
  border:#e24c6d solid 1px;
  position: relative;
  display:inline-block;
  float:left;
}

.group-list .list-item .pic img{
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  margin:auto; 
}
.group-list .list-item .txt{
  width:330px;
  height: 210px;
  padding: 15px;
  float:left;
  display:none;
  
}
.group-list .list-item .txt div{
  width:100%;
  height:100%;
}
@media \0screen {
  .group-list .list-item .txt{
  	display: block;
  }
}
.group-list .list-item a{
  color:#000000;
  display:block;
  height:100%;
  width:100%;
}
.news-list .list-item .txt time{
  font-size:20px;
  color:#000000;
}

.group-list .list-item .txt h3{
  font-size:16px;
  color:#000;
  font-weight:normal;
  text-align:left;
}
.group-list .list-item .txt h3 .web {
  font-size:14px;
  color:#dc0082;
  padding-left:10px;
}
.group-list .list-item .txt p{
  font-size: 15px;
  color: #666;
  line-height: 2em;
  text-align:left;
}

.group-list .list-item:hover .pic{
	background-blend-mode: normal;
}
.group-list .list-item:hover .focuspoint img{
	transform: scale(1);
}

.group-list .slick-prev {
  margin-left: -55px;
  background-image: url(images/02locations_arrow-left.png);
}

.group-list .slick-next {
  margin-right: -55px;
  background-image: url(images/02locations_arrow-right.png);
}

.group-list .slick-prev, .group-list .slick-next {
  width: 50px;
  height: 30px;
  background-repeat: no-repeat;
}
.group-list .slick-prev:hover,
.group-list .slick-next:hover {
  -webkit-animation:arrow 1s 0s infinite alternate;
}
.group-list .list-item.slick-center{
    width:540px;
}
.group-list .list-item.slick-center .txt{
    display:inline-block;
}
.mini-Size .group-list .list-item{
     height:450px;
     text-align:center;
     width:250px;
     margin:0 5px;
}
.mini-Size .group-list .list-item.slick-center{
   width:250px;
}
.mini-Size .group-list .list-item a{
    text-align:center;
}
.mini-Size .group-list .list-item .pic{
    display:inline-block;
    float:none;
}
.mini-Size .group-list .list-item .txt{
    float:none;
    width:100%;
    display:block;
}
.mini-Size .group-list .list-item .txt h3,
.mini-Size .group-list .list-item .txt p{
  text-align:center;
}
/* ==========================================================================
    main [lightInfo]
 ==========================================================================*/

.modalLight {
  width:100%;
  padding: 45px;
}
.modalLight .hd {
  border-bottom: 1px solid #fed4de;
  padding: 15px 35px;
  position: relative;
}
.modalLight.weddingInfo .hd{
  text-align:left;
}
.modalLight .hd h1 {
  color: #dc007e;
  font-size: 25px;
  font-weight:normal;
  margin:0 0 10px 0;
  /*padding-right:60px;*/
}
.modalLight .hd time {
  color: #bfbfbf;
  font-size: 14px;
  font-family: Verdana;
  letter-spacing:1px;
}
/*.modalLight .hd .facebook {
  background-color: #762c8b;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  position: absolute;
  top: 35px;
  color: #FFFFFF;
  font-size: 20px;
  right: 30px;
}*/
.modalLight .html {
  padding: 35px;
}
.modalLight .html .pic img{
  width:100%;
  height:auto;
}
.modalLight .footer {
  text-align: center;
  border-top: 1px solid #fed4de;
  padding: 35px 30px;
  position: relative;
}
a[class*='lightcase-icon-'], a[class*='lightcase-icon-']:focus{
    color:#fd9cb2 !important;
    font-size: 58px!important;
    text-decoration:none;
}

#lightcase-case {
  z-index: 99999!important;
}
.modalLight .footer .close{
  color: #FFF;
  font-size: 50px;
  text-decoration: none;
  width: 65px;
  height: 65px;
  display: block;
  padding-top: 5px;
  margin: 50px auto;
  border-radius: 100%;
  background-color: #fd9cb2;
  
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}
.modalLight .footer .close:hover {
  background-color: #ff7897;
}

/**/
#planningInfo .box1 {
  text-align:center;
}

#planningInfo .box1 p {
  line-height:2.1;
}

#planningInfo .box-list .list h2 {
  font-weight:normal;
  text-align:center;
}

/*.btn-mid*/
.btn-mid.shire {
  padding: 30px 0 40px 0;
}
.btn-mid.shire a {
  color:#FFF;
  font-size:30px;
  font-weight: bold;
  text-align:center;
  display: inline-block;
  border:1px solid #fba2b6;
  width:65px;
  height:65px;
  padding:16px 0　0 0;
  margin:0 4px;
  border-radius:100%;
  
  background-color: #fd9cb2;
  
  -webkit-transition: all .4s;
     -moz-transition: all .4s;
       -o-transition: all .4s;
          transition: all .4s;
}
.btn-mid.shire a:hover {
  color: #FFF;
  background-color: #E44367;
}

.btn-mid.shire a.icon-calendar2 {
  background-image: url(images/inco-calendar.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.btn-mid.shire a.icon-f {
  background-image: url(images/icon-f.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.btn-mid.shire a.icon-good {
  background-image: url(images/icon-good.png);
  background-repeat: no-repeat;
  background-position: center center;
}

/*.btn-footer*/
.btn-footer .container {
  padding: 55px 0;
  border-top: 1px dashed #959595;
}
.btn-footer.shire a {
  color:#ef7590;
  font-size:16px;
  letter-spacing:5px;
  text-align:center;
  display: inline-block;
  border:1px solid #fba2b6;
  padding:13px 27px;
  margin:0 4px;
  
  -webkit-transition: all .4s;
     -moz-transition: all .4s;
       -o-transition: all .4s;
          transition: all .4s;
}
.btn-footer.shire a:hover {
  color: #FFF;
  background-color: #E44367;
}

.btn-footer.shire a.back {
  color:#FFF;
  font-size:14px;
  letter-spacing:0;
  width:55px;
  padding:13px 0px;
  background-color: #fd9cb2;
}
.btn-footer.shire a.back:hover {
  background-color: #E44367;
}
.btn-footer.shire a.car {
  position: relative;
  padding-right:50px;
}
.btn-footer.shire a .inco-car{
  height: 20px;
  width: 23px;
  display: block;
  background-image: url(images/inco-car2.png);
  background-repeat: no-repeat;
  position: absolute;
  top: 14px;
  right: 20px;
}
.btn-footer.shire a:hover .inco-car{
  background-image: url(images/inco-car2-wite.png);
}


/**/
#testimonyList .box-list .list h2 {
  font-weight:normal;
  height:22px;
  padding:0;
  margin-bottom:3px;
}

/**/
#testimonyInfo .box1 {
  text-align:center;
}

#testimonyInfo .box1 p {
  line-height:2.1;
}


/**/
.order {
  color:#FFF;
  padding:10px 15px;
  margin-top:5px;
  display: inline-block;
  border-radius:8px;
  background-color:#ef7590;
}
.order:hover {
  background-color: #E44367;
}


/**/
.food-menu {
  text-align:center;
  display:block;
  padding:60px 40px;
}
.food-menu a {
  color:#fd9cb2;
  font-size:16px;
  font-weight:bold;
  padding:23px 40px;
  margin:0 .4%;
  border:#fd9cb2 solid 1px;
  border-radius:5px;
  display:inline-block;
  position:relative;
}
.food-menu a:hover ,
.food-menu a.active {
  color:#FFF;
  background-color:#fd9cb2;
}
.food-menu a.active:after{
	content:'';
	bottom:-20px;
	left:0;
	right:0;
	margin:auto;
		display: inline-block;
	content:'';
	border-width: 20px; 
	border-color: transparent; 
	border-style: solid;
	border-bottom-width:0; 
	border-top-color:#fd9cb2;
	position:absolute;
	width:20px;
	height:20px;
}
/**/
#food .btn-footer .container {
  padding: 20px 0;
  border-top: 1px dashed transparent;
}
.mini-Size .food-menu a{
	padding:13px 20px;
	font-size:14px;
}
.nano-Size .food-menu {
	padding:20px 15px;
}
.nano-Size .food-menu a{
	width:45%;
	padding:13px 0px;
	margin-bottom:10px;

}
.nano-Size .food-menu a.active:after{
	display:none;
}
/* ==========================================================================
    #planningSelect
 ==========================================================================*/
#planningSelect{
	text-align:center;
}
#planningSelect .form-group{
	position:relative;
}
#planningSelect .control-label{
	position:absolute;
	top:0px;
	left:35px;
	color:#666666;
	font-size:16px;
}
#planningSelect form{
	padding:15px;
}
#planningSelect form .form-control{
	display:inline-block;
	width:80%;
	height:40px;
	border:1px solid #fd9cb2;
	padding-left:150px;
}
/* ==========================================================================
    #planningSelectDate [calendar]
 ==========================================================================*/
.calendar{
	border:1px solid #fba2b6;
}
.calendar th{
	background-color:#fba2b6;
	color:#FFFFFF;
	text-align:center;
}
.calendar th{
	padding:10px;
	font-weight:normal;
}
.calendar td{
	padding:2px 5px 23px 5px;
	
}
.calendar td{
	color:#666666;
	border:1px solid #fba2b6;
	position:relative;
	vertical-align:top;
	width:14.28%;
}
.calendar td p{
	padding:0;
	margin:0;
	font-size:12px;
}
.calendar td p:before{
	content:'*';
	margin-right:5px;
	
}
.calendar td .date{
	color:#fba2b6;
	position:relative;
	font-size:14px;
	padding:5px 0;
	margin:0;
	margin-bottom:5px;
	font-weight:normal;

}
.calendar td.actived .date:after{
	content:'';
	background: url(images/icon-calender.png) no-repeat;
	width:20px;
	height:20px;
	top:5px;
	right:10px;
	position:absolute;
	display:inline-block;
}

.calendar .edit{
	display:inline-block;
	font-size:18px;
	position:absolute;
	bottom:-5px;
	right:-5px;
	padding:10px;
}
.calendar .end{
	background-color:#fff9fa;
	border:2px solid #dd0781 !important;
	
}
.calendar .endText{
	color:#dd0781;
	background:url(images/icon-end.png) top right no-repeat;
	height:80px;
	padding:15px 70px 0 0;
	display:block;
	text-align:right;
}
/* ==========================================================================
    #planningSelectDate [calendar]
 ==========================================================================*/
.planningNote{
	background-color:#fba2b6;
	color:#FFFFFF;
	padding:25px;
	margin-top:30px;
	font-size:12px;
}
.planningNote a{
	color:#FFFFFF;
	text-decoration:none;
}
.planningNote h2{
	font-size:16px;
	margin-bottom:20px;
}
.planningNote h2:before{
	margin-right:10px;
}
.planningNote .list{
	width:27%;
	padding:0 10px;
	line-height:2em;
	float:left;
}
.planningNote .list-4{
	width:19%;
}
.planningNote .list-4 a{
	display:block;
}
.nano-Size .planningNote .list{
	width:50%;
	margin-bottom:20px;
}
.nano-Size .planningNote{
	padding:15px;
}
.phone-Size .planningNote .list{
	width:100%;
}
/* ==========================================================================
    #planningSelectDate [planning-btn]
 ==========================================================================*/
.planning-btn{
	text-align: center;
	display:table;
	margin-top:20px;
	margin-bottom:20px;
	width:100%;
}
.planning-btn .inner{
	background-color:#eeeeee;
	padding:5px 5px 5px 20px;
	vertical-align:middle;
	display:table-cell;
	text-align:left;
	color:#de0b84;
	text-align: center;
}
.planning-btn em {
	margin:0 10px;
}
.planning-btn .btn-success{
	font-size:12px;
	background-color:#ef7591;
	padding:5px 25px;
	margin-left:10px;
}
.planning-btn  .checkbox{
	display:inline-block;
}
.nano-Size .planning-btn .title{
	display:block;
}
.nano-Size .planning-btn em{
	display:none;
}
.nano-Size .planning-btn .btn-success{
	margin-top:5px;
}

#planningSelectEdit .btn{
	margin-top:20px;
}
/* ==========================================================================
    #testimonyInfo [testimonyInfo-pic-list]
 ==========================================================================*/
.testimonyInfo-pic-list .list{
	height:600px;
	position:relative;
}

.imonyInfo-pic-list .list:after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.8);
}
.testimonyInfo-pic-list .slick-center:after{
	background-color: transparent;
}
.testimonyInfo-pic-list .list img{
	height:100%;
	width:auto;
}
.testimonyInfo-pic-list  .slick-dots {
  bottom: 5px;
}
 
.mv:before{
	position:absolute;
	height:60px;
	width:60px;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin:auto;
	color:#ffffff;
	text-align:center;
	font-size:60px;
	z-index:2;
}
.minimi-Size .mv:before{
	font-size:40px;
			height:40px;
	width:40px;
}
.phone-Size .mv:before{
	font-size:20px;
		height:20px;
	width:20px;
}
.big-Size .testimonyInfo-pic-list .list{
	height:400px;
}
.micro-Size .testimonyInfo-pic-list .list{
	height:300px;
}
.nano-Size .testimonyInfo-pic-list .list{
	height:250px;
}
.minimi-Size .testimonyInfo-pic-list .list{
	height:200px;
}

.phone-Size .testimonyInfo-pic-list .list{
	height:150px;
}

.mi-Size .testimonyInfo-pic-list .list{
	height:100px;
}
#food .video-box .pic{
	text-align:center;
}
#food .video-box .pic a{
	border:5px  solid #FFFFFF;
	display:inline-block;
}
#food .video-box .mv:before{
	color:#cd0313;
	font-size:80px;
	height:80px;
	width:80px;
}

/* ==========================================================================
    -- [box-list]
 ==========================================================================*/


.food-menuList{
	margin:0;
	padding:0;
	text-align:center;
	
}
.food-menuList .list {
  width: 24.5%;
  padding:0;
  margin:0;
  position:relative;
  cursor: pointer;
  overflow:hidden;
  float:none;
  display:inline-block;
  vertical-align:top;
  margin-bottom:1px;
  margin-right:1px;
}
.food-menuList .list a{
	text-decoration:none;
}
.micro-Size .food-menuList .list{
  width:49.5%;
}
.phone-Size .food-menuList .list{
  width:100%;
}
.food-menuList .list .box {
  padding:0;
  margin:0;
  overflow:hidden;
  position:relative;
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
}

.food-menuList .list .mark{
  position:absolute;
  height:100%;
  width:100%;
  overflow:hidden;
  top:0;
  left:0;
}
.food-menuList .list .pic{
	overflow:hidden;
	height:100%;
  width:100%
}

.food-menuList .list .pic img{
  width:100%;
  height:auto;

  -webkit-transition: all 0.4s linear;
     -moz-transition: all 0.4s linear;
      -ms-transition: all 0.4s linear;
          transition: all 0.4s linear;
          
  -webkit-transform: scale(1);
     -moz-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);

  -webkit-filter: saturate(1);
}

.food-menuList .list:hover .pic img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);

  -webkit-filter: saturate(1.1);
}

.food-menuList .list .mark{
    transition: all 0.5s;
    opacity:0;
}

.food-menuList .list:hover .mark {
  z-index: 2;
  opacity:1;
  
  background-color: rgba(0,0,0,0.5);
  transition:all 1s;
}

.food-menuList .list .mark .inco{
  transition: all 0.5s;
  display:inline-block;
}

.food-menuList .list:hover .inco{
	margin-top:0px;
}

.food-menuList .list .icon:before{
  font-size:50px;
  color:#FFFFFF;
  margin-right:10px;
}
.food-menuList .list:hover .mark .inco:before{

}

.food-menuList .list h2 {
  color: #fd9cb2;
  font-size: 30px;
  line-height:1.35;
  margin: 15px 0 15px 0;
  overflow: hidden;
  font-weight:normal;
  
  -webkit-transition: color .4s;
     -moz-transition: color .4s;
       -o-transition: color .4s;
          transition: color .4s;
}
.food-menuList .list h2 span{
	font-size:24px;
	display:block;
	color:#ffffff;
}
.food-menuList .list:hover h2 {
  color: #E44367;
}

.food-menuList .list h2 .en {
  color: #a0a0a0;
  font-size: 14px;
  font-family: Verdana;
  font-weight:normal;
  letter-spacing:0px;
  padding-left:10px;
}

.food-menuList .list time {
  color: #a0a0a0;
  font-size: 14px;
  font-family: Verdana !important;
  letter-spacing:0px;
  margin:0;
}

.micro-Size .food-menuList .list h2{
	font-size:23px;
}
.micro-Size .food-menuList .list h2 span{
	font-size:18px;
}
.micro-Size .food-menuList .list .icon:before{
  font-size:48px;
}

/* ==========================================================================
    #servicesInfo
 ==========================================================================*/
#servicesInfo .box-list{
	margin:0 50px;
}
#servicesInfo .box-list .slick-prev,
#servicesInfo .box-list .slick-next{
	top:35%;
}
#servicesInfo .kindbanner{
	padding:15px;
}
.shire{
	padding:40px 0;
}

/* ==========================================================================
    #locationsSoon [ box1 ][left]
 ==========================================================================*/
#locationsSoon .box1  .box-list .list .mark{
	color:#FFFFFF;
	font-size:15px;
}
#locationsSoon .box1  .box-list{
	padding-top:30px;
}
#locationsSoon .box1  .box-list .list{
	width:25%;
}
#locationsSoon .box1  .box-list .list .box{
	border:3px solid rgba(255,255,255,0);
	margin-bottom:10px;
}
#locationsSoon .box1  .box-list .list .box:hover{
	border:3px solid #fba2b6;
}
#locationsSoon .box1  .box-list a{
	display:block;
	text-decoration:none;
	height:100%;
	width:100%;
}
#locationsSoon .box1 .box-list .list .text{
	text-align:center;
}
/* ==========================================================================
    #locationsSoon [ box2 ]
 ==========================================================================*/
#locationsSoon .box2 .container{
	position:relative;
}
#locationsSoon .box2 .left{
	width:70%;
	margin-right:50px;
}
#locationsSoon .box2 .right{
}
#locationsSoon .box2  h2{
	text-align:center;
	font-size:35px;
	margin-bottom:50px;
}
.mini-Size #locationsSoon .box2 .left{
	width:65%;
	margin-right:30px;
}
.micro-Size #locationsSoon .box2 .left{
	width:55%;
}
.nano-Size #locationsSoon .box2 .left{
	width:100%;
}
.nano-Size #locationsSoon .box2 .right{
	height:auto !important;
}
/* ==========================================================================
    #locationsSoon [ box2 ][left]
 ==========================================================================*/
#locationsSoon .box2{
	padding:50px 15px;
}


#locationsSoon .box2 .rosary-list .list{
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
}
#locationsSoon .box2 .slick-dots li button {
  background-color: transparent;
  border: 2px solid #fd9cb2;
}
#locationsSoon .box2 .slick-dots .slick-active button{
	background-color:#fd9cb2;
}
/* ==========================================================================
    #locationsSoon [ box2 ][right]
 ==========================================================================*/
#locationsSoon .box2 .right{
	display:table;
}
#locationsSoon .box2 .right .txt{
	line-height:2em;
	display:table-row;
}
#locationsSoon .box2 .right .dask{
	display:table-cell;
	vertical-align:bottom;
}
#locationsSoon .box2 .right  .download{
	display:block;
	background-color:#fba2b6;
	color:#FFFFFF;
	padding:8px;
	text-align:center;
	font-size:15px;
	transition: background-color 0.3s ease-in;
	margin:15px 0;
}
#locationsSoon .box2 .right  .download:hover{
	background-color:#dc0083;
}
#locationsSoon .box2 .right .download:after {
	content: "\e626";
		font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size:20px;
	margin-left:10px;
	
}
.dask .col{
	background-color:#f0cd9b;
	color:#663e04;
	padding:10px 15px 10px  65px;
	display:inline-block;
	width:49%;
	background-position:15px 7px;
	background-repeat:no-repeat;
	margin-bottom:8px;
}

.dask .col:nth-child(even){
	float:right;
}
.dask .col:nth-child(odd){
	float:left;
}
.dask .col-1{
	background-image:url(images/dask-icon1.png);
}
.dask .col-2{
	background-image:url(images/dask-icon-2.png);
	background-position:15px 10px;
}
.dask .col-3{
	background-image: url(images/dask-icon-31.png);
	background-position:15px 15px;
}
.dask .col-4{
	background-image:url(images/dask-icon-4.png);
	background-position:15px 13px;
}

/* ==========================================================================
    #locationsSoon [ box3 ]
 ==========================================================================*/
#locationsSoon .video-box{
	background:url(images/locationsSoon-video-box.jpg);
	
}
#locationsSoon .video-box h2, 
#locationsSoon .video-box h3 {
   color:#000000;
}
#locationsSoon .video-box .pic{
	text-align:center;
	margin-top:30px;
}
#locationsSoon .video-box .pic a{
	border:5px  solid #FFFFFF;
	display:inline-block;
}
#locationsSoon .video-box .mv:before{
	color:#cd0313;
	font-size:80px;
	height:80px;
	width:80px;
}
/* ==========================================================================
    #locationsSoon [ box4 ][left]
 ==========================================================================*/
#locationsSoon .box4  .box-list .list .mark{
	color:#FFFFFF;
	font-size:15px;
}
#locationsSoon .box4  .box-list{
	padding-top:30px;
}
#locationsSoon .box4  .box-list .list{
	width:25%;
}
#locationsSoon .box4  .box-list .list .box{
	margin-bottom:10px;
}

#locationsSoon .box4  .box-list a{
	display:block;
	text-decoration:none;
	height:100%;
	width:100%;
}
#locationsSoon .box4 .box-list .list .text{
	text-align:center;
}


/* ==========================================================================
    #news .news-subNav
 ==========================================================================*/
#news .hdbox{
	position:relative;
}
.news-subNav{
	position:absolute;
	left:-220px;
	background-color:#FFFFFF;
}
.news-subNav > h2{
	background-color:#ffa3ba;
	color:#FFFFFF;
	text-align:left;
	line-height:1.5em;
	padding:45px;
	margin:0;
}
.news-subNav > h2 span{
	display:block;
	text-align:left;
	font-weight:normal;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}
.news-subNav ul{
	padding:20px 25px;
}
.news-subNav ul li{
	margin-bottom:15px;
	padding-left:15px;
	border-left:5px solid #ffffff;
	transition: all 0.3s ease-out;
	
}
.news-subNav ul li.actived,
.news-subNav ul li:hover{
	border-left:5px solid #e82f88;
}

.big-Size .news-subNav{
	position:relative;
	left: inherit;
	background-color:transparent;
}
.big-Size .news-subNav > h2{
	background-color:transparent;
	padding:0;
	margin-bottom:20px;
	color: #e12091;
  font-size: 24px;
  font-weight: norm;
  letter-spacing: 2px;
  text-align:center;
  font-weight:normal;
}
.big-Size .news-subNav > h2 span{
	display:block;
	color: #313131;
  font-size: 35px;
  font-weight: normal;
  font-family: "Felix Titling";
  letter-spacing: 4px;
  margin-bottom: 10px;
  margin-top:15px;
  text-transform: capitalize;
  text-align:center;
}
.big-Size .news-subNav ul{
	padding:0;
}
.big-Size .news-subNav ul li{
	display:inline-block;
	border:0;
	padding:0;
	margin-right:15px;
}
.big-Size .news-subNav ul li a{
	display:inline-block;
	padding:5px 15px;
	transition: all 0.3s ease-out;
}
.big-Size .news-subNav ul li.actived a,
.big-Size .news-subNav ul li:hover a{
	background-color:#ffa3ba;
	color:#FFFFFF;
}
.nano-Size .news-subNav ul{
	text-align:center;
}
.nano-Size .news-subNav ul li{
	margin:0px;
	margin-bottom:10px;
	padding:0;
	border:0 !important;
	
}
.nano-Size .news-subNav ul li a{
	padding:5px;
	border:1px solid #F1F1F1;
}
.phone-Size .news-subNav ul li{
	width:49%;
}
.phone-Size .news-subNav ul li a{
	display:block;
}
/* ==========================================================================
    #news .yearSelect
 ==========================================================================*/
 #news .yearSelect{
	 border-bottom:1px solid #d1d1d1;
	 padding:0 15px;
	 margin-bottom:30px;
 }
 #news .yearSelect .title{
	 display:none;
 }
 
 #news .yearSelect li{
	 margin-right:25px;
	 position:relative;
	 
 }
  #news .yearSelect li a{
	  padding:15px 0;
	  display:inline-block;
	  font-size:18px;
  }
  #news .yearSelect li.actived:after{
	  border-bottom:3px solid #dc0082;
	  color:#dc0082;
	  content:'';
	  position:absolute;
	  bottom:-2px;
	  left:0;
	  width:100%;
  }
  .big-Size #news .yearSelect .title{
	 color:#FFFFFF;
	 padding:5px 15px ;
	 display:inline-block;
	 background-color:#ffa3ba;
	 position:absolute;
	 top:0;
	 right:0;
	 width:80px;
 }
 .big-Size #news .yearSelect{
	position:absolute;
	top:110px;
	right:15px;
 }
  .big-Size .yearSelect ul{
	  position:absolute;
	  top:25px;
	  right:0;
	  z-index:99;
	  width:80px;
	  background-color:#FFFFFF;
	  display:none;
  }
  .big-Size .yearSelect ul li{
	  display:block;
	  width:100%;
	  text-align:center;
  }
  .big-Size .yearSelect li.actived{
	  background-color:#dc0082;
	 
  }
  .big-Size .yearSelect li.actived a{
	   color:#FFFFFF;
	   
  }
  .big-Size .yearSelect li.actived:after{
	  display:none;
  }
  .big-Size #news .yearSelect li a{
	  text-align:center;
	  font-size:13px;
	  padding:5px;
	  display:block;
  }
  .big-Size #news .yearSelect li a:hover{
	  background-color:#fcf6f1;
  }
  .minimi-Size #news .yearSelect{
	position: relative;
	top: inherit;
	right:inherit;
	border:0;
	text-align:center;
	
 }
 .minimi-Size #news .yearSelect .inner{
	 width:100px;
	display:inline-block;
	position:relative;
 }
 
 
 /**/
 /*table 十字軸hover*/
table.hover-table{
  border-collapse:separate;
  border-spacing:0;
  width:100%;
  margin:20px 0 0 0;
  background-color:#FFF;
  border:1px solid #ffdce1;
}
table.hover-table .pic img{
  width:150px;
}
table.hover-table h3{
  color: #d90077;
  margin:10px 0 0 0;
}
table.hover-table tr:hover td,
table.hover-table .hover{
  background-color:#FFE8EB;
}
table.hover-table .highlight {/*JQ使用*/
  color: #333!important;
  background-color: #FFE8EB;
}
table.hover-table th{
  color: #FFF;
  /*color: #403127;*/
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 1.5px;
  padding: 14px 5px;
  vertical-align: bottom;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  border-left: 1px solid #eee;
  background-color:#fba2b6;
}
table.hover-table th:first-child{
  /*background-color:#FFF;
  width:125px;*/
  width:190px;
}
table.hover-table td{
  color: #85807d;
  font-size: 14px;
  text-align: center;
  letter-spacing:1px;
  padding: 10px 5px;
  border-bottom: 1px solid #eee;
}
table.hover-table td:first-child{
  color: #403127 !important;
  font-size: 16px;
  font-weight: bold;
}
table.hover-table td:hover{
  border: 1px solid #b18247 !important;
}
table.hover-table thead tr:hover td{
  background-color:transparent!important;
}
table.hover-table thead td{
  border:transparent!important;
}
table.hover-table thead td:hover{
  border:transparent!important;
}
table.hover-table thead tr:nth-child(2){
  background-color: #f8f8f8;
}
table.hover-table thead tr:nth-child(1):hover,
table.hover-table thead td{
  background-color: #FFF!important;
}
table.hover-table tbody td{
  vertical-align: middle;
  border-top: 1px solid #FFF;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  border-left: 1px solid #eee;
}
table.hover-table tbody td:nth-child(2),
table.hover-table tbody td:nth-child(3),
table.hover-table tbody td:nth-child(4),
table.hover-table tbody td:nth-child(5),
table.hover-table tbody td:nth-child(6),
table.hover-table tbody td:nth-child(7),
table.hover-table tbody td:nth-child(8),
table.hover-table tbody td:nth-child(9){
  border-left: 1px solid transparent;
}