.indexmain{width:100%;height:100vh;overflow-x:hidden;}
.indexmain-images {position: fixed;top: 0;width: 100%;height: 100vh;background-size: cover;background-position: center;-moz-transition: opacity 1s;-o-transition: opacity 1s;-webkit-transition: opacity 1s;transition: opacity 1s;}
.indexmain-images li {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;background-position: center;-moz-transition: -moz-transform 10s;-o-transition: -o-transform 10s;-webkit-transition: -webkit-transform 10s;transition: transform 10s;}
.indexmain-images li:after {content: "";position: absolute;top: 0;width: 100%;height: 100%;background: #000;opacity: 0.1;}
.indexmain-images li:nth-child(1) {height: 112%;-moz-transform: translateY(-10%);-ms-transform: translateY(-10%);-webkit-transform: translateY(-10%);transform: translateY(-10%);}
.indexmain-images li:nth-child(1).showimg {-moz-transform: translateY(0%);-ms-transform: translateY(0%);-webkit-transform: translateY(0%);transform: translateY(0%);}
.indexmain-images li:nth-child(2) {-moz-transform: scale(1.2);-ms-transform: scale(1.2);-webkit-transform: scale(1.2);transform: scale(1.2);}
.indexmain-images li:nth-child(2).showimg {-moz-transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}
.indexmain-images li:nth-child(3) {width: 110%;-moz-transform: translateX(-10%);-ms-transform: translateX(-10%);-webkit-transform: translateX(-10%);transform: translateX(-10%);}
.indexmain-images li:nth-child(3).showimg {-moz-transform: translateX(0%);-ms-transform: translateX(0%);-webkit-transform: translateX(0%);transform: translateX(0%);}
.indexmain-images li:nth-child(4) {-moz-transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}
.indexmain-images li:nth-child(4).showimg {-moz-transform: scale(1.2);-ms-transform: scale(1.2);-webkit-transform: scale(1.2); transform: scale(1.2);}

.indexmain-wrap {position: relative;height: 100vh;display: -ms-flexbox;display: flex;-webkit-align-items: center;align-items: center;padding: 0 8%;}
.indexmain-text {text-align: center;margin: auto;text-shadow: 0 1px 3px #000;}
.indexmain-text li {position: absolute;width: 600px;-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.indexmain-text-header {font-size: 1.75em;color: #FFF;opacity: 0;-moz-transform: translateY(-20px);-ms-transform: translateY(-20px);-webkit-transform: translateY(-20px);transform: translateY(-20px);}
.indexmain-text-inner {font-size: 0.875em;color: #FFF;opacity: 0;-moz-transform: translateY(20px);-ms-transform: translateY(20px);-webkit-transform: translateY(20px);transform: translateY(20px);}
.indexmain-text-header, .indexmain-text-inner {-moz-transition: opacity 0.6s, -moz-transform 0.6s;-o-transition: opacity 0.6s, -o-transform 0.6s;-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;}
.showtext .indexmain-text-header, .showtext .indexmain-text-inner {opacity: 1;-moz-transform: translateY(0px);-ms-transform: translateY(0px);-webkit-transform: translateY(0px);transform: translateY(0px);}

.field-row{position:relative;width:100%; margin:0;background-color:rgba(0,0,0,.85)}
.field-tx{width:70%; margin:0 15%;padding: 90px 0;color: #fff;font-weight:200;}
.field-title{width: 100%;margin:0 0 35px;float:none;letter-spacing:.2em;font-size: 40px;}
.field-title{opacity: 0;-moz-transform: translateY(30px);-ms-transform: translateY(30px);-webkit-transform: translateY(30px);transform: translateY(30px);-moz-transition: opacity .8s, -moz-transform .8s;-o-transition: opacity .8s, -o-transform .8s;-webkit-transition: opacity .8s, -webkit-transform .8s;transition: opacity .8s, transform .8s;}
.field-title.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.field-description{width:36%;margin:0 0 10px;float:none;letter-spacing:.2em;font-size: 15px;line-height: 1.9em;font-weight:300;}
.field-description{opacity: 0;-moz-transform: translateY(-30px);-ms-transform: translateY(-30px);-webkit-transform: translateY(-30px);transform: translateY(-30px);-moz-transition: opacity .8s, -moz-transform .8s;-o-transition: opacity .8s, -o-transform .8s;-webkit-transition: opacity .8s, -webkit-transform .8s;transition: opacity .8s, transform .8s;}
.field-description.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.field-descriptionen{font-family: 'Noto Sans TC',sans-serif;width:36%;margin:0;float:none;font-size: 16px;line-height: 1.8em;font-weight:300;}
.field-descriptionen{opacity: 0;-moz-transform: translateY(-30px);-ms-transform: translateY(-30px);-webkit-transform: translateY(-30px);transform: translateY(-30px);-moz-transition: opacity .8s, -moz-transform .8s;-o-transition: opacity .8s, -o-transform .8s;-webkit-transition: opacity .8s, -webkit-transform .8s;transition: opacity .8s, transform .8s;}
.field-descriptionen.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
@media screen and (max-width: 1600px) {
.field-tx{margin:0 8%;padding: 80px 0;}
}
@media screen and (max-width: 1200px) {
.field-tx{width:84%; margin:0 8%;padding: 70px 0;}
.field-title{font-size: 30px;}
.field-description{width:43%;font-size: 15px}
.field-descriptionen{width:43%;font-size: 16px}
}
@media screen and (max-width: 980px) {
.field-tx{padding:60px 0;}
.field-title{margin:0 0 30px;font-size: 32px;}

.field-description{width:65%;font-size: 15px}
.field-descriptionen{width:65%;font-size: 16px}
}
@media screen and (max-width:767px) {
.field-tx{width: 90%; margin:0 5%;padding: 60px 0;}
.field-title{margin:0 0 25px;font-size: 22px;letter-spacing:.1em}
.field-description{width:100%;font-size: 15px;margin:0 0 10px;letter-spacing:.1em;line-height: 1.9em}
.field-descriptionen{width:100%;font-size: 16px}
}

.hmin-wrap{position:relative;width:100%;color: #fff; margin: 0;background-color:rgba(38,38,38,1);padding:90px 0}
.hmin-content{width:1400px; margin:0 auto}
.hminrow{ width: 100%; float: left;position:relative;margin-top:0;margin-bottom:0;}
.hmin-pic{ width:48%; float: left;margin-left:53%}
.hmin-pic{position:relative;}
.hmin-pic:after {content: "";width: 100%;height: 100%;background:rgba(0,0,0,.5);position: absolute;bottom: 0;left: 0;-moz-transition: height 0.8s;-o-transition: height 0.8s;-webkit-transition: height 0.8s;transition: height 0.8s;}
.hmin-pic.show:after {height: 0;}
.hmin-pic img{max-width: 100%; line-height:auto; margin: 0;}
.hmin_text {width: 41%; position: absolute;top:50%;left:6%;transform: translate(0, -50%);text-align: right}
.hmin_text h2{font-size:29px;letter-spacing: 1px;margin-bottom:55px;font-family: 'Noto Sans TC', sans-serif; font-weight:400;}
.hmin_content{width:100%; float: left;margin-bottom:20px; font-size: 15px; line-height: 1.9em;font-weight: 300;}
.hmin_content{opacity: 0;-moz-transform: translateY(-30px);-ms-transform: translateY(-30px);-webkit-transform: translateY(-30px);transform: translateY(-30px);-moz-transition: opacity .8s, -moz-transform .8s;-o-transition: opacity .8s, -o-transform .8s;-webkit-transition: opacity .8s, -webkit-transform .8s;transition: opacity .8s, transform .8s;}
.hmin_content.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.hmin_contenten{width:100%; float: left;font-size: 16px; line-height: 1.8em;font-family: 'Noto Sans TC',sans-serif;font-weight: 300;}
.hmin_contenten{opacity: 0;-moz-transform: translateY(30px);-ms-transform: translateY(30px);-webkit-transform: translateY(30px);transform: translateY(30px);-moz-transition: opacity .8s, -moz-transform .8s;-o-transition: opacity .8s, -o-transform .8s;-webkit-transition: opacity .8s, -webkit-transform .8s;transition: opacity .8s, transform .8s;}
.hmin_contenten.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.hmin_righttext {width:41%; position: absolute;top:50%;left:53%;transform: translate(0, -50%);}
.hmin_righttext h2{font-size:29px;letter-spacing: 1px;margin-bottom: 55px;font-family: 'Noto Sans TC', sans-serif; font-weight:400;}
.hminleft-pic{width:48%; float: left;margin:0}
.hminleft-pic{position:relative;}
.hminleft-pic:after {content: "";width: 100%;height: 100%;background:rgba(0,0,0,.5);position: absolute;bottom: 0;left: 0;-moz-transition: height 0.8s;-o-transition: height 0.8s;-webkit-transition: height 0.8s;transition: height 0.8s;}
.hminleft-pic.show:after {height: 0;}
.hminleft-pic img{max-width: 100%; line-height:auto; margin: 0;}
.hm-more{width:100%;float: left; margin:70px 0 0 0; padding:0;}
.hm-more .discover_link {width:120px; border: 1px solid #fff;margin: 0 auto; line-height: 2.7em;
  cursor: pointer;text-align: center;padding:10px; font-size: 11px;text-transform: uppercase;color: #fff}
.hm-more .discover_link:hover {background-color: rgba(0,0,0,.6);border: 1px solid #999;}
@media (max-width: 48em) {
.hm-more .discover_link {font-size: 9px;}
}

@media only screen and (max-width: 1600px) {	
.hmin-content{width: 90%}
}
@media only screen and (max-width: 1200px) {
.hmin-wrap{padding:70px 0}
.hmin-content{width:90%}
.hm-more{margin:40px 0 0 0}
.hmin_text {width: 43%; position: absolute;top:50%;left:4%;}
.hmin_text h2,.hmin_righttext h2{margin-bottom:40px}
.hmin_righttext {width:43%; position: absolute;top:50%;left:53%;}
}
@media only screen and (max-width:980px) {	
.hmin-wrap{padding:60px 0 10px}
.hminleft-pic{ width:100%;margin-bottom: 30px}
.hmin_text {width: 100%; float: left; position: static;transform: translate(0, 0);text-align: left}	
.hmin_righttext {width:98%; margin:0 1%; float: left; position: static;transform: translate(0, 0);}
.hmin_text h2,.hmin_righttext h2{font-size:28px;margin-bottom:30px}
.hmin_content{font-size: 15px; line-height: 1.9em;}
.hmin_contenten{font-size: 16px; line-height: 1.8em;}
.hmin-pic{width:100%; float: left;margin: 0 0 30px;}
.hminrow{margin-bottom:60px}
}
@media only screen and (max-width:550px) {
.hmin-wrap{padding:40px 0 10px}
.hminrow{ position:relative;margin-bottom:50px}
.hminleft-pic,.hmin-pic{ width:100%; float: left;margin: 0 0 35px;}
.hmin_righttext {width:100%;float: left; position:static;transform: translate(0, 0);}
.hmin_text h2,.hmin_righttext h2{font-size:24px;margin-bottom: 35px}
}
.urbane_slider{width:100%; margin:0;}
.urbane_slider_item{width:100%;overflow:hidden; margin:0;background-position:center center;background-repeat: no-repeat;background-size: cover;position: relative}
.urbane_slider_item .bg {position: absolute;top: 0;left: 0;right: 0;bottom: 0; height: 108vh;}
.slick-slider:not(.slick-initialized) {position: relative;width: 100%;min-height: 200px; }
.slick-slider:not(.slick-initialized){position: absolute;left: auto;right: auto;opacity: 0;}
.slick-slider {position: relative;width: 100%;overflow: hidden;}
.urbane_show_dots_below .slick-slider {overflow: initial;}
.slick-slider .slick-autoplay-toggle-button {display: none;}
.slick-slider .slick-list {width: auto;}
.slick-slider{width: 100%; margin-bottom:-120px;}
.urbane_height_auto .slick-slider .slick-slide {width: 100%;}
.urbane_height_auto .slick-slider .slick-slide img {max-width: none;width: 100%;height: auto;display: block;}
.urbane_height_full_screen .slick-slider .slick-slide {height: 100vh;}
.urbane_height_full_screen .slick-slider.slick-initialized .slick-slide {display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.urbane_height_full_screen .slick-slider.slick-initialized .slick-slide > div {-webkit-flex: 1 1 100%;-ms-flex: 1 1 100%;flex: 1 1 100%;}
.urbane_height_half_screen .slick-slider .slick-slide {height: 50vh;}
.urbane_height_keep-height .slick-slider .slick-slide {display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-align-items: center; -ms-flex-align: center;align-items: center;}
.urbane_height_full_screen .slick-slider .slick-slide,
.urbane_height_half_screen .slick-slider .slick-slide {background-color: transparent;background-position: center;background-repeat: no-repeat;background-size: cover;}
.urbane_slider.urbane_use_lightbox .slick-slider .slick-slide {cursor: -webkit-zoom-in;cursor: -moz-zoom-in;cursor: zoom-in;}
.slider_text {position:absolute; top:50%; left: 0; transform: translate(0, -50%);height: 120px; width:100%; margin: 0;color: #fff; font-size: 18px; text-align: center;z-index: 99999}
/* Buttons */
button.slick-arrow {padding:0;letter-spacing: initial;border-radius: 0;position: absolute;z-index: 10;width: 24px;height: 24px;line-height: 24px;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-flow: column nowrap;-ms-flex-flow: column nowrap;flex-flow: column nowrap;-webkit-justify-content: center;-ms-flex-pack: center; justify-content: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-align-content: center;-ms-flex-line-pack: center;align-content: center;text-align: center;top: 50%;margin-top: -22px;border-radius: 0;background-color: rgba(0,0,0,.7);cursor: pointer;outline: none;border: none;font-size: 40px;}
button.slick-arrow:hover {background-color: rgba(0,0,0,.95);}
button.slick-arrow:focus {outline: none;}
button.slick-arrow.slick-next {right: 0;}
button.slick-arrow.slick-next:before {content: '\e684';}
.rtl button.slick-arrow.slick-next {left: 0;right: auto;}
.rtl button.slick-arrow.slick-next:before {content: '\e686';}
button.slick-arrow.slick-prev {left: 0;}
button.slick-arrow.slick-prev:before {content: '\e686';}
.rtl button.slick-arrow.slick-prev {right: 0;left: auto;}
.rtl button.slick-arrow.slick-prev:before {content: '\e684';}
button.slick-arrow:before {color: #fff;display: block;}
button.slick-arrow:hover,
button.slick-arrow:focus {text-decoration: none;}
.urbane_arrows_size_small button.slick-arrow {width: 34px;height: 34px;margin-top: -17px;}
.urbane_arrows_size_small button.slick-arrow:before {font-size: 24px;line-height: 34px;}
.urbane_arrows_size_large button.slick-arrow {width: 64px;height: 64px;margin-top: -32px;}
.urbane_arrows_size_large button.slick-arrow:before {font-size: 54px;line-height: 64px;}
.slick-list {width: 100%; position: relative;}
.slick-list .slick-slide {background-size: cover;}
.slick-dots {position: absolute;bottom: 1em;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;z-index: 1;}
.slick-dots li {position: relative;display: inline-block;width: 10px;height: 10px;margin: 0 5px;padding: 0;cursor: pointer;border: 2px solid white;border-radius: 50%;-webkit-transition: background-color 300ms ease;-moz-transition: background-color 300ms ease;transition: background-color 300ms ease;}
.slick-dots li.slick-active,
.slick-dots li:hover {background:#333333;}
.slick-dots li button {font-size: 0;line-height: 0;display: block;width: 1em;height: 1em;cursor: pointer;color: transparent;background-color: transparent;border: 0;outline: none;}
/* Dots */
.urbane_show_dots_below .slick-dots {bottom: 10em;}
.slick-dots li {border: none;background: ff0000;width: 7px;height: 7px;margin: 0 7px;-webkit-transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;-webkit-transition: transform .2s,background-color .5s;-moz-transition: transform .2s,background-color .5s;transition: transform .2s,background-color .5s;}
/* Arrows */
button.slick-arrow {padding-bottom: 563px;background-color: transparent;width: 2em !important;height: 1em !important;}
.rtl button.slick-arrow {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
button.slick-arrow:before {content: "\e684"!important;font-family: 'Pe-icon-7-stroke'!important;color: #333333;-webkit-transition: color 500ms;-moz-transition: color 500ms;transition: color 500ms; }
button.slick-arrow:hover {background: transparent;}
button.slick-arrow:hover:before {color: #ff0000;}
button.slick-arrow.slick-next:before {content: "\e684"!important;font-family: 'Pe-icon-7-stroke'!important}
.urbane_arrows_position_bottom_left button.slick-arrow.slick-next {left: 3em;}
.rtl .urbane_arrows_position_bottom_left button.slick-arrow.slick-next {left: auto;right: 3em;}
.urbane_arrows_position_below_left button.slick-arrow.slick-next {left: 3em;}
.rtl .urbane_arrows_position_below_left button.slick-arrow.slick-next {left: auto;right: 3em;}
.urbane_arrows_position_bottom_center button.slick-arrow.slick-next {left: 53%;}
.rtl .urbane_arrows_position_bottom_center button.slick-arrow.slick-next {left: auto;right: 53%;}
.urbane_layout_wide .urbane_arrows_position_bottom_right button.slick-arrow.slick-next {right: 2em;bottom: 1em;}
.rtl .urbane_layout_wide .urbane_arrows_position_bottom_right button.slick-arrow.slick-next {left: 2em;right: auto;}
.urbane_layout_wide .urbane_arrows_position_below_right button.slick-arrow.slick-next {right: 2em;bottom: 1em;}
.rtl .urbane_layout_wide .urbane_arrows_position_below_right button.slick-arrow.slick-next {left: 2em;right: auto;}
button.slick-arrow.slick-prev:before {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg); transform: rotate(180deg);}
.rtl button.slick-arrow.slick-prev:before {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg); }
.urbane_arrows_position_bottom_right button.slick-arrow.slick-prev {right: 3em;}
.rtl .urbane_arrows_position_bottom_right button.slick-arrow.slick-prev {right: 0;left: 3em;}
.urbane_arrows_position_below_right button.slick-arrow.slick-prev {right: 3em;bottom: -2.4em;}
.rtl .urbane_arrows_position_below_right button.slick-arrow.slick-prev {right: auto;left: 3em;}
.urbane_layout_wide .urbane_arrows_position_bottom_right button.slick-arrow.slick-prev {right: 6em;bottom: 1em;}
.rtl .urbane_layout_wide .urbane_arrows_position_bottom_right button.slick-arrow.slick-prev {right: auto;left: 6em;}
.urbane_layout_wide .urbane_arrows_position_below_right button.slick-arrow.slick-prev {right: 6em;bottom: 1em;}
.rtl .urbane_layout_wide .urbane_arrows_position_below_right button.slick-arrow.slick-prev {right: auto;left: 6em;}
.urbane_arrows_size_small button.slick-arrow {margin-top: -1em;}
.urbane_arrows_size_small button.slick-arrow:before {font-size: .75rem;}
.urbane_arrows_size_large button.slick-arrow {margin-top: -1.5em;}
.urbane_arrows_size_large button.slick-arrow:before {font-size: .9rem;}
.urbane_arrows_position_bottom_left button.slick-arrow {bottom: 0;top: auto;}
.urbane_arrows_position_below_left button.slick-arrow { bottom: -2.4em;top: auto;}
.urbane_arrows_position_bottom_center button.slick-arrow {right: auto;left: 45%;bottom: 0;top: auto;}
.urbane_arrows_position_bottom_right button.slick-arrow {left: auto;bottom: 0;top: auto;}
.urbane_arrows_position_below_right button.slick-arrow {left: auto;bottom: -2.4em;top: auto;}
.urbane_arrows_position_below_right .slick-slider,
.urbane_arrows_position_below_left .slick-slider {overflow: inherit;}
@media (max-width: 780px) {
.urbane_arrows_position_bottom_center button.slick-arrow.slick-next {left: auto;right: 0;}
.urbane_arrows_position_bottom_center button.slick-arrow.slick-prev {left: 0;}
button.slick-arrow {width: 3em !important;}
}
.slick-dots li{ background: #fff;} button.slick-arrow:hover:before{color: #fff;} 
body button.slick-arrow.slick-next{bottom: -25px !important;top: unset !important;}
body button.slick-arrow.slick-prev{bottom: -25px !important;top: unset !important;}
img {height: auto;max-width: 100%;}
.center-title{width: 100%; margin: 0 0 20px 0; font-size: 28px;}
.center-description{width: 100%; margin: 0 0 10px;font-size: 16px;line-height: 1.5em}
.center-more{width:100%;margin:300px 0 0 0; padding:0;}

@media screen and (max-width: 2560px) {
.urbane_slider{margin:0 auto 120px; }
.urbane_slider_item{padding-bottom:1350px;}
.urbane_show_dots_below .slick-dots {bottom: 7em;}
button.slick-arrow {padding-bottom: 695px;}
}
@media screen and (max-width: 1920px) {
.urbane_slider_item{padding-bottom:1030px;}
.urbane_show_dots_below .slick-dots {bottom: 6.5em;}
button.slick-arrow {padding-bottom: 538px;}
}
@media screen and (max-width: 1600px) {
.urbane_slider{margin:0 auto 120px; }
.urbane_slider_item{padding-bottom:860px;}
.urbane_show_dots_below .slick-dots {bottom: 3.8em;}
button.slick-arrow {padding-bottom: 468px;}
.center-more{margin:280px 0 0 0}
}
@media screen and (max-width: 1200px) {
.urbane_slider{margin:0 auto 120px;}
.urbane_slider_item{padding-bottom:725px;}
.urbane_show_dots_below .slick-dots {bottom: 6em;}
button.slick-arrow {padding-bottom: 388px;}
.center-title{margin: 0 0 20px 0; font-size: 24px;}
.center-description{margin: 0 0 10px;font-size: 15px;}
.center-more{margin:180px 0 0 0}
}
@media screen and (max-width: 980px) {
.urbane_slider{width:100%; margin:0px auto 120px; }
.urbane_slider_item{padding-bottom:1000px;}
.urbane_show_dots_below .slick-dots {bottom: 7.5em;}
button.slick-arrow {padding-bottom: 525px;}
.center-title{margin: 0 0 20px 0; font-size: 28px;}
.center-more{margin:280px 0 0 0}
}
@media screen and (max-width: 550px) {
.urbane_slider{width:100%; margin:0 auto 120px; }
.urbane_slider_item{padding-bottom:400px;}
.urbane_show_dots_below .slick-dots {bottom: 5.5em;}
button.slick-arrow {padding-bottom: 275px;}
.center-title{margin: 0 0 5px 0; font-size: 20px;}
.center-description{width: 80%; margin: 10px 10% 5px 10%;}
.center-more{margin:20px 0 0 0}
}
.center-more .discover_link {width:120px; border: 1px solid #fff;margin: 0 auto; line-height: 2.7em;
  cursor: pointer;display: -webkit-box;display: -ms-flexbox;display: flex;width: -moz-fit-content;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center; justify-content: center;font-size: 11px;text-transform: uppercase;color: #fff}
.center-more .discover_link:hover {background-color: rgba(0,0,0,.6);border: 1px solid #999;}
@media (max-width: 48em) {
.center-more .discover_link {font-size: 9px;}
}

.mainsocial{position:relative;width:100%;float: left;padding:30% 0 0; background-color:rgba(0,0,0,.85);text-align: center}
.index-social{max-width: 100%;margin: 0 auto 0; text-align: center;letter-spacing: 0.05em;}
.index-social a {display: inline-block;margin:0 7px;font-size:15px; transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms; text-align:center;color: #7e7e7e}
.index-social a:hover {opacity: .5}
.index-social img{max-width:20px;height: auto; margin:0;display: block;}
.social-title{width: 100%;float: left;margin-bottom:25px;letter-spacing:.2em;text-indent:.2em;color: #fff;font-size: 16px;font-family: 'Noto Sans TC', sans-serif; font-weight:100;}
.companyinfo{width:100%; float: left; }
.companyinfo ul{list-style-type:none;margin: 0;text-align: center;}
.companyinfo li{width:auto; margin:10px 0 50px 0;padding:0 10px 0 10px; font-size:15px;color: #fff;letter-spacing: 0.05em;display: inline-block;}
.companyinfo a{font-size:16px; color: #fff;text-decoration:none;}
.companyinfo a:hover{color: #abaaaa;text-decoration: none;}
.companyinfo li span{font-size:17px}

@media screen and (max-width: 980px) {
.mainsocial{padding:28% 0 0}
.companyinfo li{margin:0 10px 50px 0;}
}
@media screen and (max-width:550px) {
.mainsocial{padding:15% 0 0}
.index-social{margin: 0 auto 0; }
.companyinfo{width:100%; float: left;margin:0 0 30px 0; }
.companyinfo li{width:100%; margin:0;padding:0 0 10px 0; }
}