@charset "UTF-8";
@import url(all.css);
@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);
@import url(//fonts.googleapis.com/earlyaccess/cwtexfangsong.css);

body{font-size:17px;color:#101010;font-family: "Noto Sans TC","微軟正黑體", "Microsoft JhengHei"," Arial",sans-serif;font-style:normal; line-height: 1.8em; margin: 0; padding: 0;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
b,strong{font-weight:700}ol,ul{list-style:none}a{color:inherit}
* {margin: 0;padding: 0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
.container{width:100%;padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem);margin-right:auto;margin-left:auto}
@media(min-width:576px){.container{max-width:540px}}
@media(min-width:768px){.container{max-width:720px}}
@media(min-width:992px){.container{max-width:960px}}
@media(min-width:1200px){.container{max-width:1140px}}
@media(min-width:1400px){.container{max-width:1330px}}

a {color: var(--color-heading);text-decoration: none;}
a:hover,
a:focus,
a:active {text-decoration: none;outline: none;color: var(--color-primary);}
nav ul{ list-style: none;list-style-image: none;}
button,input{font-size: 100%;margin: 0;max-width: 100%;}
button,input {line-height: normal;}
button {-webkit-appearance: button;-moz-appearance: button; appearance: button;cursor: pointer;}
button[disabled],input[disabled] {cursor: default;}
input[type=search] {-webkit-appearance: textfield;-moz-appearance: textfield;appearance: textfield;padding-right: 2px;width: 270px;}
input[type=search]::-webkit-search-decoration {-webkit-appearance: none;appearance: none;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
input,button{background: transparent;border: 1px solid var(--color-border);transition: all 0.4s ease-out 0s;color: var(--color-body);width: 100%;}
input:focus, input:active,button:focus,button:active {outline: none;border-color: var(--color-primary);}
button,[type=button]{-webkit-appearance: button;}
.nav-area ul {padding: 0;margin: 0;}
.nav-area ul li {margin: 0;}
.nav-area ul li a {text-transform: uppercase;font-family: var(--font-primary);color: #000;font-weight: 700;letter-spacing: 0.12em;font-size: 17px;line-height: 24px;}
.header--sticky {position: absolute;}
.header--sticky.sticky {padding: 0;}
.header--sticky.sticky .logo-area { display: none;}
.header--sticky.sticky .logo-area{display: block;}
.header--sticky.sticky .main-nav-desk nav ul li.has-droupdown:hover a.nav-link {color: var(--color-primary);}
@media (max-width: 1024px) {
.header--sticky.sticky .nav-area { display: none;}
}
.header--sticky.sticky .nav-area nav ul li.has-droupdown:hover a.nav-link {color: var(--color-primary) !important;}
.header--sticky.sticky .nav-area nav ul li.has-droupdown a.nav-link {color: #0C0A0A;}
.header--sticky.sticky .nav-area nav ul li.menu-item:hover a {color:#8d885a}
.header--sticky.sticky .nav-area nav ul li.menu-item a {color: #0C0A0A;}
.logo-area {display: none;}
.logo-area{display: block;}
.main-nav-desk nav ul li.has-droupdown:hover a.nav-link {color: var(--color-primary);}
.main-nav-desk nav ul li.has-droupdown:hover a.nav-link::before {color: var(--color-primary) !important;}
.nav-area {margin-right: -60px;}
.nav-area nav ul li {margin: 0 20px;padding: 12px 0;}
.nav-area nav ul li a {font-weight: 600;font-size: 17px;line-height: 24px;}

@media (max-width: 1400px) {
.nav-area {margin-right: 0;}
.nav-area nav ul li { margin: 0 20px;}
}
@media (max-width: 1200px) {
.nav-area nav ul li {margin: 0 10px;}
.nav-area nav ul li a {font-size: 14px; }
}
@media (max-width: 1024px) {
.nav-area {display: none;}
}
.rts-button-area {display: flex;align-items: center;}
@media (max-width: 1200px) and (min-width: 1024px) {
.rts-button-area{padding: 20px;}
}
@media (max-width: 768px) {
.rts-button-area{padding: 20px 25px;}
}
@media (max-width: 576px) {
.rts-button-area {display: none;}
}
.rts-button-area .menu-area {display: none;margin-left: 15px;background: var(--color-secondary);padding: 13px 17px;}
.rts-button-area .menu-area svg rect {fill: #000000;}
@media (max-width: 1024px) {
.header-three-wrapper .rts-button-area .menu-area {display: block;}
}
.nav-area nav ul {display: flex;align-items: center;}
.nav-area nav ul li {margin: 0 10px;}
.heder-two{width: 100%; background-color: #ffffff; position:absolute; left:0; top:0; position: fixed; z-index: 10}
.heder-two .header-two-container {max-width:100%;margin: auto;position: relative; padding: 0 9%}
.heder-two .header-two-container .header-main-wrapper {display: flex;align-items: center;justify-content: space-between;}
.heder-two .header-two-container .header-main-wrapper .logo-area a {padding: 8px 80px 8px 0;display: block;}
.heder-two .header-two-container .header-main-wrapper .logo-area img{ max-width: 100%; margin: 0; height: 90px; display: block;}
@media screen and (max-width: 1600px) {
.heder-two .header-two-container {padding: 0 5%}	
}
@media screen and (max-width: 1200px) {
  .heder-two .header-two-container .header-main-wrapper {padding: 10px 0;}
  .heder-two .header-two-container .header-main-wrapper .logo-area a {padding: 0;padding-right: 20px; }
.heder-two .header-two-container .header-main-wrapper .logo-area img{ max-width: 100%; margin: 0; height:75px; display: block;}
}
@media screen and (max-width: 767px) {
.heder-two .header-two-container .header-main-wrapper .logo-area img{height:65px; }
}
@media (max-width: 550px) { 
.heder-two .header-two-container .header-main-wrapper .logo-area img{height:60px; }
}
.heder-two .header-two-container .header-main-wrapper .rts-header-right {position: relative; }

@media screen and (max-width: 1300px) {.heder-two .header-two-container .header-main-wrapper .rts-header-right {margin: auto;border: none;}}
@media screen and (max-width: 1200px) {.heder-two .header-two-container .header-main-wrapper .rts-header-right {border-left: 0px solid #E9E9E9 !important;border-right: 0px solid #E9E9E9 !important;}}
@media screen and (max-width: 1024px) { .heder-two .header-two-container .header-main-wrapper .rts-header-right {margin: unset;border: none;}}

.heder-two .header-two-container .header-main-wrapper .rts-header-right .menu-area {position: absolute;cursor: pointer;right: -29px;top: 47%;transform: translateY(-50%);display: flex;
  align-items: center;justify-content: center;height: 25px;width: 25px;display: none;}
@media screen and (max-width: 1280px) {.heder-two .header-two-container .header-main-wrapper .rts-header-right .menu-area {display: block;}}
@media only screen and (max-width: 1199px) {.heder-two .header-two-container .header-main-wrapper .rts-header-right .menu-area {right:4%;}}
.heder-two .header-two-container .header-main-wrapper .rts-header-right .top {display: flex;align-items: center;justify-content: space-between;gap: 444px;border-bottom: 1px solid #E9E9E9;}
@media screen and (max-width: 1820px) {.heder-two .header-two-container .header-main-wrapper .rts-header-right .top {gap: inherit;}}
@media screen and (max-width: 1300px) {.heder-two .header-two-container .header-main-wrapper .rts-header-right .top {display: none;}}
.heder-two .header-two-container .header-main-wrapper .rts-header-right .top .start-top {display: flex; align-items: center;padding: 0 30px;padding-top: 18px;padding-bottom: 18px;}
.heder-two .header-two-container .header-main-wrapper .rts-header-right .top .start-top p { color: #6E777D;font-weight: 600;font-size: 16px;line-height: 24px;font-family: var(--font-primary);}
.heder-two .header-two-container .header-main-wrapper .rts-header-right .top .start-top .icon {margin-right: 10px;}
.heder-two .header-two-container .header-main-wrapper .rts-header-right .top .start-top .icon i {color: var(--color-primary);}
.heder-two .header-two-container .header-main-wrapper .rts-header-right .top {display: flex;align-items: center;gap: 50px;border-left: 1px solid #E9E9E9;padding-left: 50px;padding: 18px 0;padding-right: 110px; padding-left: 30px;}
.heder-two .header-two-container .header-main-wrapper .rts-header-right .top{display: flex;align-items: center;gap: 10px;}
.heder-two .header-two-container .header-main-wrapper .rts-header-right .top.heder-two .header-two-container .header-main-wrapper .rts-header-right .top {color: #0C0A0A;font-weight: 600;font-size: 16px;line-height: 24px;font-family: var(--font-primary);}
.heder-two .header-two-container .header-main-wrapper .rts-header-right .top{color: #0C0A0A;font-weight: 400;font-size: 16px; line-height: 24px;}
.heder-two .header-two-container .header-main-wrapper .rts-header-right .bottom {display: flex;align-items: center;justify-content: space-between;}
.heder-two .header-two-container .header-main-wrapper .rts-header-right .bottom .nav-area {padding: 0 30px;}
@media (max-width: 1024px) {.heder-two .header-two-container .header-main-wrapper .rts-header-right .bottom .nav-area {display: none;}}
.heder-two .header-two-container .header-main-wrapper .rts-header-right .bottom .nav-area ul li { margin-left: 0;margin-right: 35px;margin-right: 50px;}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {.heder-two .header-two-container .header-main-wrapper .rts-header-right .bottom .nav-area ul li {margin-right: 45px;}}
@media (max-width: 1200px) {.heder-two .header-two-container .header-main-wrapper .rts-header-right .bottom .nav-area ul li {margin-right: 35px;}}
.heder-two .header-two-container .header-main-wrapper .rts-header-right .bottom .nav-area ul li a { padding: 0;}
.heder-two .header-two-container .header-main-wrapper .rts-header-right .bottom .nav-area ul .has-droupdown:hover .nav-link { color: #8d885a!important;}
.heder-two .header-two-container .header-main-wrapper .rts-header-right .bottom .nav-area ul .has-droupdown:hover .nav-link::before {color: var(--color-primary);}
.heder-two .header-two-container .header-main-wrapper .rts-header-right .bottom .nav-area ul .has-droupdown .nav-link {transition: all 0.3s; padding: 31px 0;}
.heder-two .header-two-container .header-main-wrapper .rts-header-right .bottom .nav-area ul .has-droupdown .nav-link::before {transition: all 0.4s;}
.heder-two .header-two-container .header-main-wrapper .rts-header-right .bottom .nav-area ul li a {display: block;transition: 0.3s;}
.heder-two .header-two-container .header-main-wrapper .rts-header-right .bottom .nav-area ul li a.nav-link {color: #000!important;}
@media (max-width: 1599px) and (min-width: 1024px) {.heder-two .header-two-container .header-main-wrapper .rts-header-right .bottom .nav-area ul li a {font-size: 15px;}}
.heder-two .header-two-container .header-main-wrapper .rts-header-right .bottom .nav-area ul li a:hover {color: var(--color-primary);}
.heder-two .header-two-container .header-main-wrapper .rts-header-right .bottom .right-area {display: flex;align-items: center;padding-right: 30px;}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {.heder-two .header-two-container .header-main-wrapper .rts-header-right .bottom .right-area {padding-right: 0;}}
.heder-two .header-two-container .header-main-wrapper .rts-header-right .bottom .right-area .btn-seconday {background: transparent;color: var(--color-primary);display: flex;align-items: center;}
.heder-two .header-two-container .header-main-wrapper .rts-header-right .bottom .right-area .btn-seconday::after {display: none;}
@media screen and (max-width: 1300px) {.heder-two .header-two-container .header-main-wrapper .rts-header-right .bottom .right-area.btn-seconday {display: none; }}
.heder-two .header-two-container .header-main-wrapper .rts-header-right .bottom .right-area .btn-seconday i {margin-left: 10px;font-size: 22px;font-weight: 400;line-height: 22px; }
.heder-two .header-two-container .header-main-wrapper .rts-header-right .bottom .right-area .icon-area {display: flex;align-items: center;padding-right: 0px;margin-right: 0;padding-top: 21px;padding-bottom: 21px;}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {.heder-two .header-two-container .header-main-wrapper .rts-header-right .bottom .right-area .icon-area {margin-right: 0;}}
@media screen and (max-width: 1300px) {.heder-two .header-two-container .header-main-wrapper .rts-header-right .bottom .right-area .icon-area {border: none;}}
@media (max-width: 1200px) {.heder-two .header-two-container .header-main-wrapper .rts-header-right .bottom .right-area .icon-area {margin-right: 20px;}}
@media (max-width: 576px) {.heder-two .header-two-container .header-main-wrapper .rts-header-right .bottom .right-area .icon-area {padding-right: 0;}}
.heder-two .header-two-container .header-main-wrapper .rts-header-right .bottom .right-area .icon-area i {cursor: pointer;color: #000000!important;position: relative;font-size: 16px; margin-left: 50px;}
@media screen and (max-width: 1600px) {.heder-two .header-two-container .header-main-wrapper .rts-header-right .bottom .right-area .icon-area i { margin-left: 0;}}
@media screen and (max-width: 1280px) {.heder-two .header-two-container .header-main-wrapper .rts-header-right .bottom .right-area .icon-area i { margin-left: 0; margin-right: 20px;}}
@media screen and (max-width: 480px) {.heder-two .header-two-container .header-main-wrapper .rts-header-right .bottom .right-area .icon-area i { margin-left: 0; margin-right: 0px;}}
@media (max-width: 576px) {.heder-two .header-two-container .header-main-wrapper .rts-header-right .bottom .right-area .icon-area .cart {display: none;}}
.heder-two .header-two-container .header-main-wrapper .rts-header-right .bottom .right-area .icon-area .cart i {position: relative;}
.heder-two .header-two-container .header-main-wrapper .rts-header-right .bottom .right-area .icon-area .cart i::after { position: absolute;content: "2";right: -8px; bottom: -5px;height: 20px;width: 20px;background: var(--color-primary);border-radius: 50%;font-size: 10px;display: flex;align-items: center;justify-content: center;color: #000;}
.heder-two .header-two-container .header-main-wrapper .rts-header-right .bottom .right-area .icon-area .search {margin-right: 26px;}
.heder-two.header-six.header--sticky {background: #171717;}
.heder-two.header-four {width: 100%; position: absolute;}
.heder-two.header-four .header-two-container .header-main-wrapper .rts-header-right .bottom .nav-area ul li a.nav-link {color: #e7e7e7;}
.heder-two.header-four .header-two-container .header-main-wrapper .rts-header-right .top .heder-two.header-four .header-two-container .header-main-wrapper .rts-header-right .top {color: #e7e7e7;}
.heder-two.header-four .header-two-container .header-main-wrapper .rts-header-right .bottom .right-area .icon-area i {color: #e7e7e7;}
.heder-two.header-four .header-two-container .header-main-wrapper .rts-header-right .bottom .nav-area ul li a.nav-item {color: #e7e7e7;transition: all 0.3s;}
.heder-two.header-four .header-two-container .header-main-wrapper .rts-header-right .bottom .nav-area ul li a.nav-item:hover {color: var(--color-primary);}
.heder-two.header-six .header-two-container .header-main-wrapper .rts-header-right .bottom .nav-area ul li a.nav-link {color: #e7e7e7;}
.heder-two.header-six .header-two-container .header-main-wrapper .rts-header-right .top .heder-two.header-four .header-two-container .header-main-wrapper .rts-header-right .top {color: #e7e7e7;}
.heder-two.header-six .header-two-container .header-main-wrapper .rts-header-right .bottom .right-area .icon-area i {color: #e7e7e7;}
.heder-two.header-six .header-two-container .header-main-wrapper .rts-header-right .bottom .nav-area ul li a.nav-item {color: #e7e7e7;transition: all 0.3s;}
.heder-two.header-six .header-two-container .header-main-wrapper .rts-header-right .bottom .nav-area ul li a.nav-item:hover { color: var(--color-primary);}
.heder-two.header-six .header-two-container .header-main-wrapper .rts-header-right .top {border-bottom: 1px solid #ffffff14;}
.heder-two.header-six .header-two-container .header-main-wrapper .rts-header-right .top {display: flex;align-items: center;gap: 50px;border-left: 1px solid #ffffff14;padding-left: 50px;padding: 18px 0;padding-right: 110px;padding-left: 30px;}
.heder-two.header-six .header-two-container .header-main-wrapper .rts-header-right {border-right: 1px solid #ffffff14;border-left: 1px solid #ffffff14;position: relative;}
.heder-two.header-six {width: 100%;position: absolute;border-bottom: 1px solid #ffffff14;}
.heder-two.header-six .header-two-container .header-main-wrapper .rts-header-right .top {color: #e7e7e7;font-weight: 400;font-size: 16px;line-height: 24px;}
.heder-two.header-six .header-two-container .header-main-wrapper .rts-header-right .top {color: #e7e7e7;}
.heder-two.header-six .header-two-container .header-main-wrapper .rts-header-right .menu-area {border: 1px solid #1d1d1d;}
.heder-two.header-four .header-two-container .header-main-wrapper .rts-header-right .top {border-bottom: 1px solid #ffffff14;}
.heder-two.header-four .header-two-container .header-main-wrapper .rts-header-right .top {display: flex;align-items: center;gap: 50px;border-left: 1px solid #ffffff14;padding-left: 50px;padding: 18px 0;padding-right: 110px;padding-left: 30px;}
.heder-two .header-two-container .header-main-wrapper .rts-header-right .bottom .right-area .icon-area {}
@media screen and (max-width: 1280px) {
  .heder-two .header-two-container .header-main-wrapper .rts-header-right .bottom .right-area .icon-area {border: none;}
}
.heder-two.header-four .header-two-container .header-main-wrapper .rts-header-right {border-right: 1px solid #ffffff14;border-left: 1px solid #ffffff14;position: relative;}
.heder-two.header-four {width: 100%;position: absolute;border-bottom: 1px solid #ffffff14;}
.heder-two.header-four .header-two-container .header-main-wrapper .rts-header-right .top{color: #e7e7e7;font-weight: 400;font-size: 16px;line-height: 24px;}
.heder-two.header-four .header-two-container .header-main-wrapper .rts-header-right .menu-area {border: 1px solid #1d1d1d;background: #ffffff00;}
.heder-two.header-four .header-two-container .header-main-wrapper .rts-header-right .menu-area svg rect {fill: #000;}
.header-four.header--sticky.sticky {background: #171717 !important;}
.heder-two.header-five.header--sticky {background: #1D1D1D;width: 1582px;margin: auto;position: absolute;left: 50%;transform: translateX(-50%);}
.heder-two.header-five .header-two-container .header-main-wrapper .rts-header-right .top {gap: 0;}
.heder-two.header-five .header-two-container .header-main-wrapper .rts-header-right .top.heder-two.header-five .header-two-container .header-main-wrapper .rts-header-right .top {color: #000;}
.heder-two.header-five .header-two-container .header-main-wrapper .rts-header-right .top{color: #000000;font-weight: 400;font-size: 16px;line-height: 24px;}
.heder-two.header-five .header-two-container .header-main-wrapper .rts-header-right .bottom .nav-area ul li a.nav-link {color: #000;}
.heder-two.header-five .header-two-container .header-main-wrapper .rts-header-right .bottom .right-area .icon-area i {color: #000;}
.heder-two.header-five .header-two-container .header-main-wrapper .rts-header-right { border-right: 1px solid #3f3f3f;border-left: 1px solid #3f3f3f;}
@media screen and (max-width: 1280px) {
  .heder-two.header-five .header-two-container .header-main-wrapper .rts-header-right {border: none; }
}
.heder-two.header-five .header-two-container .header-main-wrapper .rts-header-right .menu-area {display: none;background: transparent;border: none;height: auto;width: auto;right: 6%;}
@media only screen and (max-width: 1199px) {
  .heder-two.header-five .header-two-container .header-main-wrapper .rts-header-right .menu-area {display: block;}
}
.heder-two.header-five .header-two-container .header-main-wrapper .rts-header-right .menu-area svg {background: transparent;border: none;}
.heder-two.header-five .header-two-container .header-main-wrapper .rts-header-right .menu-area svg rect {fill: #000;}
.heder-two.header-five .header-two-container .header-main-wrapper .rts-header-right .top {border-bottom: 1px solid #3f3f3f;}
.heder-two.header-five .header-two-container .header-main-wrapper .rts-header-right .top{border-left: 1px solid #3f3f3f;}
.heder-two.header-five .header-two-container .header-main-wrapper .logo-area a {padding: 20px 40px 20px 40px;display: block;}

@media only screen and (max-width: 479px) {
  .heder-two.header-five .header-two-container .header-main-wrapper .logo-area a {padding: 0;}
}
.heder-two.header-five.header--sticky {width: 1422px;}
@media only screen and (max-width: 1199px) {
  .heder-two.header-five.header--sticky {width: 100%;}
}
.heder-two.header-five .header-two-container .header-main-wrapper .rts-header-right .bottom .nav-area ul li a.nav-item {color: #000;}
@media screen and (max-width: 1299px) {
  .container.container-header-7 {max-width: 100%;padding: 0;}
}
.main-nav-desk nav ul li.has-droupdown {position: relative;}
.main-nav-desk nav ul li.has-droupdown a.nav-link {position: relative;transition: all 0.3s;}
.main-nav-desk nav ul li.has-droupdown a.nav-link::before {content: "\f077" !important;position: absolute !important;top: 51%;font-family:  'Font Awesome 5 Free' !important;font-weight: 900;transform: translateY(-50%);transition: all 0.3s;font-size: 15px;}
.main-nav-desk nav ul li.has-droupdown:hover .submenu {opacity: 1;visibility: visible;top: 100%;transform: scaleY(1);}
.main-nav-desk nav ul li.has-droupdown:hover a.nav-link {color: #0C0A0A;}
.main-nav-desk nav ul li.has-droupdown:hover a.nav-link::before {content: "\f078" !important;font-family:  'Font Awesome 5 Free' !important;font-weight: 900;color: #8d885a!important;}
.main-nav-desk nav ul li.has-droupdown .submenu {position: absolute; min-width: 100%;height: auto;position: absolute; top: 100%;transform: scaleY(0);left: 0;z-index: 90;opacity: 0;visibility: hidden;transition: all 0.3s;border-radius: 0 0 10px 10px;background-color: #ffffff;display: inline-block;box-shadow: 0 36px 35px rgba(0, 0, 0, 0.08);display: flex;align-items: center; text-align: center}
.main-nav-desk nav ul li.has-droupdown .submenu.menu-home {flex-wrap: wrap;min-width: 100%;justify-content: center;margin-left: 0;margin-top: -1px;padding: 25px;border-radius: 0;margin: auto;}
@media (max-width: 1400px) and (min-width: 1200px) {
  .main-nav-desk nav ul li.has-droupdown .submenu.menu-home {min-width: 1085px;}
}
@media (max-width: 1199px) and (min-width: 991px) {
  .main-nav-desk nav ul li.has-droupdown .submenu.menu-home {min-width: 900px !important;}
}
.main-nav-desk nav ul li.has-droupdown .submenu.menu-home li {width: 16% !important;margin: 0;position: relative;}
.main-nav-desk nav ul li.has-droupdown .submenu.menu-home li:hover .page {opacity: 1;}
.main-nav-desk nav ul li.has-droupdown .submenu.menu-home li:hover .page li a {color: #000 !important;}
.main-nav-desk nav ul li.has-droupdown .submenu.menu-home li:hover::after {opacity: 1;}
.main-nav-desk nav ul li.has-droupdown .submenu.menu-home li a {padding: 30px 15px;position: relative;transition: 0.3s;}
.main-nav-desk nav ul li.has-droupdown .submenu.menu-home li a:hover {color: var(--color-primary) !important;}
.main-nav-desk nav ul li.has-droupdown .submenu.menu-home li a img {margin-bottom: 25px;width: 100%;transition: 0.33s;}
.main-nav-desk nav ul li.has-droupdown .submenu.menu-home li a span {transition: 0.3s;text-transform: capitalize;letter-spacing: 0;font-size: 15px;font-weight: 600;left: 50%;position: absolute;bottom: 15px;transform: translateX(-50%);z-index: 1;min-width: max-content;}
.main-nav-desk nav ul li.has-droupdown .submenu.menu-home li a:hover img {transform: translateY(-5px);}
.main-nav-desk nav ul li.has-droupdown .submenu.menu-home li a:hover span {color: #8d885a}
.main-nav-desk nav ul li.has-droupdown .submenu.menu-home li .page {display: block;position: absolute;bottom: 50%;right: 50%; transform: translate(50%, 50%);opacity: 0;transition: all 0.3s;z-index: 1;}
.main-nav-desk nav ul li.has-droupdown .submenu.menu-home li .page li {width: 100% !important;text-align: center;}
.main-nav-desk nav ul li.has-droupdown .submenu.menu-home li .page li::after {display: none;}
.main-nav-desk nav ul li.has-droupdown .submenu.menu-home li .page li {margin: 0 auto 10px auto;padding: 5px 15px !important;width: 100%;max-width: 100%;border-radius: 0;font-size: 15px;line-height: 20px;}
.main-nav-desk nav ul li.has-droupdown .submenu.menu-home li .page li {box-shadow: none;}
.main-nav-desk nav ul li.has-droupdown .submenu.menu-home li::after {content: "";opacity: 0;width: 100%;height: 100%; transition: all 0.3s;}
.main-nav-desk nav ul li.has-droupdown .submenu.menu-news {flex-wrap: wrap;justify-content: center;left: auto;border-radius: 0;margin: auto;}
@media (max-width: 1400px) and (min-width: 1200px) {
  .main-nav-desk nav ul li.has-droupdown .submenu.menu-news {min-width: 100px;}
}
@media (max-width: 1199px) and (min-width: 991px) {
  .main-nav-desk nav ul li.has-droupdown .submenu.menu-news {min-width: 100px !important;}
}
.main-nav-desk nav ul li.has-droupdown .submenu.menu-news li {width: 16% !important;margin: 0;position: relative}
.main-nav-desk nav ul li.has-droupdown .submenu.menu-news li a span {transition: 0.3s;text-transform: capitalize;letter-spacing: 0;font-size: 15px;font-weight: 600;left: 50%;position: absolute;bottom: 15px;transform: translateX(-50%);z-index: 1;min-width: max-content;}
.main-nav-desk nav ul li.has-droupdown .submenu.menu-news li a:hover span {color: #8d885a}
.main-nav-desk nav ul li.has-droupdown .submenu.menu-news li::after {content: "";opacity: 0;width: 100%;height: 100%; transition: all 0.3s;}
.main-nav-desk nav ul li.menu-item { transition: all 0.3s;}
.main-nav-desk nav ul li.menu-item a.nav-item {transition: all 0.3s;color: #000!important;}
.main-nav-desk nav ul li.menu-item:hover a.nav-item {color: #8d885a!important;}
.heder-two .main-nav-desk nav ul li.has-droupdown a.nav-link::before {right: -22px;transition: all 0.4s;}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .heder-two .main-nav-desk nav ul li.has-droupdown a.nav-link::before {right: -16px; top: 52%;}
}
.heder-two .main-nav-desk nav ul li.has-droupdown .submenu.menu-home {margin-top: 22px;}
.heder-two .main-nav-desk nav ul li.has-droupdown .submenu.menu-news {margin-top: 22px;}

.heder-two li.has-droupdown ul li {margin-left: 0; margin-right: 0 !important;}
.heder-two li.has-droupdown ul li a {padding: 30px 15px;position: relative;}
.heder-two .rts-header-right {position: unset !important;}
.heder-two .main-nav-desk nav ul li.has-droupdown {position: unset !important;}
.heder-two .bottom .has-droupdown{position: relative !important;}
.heder-two .bottom .has-droupdown li {margin-right: 0;}
.heder-two .bottom .has-droupdown li a {padding: 15px 15px 5px!important;}
.heder-two .bottom .has-droupdown li a span {color: #000;}
.heder-two .bottom .has-droupdown .submenu.menu-home {flex-wrap: wrap;min-width: 100% !important;justify-content: center; margin-left: 0;margin-top: 0px;padding: 25px 7%;border-radius: 0;left: 50%;top:80%;transform: translateX(-50%) scaleY(0);}
.heder-two .bottom .has-droupdown:hover .submenu.menu-home {transform: translateX(-50%) scaleY(1) !important;}

.heder-two .bottom .has-droupdown .submenu.menu-news {flex-wrap: wrap;min-width: 10% !important;top:80%;margin-left: 38px;margin-top: 0px;padding: 25px 0%;border-radius: 0;transform: translateX(-50%) scaleY(0);}
.heder-two .bottom .has-droupdown:hover .submenu.menu-news {transform: translateX(-50%) scaleY(1) !important;}

.heder-two .header-two-container .header-main-wrapper .rts-header-right .bottom .nav-area ul li {transition: all 0.3s;}
.heder-two .header-two-container .header-main-wrapper .rts-header-right .bottom .nav-area ul li:hover a.nav-item { color: var(--color-primary);}
.heder-two .header-two-container .header-main-wrapper .rts-header-right .bottom .nav-area ul li a.nav-item {color: #0C0A0A;transition: all 0.3s;}
.heder-two .header-two-container .header-main-wrapper .rts-header-right .bottom .nav-area ul li.last {cursor: not-allowed;}
.heder-two .header-two-container .header-main-wrapper .rts-header-right .bottom .nav-area ul li.last::after {background: #000000;opacity: 0.9;}
.heder-two .header-two-container .header-main-wrapper .rts-header-right .bottom .nav-area ul li.last img {filter: blur(2px);}
.heder-two .header-two-container .header-main-wrapper .rts-header-right .bottom .nav-area ul li.last {display: none;}
.heder-two .header-two-container .header-main-wrapper .rts-header-right .bottom .nav-area ul li.last a span {bottom: 50% !important;right: 50%;left: unset !important;transform: translate(50%, 50%);cursor: not-allowed;}
.heder-two .header-two-container .header-main-wrapper .rts-header-right .bottom .nav-area ul li.last a span:hover {color: #000;}
header.heder-two .main-nav-desk nav ul li.has-droupdown .submenu.menu-home li {width:20% !important;margin: 0;position: relative;}
header.heder-two .main-nav-desk nav ul li.has-droupdown .submenu.menu-home li ul li {width: 100% !important;padding: 0;}
header.heder-two .main-nav-desk nav ul li.has-droupdown .submenu.menu-home {justify-content: flex-start;}
header.heder-two .main-nav-desk nav ul li.has-droupdown .submenu.menu-home li a span {bottom: 0 !important;}
header.heder-two .main-nav-desk nav ul li.has-droupdown .submenu.menu-news li {width:100% !important;margin: 0;position: relative;}
header.heder-two .main-nav-desk nav ul li.has-droupdown .submenu.menu-news li ul li {width: 100% !important;padding: 0;}
header.heder-two .main-nav-desk nav ul li.has-droupdown .submenu.menu-news {justify-content: flex-start;}
header.heder-two .main-nav-desk nav ul li.has-droupdown .submenu.menu-news li a span {bottom: 0 !important;}

.ion.arrow:before {content: "\f3d2"}
.mm-active > a > .ion.arrow:before {content: "\f3d0";}
.plus-times {float: right;}
  *[dir="rtl"] .plus-times {float: left;}
.fa.plus-times:before {content: "\f067";}
.mm-active > a > .fa.plus-times {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.mm-collapse:not(.mm-show) {display: none;}
.mm-collapsing {position: relative;height: 0;overflow: hidden;
    -webkit-transition-timing-function: ease;-o-transition-timing-function: ease;transition-timing-function: ease;
    -webkit-transition-duration: .35s;-o-transition-duration: .35s;transition-duration: .35s;
    -webkit-transition-property: height, visibility;-o-transition-property: height, visibility;transition-property: height, visibility;}
.has-arrow {position: relative;}
.has-arrow::after {position: absolute;content: '';width: .5em;height: .5em;border-width: 1px 0 0 1px; border-style: solid;border-color: initial;right: 1em;-webkit-transform: rotate(-45deg) translate(0, -50%);-ms-transform: rotate(-45deg) translate(0, -50%);transform: rotate(-45deg) translate(0, -50%);-webkit-transform-origin: top;-ms-transform-origin: top;transform-origin: top;top: 50%;-webkit-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
  *[dir="rtl"] .has-arrow::after {right: auto;left: 1em;-webkit-transform: rotate(135deg) translate(0, -50%);-ms-transform: rotate(135deg) translate(0, -50%);transform: rotate(135deg) translate(0, -50%);}
.mm-active > .has-arrow::after,
.has-arrow[aria-expanded="true"]::after {-webkit-transform: rotate(-135deg) translate(0, -50%);-ms-transform: rotate(-135deg) translate(0, -50%);transform: rotate(-135deg) translate(0, -50%);}
  *[dir="rtl"].mm-active > .has-arrow::after,
  *[dir="rtl"].has-arrow[aria-expanded="true"]::after {-webkit-transform: rotate(225deg) translate(0, -50%);-ms-transform: rotate(225deg) translate(0, -50%);transform: rotate(225deg) translate(0, -50%);}

.mobile-menu nav ul {padding: 0 20px;}
.mobile-menu nav ul li {margin: 0;padding: 0;}
.mobile-menu nav ul li a.main {padding: 12px 0 17px 0;border-bottom: 1px solid #f3f3f3;cursor: pointer;}
.mobile-menu nav ul li.has-droupdown {position: relative; }
.mobile-menu nav ul li.has-droupdown ul a.tag {font-weight: 700;margin-top: 15px;font-size: 18px;}
.mobile-menu nav ul li.has-droupdown ul li {margin: 10px 0 !important;}
.mobile-menu nav ul li.has-droupdown::after {position: absolute;content: "\f078";font-family:  'Font Awesome 5 Free' !important;font-weight: 900;font-size: 16px;right: 0;top: 5px;padding: 8px 13px;color: #fff;background: #a8815a !important;pointer-events: none;cursor: pointer;border-radius: 5px}
.mobile-menu nav ul li.has-droupdown.mm-active::after { content: "\f077";font-family:  'Font Awesome 5 Free' !important;font-weight: 900;color: #fff;}
.mobile-menu nav ul li.has-droupdown.third-lvl::after {font-size: 15px;padding: 3px 10px;}
.mobile-menu nav ul li.has-droupdown.third-lvl ul {padding: 0 20px;}
.mobile-menu nav ul li.has-droupdown.third-lvl ul li {margin: 10px 0 !important;position: relative;z-index: 1;transition: all 0.3s;}
.mobile-menu nav ul li.has-droupdown.third-lvl ul li:hover {color: var(--color-primary);}
.mobile-menu nav ul li.has-droupdown.third-lvl ul li a {position: absolute;width: 100%;height: 100%;transition: all 0.3s;}
.mobile-menu nav ul li a {display: block;}
.mobile-menu .social-wrapper-one {margin-top: 50px;}

.header-two .header-main-wrapper .sub-dropdown:hover .submenu.third-lvl.base {margin-left: 90px !important;}
header.heder-two .sub-dropdown:hover .submenu.third-lvl.base {opacity: 1 !important;min-width: 185px !important;top: 0 !important;right: 3px;display: block;margin-left: 0 !important;}
header.heder-two .sub-dropdown::after {position: absolute;content: "\f105";font-family: "Font Awesome 5 Free" !important;font-size: 16px;right: 20px;top: 8px;color: #000;}
header.heder-two .sub-dropdown:hover a.sub-menu-link {color: var(--color-primary) !important;}
header.heder-two .sub-dropdown:hover::after {color: var(--color-primary) !important;}
header.heder-two .sub-dropdown .submenu.third-lvl.base {display: block;}
header.sub-dropdown:hover .submenu.third-lvl.base {opacity: 1 !important;min-width: 185px !important;top: 0 !important;right: 3px;display: block;margin-left: 0 !important;}
header.sub-dropdown::after {position: absolute;content: "\f105";font-family: "Font Awesome 5 Free" !important;font-size: 16px;right: 10px;top: 50%;transform: translateY(-50%);color: #000;}
header.sub-dropdown:hover a.sub-menu-link {color: var(--color-primary) !important;}
header.sub-dropdown:hover::after { color: var(--color-primary) !important;}
header.sub-dropdown .submenu.third-lvl.base {display: block;}
.side-bar {position: fixed;overflow: hidden;top: 0;right: -100%;width: 500px;padding: 50px 40px 40px;height: 100%;display: block;background-color: white;backdrop-filter: blur(7px);z-index: 1900;transition: all 600ms ease;display: flex;flex-direction: column;overflow-y: auto;overflow: visible;}
@media screen and (max-width: 1600px) {.heder-two .bottom .has-droupdown .submenu.menu-home{padding: 25px 4%;left: 50%;top:70%;}}
@media screen and (max-width: 1280px) { .side-bar{width:100%;padding: 50px 50px 40px;display: block}}
@media only screen and (max-width: 575px) {.side-bar {width:100%;padding: 50px 20px 40px;}}
.side-bar .inner-main-wrapper-desk {display: flex; justify-content: center;}
.side-bar .inner-main-wrapper-desk {width: 85%;margin: auto;}
.side-bar .inner-main-wrapper-desk{text-align: center;margin-top: 30px;}
.side-bar .inner-main-wrapper-desk{max-width: 95%;text-align: center; margin: auto;}
.side-bar .inner-main-wrapper-desk .title { font-weight: 600;}
.side-bar .inner-main-wrapper-desk {padding-top: 50px;margin-top: 80px;border-top: 1px solid #c2c2c2;}
.side-bar .inner-main-wrapper-desk .title {font-weight: 500;}
.side-bar .inner-main-wrapper-desk {margin: auto;}
.side-bar.show {right: 0;overflow-y: auto;}
.side-bar button {max-width: max-content;margin-right: auto;margin-left:0;margin-top:10px; position: absolute;right:40px;}
.side-bar button i {color: #000;height: 50px;width: 50px;border-radius: 0;display: flex;align-items: center;justify-content: center;margin-left: 14px;margin-top: -48px;font-size: 27px;}
.header--sticky {transition: 0.3s;top: 0;z-index: 5;position: relative;}
.header--sticky.sticky {position: fixed !important;top: 0;display: block;backdrop-filter: blur(9px);width: 100%;box-shadow: 0px 7px 18px #1810100d;background: #111111;z-index: 999;animation:sticky 1s;}
@media only screen and (max-width: 575px) {.side-bar button{margin-left: -30px;}}

@keyframes sticky{0%{transform:translateY(-80%); opacity: 0.8;}100%{transform:translateY(0)}}
.social-wrapper-one ul {list-style: none;display: flex;align-items: center;padding-left:15px;margin: 0;}
.social-wrapper-one li {margin-right:15px;margin-top: 0;margin-bottom: 0;}
.social-wrapper-one li a {width: 44px;height: 44px;display: block;background: #888888; border-radius: 99em; border: 1px solid #888888;display: flex;align-items: center;justify-content: center; transition: 0.3s;}
.social-wrapper-one li a i {font-weight: 400;font-size:20px;line-height:20px;color: #FFFFFF;}
.social-wrapper-one li a:hover {background: var(--color-primary);}
#elevate-load {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: #a57f5a;z-index: 999999;}
#elevate-load .preloader {width: 50px; height: 50px;display: inline-block;padding: 0px;text-align: left;box-sizing: border-box;position: absolute;top: 50%;left: 50%;margin-left: -25px;margin-top: -25px;}
#elevate-load .preloader span {position: absolute;display: inline-block;width: 50px;height: 50px;border-radius: 100%;background: #a57f5a;animation: preloader 1.3s linear infinite;}
#elevate-load .preloader span:last-child {animation-delay: -0.8s;-webkit-animation-delay: -0.8s;}
.loaded {display: none;}
@keyframes preloader {
  0% {transform: scale(0, 0);opacity: 0.5;}
  100% {transform: scale(1, 1);opacity: 0; }
}
.lds-ellipsis {display: inline-block;position: absolute;width: 80px;height: 80px;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.lds-ellipsis div {position: absolute;top: 33px;width: 13px;height: 13px;border-radius: 50%;background: #fff;animation-timing-function: cubic-bezier(0, 1, 1, 0);}
.lds-ellipsis div:nth-child(1) {left: 8px;animation: lds-ellipsis1 0.6s infinite;}
.lds-ellipsis div:nth-child(2) {left: 8px;animation: lds-ellipsis2 0.6s infinite;}
.lds-ellipsis div:nth-child(3) {left: 32px;animation: lds-ellipsis2 0.6s infinite;}
.lds-ellipsis div:nth-child(4) {left: 56px;animation: lds-ellipsis3 0.6s infinite;}
@keyframes lds-ellipsis1 {
  0% { transform: scale(0);}
  100% {transform: scale(1);}
}
@keyframes lds-ellipsis3 {
  0% {transform: scale(1);}
  100% {transform: scale(0);}
}
@keyframes lds-ellipsis2 {
  0% {transform: translate(0, 0);}
  100% {transform: translate(24px, 0);}
}

@-webkit-keyframes cd-enter-right {
  0% {opacity: 0;-webkit-transform: translateX(100%);transform: translateX(100%);}
  100% {opacity: 1;-webkit-transform: translateX(0%);transform: translateX(0%);}
}
@keyframes cd-enter-right {
  0% {opacity: 0;-webkit-transform: translateX(100%);transform: translateX(100%);}
  100% {opacity: 1;-webkit-transform: translateX(0%);transform: translateX(0%);}
}
@-webkit-keyframes cd-enter-left {
  0% {opacity: 0;-webkit-transform: translateX(-100%);transform: translateX(-100%);}
  100% {opacity: 1;-webkit-transform: translateX(0%);transform: translateX(0%);}
}
@keyframes cd-enter-left {
  0% {opacity: 0;-webkit-transform: translateX(-100%);transform: translateX(-100%);}
  100% {opacity: 1;-webkit-transform: translateX(0%);transform: translateX(0%);}
}

/*way*/	
.waycolor{width:100%; float:left;padding:0; }
.wayinside{width:100%; float:left;padding:0; margin-top: 155px;}
.siteway{width:77%; margin:0 auto; color: #000;padding-top: 10px; }
.siteway h1{float:left; line-height:1.5em;margin:0;font-size:14px; font-weight:400;}
.siteway h2{float:left; line-height:1.5em;margin:0;font-size:14px; font-weight:400;}
 .siteway h3{float:left; margin:0;line-height:1.5em;font-size:14px;} 
 .siteway h4{float:left; padding:0; margin:0;line-height:1.5em;font-size:14px;} 
 .siteway a{color: #000;transition:500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;text-decoration: none;}
 .siteway a:hover {color: #a86828;}
 .siteway i{font-size:11px; margin:0 5px 0 0; padding-bottom: 2px; vertical-align: middle;}
 .siteway span{margin:0 8px 0 8px; font-weight:bold; font-size: 10px; margin-top: -5px; vertical-align:top}
.topbanner{ width: 100%;margin-top:110px;}
.topbanner img{max-width: 100%; height: auto; margin: 0; display: block;}
@media only screen and (max-width: 1600px) {
.topbanner{ width: 100%;margin-top:100px;}
.siteway{width:85%;}	
}
@media only screen and (max-width: 1200px) {
.topbanner{ width: 100%;margin-top:80px;}
.siteway{width:88%;}	
}
@media only screen and (max-width: 980px) {
.topbanner{ width: 100%;margin-top:80px;}
.siteway{width:90%;}	
}

.gotopbox{max-width:100%; margin:0;text-align: center;position:absolute; right:50px; top:50px;z-index:1;display: block;}
.back-to-top{padding-bottom:40px;backface-visibility:hidden;cursor:pointer;text-transform:uppercase;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.back-to-top .icon{font-size:34px;margin-top:16px;backface-visibility:hidden}
.back-to-top:hover .icon{-moz-transform:translate(-50%, 8px) translateZ(0);-ms-transform:translate(-50%, 8px) translateZ(0);-webkit-transform:translate(-50%, 8px) translateZ(0);transform:translate(-50%, 8px) translateZ(0)}
.icon.icon--arrow-down:before{background-image: url("../images/gotop.png");background-size: 20px 20px;display: inline-block;width: 20px; height: 20px;content:"";transform:rotate(90deg);}
.trans{position:absolute;z-index:5;bottom:0;left:50%;-moz-transform:translateX(-50%) translateZ(0);-ms-transform:translateX(-50%) translateZ(0);-webkit-transform:translateX(-50%) translateZ(0);transform:translateX(-50%) translateZ(0);-moz-transition:all 277ms cubic-bezier(0.16, 0.01, 0.77, 1);-o-transition:all 277ms cubic-bezier(0.16, 0.01, 0.77, 1);-webkit-transition:all 277ms cubic-bezier(0.16, 0.01, 0.77, 1);transition:all 277ms cubic-bezier(0.16, 0.01, 0.77, 1)}

/*footer*/	
.footer-row{ float:left;width:100%; margin:0; background-color:#182030;font-size: 15px;}
.footer-row a {transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;}
.footer-row a:hover {color: #a8815a;}
.footer-line{width:30px;height: 1px; background-color: #999;margin:25px 0;}
.footer-a{width:100%;margin:0; padding:60px 0 40px 0;color:#dbdbdb; position:relative;}
.footer-content{width:80%;margin:0 auto;}
.address{float:left;width:32%;}
  .address ul{list-style-type:none; margin: 0;}
  .address li{margin:0 0 5px; }
  .address li i{margin-right: 10px; font-size:13px;}
.footer-info{float:left;width:25%; padding:0; margin:0;display: block;}
.p-series{width:100%;margin:0;}
  .p-series ul{list-style-type:none; margin:0;}
  .p-series li{ margin:0 0 0; font-size: 15px;}
.sitemap{width:25%;float: left; margin:2px 0 0;}
  .sitemap ul{list-style-type:none; padding: 0px;margin:0;}
  .sitemap li{ margin:0 0 5px; font-size: 16px}
.link-title{width:100%; margin:0 0 20px 0;font-size:17px;font-family:'Noto Sans TC','Microsoft JhengHei',"Arial",sans-serif; font-weight: 400;}
.footer-social{width:18%; float:left;margin:50px 0 0 0; display:block; text-align:right;}
.footer-social a{display: inline-block;width:38px; height:38px; margin: 0 0 0 16px;font-size:20px; font-weight:400; transition: 300ms;-moz-transition: 300ms;-webkit-transition: 300ms;-o-transition: 300ms; text-align:center; color:#fff; background-color: #a8815a; border-radius: 99em; line-height: 36px;border: 1px solid #a8815a}
.footer-social a:hover{color:#fff;background-color:transparent;border: 1px solid #a8815a}
.footer-d{width:100%;float:left;margin:70px 0 0;}
.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-a{padding:50px 0 40px;}
.footer-content{width:85%;}	
}
@media only screen and (max-width: 1200px) {
.gotopbox{display: none;}
.footer-a{width:100%;padding:50px 0 40px;}
.footer-content{width:90%;margin:0 auto; }
.address{float:left;width:36%;}
.footer-info{float:left;width:24%;}
.sitemap{width:18%;}
.footer-social{width:22%; }
.miDownR{width:50%;padding-right:45px;}	
}
@media only screen and (max-width: 980px) {	
.address{width:50%;}
.footer-info{width:25%;}
.sitemap{width:25%;}
.footer-social{width:100%; text-align:left;margin:20px 0 0 0;}
.footer-social a{margin: 0 15px 0 0;}
.footer-d{margin:50px 0 0;}	
}
@media only screen and (max-width: 767px) {	
.address{width:100%; margin:0 0 20px 0;}
.sitemap{width:50%; }
.footer-info{width:50%;}
.footer-line{margin:12px 0;}
.footer-d{margin:40px 0 0;}	
.footer-a{padding:40px 0}
}
@media only screen and (max-width: 550px) {	
.link-title{width:100%; margin:0 0 5px 0;font-size:18px;}
.footer-social a {margin: 0 8px 0 0;}	
.footer-a{padding:40px 0 50px}
.miDownR{padding-right:55px;}	
}

.footer-contact{width:100%;margin:0;background-color: #f2f2f2;position:relative}
.footer-contactleft{position: absolute;top:70px;left:15.5%; width:28%;}
.footer-contactleft{opacity: 0;-moz-transform: translateX(20px);-ms-transform: translateX(20px);-webkit-transform: translateX(20px);transform: translateX(20px);-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;}
.footer-contactleft.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.footer-contactright{width:50%;float: left; height: 450px; margin:0 0 0 50%;background-position: center center;background-repeat: no-repeat;background-size: cover}
.footer-contactright{opacity: 0;-moz-transform: translateX(-20px);-ms-transform: translateX(-20px);-webkit-transform: translateX(-20px);transform: translateX(-20px);-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;}
.footer-contactright.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.maincontact-title{width: 100%;float: left;}
.maincontact-title h1{margin:0 0 40px 0;font-size:30px; font-weight:500;}
.topleft{ width: 100%; float: left; margin:0 0 40px;font-size:16px; }
.topright{width:100%; float: left; margin:0 0 40px;font-size:16px; line-height: 2em;}
.contact-btn{width:180px; float: left; text-align:center; margin:0 0 0 auto;transition: background-position 0.5s; }
  .contact-btn a {display:block; padding:15px 0;color:#000; line-height: 1.4em; ftext-decoration: none;background-color:#f6f6f6;border:1px solid #000;border-radius:2px;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
  .contact-btn a:hover {color: #fff; background-color:#a8815a;border: 1px solid #a8815a;}
  .contact-btn i{ font-size:24px; margin-right: 10px;}
.location{width:50%; float:left;margin:0; line-height: 1.3em;}
  .location h2{margin:0 0 10px; font-size:14px;color: #a8815a;font-weight: 500}
  .location p{ margin:0; font-size:18px}
@media only screen and (max-width: 1600px) {
.footer-contactleft{position: absolute;top:70px;left:10%;width:33%;}
}
@media only screen and (max-width:1200px) {
.footer-contactleft{position: absolute;width:39%;top:60px;left:6%;}
.footer-contactright{height: 410px;}
.maincontact-title h1{margin:0 0 30px 0}
.topright{margin:0 0 30px}
.topleft{margin:0 0 30px}
}
@media only screen and (max-width:980px) {
.footer-contactright{width:94%;height:300px; margin:30px 3% 50px;}
.footer-contactright{opacity: 0;-moz-transform: translateY(20px);-ms-transform: translateY(20px);-webkit-transform: translateY(20px);transform: translateY(20px);-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;}
.footer-contactright.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.footer-contactleft{position:static;float: left; width:100%; margin:0 0 50px; padding: 0 3%}
.footer-contactleft{opacity: 0;-moz-transform: translateY(-20px);-ms-transform: translateY(-20px);-webkit-transform: translateY(-20px);transform: translateY(-20px);-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;}
.footer-contactleft.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
}
@media only screen and (max-width:767px) {
.maincontact-title h1{margin:0 0 20px 0; font-size: 28px}
.footer-contactright{width:90%;height:250px; margin:25px 5% 30px;}
.footer-contactright{opacity: 0;-moz-transform: translateY(20px);-ms-transform: translateY(20px);-webkit-transform: translateY(20px);transform: translateY(20px);-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;}
.footer-contactright.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}	
.footer-contactleft{position:static;float: left; width:100%; margin:0 0 35px; padding: 0 5%}
.footer-contactleft{opacity: 0;-moz-transform: translateY(-20px);-ms-transform: translateY(-20px);-webkit-transform: translateY(-20px);transform: translateY(-20px);-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;}
.footer-contactleft.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.location{width:100%; margin-bottom:20px}
.topright{margin:0}
.topleft{margin:0 0 20px}
}
.clearfix:after{content: "";display: block;line-height: 0;clear: both;}
.clear{clear:both;overflow:hidden;height:0;font-size:0;display:block}