@charset "utf-8";

@import url(all.css);

html { width: 100%; height: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; }
body { width: 100%; height: 100%; margin: 0 auto; overflow-x: hidden; position: relative; font-family:'微軟正黑體','Microsoft JhengHei UI','Microsoft JhengHei',Sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: 'liga', 'kern'; -webkit-overflow-scrolling: touch;  color:#111111;font-size:17px;line-height:1.6em;}

a { color: inherit; text-decoration: none;}a:active, a:hover { outline: 0; }img { border: 0; max-width: 100%; height: auto; }
svg:not(:root) { overflow: hidden; }figure { margin: 0; }dl, menu, ol, ul { margin: 0; }ul { list-style: none; list-style-image: none; }table { border-collapse: collapse; border-spacing: 0; }h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}

/*menu*/
.menu_inner .txt h6{font-size: 1.125rem;letter-spacing: 1.2px;text-indent:1.2px;box-sizing: border-box; margin: 0; padding: 0;  }
.menu{display: inline-block;position: fixed;overflow: hidden; top: 50%;left: 0;width: 100vw; height: 0vh;z-index: 9999;transition: 1s;}
.menu.on{top: 0;left: 0; height: 100%;}
.menu_inner{position: relative;top: 0; left: 0;width: 100%;height: 100%;background: rgba(37, 37, 37, 0.95);color: #aaa;}

.menu_x{position: absolute;left:calc(100% - 100px);top:30px;height: 30px;width: 30px;cursor: pointer;transition: 1s; }
.menu_x>div {display: inline-block;position: relative;height: 30px;width: 30px;transform: rotate(45deg) translate(0px,0px); z-index: 99;}
.menu_x>div span:first-child{display: inline-block;position: absolute; width: 0px;height: 1px;background: #fff;top: 15px;left: 0px;transition: .5s; }
.menu_x>div span:last-child{display: inline-block;position: absolute; width: 1px;height: 0px;background: #fff;top: 0px;left: 15px;transition: .5s;}
.on .menu_x>div span:first-child{animation: navfirst 1s forwards 2s;}
.on .menu_x>div span:last-child{animation: navclast 1s forwards 1s;}
@keyframes navfirst { 0% {width: 0 ;}  100% {width: 30px;}}
@keyframes navclast {  0% {height: 0 ;}  100% {height: 30px;}}

.menu_inner .txt{position: absolute;top: 50%;transform: translateY(-50%);right:25%;}
.menu_inner .txt>ul{height: 100%;display: flex;flex-direction: column; align-items: center;justify-content: space-around;}
.menu_inner .txt>ul>li{margin: 20px 0;}
.menu_inner .txt>ul>li>a{display: flex;position: relative;}
.menu_inner .txt>ul>li>a>h6{height: 18px;}
.menu_inner .txt>ul>li>a>span{display: inline-block;position: absolute;width: 100px;height: 18px;}
.menu_inner .txt>ul>li>a>span:before{content: '';display: inline-block;position: absolute; bottom: 0;left:-1px;width: 100%;height: 1px;background: #ddd;opacity: .5;transition: 1s;}
.menu_inner .txt>ul>li:hover>a>span:after{content: '';display: inline-block;position: absolute; bottom: 0;left: 0;width: 0%; animation: txtspan 1.5s infinite; height: 1px;background: #ddd;opacity: 1;transition: .5s;}
.menu_inner .txt>ul>li>a:hover{color: #fff;}

@keyframes txtspan { 0% {width: 0 ;} 90%{width: 100%;} 100% {width: 100%;}}

.menu_inner .txt>ul>li:nth-child(2n)>a>span{order:1;}
.menu_inner .txt>ul>li:nth-child(2n):hover>a>span:after{content: '';display: inline-block;position: absolute; bottom: 0;right: 0;left:auto; width: 0%; animation: txtspan 1.5s infinite; height: 1px;background: #ddd;opacity: 1;transition: 1s;}
.menu_inner .txt>ul>li:nth-child(1)>a>span{width: 100px;right: -100px;}
.menu_inner .txt>ul>li:nth-child(2)>a>span{width: 100px;left: -100px;}
.menu_inner .txt>ul>li:nth-child(3)>a>span{width: 100px;right: -100px;}
.menu_inner .txt>ul>li:nth-child(4)>a>span{width: 90px;left: -90px;}
.menu_inner .txt>ul>li:nth-child(5)>a>span{width: 100px;right: -100px;}
.menu_inner .txt>ul>li:nth-child(6)>a>span{width: 200px;left: -200px;}
.menu_inner .txt>ul>li:nth-child(7)>a>span{width: 200px;right: -200px;}
.menu_inner .txt>ul>li:nth-child(8)>a>span{width: 100px;left: -100px;}
.menu_inner .txt>ul>li:nth-child(9)>a>span{width: 50px;right: -50px;}

.menu_inner .txt>ul>li{position: relative;}

@media only screen and (max-width: 767px) {
.menu_inner .txt h6{font-size: 1rem; }

}

@keyframes menu_txt { 
  0% {transform: translateX(-100%);}  
  50% {transform: translateX(0%);}
  100% {transform: translateX(110%);}
}
@keyframes menu_txt2 { 
  0% {transform: translateX(100%);}  
  50% {transform: translateX(0%);}
  100% {transform: translateX(-110%);}
}
@keyframes menu_op { 
  0% {opacity: 0;}
  50%{opacity: 0;} 
  60%{opacity: 1;} 
  100% {opacity: 1;}
}

.menu_inner .menu_icon ul{display: flex;margin-right:35px;}
.menu_inner .menu_icon ul li{position: relative;display:inline-block;font-size: 0.875rem; width: 25px;height: 25px;border-radius: 50%;border: 1px solid rgba(255,255,255,.3);margin: 0 8px;transition: .5s; text-align: center;}
.menu_inner .menu_icon ul span{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);transition: .5s;}
.menu_inner .menu_icon ul li:hover span{color: #fff;}
.menu_inner .menu_icon ul li:nth-child(2),.menu_inner .menu_icon ul li:nth-child(3){font-size: 0.75rem;}
.menu_inner {position: relative;}
.menu_inner .txt{z-index: 8;}
.menu_inner .img img{position: absolute;left: 0;bottom: 0;}
.menu .menu_img_logo{z-index: 7;}
.menu .menu_img1{z-index: 6;}
.menu .menu_img2{z-index: 5;}
.menu .menu_img3{z-index: 4;}
.menu .menu_img4{z-index: 3;}
.menu .menu_img5{z-index: 2;}
.menu.on .menu_img1{animation: flower 12s infinite;}
.menu.on .menu_img2{animation: flower 11s forwards;}
.menu.on .menu_img3{animation: flower 10s forwards;}
.menu.on .menu_img4{animation: flower 8s forwards;transform-origin: 0 50%}
.menu.on .menu_img5{animation: flower 7s forwards;transform-origin: 0 100%}

@keyframes flower { 
  0% {transform: rotate(0deg) scale(1.0);}  
  25% {transform: rotate(2deg) scale(1.01);}
  50% {transform: rotate(0deg) scale(1.03);}
  75% {transform: rotate(-2deg) scale(1.01);}
  100% {transform: rotate(0deg) scale(1.0);}
}

@media only screen and (max-width: 1200px) {
.menu_inner .img{opacity: .7;transition: 1s;}
.menu.on .menu_img_logo{z-index: 7; display: block;}
.img_case1 img{max-width:50%;_width:expression(this.width > 50% ? "50%" : this.width);}
}
@media only screen and (max-width: 1024px) {
.menu_inner .txt{left:50%;transform: translate(-50%,-50%);right:auto;width: 100%}
.menu_inner .img{opacity: .5;}
.menu_x{ right: auto;left: calc(50% - 11px)}
}

@media only screen and (max-width: 767px) {
.menu_inner.menu_inner .txt.txt>ul>li>a>span{width: 0px;}
.menu_inner .txt{left: 50%; top:45%;transform: translate(-54% ,-45%); transition: 1s;width: 100%; padding-top: 20px;}
.menu_inner .txt>ul{max-height: 500px;}
.menu_inner .txt>ul>li{margin:0 0 40px 0; padding:0;}
.img_case1 img{max-width:50%;_width:expression(this.width > 50% ? "50%" : this.width);}
.img_case2 img{max-width:50%;_width:expression(this.width > 50% ? "50%" : this.width);}

}
 

/*顏色設定*/
.bg_dark{top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,.7);position: absolute;display: flex;justify-content: center;align-items: center;}
.bg_dark span{width: 70px;height: 70px;color: #000;border: 1px solid rgba(255,255,255,.3);border-radius: 50%; position: relative; }
.bg_dark span i{font-size: 0.875rem;color: #fff; position: absolute;top: calc(50% - 7px);left: calc(50% - 7px); }
/*btn*/
.btn{position: relative;font-size: 0.875rem;border: 1px solid transparent;overflow: hidden; display: inline-block;}
.btn a{padding: 0px 40px;line-height: 39px;display: inline-block;position: relative;z-index: 11;}

.btn span{ position: absolute;height: 1px;width: 0%;background: rgba(100,100,100,.3);transition: 1s; }
.btn span:first-child{top: 0;left: 0;}
.btn span:last-child{bottom: 0;right: 0;}

.btn:before,.btn:after{content: ""; position: absolute;height: 1px;width: 0;transition: 1s;background: #000;z-index: 10;}
.btn:before {top: 0;left: 0;}
.btn:after {bottom: 0;right: 0;}

.btn.on:before {width: 25px;}
.btn.on:after {width: 25px;}

.btn-0:hover span:first-child{left: 0;width: 100%;}
.btn-0:hover span:last-child{right: 0;width: 100%;}
.btn-0:hover:before {width: 100%;}
.btn-0:hover:after {width: 100%;}

.btn-0.on span:first-child{content:'';position: absolute;top: 0;left: 0;width: 100%;height: 1px;background: rgba(100,100,100,.5);}
.btn-0.on span:last-child{content:'';position: absolute;bottom: 0;right: 0;width: 100%;height: 1px;background: rgba(100,100,100,.5);}
.btn-0.on:hover:before{width: 25px;}
.btn-0.on:hover:after{width: 25px;}

@keyframes wh100 {
    0% {width: 25px;height: 0; }
    50%{width: 100%;height: 0;}
    100% {width: 100%;height: 100%; }
}


.dark .btn span{ background: rgba(256,256,256,.3);}
.dark .btn:before,.dark .btn:after{content: ""; position: absolute;height: 1px;width: 0;transition: 1s;background: #000;}

@media only screen and (max-width: 767px) {
.dark .btn span{ background: rgba(0,0,0,.5);}
.dark .btn:before,.dark .btn:after{content: ""; position: absolute;height: 1px;width: 0;transition: 1s;background: #fff;}
}



/*動畫*/
header .sw_logo{transform: none;animation: none}
header .sw_menu{transform: none;animation: none;}
header .sw_menulang{transform: none;animation: none;}
@media only screen and (max-width: 1280px) {
header .sw_logo{transform: translateY(-110px);animation: allinhd 1s  forwards;}
header .sw_menu{transform: translateY(-110px);animation: allinhd 1s .25s forwards;}
header .sw_menulang{transform: translateY(-110px);animation: allinhd 1s .5s forwards;}
}

@keyframes allinhd {
  0% {transform: translateY(-110px)}   
  100% {transform: translateY(0px)} 
}
@keyframes comein {
  0% {height: 100%;top: 0;opacity: 1;}   
  100% {height: 0;top: 100%;opacity: .5;} 
}
@keyframes allin0 {
  0% {}   
  100% {transform:translateY(0);opacity: 1;} 
}
@keyframes allout2 {
  0% {transform:translateY(0%);}   
  100% {transform:translateY(-200%);} 
}
@keyframes allout200 {
  0% {transform:translateY(0%);}   
  100% {transform:translateY(-200px);} 
}



header {position: absolute; top: 0;z-index: 999; width: 100%;color: #000;}
header .container{ display: flex;justify-content:space-between; align-items: center;padding:40px 65px; box-sizing: border-box;}
.sw_logo {margin-top:-10px;width: 137px;height: 68px;}
.sw_logo_bg {width: 137px;height: 68px;background: url("../images/main-logo.svg");background-size:137px 68px;}
.sw_logo a{display: inline-block;width: 100%;height: 100%; }

.sw_menu ul {margin-top:10px;display: flex;}
.sw_menu ul li {margin: 0 10px;}
.sw_menulang {display: flex;font-size: 0.75rem;position: relative; margin:-20px 0 0 0;}
.sw_menulang:after {content: '';position:absolute;right: -65px;top: 50%;transform: translateY(-50%); width: 65px;height: 1px;background: #000;transition: 1s;opacity: .2;}
.sw_menulang p {line-height: 1;margin-right: 15px;position: relative;letter-spacing: 1px;}
.hw_where{position: relative;margin-right: 15px;}
.hw_where:after {content: '';position:absolute;right: 0;top: 0;opacity: .2; width: 1px;height: 100%;background: #000;transition: 1s;}
.dark .hw_where:after {background: #fff;}
.hw_where{display: none;}
.sw_nav {display: flex;cursor: pointer;}
.sw_nav>p{padding-right: 15px;}
.sw_nav>p:after{content: '';position: absolute;right: 0;top: calc(50% - 5px);height: 10px;width: 0px;background: #000; transition:.5s;opacity: .2; }
.sw_fixed .sw_nav>p:after{display: none;}
.dark .sw_nav>p:after{background: #fff;}
.sw_nav:hover .menubtn span:nth-child(2){width: 30px;}
	.menubtn {position: relative;width: 30px;height: 12px;display: inline-block;margin-right: 15px;opacity: .8;top: 50%;transform: translateY(-50%);}
	.menubtn span{position: absolute;width: 30px;height: 1px;background: #000;transition: 1s; }
	.menubtn span:nth-child(1){top: 1px;}
	.menubtn span:nth-child(2){top: 6px;width: 20px;transition: 1s;}
	.menubtn span:nth-child(3){top: 11px;}
	
@media only screen and (max-width: 1400px) {
.sw_menu ul li {margin: -2px;}
}
@media only screen and (max-width: 1250px) {
.sw_menu {display: none;}
}

@media only screen and (max-width: 767px) {
header {position: static;color: #000;height: 60px;}
header .container{ display: flex;justify-content:space-between; position: fixed; top: 0; left: 0; z-index: 999; width: 100vw;padding:5px 15px 5px; background: #fff;transition: 1s; box-shadow: 0px 0px 10px -3px #333}
.sw_logo {width: 110px;height: 50px; padding:10px 0 0 0;}
.sw_logo_bg {width: 100px;height: 50px;background: url("../images/main-logo.svg");background-size:100px 50px;}
.sw_menulang {margin:0;}
.sw_menulang:after {right: -50px;}
}

.sw_fixed {display: flex;position: fixed;width: 100%;top: -40px;font-size: 0.875rem;color:#000;justify-content: space-between;padding: 0 90px;transition: 1s;z-index: 998;box-sizing: border-box;}
.sw_fixed .sw_topicon {position: relative;top: -10px;}
.sw_fixed .sw_topicon:after {content: ""; position: absolute; left: -90px; top: 50%;transform: translateY(-50%); width: 90px; height: 1px; background: #000;opacity: .2; }
.sw_fixed .sw_topicon ul{display: flex;margin-left: -30px;}
.sw_fixed .sw_topicon ul li{position: relative;display:inline-block; width: 25px;height: 25px; border-radius: 50%;border: 1px solid rgba(0,0,0,.3);margin: 0 4px;transition: .5s;top: 0;}
.sw_fixed .sw_topicon ul li:hover{background: #000 ;color:#fff;transition: .5s;}
.sw_fixed .sw_topicon ul li.callme{font-size: 0;border: 0px solid rgba(0,0,0,.3);margin: 0;max-width: 0px;border-radius: 0;line-height: 25px;overflow: hidden;}
.sw_fixed .sw_topicon ul li.callme:hover{background: transparent;color: #000;}
.sw_fixed .sw_topicon ul li:hover+.callme{margin: 0 2px;font-size: 0.875rem;width: auto; max-width: 100px;}
.sw_fixed .sw_topicon ul span{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.sw_fixed .sw_menulang {position: relative;}
.sw_fixed .sw_menulang .menubtn {top: 50%;transform: translateY(-50%);} 
.sw_fixed .sw_menulang  p{line-height: 25px;}
.sw_fixed .sw_menulang span{background: #000;}
.sw_fixed .sw_menulang:after {content: ""; position: absolute; right: -90px; top: 50%;transform: translateY(-50%);width: 90px; height: 1px; background: #000; }
.sw_fixed .sw_nav>p{padding-right: 0;letter-spacing: 1px;}
.sw_fixed .sw_menulang  p:after{width: 0;}

@media only screen and (max-width: 767px) {
.sw_fixed{display: none;}
}

/*down */
.scrolldown {position: absolute;left: 50%;bottom: -10px;color: #fff;font-size: 12px;text-align: center;
  -moz-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);-moz-transition: opacity 1s, -moz-transform 0.8s;-o-transition: opacity 1s, -o-transform 0.8s;-webkit-transition: opacity 1s, -webkit-transform 0.8s;transition: opacity 1s, transform 0.8s;cursor: pointer;opacity: 1;z-index: 20;}
.scrolldown-pic {width: 20px;margin: auto;padding-right: 2px;-moz-animation: dw 2s infinite;-webkit-animation: dw 2s infinite;animation: dw 2s infinite;}
.scrolldown-pic img {width: 100%;}
.scrolldown:after {content: "";width: 1px;height: 35px;background: #fff;margin: 5px auto 0;display: block;}
.scrolldown.unshow {opacity: 0;-moz-transform: translate(-50%, 20px);-ms-transform: translate(-50%, 20px);-webkit-transform: translate(-50%, 20px);transform: translate(-50%, 20px);}
@media screen and (max-width: 1100px) {
.scrolldown{bottom: -10px;}
}
@media screen and (max-width: 640px) {
.scrolldown{bottom: 85px;}
.scrolldown:after {height: 30px;}
}
@media screen and (max-width: 480px) {
.scrolldown{bottom: -10px;}
.scrolldown:after {height: -10px;}
}

@-moz-keyframes dw {
  0% {
    -moz-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
  100% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
    opacity: 0;
  }
}
@-webkit-keyframes dw {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    opacity: 0;
  }
}
@keyframes dw {
  0% {
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
  100% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    opacity: 0;
  }
}

/*loading */
#loading {position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background: #fff;z-index: 999;}
.loading {width: 250px;position: absolute;top: 50vh;left: 50vw;-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center;font-size: 14px;}
.loading img {width: 100px;padding-bottom: 0;margin: auto;}
.loading img{max-width:100px;_width:expression(this.width > 100px ? "100px" : this.width);} 
.loading img:nth-child(2) {width: auto;width: 112px;}
.loading span {font-size: 18px;letter-spacing: 1px;}

@media screen and (max-width: 1600px) {
.inner {margin: 0 40px;}
}
@media screen and (max-width: 1100px) {
.inner {margin: 0;}
}

/*top */
.scrolltop {position: fixed;right: 24px;bottom: 0;color: #fff;text-align: center;background: #222222;width: 45px;height: 45px;padding-top: 10px;
  box-sizing: border-box;cursor: pointer;opacity: 0;z-index: 10;font-size:13px !important;
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  -moz-transition: opacity 1.5s, -moz-transform 0.5s;
  -o-transition: opacity 1.5s, -o-transform 0.5s;
  -webkit-transition: opacity 1.5s, -webkit-transform 0.5s;
  transition: opacity 1.5s, transform 0.5s;}
.scrolltop.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0); }

@media screen and (max-width: 1280px) {.scrolltop {right: 16px;}}

@media screen and (max-width: 980px) {.scrolltop {right:0;}}

/*main*/
main:after{content:'';position:fixed;top:0;height:100%;width:100vw;background:#fff;z-index:998;animation:comein 1.5s .5s forwards;}
.clearfix:after{content: "";display: block;line-height: 0;clear: both;}
.clear{clear:both;overflow:hidden;height:0;font-size:0;display:block}

/*footer*/	
.copyright{float:left;width:50%;margin:0;text-align:left; color:#999; font-size:12px; line-height:20px}
.footer-row{float:left;width:100%; margin:0; padding:20px 0 30px 0; color:#fff; background-color:#222222;}
.footerlogo{float:left;width:40%;margin:0; padding:90px 0 0 0;text-align:center;display: block}
  .footerlogo img{max-width:100px;_width:expression(this.width > 100px ? "100px" : this.width);} 
.mobilelogo{display: none}

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

/*社群*/
.footer-a{float:left;width:100%;margin:0; padding:10px 5% 60px 5%; box-sizing:border-box;}
.footer-b{float:left;width:100%;margin:0; padding:0 5%;box-sizing:border-box}
.smMfR{float:left;width:30%; padding:0; margin:0; font-size:14px; line-height:22px;display: block}
  .smMfR ul{list-style-type:none; padding: 0; margin: 0;}
  .smMfR li{margin:0 0 10px 0; padding: 0;}
.bold-tx{ font-weight:700; color:#fff}
.ftsocial{width:30%;float:left;margin:5px 0 0 0; text-align:right;}
.ftsocial a {display: inline-block;width:34px; height:34px; line-height:34px;margin:0 0 0 6px;font-size:15px; font-weight:400; transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms; text-align:center; border-radius:99em; border:1px solid #fff; color:#fff;}
.ftsocial a:hover {background-color:#e2e5e7; color:#222; border:1px solid #e2e5e7;}

@media only screen and (max-width: 1600px) {
.footer-row{padding:20px 0;}
.footerlogo{padding:90px 0 0 0;}
.footer-a{padding:20px 7% 20px 7%;}
.footer-b{padding:10px 7%;}
}

@media only screen and (max-width: 1280px) {
.footer-row{padding:20px 0;}
.footerlogo{padding:90px 0 0 0;}
}

@media only screen and (max-width: 980px) {
.footer-row{padding:20px 0 20px 0;}
.footerlogo{padding:90px 0 0 0;}
  .footerlogo img{max-width:80px;_width:expression(this.width > 80px ? "80px" : this.width);} 
}
@media only screen and (max-width: 767px) {
.footer-row{padding:10px 0 20px 0;}
.footerlogo{padding:10px 0 0 0;}
}
@media only screen and (max-width: 480px) {
.footer-row{padding:20px 0 20px 0;}
.footer-a{padding:0; text-align:center;}
.footer-b{padding:0;text-align:center;}
.smMfR{width:100%; margin:0 0 10px 0; text-align:center;}
.footerlogo{display: none}
.mobilelogo{float:left;width:100%;margin:0 0 15px 0; padding:0;text-align:center;display: block}
  .mobilelogo img{max-width:70px;_width:expression(this.width > 70px ? "70px" : this.width);} 
.ftsocial{width:100%;margin:0 0 20px 0; text-align:center;}
.ftsocial a {margin:0 5px 0 5pxpx;font-size:18px;}
.copyright{width:100%;margin:0 0 10px 0;text-align:center;}
.miDownR{width:100%; margin:0;text-align:center;}

}