@charset "UTF-8";
@import url(all.css);
@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

html{overflow-y:scrol}
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-weight: normal;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,img{display:block}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after{content:"";content:none}
q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:focus{outline:none}
img{-moz-user-select:-moz-none;-ms-user-select:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html{overflow-y:scrol}

@media screen and (min-width:1200px){
	html.custom-scroll{overflow-y:scroll!important;}
	html.custom-scroll::-webkit-scrollbar{width:8px;border:none;-webkit-box-shadow:none;box-shadow:none; }
	html.custom-scroll::-webkit-scrollbar-track{background:#fcfcfc;}
	html.custom-scroll::-webkit-scrollbar-thumb{background:#8b8b8b;border-radius: 10px;}
	html.custom-scroll::-webkit-scrollbar-thumb:hover{background:#000;}
	html.custom-scroll.black::-webkit-scrollbar-track{background:#1c1c1c;}
	html.custom-scroll.black::-webkit-scrollbar-thumb:hover{background:#3e3f38;}
	html.custom-scroll::-webkit-scrollbar-thumb:hover{background:#636363;}
}

body{font-family: "Montserrat", "Noto Sans TC", sans-serif;font-size:15px;line-height:1.8em;color:#111;margin: 0; padding: 0;}
a{text-decoration:none;color:#000}
a:hover{color:#333}
.wrapper{overflow:hidden}
.header{position:fixed;top:0;left:0;width:100%;z-index:100;transition:background .6s,border-bottom .6s}
.header-inner{display:flex;justify-content:space-between;align-items:center;padding:20px 5vw 15px;}
.header.is-fixed{background:#fff;border-bottom:1px solid #ccc}
.logo{position:relative;height:32px;z-index:1}
.logo img,.logo svg{height:100%;width:auto;display:block;filter:none;transition:filter .6s}
.is-fixed .logo img,.is-fixed .logo svg{filter:none}
.menu{display:flex;gap:40px}
.menu-item{position:relative}
.menu-item a{position:relative;display:block;font-size:15px;color:#333}
.menu-item a .en{position:relative;display:block}
.menu-item a .tw{position:absolute;left:50%;top:0;transform:translateX(-50%);white-space:nowrap;opacity:0}
.menu-item a .en,.menu-item a .tw{transition:opacity .6s}
.menu-item a .en::after,.menu-item a .tw::after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:#ccc;transition:width .6s ease}
.menu-item a:hover .tw{opacity:1}
.menu-item a:hover .tw::after{width:100%}
.menu-item a:hover .en{opacity:0}
.is-fixed .menu-item a{color:#333}
.is-fixed .menu-item a:hover{color:#000}
.menu-item.has-sub a{padding-right:20px}
.menu-item.has-sub a .tw{transform:translateX(-50%) translateX(-10px)}
.menu-item.has-sub a .arrow{position:absolute;right:0;top:50%;transform:translateY(-75%) rotate(45deg);width:6px;height:6px;border-right:1px solid #000;border-bottom:1px solid #000;transition:border-color .6s}
.is-fixed .menu-item.has-sub a .arrow{border-color:#333}
.is-fixed .menu-item.has-sub a:hover .arrow{border-color:#000}
.submenu{background:#fff;min-width:180px;padding:10px 0;z-index:10;box-shadow:0 5px 10px rgba(0,0,0,.1);display:none}
.submenu-wrapper{position:absolute;top:100%;left:50%;transform:translateX(-50%)}
.submenu-wrapper .hover-buffer{height:12px;background:rgba(0,0,0,0)}
.submenu a{position:relative;display:block;padding:10px 20px;font-size:13px;white-space:nowrap;text-align:center;transition:background .6s}
.has-sub .submenu a .tw{top:50%;transform:translate(-50%, -50%)}
.has-sub .submenu a .tw:after,.has-sub .submenu a .en:after{content:none}
.submenu a:hover,.submenu a.active{background:#f2f2f2}
.hamburger{position:fixed;right:5vw;top:20px;width:20px;cursor:pointer;display:none}
.hamburger-bar{height:1px;background:#999;margin:6px 0;transition:transform .6s}
.show-nav .hamburger-bar{background:#000}
.show-nav .hamburger-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}
.show-nav .hamburger-bar:nth-child(2){transform:scale(0)}
.show-nav .hamburger-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.top{width:100%;height:65vh;position:relative;overflow:hidden}
.top-img{position:absolute;top:0;width:100%;height:100%}
.top-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}
.top-img:after{content:"";position:absolute;top:0;width:100%;height:100%;background:#000;opacity:.1}
.container{padding:6vw 0;background:#f2f2f2}
.section{padding:6vw 0}
.inner{max-width:1600px;padding:0 5vw;margin:0 auto}
.pagetitle{color:#fff;font-size:44px;font-weight:normal;position:absolute;bottom:40px;right:0vw;left:5vw;z-index:5}
.pagetitle .en{display:block;width:-moz-fit-content;width:fit-content;font-family: "Times New Roman", "Noto Sans TC","微軟正黑體",sans-serif;}
.pagetitle .en::after{content:"";width:150%;margin:5px -25%;display:block}
.title{font-size:1.5rem;color:#000;font-weight:normal;margin-bottom:40px}
.title .tw{font-size:1rem}
.subtitle{font-size:1.25rem;color:#000;font-weight:normal;margin-bottom:20px}
.text{font-size:.875rem;margin-top:20px}
.text.tw,.text .tw{color:#333}
.text.en,.text .en{color:#888;font-size:.75rem}
.text{color:#bb9a73}
.subtext{font-size:.75rem;color:#888;margin-top:10px}

.scroll-down{position:absolute;left:50%;bottom:40px;width:20px;height:40px;border-radius:10px;border:1px solid #fff;transform:translateX(-50%);z-index:5;cursor:pointer}
.scroll-down:after{content:"";width:2px;height:10px;background:#fff;border-radius:1px;display:block;margin:10px auto 0;animation:scroll-down 1.2s infinite linear}
.scroll-up{position:fixed;right:calc(5vw*.5 + 18px);bottom:230px;font-size:.75rem;z-index:9;cursor:pointer;display:none}
.scroll-up-text{transform-origin:right bottom;transform:rotate(90deg);background:#fff;padding:2px 5px;transition:letter-spacing .3s}
.scroll-up-text:before{content:"";border-right:#333 solid 5px;border-top:rgba(0,0,0,0) solid 3px;border-bottom:rgba(0,0,0,0) solid 3px;display:inline-block;vertical-align:middle;margin-right:5px}
.scroll-up:hover .scroll-up-text{background:#d45f3e;border-color:#d45f3e;color:#fff;letter-spacing:3px}
.scroll-up:hover .scroll-up-text:before{border-right-color:#fff}

@media only screen and (max-width: 1600px) {
.scroll-up{position:fixed;right:calc(5vw*.5 + 30px);}
}

@media only screen and (max-width: 1280px) {
.scroll-up{position:fixed;right:calc(5vw*.5 + 35px);}
}

@keyframes scroll-down{
	0%{margin:10px auto 0;height:0}
	25%{margin:10px auto 0;height:10px}
	75%{margin:20px auto 0;height:10px}
	99.9%{margin:30px auto 0;height:0px}
	100%{margin:10px auto 0;height:0}
}

.loading{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:200}
.loading-logo{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);clip-path:inset(0 100% 0 0);transition:clip-path .2s linear}
.loading-logo-bg{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);opacity:.2}
.loading-logo img, .loading-logo-bg{width: 150px;height: auto;}
@media screen and (max-width: 980px) {
.loading-logo img, .loading-logo-bg{width: 120px;height: auto;}
}

.top-scroll {width: 1px;height: 0%;bottom: 0;left: 50%;background: #FFF;position: absolute;z-index: 5;}
.show-top-scroll .top-scroll {-moz-animation: scroll 3s 3s infinite; -webkit-animation: scroll 3s 3s infinite;animation: scroll 3s 3s infinite;}
@-moz-keyframes scroll {
  0% {height: 0;margin-bottom: 10vh;}
  25% {height: 10vh; margin-bottom: 0;}
  50% {height: 0;margin-bottom: 0;}
  100% {height: 0;margin-bottom: 0;}
}
@-webkit-keyframes scroll {
  0% { height: 0;margin-bottom: 10vh;}
  25% {height: 10vh;margin-bottom: 0;}
  50% {height: 0;margin-bottom: 0;}
  100% {height: 0;margin-bottom: 0;}
}
@keyframes scroll {
  0% { height: 0;margin-bottom: 10vh;}
  25% { height: 10vh;margin-bottom: 0;}
  50% {height: 0;margin-bottom: 0;}
  100% {height: 0; margin-bottom: 0;}
}

.fadeIn{opacity:0;transition:opacity 1s}
.fadeIn.show{opacity:1}
.fadeUp{opacity:0;transform:translateY(20px);transition:opacity 1.5s,transform 1.5s}
.fadeUp.show{opacity:1;transform:translateY(0px)}
.fadeDown{opacity:0;transform:translateY(-20px);transition:opacity 1.5s,transform 1.5s}
.fadeDown.show{opacity:1;transform:translateY(0px)}
.fadeLeft{opacity:0;transform:translateX(20px);transition:opacity 1.5s,transform 1.5s}
.fadeLeft.show{opacity:1;transform:translateX(0px)}
.clipLeft{clip-path:polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%)}
.clipRight{clip-path:polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%)}
.clipUp{clip-path:polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%)}
.clipDown{clip-path:polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%)}
.clipLeft,.clipRight,.clipUp,.clipDown{transition:clip-path 1s}
.clipLeft.show,.clipRight.show,.clipUp.show,.clipDown.show{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}
.show.delay-1{transition-delay:.2s}
.show.delay-2{transition-delay:.4s}
.show.delay-3{transition-delay:.6s}

.lineThin{position: relative;}
.lineThin:after {content: "";width: 100%;height: 100%;background: #222222;position: absolute;top: 0;right: 0;-moz-transition: width 0.6s;-o-transition: width 0.6s;-webkit-transition: width 0.6s;
  transition: width 0.6s;}
.lineThin.show:after {width: 0;}

.lineThick:after {content: "";width: 100%;height: 100%;background: #fff;position: absolute;top: 0;right: 0;-moz-transition: width 0.6s;-o-transition: width 0.6s;-webkit-transition: width 0.6s;
  transition: width 0.6s;}
.lineThick.show:after {width: 0;}

.zoomin{opacity:0!important;-webkit-transform:scale(0.8);transform:scale(0.8);-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,transform 1s;transition:opacity 1s,transform 1s,-webkit-transform 1s}
.zoomin.show{opacity:1!important;-webkit-transform:scale(1);transform:scale(1)}
 .zoomin img{max-width:100%;height: auto; margin:0 auto; display:block} 
 .zoomin img{transform:scale(1,1);transition: all .4s ease-out;}
 .zoomin img:hover{transform:scale(1.1,1.1);}

.flash {position: relative;}
.flash:before {content: "";width: 100%;height: 100%;background: #f6f6f6;position: absolute;top: 0;right: 0;z-index: 1;-moz-transition: width 0.3s;-o-transition: width 0.3s;-webkit-transition: width 0.3s;transition: width 0.3s;}
.flash:after {content: "";width: 100%;height: 100%;background: #FFF;position: absolute;top: 0;left: 0;-moz-transition: width 0.6s 0.4s;-o-transition: width 0.6s 0.4s;-webkit-transition: width 0.6s;-webkit-transition-delay: 0.4s;transition: width 0.6s 0.4s;}
.flash.show:before, .flash.show:after {width: 0;}
.flash img{max-width:100%; height: auto;margin: 0; display: block}

@keyframes scroll-down{
	0%{margin:10px auto 0;height:0}
	25%{margin:10px auto 0;height:10px}
	75%{margin:20px auto 0;height:10px}
	99.9%{margin:30px auto 0;height:0px}
	100%{margin:10px auto 0;height:0}
}

.fadeIn{opacity:0;transition:opacity 1s}
.fadeIn.show{opacity:1}
.fadeUp{opacity:0;transform:translateY(20px);transition:opacity 1.5s,transform 1.5s}
.fadeUp.show{opacity:1;transform:translateY(0px)}
.fadeDown{opacity:0;transform:translateY(-20px);transition:opacity 1.5s,transform 1.5s}
.fadeDown.show{opacity:1;transform:translateY(0px)}
.fadeLeft{opacity:0;transform:translateX(20px);transition:opacity 1.5s,transform 1.5s}
.fadeLeft.show{opacity:1;transform:translateX(0px)}

.clipLeft{clip-path:polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%)}
.clipRight{clip-path:polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%)}
.clipUp{clip-path:polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%)}
.clipDown{clip-path:polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%)}
.clipLeft,.clipRight,.clipUp,.clipDown{transition:clip-path 1s}
.clipLeft.show,.clipRight.show,.clipUp.show,.clipDown.show{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}

.show.delay-1{transition-delay:.2s}
.show.delay-2{transition-delay:.4s}
.show.delay-3{transition-delay:.6s}

@media screen and (max-width: 3840px){.header{z-index:300;}
.logo{z-index:301;}
.hamburger-bar{height:1px;background:#000;margin:6px 0;transition:transform .6s}
.is-fixed .hamburger-bar{background:#000;}
.show-nav .hamburger-bar{background:#000}
.menu{position:fixed;top:0;right:0;left:auto;width:20vw;min-width:0;height:100vh;padding:160px 0 20px;background:#fff;flex-direction:column;gap:0;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;transform:translateX(100%);transition:transform .6s ease;box-shadow:-8px 0 20px rgba(0,0,0,.08);z-index:299;text-align:center;font-family: "Times","Arial",sans-serif;}
.show-nav .menu{transform:translateX(0);}
.menu-item{position:relative;}
.menu-item a{padding:30px 11% 0;background:#fff;color:#000}
.menu-item a .tw:after,.menu-item a .en:after{content:none;}
.menu-item a .tw{left:5vw;transform:none;}
.menu-item.has-sub a{padding-right:calc(5vw + 48px);}
.menu-item.has-sub a .arrow{right:calc(41vw + 18.5px);border-color:#000;margin-top:15px;}
.menu-item.has-sub.is-open > a .arrow{transform:translateY(-25%) rotate(225deg);}
.menu-item.has-sub a .tw{transform:none;}
.submenu{padding:10px 0 10px 5vw;box-shadow:none;background:#fff;}
.submenu-wrapper{position:static;transform:none;margin-top:-1px;}
.submenu-wrapper .hover-buffer{height:0;}
.submenu a{padding:10px 50px;border-bottom:none;text-align:center;}
.submenu a .tw{left:20px;}
.has-sub .submenu a .tw{top:10px;left:-19px;}
.submenu a:hover,.submenu a.active{background:none;}
.submenu a:hover:before,.submenu a.active:before{border-color:#999;}
.hamburger{display:block;z-index:302;}
.menu-item a .tw{position:absolute;left:0;top:32px;transform:translateX(0);white-space:nowrap;opacity:0;width: 100%;text-align: center;}
.menu-item.has-sub a .tw{transform:translateX(0) translateX(0);text-align:center;padding-top:0px;}
}
@media screen and (max-width: 1280px){.header{z-index:300;}
.menu{width:30vw;}
}
@media screen and (max-width: 980px){.header{z-index:300;}
.menu{width:100vw;}
}
@media screen and (max-width: 767px){
html,body{font-size:14px}
.logo{height:30px}
.menu{padding-top:120px}
.hamburger{top:22px}
.container{padding:50px 0}
.section{padding:50px 0}
.title{margin-bottom:20px}
.menu-item a{padding:30px 16.5% 0;background:#fff;}
.submenu a{padding:10px 50px;border-bottom:none;text-align:center;}
.has-sub .submenu a .tw{left:-10px;}
.menu-item.has-sub a .arrow{right:calc(35vw + 8.5px);margin-top:16px;}
}

@media screen and (max-width: 1280px) {
.pagetitle{font-size:42px;}
.top{height:89vh;}
.menu-item a{font-size:15px;}
.submenu a{font-size:15px;}
}
@media screen and (max-width: 980px) {
.header{position:fixed;top:0;left:0;width:100%;height:70px;z-index:300;}
.header-inner{height:70px;padding:0 5vw;display:flex;align-items:center;}
.hamburger{position:fixed;right:5vw;top:22px;display:block;z-index:302;}
.pagetitle{font-size:36px;}
.top{height:70vh;}
}
@media screen and (max-width: 767px) {
.pagetitle{font-size:24px;bottom:30px;}
.top{height:86vh;}
}

/*top-banner*/
.top-banner {position:relative;background-color:#000;padding-bottom:50.6%;overflow:hidden;margin:0;}
.top-banner .entry {position:absolute;left:5%;top:60%;z-index:10;width:70%;color:#fff}
.top-banner .entry h1{ font-size:20px;margin:0 0 5px;letter-spacing:0.1em; }
.entry h1{opacity: 0;-moz-transform: translateY(20px);-ms-transform: translateY(20px);-webkit-transform: translateY(20px);transform: translateY(20px);-moz-transition: opacity 1s 1s, -moz-transform 1s 1s;-o-transition: opacity 1s 1s, -o-transform 1s 1s;-webkit-transition: opacity 1s 1s, -webkit-transform 1s 1s;transition: opacity 1s 1s, transform 1s 1s;}
.entry h1.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.top-banner .entry h2{padding:0; margin:0;font-size:56px; line-height:1.2em;color: #ddd}
.entry h2{opacity: 0;-moz-transform: translateY(-20px);-ms-transform: translateY(-20px);-webkit-transform: translateY(-20px);transform: translateY(-20px);-moz-transition: opacity 1s 1s, -moz-transform 1s 1s;-o-transition: opacity 1s 1s, -o-transform 1s 1s;-webkit-transition: opacity 1s 1s, -webkit-transform 1s 1s;transition: opacity 1s 1s, transform 1s 1s;}
.entry h2.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.top-banner .single-bg {height: 100%;width: 100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;
display: flex;align-items: center;-webkit-align-items: center;justify-content: flex-start;-webkit-justify-content: flex-start;}
.top-banner .single-bg .overlay,
.top-banner .single-bg .bg {position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.top-banner .single-bg .bg {background-position: center;background-size:cover;background-repeat: no-repeat;opacity:.7;}

@media screen and (max-width: 1600px) {
.top-banner .entry h2{font-size:50px;}	
}
@media screen and (max-width: 1280px) {
.top-banner {padding-bottom:64%;}
.top-banner .entry h2{font-size:50px;}
}
@media screen and (max-width: 980px) {
.top-banner {padding-bottom:65%;}
.top-banner .entry h2{font-size:40px;}
}
@media screen and (max-width: 767px) {
.top-banner .entry h2{font-size:40px;}	
}
@media screen and (max-width: 480px) {
.top-banner {padding-bottom:80%;}
.top-banner .entry h2{font-size:30px}	
}

.inline-link {padding: 20px;margin-left: 0px;position: relative;display: inline-block;font-size: 10px;text-transform: uppercase;letter-spacing: 1px;}
.inline-link.inline-large {font-size: 13px;letter-spacing: 3px;margin-top: 40px;}
.inline-link.ho_magnet {display: inline-block;}
.inline-link:before {content: "";display: block;position: absolute;bottom: 0;left: 20px;width: 0;height: 2px;background: #bc9600;transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1);}
.inline-link:hover:before {width: 100%;width: calc(100% - 40px);}
.ho_splitText span {display: inline-block;}

/*footer*/	
.footer-row{float:left;position:relative;width:100%; line-height:1.8em; background-color: #222222;letter-spacing: 0.02em;color: #ccc}
.footer-row a {transition:500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;color:#ccc;text-decoration: none;font-size:14px;}
.footer-row a:hover{color: #888;}
.footer-content{width:82%;margin:0 auto; padding:50px 0 45px; position:relative}
.footer-social {width:18%; float:left;margin: 38px 0 0 0}
.footer-social a {margin:0;font-size:13px; transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms; color: #888888;line-height: 2em;display: block}
.footer-social a:hover { color:#fff;}
.footer-d{float:left;width:100%;border-top: 1px solid #555;padding-top: 20px}
.footer-a{width:100%;float:left;margin:0 0 30px;}
.footer-a:after{content: "";display: block;line-height: 0;clear: both;}
.footer-left{float:left;width:30%;}
.ftcompany{float:left;width:100%;margin-bottom: 10px}
.ftcompany h2{font-size: 20px}
.ftcontact{float:left;width:100%;}
  .ftcontact ul{list-style-type:none; margin:0;}
  .ftcontact li{margin:0;line-height: 1.3em}
.location{width:100%; float:left;margin:0 0 30px; line-height: 1.3em}
.ftlist{float:left;width:18%;margin:38px 0 0 0}
  .ftlist ul{list-style-type:none; margin:0;}
  .ftlist h2{margin:0; font-size:14px;line-height:2em;}
.ftright{width:32%;float: left; margin:50px 2% 0 0}
.theme-btn {float: right; padding:3px 40px;font-size: 14px;background: #555555;border: 1px solid #555;color: #fff;border-radius:34px;display: inline-block;}
.theme-btn:hover{background:#222222;border: 1px solid #fff;color: #fff!important}

/*-- GILEs --*/
.copyright{float:left;width:50%;margin:0;text-align:left; color:#fff; font-size:12px; line-height:20px}
.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 {color:#999;text-decoration: none;}

@media only screen and (max-width: 1600px) {
.footer-content{width:86%;padding:40px 0;}	
}
@media only screen and (max-width: 1200px) {
.footer-content{width:88%}
.footer-left{width:36%;}
.footer-social {width:20%}
.ftlist{width:20%}
.ftright{width:22%;margin:50px 2% 0 0}
}
@media only screen and (max-width: 980px) {
.footer-content{width:90%; padding:40px 0 30px;}
.miDownR{padding-right:40px}
.footer-left{width:43%;}
.footer-social {width:19%}
.ftlist{width:19%}
.ftright{width:17%;margin:50px 2% 0 0;line-height:1.2em}	
.theme-btn{padding:6px 20px}
}
@media only screen and (max-width: 767px) {
.footer-content{width:90%; padding:40px 0 30px}
.footer-left{width:50%;}
.footer-social {width:25%}
.ftlist{width:25%}
.ftright{width:17%;float: left;margin: 38px 3% 0 0}
}
@media only screen and (max-width: 550px) {
.footer-content{width:88%; padding:30px 0;}
.footer-a{margin:0;}
.footer-d{padding-top: 15px; }
.footer-left{width:100%;margin-bottom: 20px}
.location br{display: none}
.footer-social {width:50%; margin-top: 0}
.ftlist{width:50%;margin-top: 0}
.ftright{width:100%;margin-top:25px;margin-bottom: 30px}
.theme-btn {float:left}
.miDownR{width:50%;text-align:right;padding-right:50px}
.copyright{width: 50%}
}