/* BASIC css start */
#footer .footerInfo {display: block;}
#footer .footerInfo .footerInfoTop {border-bottom:1px solid #b3b3b3; padding:20px;}
#footer .footerInfo .footerInfoTop .footerInfoTopLeft {float:left;}
#footer .footerInfo .footerInfoTop .footerInfoTopLeft dt {margin-bottom:6px; font-size: 1.3em;}
#footer .footerInfo .footerInfoTop .footerInfoTopLeft .tel {color:#f1494d; font-size:1.500em; margin-bottom:6px;}
#footer .footerInfo .footerInfoTop .footerInfoTopRight {width:70px; height:70px; border-radius:35px; background-color:#3c3c3c; display: table; text-align:center; float:right;}
#footer .footerInfo .footerInfoTop .footerInfoTopRight a { color:#fff; display: table-cell; vertical-align: middle;}
#footer .footerInfo .footerInfoBottom {border-bottom:1px solid #b3b3b3; padding:20px;}
#footer .footerInfo .footerInfoBottom .footerInfoBottomLeft {float:left;}
#footer .footerInfo .footerInfoBottom .footerInfoBottomLeft dt {margin-bottom:6px; font-size: 1.3em;}
#footer .footerInfo .footerInfoBottom .footerInfoBottomRight {width:70px; height:70px; border-radius:35px; background-color:#3c3c3c; display: table; text-align:center; float:right;}
#footer .footerInfo .footerInfoBottom .footerInfoBottomRight a { color:#fff; display: table-cell; vertical-align: middle;}
#footer .footerMiddle {background-color:#ebebeb; text-align:center; padding:12px 0;}
#footer .footerMiddle a {width:33.3%; display:inline-block; border-left:1px solid #b3b3b3; margin-left: -1px;}
#footer .footerlogo {position: relative; overflow: hidden;zoom: 1; padding: 10px 0 0 0;}
#footer .footerlogo p {width: 25%; float: left; text-align: center;}
#footer address {padding:12px 10px; color:#606060;}
#footer address .agreeButton {margin:5px 0;}
#footer address .agreeButton a {color:#fff; background-color:#b3b3b3; padding:2px 5px;}
/* ÇÏ´Ü °íÁ¤ ¹öÆ° */
.section_fixedFooter .btn_toggle_area {width: 100%; height: 44px; position: relative;}
.section_fixedFooter .btn_toggle_area .btn_up {width:33px; height:33px; line-height:33px; display: block; border:2px solid rgba(88, 86, 86, 0.59); background-color:rgba(104, 108, 111, 0.8); text-align:center; border-radius:30px; color:#fff; position: absolute; top:0; right:10px;}
.section_fixedFooter .btn_toggle_area .btn_fixedFooter {width:33px; height:33px; line-height:33px; display: block; border:2px solid rgba(88, 86, 86, 0.59); background-color:rgba(104, 108, 111, 0.8); text-align:center; border-radius:30px; color:#fff; position: absolute; top:0; left:10px;}
/* //ÇÏ´Ü °íÁ¤ ¹öÆ° */
/* ÇÏ´Ü °íÁ¤ ¸Þ´º */
.section_fixedFooter {width:100%; position:fixed; bottom:0px; right:0px; left:0;}
.section_fixedFooter .section_fixedFooter_dn {display:none; box-shadow: 0 0 10px 1px #404040; border-top: 1px solid #C1C1C1;}
.section_fixedFooter .footerInfo {background-color:#fff;}
.section_fixedFooter .footerInfo .footerInfoTop {border-bottom:1px solid #b3b3b3; padding:20px;}
.section_fixedFooter .footerInfo .footerInfoTop .footerInfoTopLeft {float:left;}
.section_fixedFooter .footerInfo .footerInfoTop .footerInfoTopLeft dt {font-size: 1.3em; margin-bottom:6px;}
.section_fixedFooter .footerInfo .footerInfoTop .footerInfoTopLeft .tel {color:#f1494d; font-size:1.500em; margin-bottom:6px;}
.section_fixedFooter .footerInfo .footerInfoTop .footerInfoTopRight {width:70px; height:70px; border-radius:35px; background-color:#3c3c3c; display: table; text-align:center; float:right;}
.section_fixedFooter .footerInfo .footerInfoTop .footerInfoTopRight a { color:#fff; display: table-cell; vertical-align: middle;}
.section_fixedFooter .footerInfo .footerInfoBottom {border-bottom:1px solid #b3b3b3; padding:20px;}
.section_fixedFooter .footerInfo .footerInfoBottom .footerInfoBottomLeft {float:left;}
.section_fixedFooter .footerInfo .footerInfoBottom .footerInfoBottomLeft dt {font-size: 1.3em; margin-bottom:6px;}
.section_fixedFooter .footerInfo .footerInfoBottom .footerInfoBottomRight {width:70px; height:70px; border-radius:35px; background-color:#3c3c3c; display: table; text-align:center; float:right;}
.section_fixedFooter .footerInfo .footerInfoBottom .footerInfoBottomRight a { color:#fff; display: table-cell; vertical-align: middle;}
.section_fixedFooter .footerMiddle {background-color:#3e4347; text-align:center; padding:12px 0; clear: both;}
.section_fixedFooter .footerMiddle a {width:25%; display:inline-block; border-left:1px solid #A2A2A2; color:#fff; margin-left: -1px;}
/* //ÇÏ´Ü °íÁ¤ ¸Þ´º */
@media screen and (min-width:420px) and (max-width:767px) {
    #footer .footerInfo {position:relative; overflow:hidden; zoom:1; border-bottom:1px solid #b3b3b3;}
    #footer .footerInfo .footerInfoTop {width:46%; float:left; border-bottom:0; border-right:1px solid #b3b3b3; margin-left:-1px; padding:20px 2%;}
    #footer .footerInfo .footerInfoTop .footerInfoTopLeft {float:left;}
    #footer .footerInfo .footerInfoBottom {width:46%; float:left; border-bottom:0; padding:20px 2%;}
    #footer .footerInfo .footerInfoBottom .footerInfoBottomLeft {float:left;}
}
@media screen and (min-width:768px) {
    #footer .footerInfo {position:relative; overflow:hidden; zoom:1; border-bottom:1px solid #b3b3b3;}
    #footer .footerInfo .footerInfoTop {width:46%; float:left; border-bottom:0; border-right:1px solid #b3b3b3; margin-left:-1px; padding:20px 2%;}
    #footer .footerInfo .footerInfoTop .footerInfoTopLeft {float:left;}
    #footer .footerInfo .footerInfoBottom {width:46%; float:left; border-bottom:0; padding:20px 2%;}
    #footer .footerInfo .footerInfoBottom .footerInfoBottomLeft {float:left;}
}

/* ftLink */
#ftLink {
    padding:0 13px;
	height:44px;
	background:#000;
	border-bottom:1px solid #292929; 
}
#ftLink .link li {
	float:left;
	margin-right:29px;
}
#ftLink .link a {
	line-height:44px;
	color:#979797;
	font-size:14px;
}
#ftLink .link a:hover {
	color:#fff;
}

/* footer */
#ftWrap { position: relative; padding:0 13px; background:#000;}
#footer { 
	min-height: 103px;
	padding:30px 0 30px 100px;
	background: url(/design/tanning/new2016/logo_footer.png) no-repeat 0 50px;
    background-size:80px;
}
#footer p {font-size:12px; line-height:1.6; color:#666;}
#footer p a { color: #c6a56d; }

.other-link{
  position:fixed;
  left:15px;
  bottom:15px;
  z-index:900;
}
.other-link button,
.other-link ul li {
  position:absolute;
  height:66px;
  height:45px;
  left:0;
  bottom:0
}
.other-link button{
  margin:0;
  padding:0;
  width:45px;
  height:45px;
  background-color: rgba(0, 0,0,0.55);
  color: #fff;
  z-index:1;
  transition: transform .5s;
  border:0;
  border-radius: 100%;
  box-shadow: 0 0 2px rgba(255,255,255,0.5);
}
.other-link button .fa {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    line-height:45px;
    text-align: center;
    font-size: 20px;
    transition: opacity .3s;
}
.other-link button .fa-times{
    opacity:0
}
.other-link ul li{
  text-align:right;
  white-space:nowrap;
  opacity:0;
  -webkit-transition:opacity .1s,bottom .25s cubic-bezier(0,.58,.74,1.14);
  transition:opacity .1s,bottom .25s cubic-bezier(0,.58,.74,1.14);
  
  padding:5px 15px 5px 5px;
  background: rgba(0,0,0,0.8);
  border-radius:27px;
}
.other-link ul li a{
  color:#fff;
  font-size:12px
}
.other-link ul li .fa{
  display:inline-block;
  margin-right:12px;
  width:45px;
  max-width:45px;
  height: 45px;
  line-height: 45px;
  font-size: 20px;
  text-align: center;
  vertical-align:middle;
  color: #000;
  border-radius: 100%;
  background-color: #fff;
}
.other-link.on button {
    /*transform: rotate(180deg);*/
}
.other-link.on button .fa-commenting {
    opacity:0;
}
.other-link.on button .fa-times{
  opacity:1
}
.other-link.on ul li{
  opacity:1
}
.other-link.on ul .link1{
  bottom:425px;
}
.other-link.on ul .link2{
  bottom:365px;
  -webkit-transition-delay:.015s;
  transition-delay:.015s
}
.other-link.on ul .link3{
  bottom:305px;
  -webkit-transition-delay:.03s;
  transition-delay:.03s
}
.other-link.on ul .link4{
  bottom:245px;
  -webkit-transition-delay:.045s;
  transition-delay:.045s
}
.other-link.on ul .link5{
  bottom:185px;
  -webkit-transition-delay:.06s;
  transition-delay:.06s
}
.other-link.on ul .link6{
  bottom:125px;
  -webkit-transition-delay:.075s;
  transition-delay:.075s
}
.other-link.on ul .link7{
  bottom:65px;
  -webkit-transition-delay:.09s;
  transition-delay:.09s
}

/* BASIC css end */