@charset "UTF-8";
@import url(font-awesome.min.css);
@import url(font-line.css);

html, body, div, span, h1, h2, h3, h4, h5, h6, p, ul, li {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1;color: white;}
ol, ul {list-style: none;}

*{ padding: 0px; }
body, html{ height: 100%; margin: 0;height: auto; min-height: 100%;overflow-x:hidden; }
body{
	font-family:"Microsoft JhengHei","Arial", "Helvetica", "sans-serif"; font-size:16px; color:#111111;
	background-repeat: repeat;
	background-attachment:fixed;
	}

/* **********************
Preloads
*********************** */
.circle-one {
    opacity: 0;
    animation-name: highlight-fade;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;

    -webkit-animation-name: highlight-fade;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
}
.circle-two {
    opacity: 0;
    animation-name: highlight-fade;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;

    -webkit-animation-name: highlight-fade;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
}
.circle-three {
    opacity: 0;
    animation-name: highlight-fade;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;

    -webkit-animation-name: highlight-fade;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
}
.circle-four {
    opacity: 0;
    animation-name: highlight-fade;
    animation-duration: 2.5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;

    -webkit-animation-name: highlight-fade;
    -webkit-animation-duration: 2.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
}
@keyframes highlight-fade {
    0% { opacity: 0.2; }
    50% {opacity: 1; }
    100% { opacity: 0.2; }
}
@-webkit-keyframes highlight-fade {
    0% { opacity: 0.2; }
    50% {opacity: 1; }
    100% { opacity: 0.2; }
}
.preloader-wrap {
	background: #fff;
	position: fixed;
	top:0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1000;
	display: block;
}
body.preloading-process {overflow: hidden;}
.preloader-site {position: absolute;top:40%;width: 100%;text-align: center;display: none;}
.preloader-site-logo {width: 120px;padding-bottom: 42px;}
.preloader-site-logo,
.preloader-site-animation {display: block;margin:0 auto;}
#grid-preloader {width: 40px;height: 30px;}
.homemenu .fongsin-menu .megamenu-textbox,
.homemenu .fongsin-menu ul li a {}
.homemenu,
.toggle-menu-list li a{}
a{ outline: none; text-decoration: none; color:#444444; }
a:hover{ text-decoration: none; }
a img{ border: none; }
.clear {clear:both;}
.clearfix:after	{ content: "."; visibility: hidden; display: block; height: 0px; clear: both; }
* html .clearfix{ height: 1%; }
*+html .clearfix{ height: 1%; }

::selection {color:#fff;background: #111;}
::-moz-selection {color:#fff;background: #111;}

.header-logo-section {float: left;width:120px;}
.logo {line-height: 0;position: relative;z-index: 20;}
.logo a {line-height: 0;}
.logo img {position: relative;top: 0;}
.logo-theme-dark {display:none;}

.mobile-menu-wrap {z-index: 100;display: none;}
.mobile-menu-toggle { width:100%;background:#3e3e3e;color: #000;font-size: 16px;font-weight: 400;text-align: center;position: fixed;z-index: 100;padding-bottom: 20px;}
.logo-mobile img {height: 34px;position: relative;top: 13px;}
.menu-toggle-wrap-static {position: static;}
.menu-toggle-wrap-fixed {position: fixed;bottom:50px;left: 0;}
.menu-scroll-mode {padding-bottom: 0px;}
.menu-toggle-wrap {width:320px;text-align: center;}
.menu-toggle {width:40px;height:40px;font-size: 10px;line-height: 40px;cursor:pointer;opacity:1;z-index: 99;border-radius: 100px;text-align: center;color:#000;background-color: #fff;margin: 0 auto;position: relative;-webkit-transition: -webkit-transform 0.1s, all 0.1s;-moz-transition: -moz-transform 0.1s, all 0.1s;transition: transform 0.1s, all 0.1s;}
.menu-toggle:after {content: " ";position: absolute;border:5px solid #fff;top:-10px;left:-10px;height:40px;padding:5px;width: 40px;border-radius: 100px;-webkit-transition: -webkit-transform 0.1s, opacity 0.1s;-moz-transition: -moz-transform 0.1s, opacity 0.1s;transition: transform 0.1s, opacity 0.1s;}
.menu-toggle:hover {background:#FF2C55;color:#fff;}
.menu-toggle:hover:after {opacity: 1;border-color:#FF2C55;-webkit-transform: scale(0.9);-moz-transform: scale(0.9);-ms-transform: scale(0.9);transform: scale(0.9);}
.menu-toggle:active:after {opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}	
.menu-toggle-off {background-position: 50% top;}
.menu-toggle-on {background-position: 50% bottom;}
.outer-header-wrap {width: 1400px;}
.outer-header-wrap {width: 1300px;margin:0 auto;}
.outer-header-wrap {padding-bottom: 44px;position: relative;z-index: 1;top:40px;}
.top-bar-wrap {position: relative;z-index: 1;}
.header-block-wrap {width: 100%;}
.stickymenu-listener  {}
.stickymenu-active {position: fixed;z-index: 100;text-align: center;margin:0 auto;width: 100%;top:0;	}
.mainmenu-navigation  {height:60px;float: right;}
.stickymenu-zone.sticky-menu-activate {background:#fff;border-bottom: 1px solid rgba(0, 0, 0, 0.05);animation: stickymenu 0.5s ease-out;animation-fill-mode:forwards;}

@keyframes stickymenu {
    0% {
      opacity: 0;
    }
    100% {
      opacity:1;
    }
}

.outer-wrap {position: fixed;top:0;width: 100%;transition: padding 0.2s;-moz-transition: padding 0.2s;-webkit-transition: padding 0.2s;
-o-transition: padding 0.2s;z-index: 90;}
.header-on-overlay .outer-header-wrap {border-bottom: 0;}
.header-on-overlay .top-bar-wrap {padding: 10px 60px;}
.header-bright-on-overlay .top-bar-wrap {background: rgba(77,77,77,0.7);}
.header-on-overlay .sticky-menu-activate .top-bar-wrap {background: none;padding:0;}
.header-bright .logo-theme-light {display: block;}
.header-bright .logo-theme-dark {display: none;}
.header-logo-only .logo-menu-wrap {display: none;}
.header-logo-only .outer-header-wrap {border: 0;}
.header-logo-only .sticky-menu-activate .logo-menu-wrap {display: block;}

/* Sticky Menu Styles */

.stickymenu-zone.sticky-menu-activate .logo img {top:0;}
.stickymenu-zone.sticky-menu-activate .logo img {margin:0;}
.sticky-menu-activate .logo-theme-dark{display: block; height:52px;}
.sticky-menu-activate .logo-theme-light {display: none;}
.sticky-menu-activate .homemenu ul li a {color:#000;}
.sticky-menu-activate .homemenu ul ul li a{color:#ddd;}
.sticky-menu-activate .homemenu {margin-top:10px;}
.outer-header-wrap {transition: padding 0.2s ease-out, top 0.2s ease-out;-moz-transition: padding 0.2s ease-out,top 0.2s ease-out;-webkit-transition: padding 0.2s ease-out, top 0.2s ease-out;-o-transition: padding 0.2s ease-out, top 0.2s ease-out;}
.sticky-menu-activate .outer-header-wrap {top:15px;padding-bottom: 10px;border-bottom: 0;transition: padding 0.2s ease-out, top 0.2s ease-out;-moz-transition: padding 0.2s ease-out,top 0.2s ease-out;-webkit-transition: padding 0.2s ease-out, top 0.2s ease-out;-o-transition: padding 0.2s ease-out, top 0.2s ease-out;}
.sticky-menu-activate.outer-wrap {padding-bottom: 0;}
.sticky-menu-activate .homemenu .fongsin-menu li.menu-item a:before {bottom: 16px;}
.sticky-menu-activate .homemenu ul ul {margin-top:4px;}
.sticky-menu-activate .homemenu ul.fongsin-menu li li:hover ul,
.sticky-menu-activate  .homemenu ul.fongsin-menu li li.sfHover ul {top: -24px;}
.sticky-menu-activate .homemenu ul.fongsin-menu li li li:hover ul,
.sticky-menu-activate  .homemenu ul.fongsin-menu li li li.sfHover ul {top: -24px;}
.header-bright .sticky-menu-activate .homemenu .fongsin-menu li.menu-item a:before {border-bottom-color: #000000;}

.toggle-menu-wrap {position: fixed;width: 100%;z-index: 121;display: none;height: 100%;}
.toggle-menu-list {text-align: center;position: absolute;top:0;width: 100%;}
.toggle-menu-list li {font-size: 24px;font-weight: 700;color:#fff;letter-spacing: 8px;text-transform: uppercase;position: relative;padding-bottom: 40px;left:100px;}
.toggle-menu-list li:after {border-bottom: 1px solid #fff;content: " ";left: 50%;margin-left: -10px;position: absolute;top: -20px;width: 20px;}
.toggle-menu-list li:first-child:after {display: none;}
.toggle-menu-list li a { width:100%;text-align:center;color: #fff;transition: all 0.2s;-moz-transition: all 0.2s;-webkit-transition: all 0.2s;-o-transition: all 0.2s;}
.toggle-menu-list li a:hover {color: #a5743d;}

.tm-menu {padding:0;margin:0;text-align: center;}
.tm-menu ul { margin:0; padding:0; list-style:none; } 
.tm-menu li {width:100%;margin:0 0 40px 0; padding:0;height:24px; line-height:24px;overflow:hidden; text-align:center;} 
.tm-menu a { float:left; overflow:hidden;color: #ffffff; text-decoration: none; font-weight:bold;} 
.tm-menu span {display:block; margin-top:-24px; text-align:center} 
.tm-menu a:hover { padding-top:24px; }

.toggle-overlay {
	display: none;
	position: fixed;
	background-color: #777;
	background-color: rgba(35, 35, 35, 0.9);
	height: 100%;
	width: 100%;
	top:0;
	left:0;
	z-index: 120;
}

.toggle-menu-trigger {
	position: absolute;
	top: 30px;
	right: 5%;
	display: block;
	width: 20px;
	height: 50px;
	cursor: pointer;
	z-index: 130;
}

.toggle-menu-trigger span {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 100%;
	height: 2px;
	margin-top: -2px;
	background-color: #fff;
	font-size: 0px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

.toggle-menu-open .toggle-menu-trigger span {
	background-color: transparent;
}
.toggle-menu-open .toggle-menu-trigger span:before,
.toggle-menu-open .toggle-menu-trigger span:after {
	background-color: #fff;
}

.toggle-menu-trigger span:before,
.toggle-menu-trigger span:after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.toggle-menu-trigger span:before {
	-webkit-transform: translateY(-350%);
	transform: translateY(-350%);
}

.toggle-menu-trigger span:after {
	-webkit-transform: translateY(350%);
	transform: translateY(350%);
}

.toggle-menu-open .toggle-menu-trigger span:before {
	-webkit-transform: translateY(0) rotate(45deg);
	transform: translateY(0) rotate(45deg);
}

.toggle-menu-open .toggle-menu-trigger span:after {
	-webkit-transform: translateY(0) rotate(-45deg);
	transform: translateY(0) rotate(-45deg);
}

.homemenu {padding:0;margin:0;text-align: center;height: 60px;}
.homemenu ul li a {color: #fff;display: block;font-size: 13px;letter-spacing: 3px;font-weight: 600;text-transform: uppercase;}
.homemenu .fongsin-menu li {float:left;position:relative;display:inline-block;height:20px; line-height:20px; overflow:hidden; text-align:center;}
.homemenu .fongsin-menu a {padding:0 20px;font-size:13px;line-height:20px;height:20px;display:block;color:#fff}
.homemenu .fongsin-menu span { display:block; margin-top:-20px; }
.homemenu .fongsin-menu a:hover { padding-top:20px; display: inline-block;transition: all 0.5s;
-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s;} 


.Md{width:1903px; height:1080px; margin:0; padding:0px;}

@media only screen and (max-width: 1400px) {
.outer-header-wrap{width: 1100px;}
}
@media only screen and (max-width: 1200px) {
.outer-header-wrap {width: 920px;}
.menu-is-horizontal {margin-left:0 !important;margin-right:0 !important;}
.homemenu ul li a {font-size: 11px;letter-spacing: 0.5px;}
}
@media only screen and (max-width: 1024px) {
.outer-header-wrap {width: 920px;}
.logo-menu-wrap {display: none;}
.outer-header-wrap {border:0;}
.mobile-menu-wrap {display: block;}
.outer-wrap {display: none;}
.toggle-menu-trigger {top: 0;position: fixed;}
.menu-is-horizontal {margin-left:0 !important;margin-right:0 !important;}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.outer-header-wrap {width: 700px;border:0;}
.logo-menu-wrap {display: none;}
.mobile-menu-wrap {display: block;}
.outer-wrap {display: none;}
.toggle-menu-trigger {top: 0;position: fixed;}
.menu-is-horizontal {margin-left:0 !important;margin-right:0 !important;}
}

@media only screen and (max-width: 767px) {
.outer-header-wrap {width: 270px;border:0;}
.logo-menu-wrap {display: none;}
.mobile-menu-wrap {display: block;}
.outer-wrap {display: none;}
.toggle-menu-trigger {top: 0;position: fixed;}
.menu-is-horizontal {margin-left:0 !important;margin-right:0 !important;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.outer-header-wrap {width: 460px;border:0;}
.logo-menu-wrap {display: none;}
.mobile-menu-wrap {display: block;}
.outer-wrap {display: none;}
.toggle-menu-trigger {top: 0;position: fixed;}
.menu-is-horizontal {margin-left:0 !important;margin-right:0 !important;}
}


/* iPhone 5 (Portrait) */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
.outer-header-wrap {width: 295px;}
}

/* iPhone 6 Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : portrait) {
.outer-header-wrap {width: 345px;}
}

/* iPhone 6 landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : landscape) {
.outer-header-wrap {width: 620px;}
}

/* iPhone 6+ Portrait */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : portrait) {
.outer-header-wrap {width: 380px;}
}

/* iPhone 6+ landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : landscape) {
.outer-header-wrap {width: 700px;}
}

/*footer*/
@media only screen and (max-width: 2560px) {
	
/*footer*/	
.copyright{float:left;width:50%;margin:0;text-align:left; color:#fff; font-size:12px; line-height:20px}
.footer-row{float:left;width:100%; margin:0; padding:0;}
.dnlogo{float:left;width:30%;margin:0; padding:0;text-align:left}

/*-- GILEs --*/
.miDownR{float:left; width:50%; margin:0;font-size: 12px; color:#fff; text-align:right; line-height:20px}
.GileLink a {font-size: 12px; color: #fff;text-decoration: none;transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;}
.GileLink a:hover {font-size: 12px; color: #ccc;text-decoration: none;}

/*社群*/
.icone-pc {float:left;width:100%;margin:1.2em 0 0 0; padding:0; text-align: left; font-size:17px;display:block}
.icone-pc a {display: inline-block;max-width:100%;margin: 0 15px 0 0;font-size:20px; font-weight:100; transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms; text-align:left}
.icone-pc a:hover {color:#999}
.icone-social {display:none}
.footer-a{float:left;width:100%;margin:0; padding:40px 90px 70px 90px; background-color:#eeeeee; box-sizing:border-box}
.footer-b{float:left;width:100%;margin:0; padding:14px 60px; background-color:#000; box-sizing:border-box}
.icone{max-width:100%; padding:0;margin:0; text-align:left}
.icone img{max-width:27%;height: auto;} 
.connect{float:left; width:100%; margin:50px 0 0 0;padding:0; font-size:14px; font-weight:700}
.smMfR{float:left;width:64%; padding:0; margin:0; font-size:15px; line-height:22px;}
  .smMfR ul{list-style-type:none; padding: 0; margin: 0;}
  .smMfR li{margin:0 0 10px 0; padding: 0;}
.mapleft{float:left;width:70%; padding:0; margin:60px 0 0 0; display: block}
.smT{float:left;width:18%;padding:0; margin:35px 0 0 0}
  .smT ul{list-style-type:none; padding: 0px;margin: 0px;}
  .smT li{margin:0 0 15px 0; padding:0px;}
  .smT a {font-size: 15px;color: #111;text-decoration: none; font-weight:700}
  .smT a:hover {color: #777;}
}
@media only screen and (max-width: 1200px) {
.copyright{float:left;width:50%;margin:0;text-align:left; color:#fff; font-size:12px; line-height:20px}
.footer-row{float:left;width:100%; margin:0; padding:0;}
.dnlogo{float:left;width:30%;margin:0; padding:0;text-align:left}

/*-- GILEs --*/
.miDownR{float:left; width:50%; margin:0;font-size: 12px; color:#fff; text-align:right; line-height:20px}
.GileLink a {font-size: 12px; color: #fff;text-decoration: none;transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;}
.GileLink a:hover {font-size: 12px; color: #ccc;text-decoration: none;}

/*社群*/
.icone-pc {float:left;width:100%;margin:1.2em 0 0 0; padding:0; text-align: left; font-size:17px;display:block}
.icone-pc a {display: inline-block;max-width:100%;margin: 0 15px 0 0;font-size:20px; font-weight:100; transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms; text-align:left}
.icone-pc a:hover {color:#999}
.icone-social {display:none}
.footer-a{float:left;width:100%;margin:0; padding:40px 5%; background-color:#eeeeee; box-sizing:border-box}
.footer-b{float:left;width:100%;margin:0; padding:14px 5%; background-color:#000; box-sizing:border-box}
.icone{max-width:100%; padding:0;margin:0; text-align:left}
.icone img{max-width:43%;} 
.connect{float:left; width:100%; margin:50px 0 0 0;padding:0; font-size:14px; font-weight:700}
.smMfR{float:left;width:64%; padding:0; margin:0; font-size:15px; line-height:22px;}
  .smMfR ul{list-style-type:none; padding: 0; margin: 0;}
  .smMfR li{margin:0 0 10px 0; padding: 0;}
.mapleft{float:left;width:70%; padding:0; margin:60px 0 0 0; display: block}
.smT{float:left;width:18%;padding:0; margin:35px 0 0 0}
  .smT ul{list-style-type:none; padding: 0px;margin: 0px;}
  .smT li{margin:0 0 15px 0; padding:0px;}
  .smT a {font-size: 15px;color: #111;text-decoration: none; font-weight:700}
  .smT a:hover {color: #777;}
}

@media only screen and (max-width: 980px) {
.copyright{float:left;width:50%;margin:0;text-align:left; color:#fff; font-size:12px; line-height:20px}
.footer-row{float:left;width:100%; margin:0; padding:0;}
.dnlogo{float:left;width:30%;margin:0; padding:0;text-align:left}

/*-- GILEs --*/
.miDownR{float:left; width:50%; margin:0;font-size: 12px; color:#fff; text-align:right; line-height:20px}
.GileLink a {font-size: 12px; color: #fff;text-decoration: none;transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;}
.GileLink a:hover {font-size: 12px; color: #ccc;text-decoration: none;}

.icone-pc {float:left;width:100%;margin:1.2em 0 0 0; padding:0; text-align: left; font-size:17px;display:block}
.icone-pc a {display: inline-block;max-width:100%;margin: 0 15px 0 0;font-size:20px; font-weight:100; transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms; text-align:left}
.icone-pc a:hover {color:#999}
.icone-social {display:none}
.footer-a{float:left;width:100%;margin:0; padding:40px 4%; background-color:#eeeeee; box-sizing:border-box}
.footer-b{float:left;width:100%;margin:0; padding:14px 4%; background-color:#000; box-sizing:border-box}
.icone{max-width:100%; padding:0;margin:0; text-align:left}
.icone img{max-width:58%;} 
.connect{float:left; width:100%; margin:50px 0 0 0;padding:0; font-size:14px; font-weight:700}
.smMfR{float:left;width:56%; padding:0; margin:0; font-size:15px; line-height:22px;}
  .smMfR ul{list-style-type:none; padding: 0; margin: 0;}
  .smMfR li{margin:0 0 10px 0; padding: 0;}
.mapleft{float:left;width:70%; padding:0; margin:60px 0 0 0; display: block}
.smT{float:left;width:22%;padding:0; margin:35px 0 0 0;}
  .smT ul{list-style-type:none; padding: 0px;margin: 0px;}
  .smT li{margin:0 0 15px 0; padding:0px;}
  .smT a {font-size: 15px;color: #111;text-decoration: none; font-weight:700}
  .smT a:hover {color: #777;}
}

@media only screen and (max-width: 767px) {
.copyright{float:left;width:50%;margin:0;text-align:left; color:#fff; font-size:12px; line-height:20px}
.footer-row{float:left;width:100%; margin:0; padding:0;}
.dnlogo{float:left;width:30%;margin:0; padding:0;text-align:left}

/*-- GILEs --*/
.miDownR{float:left; width:50%; margin:0;font-size: 12px; color:#fff; text-align:right; line-height:20px}
.GileLink a {font-size: 12px; color: #fff;text-decoration: none;transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;}
.GileLink a:hover {font-size: 12px; color: #ccc;text-decoration: none;}

.icone-pc {float:left;width:100%;margin:1.2em 0 0 0; padding:0; text-align: left; font-size:17px;display:block}
.icone-pc a {display: inline-block;max-width:100%;margin: 0 15px 0 0;font-size:20px; font-weight:100; transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms; text-align:left}
.icone-pc a:hover {color:#999}
.icone-social {display:none}
.footer-a{float:left;width:100%;margin:0; padding:40px 3%; background-color:#eeeeee; box-sizing:border-box}
.footer-b{float:left;width:100%;margin:0; padding:14px 3%; background-color:#000; box-sizing:border-box}
.icone{max-width:100%; padding:0;margin:0; text-align:left}
.icone img{max-width:30%;} 
.connect{float:left; width:100%; margin:50px 0 0 0;padding:0; font-size:14px; font-weight:700}
.smMfR{float:left;width:56%; padding:0; margin:0; font-size:15px; line-height:22px;}
  .smMfR ul{list-style-type:none; padding: 0; margin: 0;}
  .smMfR li{margin:0 0 10px 0; padding: 0;}
.mapleft{float:left;width:70%; padding:0; margin:60px 0 0 0; display: block}
.smT{float:left;width:22%;padding:0; margin:35px 0 0 0;}
  .smT ul{list-style-type:none; padding: 0px;margin: 0px;}
  .smT li{margin:0 0 15px 0; padding:0px;}
  .smT a {font-size: 13px;color: #111;text-decoration: none; font-weight:700}
  .smT a:hover {color: #777;}
}

@media only screen and (max-width: 480px) {
.copyright{float:left;width:50%;margin:0;text-align:left; color:#fff; font-size:12px; line-height:20px}
.footer-row{float:left;width:100%; margin:0; padding:0;}
.dnlogo{float:left;width:100%;margin:0; padding:0;text-align:center}

/*-- GILEs --*/
.miDownR{float:left; width:50%; margin:0;font-size: 12px; color:#fff; text-align:right; line-height:20px}
.GileLink a {font-size: 12px; color: #fff;text-decoration: none;transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;}
.GileLink a:hover {font-size: 12px; color: #ccc;text-decoration: none;}

.icone-pc {float:left;width:100%;margin:1.2em 0 0 0; padding:0; text-align: center; font-size:17px;display:block}
.icone-pc a {display: inline-block;max-width:100%;margin: 0 4px 0 4%;font-size:20px; font-weight:100; transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms; text-align:left}
.icone-pc a:hover {color:#999}
.icone-social {display:none}
.footer-a{float:left;width:100%;margin:0; padding:40px 4%; background-color:#eeeeee; box-sizing:border-box}
.footer-b{float:left;width:100%;margin:0; padding:14px 4%; background-color:#000; box-sizing:border-box}
.icone{width:100%; padding:0;margin:0; text-align:center}
.icone img{max-width:30%;} 
.connect{float:left; width:100%; margin:20px 0 0 0;padding:0; font-size:14px; font-weight:700}
.smMfR{float:left;width:56%; padding:0; margin:0; font-size:15px; line-height:22px;}
  .smMfR ul{list-style-type:none; padding: 0; margin: 0;}
  .smMfR li{margin:0 0 10px 0; padding: 0;}
.mapleft{float:left;width:70%; padding:0; margin:60px 0 0 0; display: none}
.smT{float:left;width:22%;padding:0; margin:35px 0 0 0;}
  .smT ul{list-style-type:none; padding: 0px;margin: 0px;}
  .smT li{margin:0 0 15px 0; padding:0px;}
  .smT a {font-size: 15px;color: #111;text-decoration: none; font-weight:700}
  .smT a:hover {color: #777;}
}

.gile.backtotop{display:none;position:fixed;bottom:50px;right:40px;height:auto;width:50px; z-index:3;line-height:1;text-align:right;margin-top:-80px;margin-bottom:76px}
.gile.backtotop.at-bottom{position:relative}
.gile.backtotop a{display:inline-block;width:40px;height:40px;margin:0 20px;background-image: url(../images/gototoparrow.svg);background-position:center center;background-repeat:no-repeat;background-attachment:scroll;background-color:transparent;-moz-transition:background-color .3s ease-out;-o-transition:background-color .3s ease-out;-webkit-transition:background-color .3s ease-out;transition:background-color .3s ease-out;background-color:rgba(33,37,48,0.4);border-radius:20px; background-size:cover}
.gile.backtotop a{background-attachment:scroll;background-color:transparent;background-color:rgba(33,37,48,0.2)}
.gile.backtotop a:hover{background-color:#a5743d;cursor:pointer}

@media only screen and (max-width:1280px) {
.gile.backtotop{bottom:50px;right:38px;margin-bottom:58px}
}
@media only screen and (max-width:767px) {
.gile.backtotop{margin-top:-80px;margin-bottom:80px}	
}

.clear{clear:both;}
img {border: 0px}
.bold-tx{ font-weight:700; color:#000}

@media only screen and (min-width: 1025px) {
.outer-header-wrap{width: 90%;}
}