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



html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}article,footer,header,nav,section{display:block}
html{font-size:10px;-webkit-tap-highlight-color:transparent}
body{font-family:"Microsoft JhengHei","Arial", "Helvetica", "sans-serif"; font-size:17px; color:#333;line-height:28px;background-color:#fff}
button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#00b19e;text-decoration:none}
.container:after,.container:before{content:" ";display:table}
.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}
@media (min-width:768px){.container{width:738px}}
@media (min-width:992px){.container{width:970px}}
@media (min-width:1200px){.container{width:1170px}}

.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
body,html{height:100%}a:focus{text-decoration:none}a:active,a:focus,a:hover{outline:0}p{color:#898989;text-rendering:optimizeLegibility}
@media screen and (max-width:768px){p{text-rendering:optimizeSpeed}}
hr{border-color:#e0e0e0}::selection{background:#00b19e;color:#fff}::-moz-selection{background:#00b19e;color:#fff}:focus{border-color:transparent;outline:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.btn.active:focus,.btn:active:focus,.btn:focus{outline:0}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset!important;-moz-box-shadow:0 0 0 1000px #fff inset!important;box-shadow:0 0 0 1000px #fff inset!important}
.wrapper{position:relative;background:#fff;z-index:100;-webkit-transition:transform .4s cubic-bezier(.445,.050,.55,.95);-o-transition:transform .4s cubic-bezier(.445,.050,.55,.95);transition:transform .4s cubic-bezier(.445,.050,.55,.95);-webkit-transition:-webkit-transform .4s cubic-bezier(.445,.050,.55,.95);-moz-transition:-moz-transform .4s cubic-bezier(.445,.050,.55,.95);-o-transition:-o-transform .4s cubic-bezier(.445,.050,.55,.95);transition:-webkit-transform .4s cubic-bezier(.445,.050,.55,.95),-moz-transform .4s cubic-bezier(.445,.050,.55,.95),-o-transform .4s cubic-bezier(.445,.050,.55,.95),transform .4s cubic-bezier(.445,.050,.55,.95)}
.wrapper:after,.wrapper:before{content:" ";display:table}.wrapper:after{clear:both}.wrapper:after,.wrapper:before{content:" ";display:table}.wrapper:after{clear:both}
@media screen and (max-width:768px){.wrapper{margin:0!important;padding:0!important}}
.wrapper a{position:relative;display:inline-block}.wrapper a:after{content:'';overflow:hidden;position:absolute;left:0;bottom:-1px;display:block;width:0;height:1px;background-color:none;-webkit-transition:all .3s cubic-bezier(.175,.885,.32,1.075);-moz-transition:all .3s cubic-bezier(.175,.885,.32,1.075);-o-transition:all .3s cubic-bezier(.175,.885,.32,1.075);transition:all .3s cubic-bezier(.175,.885,.32,1.075)}.wrapper a:hover{text-decoration:none;color:#00b19e}.wrapper a:hover:after{width:100%}.main-header{padding-top:50px;padding-bottom:50px;position:relative;z-index:1000;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:background 350ms cubic-bezier(.25,.46,.45,.94),padding 350ms cubic-bezier(.25,.46,.45,.94),border 350ms cubic-bezier(.25,.46,.45,.94),margin 350ms cubic-bezier(.25,.46,.45,.94),box-shadow 350ms cubic-bezier(.25,.46,.45,.94),transform 350ms cubic-bezier(.25,.46,.45,.94),opacity .2s cubic-bezier(.25,.46,.45,.94),visibility .2s;-o-transition:background 350ms cubic-bezier(.25,.46,.45,.94),padding 350ms cubic-bezier(.25,.46,.45,.94),border 350ms cubic-bezier(.25,.46,.45,.94),margin 350ms cubic-bezier(.25,.46,.45,.94),box-shadow 350ms cubic-bezier(.25,.46,.45,.94),transform 350ms cubic-bezier(.25,.46,.45,.94),opacity .2s cubic-bezier(.25,.46,.45,.94),visibility .2s;transition:background 350ms cubic-bezier(.25,.46,.45,.94),padding 350ms cubic-bezier(.25,.46,.45,.94),border 350ms cubic-bezier(.25,.46,.45,.94),margin 350ms cubic-bezier(.25,.46,.45,.94),box-shadow 350ms cubic-bezier(.25,.46,.45,.94),transform 350ms cubic-bezier(.25,.46,.45,.94),opacity .2s cubic-bezier(.25,.46,.45,.94),visibility .2s;-webkit-transition:background 350ms cubic-bezier(.25,.46,.45,.94),padding 350ms cubic-bezier(.25,.46,.45,.94),border 350ms cubic-bezier(.25,.46,.45,.94),margin 350ms cubic-bezier(.25,.46,.45,.94),-webkit-box-shadow 350ms cubic-bezier(.25,.46,.45,.94),-webkit-transform 350ms cubic-bezier(.25,.46,.45,.94),opacity .2s cubic-bezier(.25,.46,.45,.94),visibility .2s;-moz-transition:background 350ms cubic-bezier(.25,.46,.45,.94),padding 350ms cubic-bezier(.25,.46,.45,.94),border 350ms cubic-bezier(.25,.46,.45,.94),margin 350ms cubic-bezier(.25,.46,.45,.94),-moz-box-shadow 350ms cubic-bezier(.25,.46,.45,.94),-moz-transform 350ms cubic-bezier(.25,.46,.45,.94),opacity .2s cubic-bezier(.25,.46,.45,.94),visibility .2s;-o-transition:background 350ms cubic-bezier(.25,.46,.45,.94),padding 350ms cubic-bezier(.25,.46,.45,.94),border 350ms cubic-bezier(.25,.46,.45,.94),margin 350ms cubic-bezier(.25,.46,.45,.94),box-shadow 350ms cubic-bezier(.25,.46,.45,.94),-o-transform 350ms cubic-bezier(.25,.46,.45,.94),opacity .2s cubic-bezier(.25,.46,.45,.94),visibility .2s;transition:background 350ms cubic-bezier(.25,.46,.45,.94),padding 350ms cubic-bezier(.25,.46,.45,.94),border 350ms cubic-bezier(.25,.46,.45,.94),margin 350ms cubic-bezier(.25,.46,.45,.94),box-shadow 350ms cubic-bezier(.25,.46,.45,.94),-webkit-transform 350ms cubic-bezier(.25,.46,.45,.94),-moz-transform 350ms cubic-bezier(.25,.46,.45,.94),-o-transform 350ms cubic-bezier(.25,.46,.45,.94),transform 350ms cubic-bezier(.25,.46,.45,.94),opacity .2s cubic-bezier(.25,.46,.45,.94),visibility .2s}
.main-header a{pointer-events:auto}
.header-absolute .main-header .container:after,.header-absolute .main-header .container:before{display:none}
.main-header .header-logo .main-header .header-logo{position:absolute;left:0;top:0;visibility:hidden;z-index:5;zoom:1;filter:alpha(opacity=0);-webkit-opacity:0;-moz-opacity:0;opacity:0;-webkit-transition:opacity .2s cubic-bezier(.25,.46,.45,.94),visibility .2s cubic-bezier(.25,.46,.45,.94);-moz-transition:opacity .2s cubic-bezier(.25,.46,.45,.94),visibility .2s cubic-bezier(.25,.46,.45,.94);-o-transition:opacity .2s cubic-bezier(.25,.46,.45,.94),visibility .2s cubic-bezier(.25,.46,.45,.94);transition:opacity .2s cubic-bezier(.25,.46,.45,.94),visibility .2s cubic-bezier(.25,.46,.45,.94)}
@media screen and (max-width:768px){.main-header{padding-top:25px;padding-bottom:25px}}.main-header.fullwidth-header .container{width:100%}
@-webkit-keyframes fadeInLab{0%{top:40px;opacity:0}100%{top:0;opacity:1}}
@-moz-keyframes fadeInLab{0%{top:40px;opacity:0}100%{top:0;opacity:1}}
@-o-keyframes fadeInLab{0%{top:40px;opacity:0}100%{top:0;opacity:1}}
@keyframes fadeInLab{0%{top:40px;opacity:0}100%{top:0;opacity:1}}
[not-existing]{zoom:1}.fadeInLab{-webkit-animation-name:fadeInLab;-moz-animation-name:fadeInLab;-o-animation-name:fadeInLab;animation-name:fadeInLab}
.header-logo{position:relative;font-size:32px}
.header-logo.logo-image{position:relative;display:block;overflow:hidden}
.header-logo.logo-image img{position:relative;display:block;z-index:10;width:250px;height:auto;}
.menu-bar{min-width:44px;height:44px;text-align:center;display:inline-block;z-index:101;-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-o-transition:all ease .3s;transition:all ease .3s;-webkit-animation:blinkBackground 4s infinite;-moz-animation:blinkBackground 4s infinite;-o-animation:blinkBackground 4s infinite;animation:blinkBackground 4s infinite}
.menu-bar .ham{display:inline-block;width:23px;height:2px;position:relative;top:2px;vertical-align:bottom;background:#00b19e;white-space:nowrap;-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-o-transition:all ease .3s;transition:all ease .3s}
.menu-bar .ham:before{top:-8px}.menu-bar .ham:after{top:8px}
.menu-bar .ham:after,.menu-bar .ham:before{position:absolute;content:'';display:inline-block;width:23px;height:2px;-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-o-transition:all ease .3s;transition:all ease .3s;outline:1px solid transparent;left:0;background:#00b19e}
.menu-bar.exit{-webkit-animation:none;-moz-animation:none;-o-animation:none;animation:none}
.menu-bar.exit .ham{background-color:transparent!important}
.menu-bar.exit .ham:before{-webkit-transform:translateY(8px) rotateZ(-45deg);-moz-transform:translateY(8px) rotateZ(-45deg);-ms-transform:translateY(8px) rotateZ(-45deg);-o-transform:translateY(8px) rotateZ(-45deg);transform:translateY(8px) rotateZ(-45deg)}
.menu-bar.exit .ham:after{-webkit-transform:translateY(-8px) rotateZ(45deg);-moz-transform:translateY(-8px) rotateZ(45deg);-ms-transform:translateY(-8px) rotateZ(45deg);-o-transform:translateY(-8px) rotateZ(45deg);transform:translateY(-8px) rotateZ(45deg)}
.menu-bar.menu-skin-light .ham{background-color:#fff}
.menu-bar.menu-skin-light .ham:after,.menu-bar.menu-skin-light .ham:before{background-color:#fff}@-webkit-keyframes blinkBackground{0%,100%,45%,55%,65%{background:0 0}50%,60%{background:0 0}}
@-moz-keyframes blinkBackground{0%,100%,45%,55%,65%{background:0 0}50%,60%{background:0 0}}
@-o-keyframes blinkBackground{0%,100%,45%,55%,65%{background:0 0}50%,60%{background:0 0}}
@keyframes blinkBackground{0%,100%,45%,55%,65%{background:0 0}50%,60%{background:0 0}}
[not-existing]{zoom:1}.main-header .logo-and-menu-container{display:table;table-layout:auto;width:100%}.main-header .logo-and-menu-container .logo-column,.main-header .logo-and-menu-container .menu-column{display:table-cell;vertical-align:middle}.main-header .logo-and-menu-container .logo-column{width:1%;white-space:nowrap}
@media screen and (max-width:768px){.main-header .logo-and-menu-container .logo-image{max-width:384px}}
@media screen and (max-width:480px){.main-header .logo-and-menu-container .logo-image{max-width:180px}}
.main-header .logo-and-menu-container .menu-column,.main-header .logo-and-menu-container .mobile-menu-column{text-align:right}.main-header.menu-type-standard-menu .standard-menu-container{display:block;text-align:right}.main-header.menu-type-standard-menu .standard-menu-container ul{list-style:none;padding:0;margin:0}.main-header.menu-type-standard-menu .standard-menu-container ul li{padding:0;margin:0}.main-header.menu-type-standard-menu .standard-menu-container ul li a{text-decoration:none}.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul,.main-header.menu-type-standard-menu .standard-menu-container ul.menu{pointer-events:auto}
@media screen and (max-width:768px){.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul,.main-header.menu-type-standard-menu .standard-menu-container ul.menu{display:none}}
.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul>li,.main-header.menu-type-standard-menu .standard-menu-container ul.menu>li{display:inline-block}.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul>li>a,.main-header.menu-type-standard-menu .standard-menu-container ul.menu>li>a{color:#00b19e;font-size:16px}.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul>li>a:after,.main-header.menu-type-standard-menu .standard-menu-container ul.menu>li>a:after{zoom:1;filter:alpha(opacity=80);-webkit-opacity:.8;-moz-opacity:.8;opacity:.8;background-color:#00b19e}.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul>li+li,.main-header.menu-type-standard-menu .standard-menu-container ul.menu>li+li{margin-left:45px}@media screen and (max-width:992px){.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul>li+li,.main-header.menu-type-standard-menu .standard-menu-container ul.menu>li+li{margin-left:27px}}.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul>li>ul li,.main-header.menu-type-standard-menu .standard-menu-container ul.menu>li>ul li{overflow:hidden;padding-bottom:1px}.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul>li>ul li.sub-visible,.main-header.menu-type-standard-menu .standard-menu-container ul.menu>li>ul li.sub-visible{overflow:visible}.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul li,.main-header.menu-type-standard-menu .standard-menu-container ul.menu li{position:relative}.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul li.sub-visible>ul,.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul li:hover>ul,.main-header.menu-type-standard-menu .standard-menu-container ul.menu li.sub-visible>ul,.main-header.menu-type-standard-menu .standard-menu-container ul.menu li:hover>ul{visibility:visible;zoom:1;filter:alpha(opacity=100);-webkit-opacity:1;-moz-opacity:1;opacity:1}.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul li.sub-visible>ul>li>a,.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul li:hover>ul>li>a,.main-header.menu-type-standard-menu .standard-menu-container ul.menu li.sub-visible>ul>li>a,.main-header.menu-type-standard-menu .standard-menu-container ul.menu li:hover>ul>li>a{zoom:1;filter:alpha(opacity=100);-webkit-opacity:1;-moz-opacity:1;opacity:1}.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul li>ul>li>a,.main-header.menu-type-standard-menu .standard-menu-container ul.menu li>ul>li>a{zoom:1;filter:alpha(opacity=0);-webkit-opacity:0;-moz-opacity:0;opacity:0;-webkit-transition:all 0s cubic-bezier(.445,.050,.55,.95);-moz-transition:all 0s cubic-bezier(.445,.050,.55,.95);-o-transition:all 0s cubic-bezier(.445,.050,.55,.95);transition:all 0s cubic-bezier(.445,.050,.55,.95);-webkit-transition-duration:120ms;-moz-transition-duration:120ms;-o-transition-duration:120ms;transition-duration:120ms}.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul li>ul>li:nth-last-child(n+1)>a,.main-header.menu-type-standard-menu .standard-menu-container ul.menu li>ul>li:nth-last-child(n+1)>a{-webkit-transition-duration:120ms;-moz-transition-duration:120ms;-o-transition-duration:120ms;transition-duration:120ms}.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul li>ul>li:nth-last-child(n+2)>a,.main-header.menu-type-standard-menu .standard-menu-container ul.menu li>ul>li:nth-last-child(n+2)>a{-webkit-transition-duration:240ms;-moz-transition-duration:240ms;-o-transition-duration:240ms;transition-duration:240ms}.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul li>ul>li:nth-last-child(n+3)>a,.main-header.menu-type-standard-menu .standard-menu-container ul.menu li>ul>li:nth-last-child(n+3)>a{-webkit-transition-duration:360ms;-moz-transition-duration:360ms;-o-transition-duration:360ms;transition-duration:360ms}.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul li>ul>li:nth-last-child(n+4)>a,.main-header.menu-type-standard-menu .standard-menu-container ul.menu li>ul>li:nth-last-child(n+4)>a{-webkit-transition-duration:480ms;-moz-transition-duration:480ms;-o-transition-duration:480ms;transition-duration:480ms}.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul li>ul>li:nth-last-child(n+5)>a,.main-header.menu-type-standard-menu .standard-menu-container ul.menu li>ul>li:nth-last-child(n+5)>a{-webkit-transition-duration:.6s;-moz-transition-duration:.6s;-o-transition-duration:.6s;transition-duration:.6s}.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul li:hover>ul>li>a,.main-header.menu-type-standard-menu .standard-menu-container ul.menu li:hover>ul>li>a{zoom:1;filter:alpha(opacity=100);-webkit-opacity:1;-moz-opacity:1;opacity:1;-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s}.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul li:hover>ul>li:nth-child(n+1)>a,.main-header.menu-type-standard-menu .standard-menu-container ul.menu li:hover>ul>li:nth-child(n+1)>a{-webkit-transition-duration:120ms;-moz-transition-duration:120ms;-o-transition-duration:120ms;transition-duration:120ms}.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul li:hover>ul>li:nth-child(n+2)>a,.main-header.menu-type-standard-menu .standard-menu-container ul.menu li:hover>ul>li:nth-child(n+2)>a{-webkit-transition-duration:240ms;-moz-transition-duration:240ms;-o-transition-duration:240ms;transition-duration:240ms}.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul li:hover>ul>li:nth-child(n+3)>a,.main-header.menu-type-standard-menu .standard-menu-container ul.menu li:hover>ul>li:nth-child(n+3)>a{-webkit-transition-duration:360ms;-moz-transition-duration:360ms;-o-transition-duration:360ms;transition-duration:360ms}.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul li:hover>ul>li:nth-child(n+4)>a,.main-header.menu-type-standard-menu .standard-menu-container ul.menu li:hover>ul>li:nth-child(n+4)>a{-webkit-transition-duration:480ms;-moz-transition-duration:480ms;-o-transition-duration:480ms;transition-duration:480ms}.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul li:hover>ul>li:nth-child(n+5)>a,.main-header.menu-type-standard-menu .standard-menu-container ul.menu li:hover>ul>li:nth-child(n+5)>a{-webkit-transition-duration:.6s;-moz-transition-duration:.6s;-o-transition-duration:.6s;transition-duration:.6s}.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul ul,.main-header.menu-type-standard-menu .standard-menu-container ul.menu ul{position:absolute;top:100%;left:0;text-align:left;background:#00b19e;padding:15px 20px;margin-top:20px;visibility:hidden;min-width:200px;zoom:1;filter:alpha(opacity=0);-webkit-opacity:0;-moz-opacity:0;opacity:0;-webkit-transition:all .4s cubic-bezier(.445,.050,.55,.95);-moz-transition:all .4s cubic-bezier(.445,.050,.55,.95);-o-transition:all .4s cubic-bezier(.445,.050,.55,.95);transition:all .4s cubic-bezier(.445,.050,.55,.95)}.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul ul li a,.main-header.menu-type-standard-menu .standard-menu-container ul.menu ul li a{position:relative;color:#fff;white-space:nowrap}.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul ul li a:after,.main-header.menu-type-standard-menu .standard-menu-container ul.menu ul li a:after{background-color:#fff}.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul ul li:hover>a:after,.main-header.menu-type-standard-menu .standard-menu-container ul.menu ul li:hover>a:after{width:100%}.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul ul li+li,.main-header.menu-type-standard-menu .standard-menu-container ul.menu ul li+li{margin-top:10px}.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul ul.open-from-left,.main-header.menu-type-standard-menu .standard-menu-container ul.menu ul.open-from-left{left:auto;right:0;margin-left:21px;margin-right:0}.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul ul.open-from-left ul,.main-header.menu-type-standard-menu .standard-menu-container ul.menu ul.open-from-left ul{left:auto;right:100%;margin-right:21px;margin-left:0}.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul ul ul,.main-header.menu-type-standard-menu .standard-menu-container ul.menu ul ul{left:100%;top:0;margin-top:0;margin-left:21px}.main-header.menu-type-standard-menu .standard-menu-container .menu-bar{position:relative;float:right;margin-left:33.5px;margin-top:-22px;top:2px;display:none}
@media screen and (max-width:768px){.main-header.menu-type-standard-menu .standard-menu-container .menu-bar{display:block}}.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-light div.menu>ul>li>a,.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-light ul.menu>li>a{color:#fff}.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-light div.menu>ul>li>a:after,.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-light ul.menu>li>a:after{background-color:#fff}.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-light div.menu>ul ul,.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-light ul.menu ul{background:#fff}.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-light div.menu>ul ul li a,.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-light ul.menu ul li a{color:#333}.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-light div.menu>ul ul li a:after,.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-light ul.menu ul li a:after{background-color:#333}
 
.mobile-menu-wrapper{position:fixed;top:0;bottom:0;width:75%;height:100%;right:100%;z-index:150000;cursor:pointer;will-change:transform;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:all .4s cubic-bezier(.445,.050,.55,.95);-moz-transition:all .4s cubic-bezier(.445,.050,.55,.95);-o-transition:all .4s cubic-bezier(.445,.050,.55,.95);transition:all .4s cubic-bezier(.445,.050,.55,.95)}
@media screen and (max-width:480px){.mobile-menu-wrapper{-webkit-transform:translate3d(-30%,0,0);-moz-transform:translate3d(-30%,0,0);-ms-transform:translate3d(-30%,0,0);-o-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}}
@media screen and (min-width:769px){.mobile-menu-wrapper{display:none}}.mobile-menu-wrapper .mobile-menu-container{padding:15px 0;display:inline-block;background-color:#fff;height:100%;position:relative;cursor:default;overflow:hidden;min-width:280px;max-width:75%}.mobile-menu-wrapper .mobile-menu-container .mobile-menu-close:hover{background-position:-30px 0;cursor:pointer}.mobile-menu-wrapper .mobile-menu-container ul{list-style:none;padding:0;margin:0}.mobile-menu-wrapper .mobile-menu-container div.menu>ul>li>a,.mobile-menu-wrapper .mobile-menu-container ul.menu>li>a{display:block;padding:10px 30px;color:#333;text-decoration:none;font-size:19px;text-transform:uppercase}.mobile-menu-wrapper .mobile-menu-container div.menu>ul>li ul,.mobile-menu-wrapper .mobile-menu-container ul.menu>li ul{padding:0 30px;overflow:hidden;height:0}.mobile-menu-wrapper .mobile-menu-container div.menu>ul>li ul.is-visible,.mobile-menu-wrapper .mobile-menu-container ul.menu>li ul.is-visible{height:auto}.mobile-menu-wrapper .mobile-menu-container div.menu>ul>li ul>li>a,.mobile-menu-wrapper .mobile-menu-container ul.menu>li ul>li>a{display:inline-block;font-size:18px;color:#898989;padding:2px 0}.mobile-menu-wrapper .mobile-menu-container div.menu>ul>li ul ul,.mobile-menu-wrapper .mobile-menu-container ul.menu>li ul ul{padding:0 25px}.mobile-menu-wrapper .mobile-menu-container div.menu>ul>li>ul>li:last-child,.mobile-menu-wrapper .mobile-menu-container ul.menu>li>ul>li:last-child{padding-bottom:15px}.mobile-menu-wrapper .mobile-menu-container div.menu>ul li a:hover,.mobile-menu-wrapper .mobile-menu-container ul.menu li a:hover{color:#009ee8;text-decoration:none}.mobile-menu-open .mobile-menu-wrapper{-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);-o-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition-delay:80ms;-moz-transition-delay:80ms;-o-transition-delay:80ms;transition-delay:80ms}.mobile-menu-open .mobile-menu-wrapper+.mobile-menu-overlay{visibility:visible;zoom:1;filter:alpha(opacity=100);-webkit-opacity:1;-moz-opacity:1;opacity:1}
@media screen and (min-width:769px){.mobile-menu-wrapper{display:none!important}.mobile-menu-wrapper+.mobile-menu-overlay{display:none!important}}
body.mobile-menu-open{overflow-x:hidden}.mobile-menu-overlay{position:fixed;left:0;top:0;bottom:0;right:0;background-color:rgba(0,0,0,.5);z-index:149999;cursor:pointer;visibility:hidden;zoom:1;filter:alpha(opacity=0);-webkit-opacity:0;-moz-opacity:0;opacity:0;-webkit-transition:all 140ms cubic-bezier(.445,.050,.55,.95);-moz-transition:all 140ms cubic-bezier(.445,.050,.55,.95);-o-transition:all 140ms cubic-bezier(.445,.050,.55,.95);transition:all 140ms cubic-bezier(.445,.050,.55,.95)}
@media screen and (min-width:769px){.mobile-menu-overlay{display:none}}

/*footer*/

/* 行動版面: 480px 以下。 */
@media only screen and (max-width: 480px) {
.header-absolute .main-header{position: fixed;top: 0;left: 0;right: 0;}
/*footer*/	
.dnwf{float:left;width:100%; margin:0; padding:0; background-color: #002e73;}
.downrow{float:left;width:100%; margin:0; padding:0; color: #fff; line-height:34px}
.company{float:left;width:100%;margin:0;text-align:center;letter-spacing:1pt;font-size:15px;}
.footer-row{width:90%; margin:0 auto; padding:2em 0 1em 0;}

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

/*社群*/
.icone-pc {float:left;width:100%;margin:0; padding:20px 0 20px 0; text-align: center; line-height:30px;display:block}
.icone-pc a {display: inline-block;width:44px;height:44px;margin: 0 2px 0 2px;font-weight:500; line-height:46px; border:1px solid #999; border-radius:30px; color:#fff;transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;text-align:center}
.icone-pc a:hover {background-color:#fff; color:#000}
.icone-pc a:after{content:'';overflow:hidden;position:absolute;left:0;bottom:0px;display:block;width:0;height:0px;background-color:#00b19e;}
.icone-social {display:none}
.footer-a{float:left;width:100%;margin:0 0 20px; padding:0 0 10px 0; border-bottom:1px solid #ccc}
.footer-b{float:left;width:100%;margin:0; padding:0}
.address{float:left;width:100%; padding:0; margin:0 0 10px 0; font-size:15px; line-height:26px; color:#fff; text-align:center}
  .address ul{list-style-type:none; padding: 0; margin: 0;}
  .address li{margin:0; padding: 0;}
  .address span{font-size: 20px; margin-bottom:20px}
.header-logo.logo-image img{position:relative;display:block;z-index:10;width:150px !important;height:auto; margin:5px 0 0 0}
.main-header{padding-top:12px;padding-bottom:5px; background: rgba(0,0,0,0.4);} 
 
}

/* 表格版面: 481px 到 767px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 481px) {
.header-absolute .main-header{position: fixed;top: 0;left: 0;right: 0;}
/*footer*/	
.dnwf{float:left;width:100%; margin:0; padding:0; background-color: #002e73;}
.downrow{float:left;width:100%; margin:0; padding:0;}
.company{float:left;width:50%;margin:0;text-align:left;letter-spacing:1pt;font-size:15px;color: #fff; line-height:34px;}
.footer-row{width:90%; margin:0 auto; padding:2em 0 1em 0;}

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

/*社群*/
.icone-pc {float:left;width:50%;margin:65px 0 0 0; padding:0; text-align: right; line-height:30px;display:block}
.icone-pc a {display: inline-block;width:44px;height:44px;margin: 0 2px 0 2px;font-weight:500; line-height:46px; border:1px solid #999; border-radius:30px; color:#fff;transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;text-align:center}
.icone-pc a:hover {background-color:#fff; color:#000}
.icone-pc a:after{content:'';overflow:hidden;position:absolute;left:0;bottom:0px;display:block;width:0;height:0px;background-color:#00b19e;}
.footer-a{float:left;width:100%;margin:0 0 25px 0; padding:0 0 30px 0;border-bottom:1px solid #ccc}
.footer-b{float:left;width:100%;margin:0; padding:0}
.address{float:left;width:50%; padding:0; margin:0 0 10px 0; font-size:15px; line-height:26px; color:#fff; text-align:left}
  .address ul{list-style-type:none; padding: 0; margin: 0;}
  .address li{margin:0; padding: 0;}
  .address span{font-size: 18px; margin-bottom:20px}
.header-logo.logo-image img{position:relative;display:block;z-index:10;width:150px !important;height:auto; margin:5px 0 0 0}
.main-header{padding-top:15px;padding-bottom:10px;background: rgba(0,0,0,0.4); } 
}

/* 表格版面: 768px 到 980px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 768px) {
.header-absolute .main-header{position: fixed;top: 0;left: 0;right: 0;}
/*footer*/	
.dnwf{float:left;width:100%; margin:0; padding:0; background-color: #002e73;}
.downrow{float:left;width:100%; margin:0; padding:10px 0; }
.company{float:left;width:50%;margin:0;text-align:left;letter-spacing:1pt;font-size:15px;color: #fff; line-height:34px}
.footer-row{width:90%; margin:0 auto; padding:2em 0 1em 0;}

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

/*社群*/
.icone-pc {float:left;width:50%;margin:70px 0 0 0; padding:0; text-align: right; line-height:30px;display:block}
.icone-pc a {display: inline-block;width:44px;height:44px;margin: 0 2px 0 2px;font-weight:100; line-height:46px; border:1px solid #999; border-radius:30px; color:#fff;transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms; text-align:center}
.icone-pc a:hover {background-color:#fff; color:#000}
.icone-pc a:after{content:'';overflow:hidden;position:absolute;left:0;bottom:0px;display:block;width:0;height:0px;background-color:#00b19e;}
.footer-a{float:left;width:100%;margin:0 0 30px 0; padding:0 0 40px 0; border-bottom:1px solid #ccc}
.footer-b{float:left;width:100%;margin:0; padding:0}
.address{float:left;width:50%; padding:0; margin:0 0 10px 0; font-size:15px; line-height:26px; color:#fff; text-align:left}
  .address ul{list-style-type:none; padding: 0; margin: 0;}
  .address li{margin:0; padding: 0;}
  .address span{font-size: 18px; margin-bottom:20px}
.header-logo.logo-image img{position:relative;display:block;z-index:10;width:200px !important;height:auto; margin:5px 0 0 0}
.main-header{padding-top:23px;padding-bottom:10px;background: rgba(0,0,0,0.4); } 

}


/* 表格版面: 981px 到 1280px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 981px) {
.header-absolute .main-header{position: absolute;top: 0;left: 0;right: 0;}
/*footer*/	
.dnwf{float:left;width:100%; margin:0; padding:0; background-color: #002e73;}
.downrow{float:left;width:100%; margin:0; padding:10px 0;}
.company{float:left;width:50%;margin:0;text-align:left;letter-spacing:1pt;font-size:15px;color: #fff; line-height:34px}
.footer-row{width:90%; margin:0 auto; padding:2em 0; }

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

  
/*社群*/
.icone-pc {float:left;width:50%;margin:70px 0 0 0; padding:0; text-align: right; line-height:30px;display:block}
.icone-pc a {display: inline-block;width:44px;height:44px;margin: 0 2px 0 2px;font-weight:100; line-height:46px; border:1px solid #999; border-radius:30px; color:#fff;transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;text-align:center}
.icone-pc a:hover {background-color:#fff; color:#000}
.icone-pc a:after{content:'';overflow:hidden;position:absolute;left:0;bottom:0px;display:block;width:0;height:0px;background-color:#00b19e;}
.footer-a{float:left;width:100%;margin:0 0 30px 0; padding:0 0 40px 0; border-bottom:1px solid #ccc}
.footer-b{float:left;width:100%;margin:0; padding:0}
.address{float:left;width:50%; padding:0; margin:0 0 10px 0; font-size:15px; line-height:26px; color:#fff;text-align:left}
  .address ul{list-style-type:none; padding: 0; margin: 0;}
  .address li{margin:0; padding: 0;}
  .address span{font-size: 18px; margin-bottom:20px}
.header-logo.logo-image img{position:relative;display:block;z-index:10;width:220px !important;height:auto; margin:0}
.main-header{padding-top:23px;padding-bottom:10px; background: rgba(0,0,0,0.4); } 
}

/* 桌面版面: 1281px 到最大 1824px。樣式繼承自: 行動版面和表格版面。 */
@media only screen and (min-width: 1281px) {
.header-absolute .main-header{position: absolute;top: 0;left: 0;right: 0;}	
/*footer*/	
.dnwf{float:left;width:100%; margin:0; padding:0; background-color: #002e73;}
.downrow{float:left;width:100%; margin:0; padding:10px 0 15px 0;}
.company{float:left;width:50%;margin:0;text-align:left;letter-spacing:1pt;font-size:15px; color: #fff; line-height:34px}
.footer-row{width:1170px; margin:0 auto; padding:2em 15px 1em 15px;box-sizing:border-box;}

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

/*社群*/
.icone-pc {float:left;width:50%;margin:70px 0 0 0; padding:0 ;text-align: right; line-height:30px;display:block}
.icone-pc a {display: inline-block;width:44px;height:44px;margin: 0 2px 0 2px;font-weight:100; line-height:44px; border:1px solid #999; border-radius:30px; color:#fff;transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms; text-align:center;}
.icone-pc a:hover {background-color:#fff; color:#000;}
.icone-pc a:after{content:'';overflow:hidden;position:absolute;left:0;bottom:0px;display:block;width:0;height:0px;background-color:#00b19e;}
.footer-a{float:left;width:100%;margin:0 0 30px 0; padding:0 0 40px 0; border-bottom:1px solid #ccc}
.footer-b{float:left;width:100%;margin:0; padding:0}
.address{float:left;width:50%; padding:0; margin:0; font-size:14px; line-height:26px; color:#fff; text-align:left;}
  .address ul{list-style-type:none; padding: 0; margin: 0;}
  .address li{margin:0; padding: 0;}
  .address span{font-size: 18px; margin-bottom:20px}
.header-logo.logo-image img{position:relative;display:block;z-index:10;width:220px !important;height:auto; margin:0}
.main-header{padding-top:23px;padding-bottom:10px; background: rgba(0,0,0,0.4); } 
  
}

/*backtotop*/
/* 行動版面: 480px 以下。 */
@media only screen and (max-width: 480px) {
.gile.backtotop{display:none;position:fixed;bottom:50px;right:25px;height:auto;width:50px;z-index:500;line-height:1;text-align:right;margin-top:-80px;margin-bottom:46px}
.gile.backtotop.at-bottom{position:relative}.gile.backtotop a{display:inline-block;width:40px;height:40px;margin:0 20px;background-image: url(../images/gototoparrow.png);background-position:0;background-repeat:no-repeat;background-attachment:scroll;background-color:transparent;-moz-transition:background-color .3s ease-out;-o-transition:background-color .3s ease-out;-webkit-transition:background-color .3s ease-out;transition:background-color .3s ease-out;background-color:rgba(33,37,48,0.4);border-radius:20px}
.gile.backtotop a{background-attachment:scroll;background-color:transparent;background-color:rgba(33,37,48,0.4)}
.gile.backtotop a:hover{background-color:#009ee8;cursor:pointer}
}

/* 表格版面: 481px 到 768px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 481px) {
.gile.backtotop{display:none;position:fixed;bottom:50px;right:50px;height:auto;width:50px;z-index:500;line-height:1;text-align:right;margin-top:-80px;margin-bottom:46px}
.gile.backtotop.at-bottom{position:relative}.gile.backtotop a{display:inline-block;width:40px;height:40px;margin:0 20px;background-image: url(../images/gototoparrow.png);background-position:0;background-repeat:no-repeat;background-attachment:scroll;background-color:transparent;-moz-transition:background-color .3s ease-out;-o-transition:background-color .3s ease-out;-webkit-transition:background-color .3s ease-out;transition:background-color .3s ease-out;background-color:rgba(33,37,48,0.4);border-radius:20px}
.gile.backtotop a{background-attachment:scroll;background-color:transparent;background-color:rgba(33,37,48,0.4)}
.gile.backtotop a:hover{background-color:#009ee8;cursor:pointer}
}

/* 表格版面: 769px 到 980px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 769px) {
.gile.backtotop{display:none;position:fixed;bottom:50px;right:50px;height:auto;width:50px;z-index:500;line-height:1;text-align:right;margin-top:-80px;margin-bottom:80px}.gile.backtotop.at-bottom{position:relative}
.gile.backtotop a{display:inline-block;width:40px;height:40px;margin:0 20px;background-image: url(../images/gototoparrow.png);background-position:0;background-repeat:no-repeat;background-attachment:scroll;background-color:transparent;-moz-transition:background-color .3s ease-out;-o-transition:background-color .3s ease-out;-webkit-transition:background-color .3s ease-out;transition:background-color .3s ease-out;background-color:rgba(33,37,48,0.4);border-radius:20px}
.gile.backtotop a{background-attachment:scroll;background-color:transparent;background-color:rgba(33,37,48,0.4)}
.gile.backtotop a:hover{background-color:#009ee8;cursor:pointer}
}  

/* 表格版面: 981px 到 1280px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 981px) {
.gile.backtotop{display:none;position:fixed;bottom:60px;right:50px;height:auto;width:50px;z-index:500;line-height:1;text-align:right;margin-top:-80px;margin-bottom:46px}.gile.backtotop.at-bottom{position:relative}.gile.backtotop a{display:inline-block;width:40px;height:40px;margin:0 20px;background-image: url(../images/gototoparrow.png);background-position:0;background-repeat:no-repeat;background-attachment:scroll;background-color:transparent;-moz-transition:background-color .3s ease-out;-o-transition:background-color .3s ease-out;-webkit-transition:background-color .3s ease-out;transition:background-color .3s ease-out;background-color:rgba(33,37,48,0.4);border-radius:20px}.gile.backtotop a{background-attachment:scroll;background-color:transparent;background-color:rgba(33,37,48,0.4)}.gile.backtotop a:hover{background-color:#009ee8;cursor:pointer}
}

/* 桌面版面: 1281px 到最大 1824px。樣式繼承自: 行動版面和表格版面。 */
@media only screen and (min-width: 1281px) {
.gile.backtotop{display:none;position:fixed;bottom:60px;right:50px;height:auto;width:50px; z-index:500;line-height:1;text-align:right;margin-top:-80px;margin-bottom:46px}
.gile.backtotop.at-bottom{position:relative}
.gile.backtotop a{display:inline-block;width:40px;height:40px;margin:0 20px;background-image: url(../images/gototoparrow.png);background-position:0;background-repeat:no-repeat;background-attachment:scroll;background-color:transparent;-moz-transition:background-color .3s ease-out;-o-transition:background-color .3s ease-out;-webkit-transition:background-color .3s ease-out;transition:background-color .3s ease-out;background-color:rgba(33,37,48,0.4);border-radius:20px}
.gile.backtotop a{background-attachment:scroll;background-color:transparent;background-color:rgba(33,37,48,0.4)}
.gile.backtotop a:hover{background-color:#009ee8;cursor:pointer}
}
.clear{clear:both;}
img {border: 0px}