@charset "UTF-8";
/* ICOMOON STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?umn19d');
  src:  url('../fonts/icomoon.eot?umn19d#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?umn19d') format('truetype'),
    url('../fonts/icomoon.woff?umn19d') format('woff'),
    url('../fonts/icomoon.svg?umn19d#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"],.owl-prev,.owl-next {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow_left:before {content: "\e900";}
.icon-arrow_right:before {content: "\e901";}
.icon-arrow_top:before {content: "\e902";}
.icon-mail:before {content: "\e906";font-size: 28px;}
.icon-sales:before {content: "\e90c";font-size: 28px;}
.icon-balance:before {content: "\e903";}
.icon-award:before {content: "\e904";}
.icon-graph:before {content: "\e905";font-size: 26px;position: relative;
    top: -2px;}
.icon-heartt:before {content: "\e907";}
.icon-modular:before {content: "\e908";}
.icon-personal:before {content: "\e909";}
.icon-ppt:before {content: "\e90a";}
.icon-puzzle:before {content: "\e90b";font-size: 30px;position: relative;top: -1px;left: -1px;}
.icon-shield:before {content: "\e90d";}
.icon-star:before {content: "\e90e";}
.icon-sound:before {content: "\e90f";}

.glyphicon-share:before{display: none;}



/*title*/
h1.eptitle{text-align: center;letter-spacing: 3px;color: #009944;line-height: 2;font-size: 30px;}
p.epbrief{text-align: center;line-height: 1.5;font-size: 16px;color: #126612;}
h1.epcotitle {color: #fff;text-align: center;line-height: 1.5;text-shadow: 0 0 8px rgba(0,0,0,.8);font-size: 24px;}
p.epcobrief {color: #fff;text-align: center;font-size: 12px;}
h2.top-title {line-height: 2;color: #009944;text-align: center;margin: 60px 0 10px;letter-spacing: 2px;}
h2.top-title:after {border-bottom: 1px solid #009944;content: '';display: block;width: 30px;padding-bottom: 20px;margin: 0 auto;margin-bottom: 25px;}
p.titleen {text-align: center;letter-spacing: 5px;color: #999999;margin-bottom:30px; }


@media screen and (min-width: 1000px){
  h1.eptitle{font-size: 50px;}
  p.epbrief{font-size: 24px;}
  h1.epcotitle {font-size: 40px;}
  p.epcobrief {font-size: 16px;}
  h2.top-title {margin: 80px 0 10px;}
  p.titleen {margin-bottom:60px; }
  }

/* GENERAL STYLES*/
*, *:before, *:after {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}
body{font-family:"微軟正黑體",Arial,sans-serif;font-size:16px;margin: 0;padding: 0;min-width:300px;}
a:hover, a:focus {text-decoration: none;}
p {font-size: .9em;}
h3 {text-transform: uppercase;font-size: 1em;padding: .5em 0;margin: .5em 0;}
img {max-width: 100%;height: auto;}
a.accessibility {position: absolute;font-size: 15px;color: transparent !important;text-decoration: none;left:0;}
.category_parent_link{display: none !important;}

.hover {display: inherit;-webkit-transition-duration: 0;transition-duration: 0;-webkit-transition-property: none;transition-property: none;-webkit-transform: none;transform: none;box-shadow: 0 0 0px rgba(0, 0, 0, 0);}
.hover:hover, .hover:focus, .hover:active {-webkit-transform: none;transform: none;-webkit-animation-name: none;animation-name: none;-webkit-animation-duration: 0;animation-duration: 0;-webkit-animation-delay: 0;animation-delay: 0;-webkit-animation-timing-function: none;animation-timing-function: none;-webkit-animation-iteration-count: none;animation-iteration-count: none;-webkit-animation-direction: none;animation-direction: none;}


/* MEGA MENU POSITIONING STYLES*/
.top-bar-section .has-dropdown {position: static;}
.top-bar-section .has-dropdown a {position: relative;}
.top-bar-section .has-dropdown.moved {position: static;}
.top-bar-section .has-dropdown.moved > a:after {display: block;}


@media only screen and (min-width: 71em){
 .top-bar-section .no-dropdown > a {padding: 0 0.9375rem;padding-right: 1.6rem !important;margin-top: 18px;}
}

/* DROPDOWN GENERAL STYLES*/
.m-menu {border-top: 1px solid #eee;}
.m-menu a {display: block;/*opacity: .5;*/-webkit-transition: opacity .3s ease;transition: opacity .3s ease;}
.m-menu a:hover {opacity: .6;}

/* TOP LINKS INSIDE DROPDOWN STYLES*/
.column li:not(:first-child) a {border-top: 1px solid #262626;}
.column li:not(:last-child) a {
border-bottom: 1px solid #4E4E4E;}
.column li a:hover i {right: 3px;}

/* BOTTOM LINKS INSIDE FIRST DROPDOWN STYLES*/
.intro .icon-play {position: absolute;color: rgba(0, 0, 0, 0.4);font-size: 2.5em;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-transition: color .3s ease;transition: color .3s ease;}
.intro:hover .icon-play {color: rgba(0, 0, 0, 0.7);}

/* TARGET DIV INSIDE SECOND DROPDOWN STYLES*/
.column > img {margin: 1em 0;}
.info-wrap h3 {width: 50%;padding-bottom: 5px;border-bottom: 1px solid #4E4E4E;}
.info {display: none;}
.info-visible {display: block;}
.dt {margin-top: 50px;text-align: center;font-size: 2em;padding: 0 20px;}
.p {color: black;text-align: center;position: fixed;bottom: 0;width: 100%;}

/* MENU CONTENT*/
p.i-title{margin:5px 0 20px;color:#000;font-size:16px;}
.name img{display:inherit;}
body > header > div.contain-to-grid > nav > section > ul > li:nth-child(1) {margin-left: 25px;}

.sitemap{display:none;}

.top-link {float: right;z-index: 4;position: absolute;top: 0;right: 0;}
.everpro li {float:left;}
.everpro > li > a{display: block;color: #fff;text-decoration:none;border-bottom: 1px solid rgba(255,255,255,.2);padding: 5px 16px;font-size: 0px;letter-spacing:1px;}
ul.everpro div{display: none;position: fixed;width: 100%;top: auto;left: 0;z-index: 1000;background-color: rgba(0,153,45,.7);}
ul.everpro li:hover >div{display: block;}
.everpronav ul li {width: 33.333333%;border-right: 1px solid rgba(255,255,255,.2);padding: 15px;}
.everpronav ul li a {color: #fff;display: block;}
.everpronav ul li:hover {background-color: rgba(0,153,45,.8);}
.everpronav ul{margin-left: 0 !important;}
a.sales {background: #009944;}
a.contact {background: #f4bc2e;}
a.sales:before {/*content: url("../images/icon_sales.png")*/;display: block; }
a.contact:before {/*content: url("../images/icon_mail.png")*/;display: block;}
.everpro > li:nth-child(2){display:none;}

h3.nav-tit {font-size: 0;}

@media only screen and (min-width: 82em) {
  li.has-dropdown > a{line-height:4rem;}
  .name img{display:none;}
  .name a{background:url("../images/logo.png") no-repeat;width:359px;height:51px;background-position: 15px;}
}
@media only screen and (min-width: 768px) {
  li.nav-contact{display:none;}
  .everpro > li:nth-child(2){display:block;}
}
 @media only screen and (min-width: 1136px) {
  .sitemap{display:inherit; background:#fff;color:#666;text-align:center;padding:5px 20px;border-bottom: 1px solid #eee;}
  .sitemap a{color:#666;font-size:12px;}
  .sitemap a:hover,.sitemap a:focus{color:#333;}

  .top-link {top: 35px;}
  .everpro > li > a{padding: 14px 20px;font-size: 14px;}
  ul.everpronav li a{width:100px;}

  h3.nav-tit {color: #f4922e;font-size: 24px;margin-left: 20px;border-bottom: 1px solid #eee;padding-bottom: 20px;}
  p.i-title:before {font-family: "icomoon";content: "\e901"; font-size: 14px;background: #009944;border-radius: 20px;color: #fff;padding: 5px;margin-right: 10px;}
  /*a.sales:before {margin-bottom: 5px;}
  a.contact:before {margin-bottom: 5px;}*/
}

/* cover fondation.css*/
ul.m-menu > li:nth-child(3){background:#fff;box-shadow: 0 30px 50px rgba(0,0,0,.3);}
.top-bar {height: 55px;}
.top-bar.expanded .title-area {background: #fff;}
.top-bar .toggle-topbar.menu-icon a {color: #009944;}
.top-bar .toggle-topbar.menu-icon a span::after {box-shadow: 0 0 0 1px #009944, 0 7px 0 1px #009944, 0 14px 0 1px #009944;}
.top-bar-section ul li > a {width: 100%;font-family: 微軟正黑體;font-size: 16px;}


@media only screen and (max-width: 1135px) {
  .top-bar .name {width: 123px;margin: 0 auto;}
  body > header > div.contain-to-grid > nav > section > ul > li:nth-child(1) {margin-left: 0px;}
  .top-bar-section ul li {padding: 15px;border-bottom: 1px solid #eee;background:rgba(255,255,255,.3);}
  .top-bar-section .dropdown li a {padding: 0;}
  .top-bar-section a{text-align:left;}
  a.intro img{display:none;}
}


/*slideshow*/
.slider{width:100%;}
#mycarousel{margin:0;}
.video, .ad img{width: 100%;}

.flex-wrap {display:-webkit-flex;display:flex;-webkit-flex-flow:nowrap;flex-wrap: nowrap;}
.item2-1{flex:1;}
.item2-2{flex:1;}

@media only screen and (min-width:992px) {
  .flex{display:-webkit-flex;display:flex;vertical-align: top;-webkit-flex-direction: row;flex-direction: row;z-index:-1;}
  .flex-wrap {display:block;}
  .item1{flex:2;}
  .item2{flex:1;}
  .ad{margin-bottom:-3px;}
}

.carousel {display: block; position: relative;width: 100%;margin: 0 0 40px;border-radius: 2px;zoom: 1;}
.carousel-viewport {overflow: hidden;}
.carousel-slides {display: block;position: relative;width: 2400%;margin: 0;padding: 0;}
.carousel-slides:before, .carousel-slides:after {content: '';}
.carousel-slides:after {display: table;clear: both;}
.carousel-slide {display: block;float: left;padding-right: 5px;}
.carousel-slide img {display: block;width: 100%;height: auto;}
.carousel-button--prev,.carousel-button--next {display: block;position: absolute;top: 45%;/*transform: translateY(-50%);*//*width: 40px;height: 40px;*/z-index: 50;}
.carousel-button--prev i,.carousel-button--next i {font-size: 40px;line-height: 40px;color: #fff;transition: all .3s;text-shadow: 3px 1px 1px rgba(0, 0, 0, 0.6);}
.carousel-button--prev:hover i,
.carousel-button--next:hover i {text-shadow: 5px 3px 2px rgba(0, 0, 0, 0.7);}
.carousel-button--prev {left: 0;}
.carousel-button--next {right: 0;}
.control_left,.control_right{font-family: 'icomoon' !important;}
.control_left:before{content:"\e900";}
.control_right:before{content:"\e901";}
.control_left:before,.control_right:before{font-size: 30px;}
.carousel-nav {width: 100%;position: absolute;bottom: -40px;text-align: center;margin: 0;padding: 0;}
.carousel-nav li {display: inline-block;margin: 0 6px;zoom: 1;}
.carousel-nav li a {display: block;width: 11px;height: 11px;border-radius: 50%;background: #666;background: rgba(0, 0, 0, 0.5);cursor: pointer;box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);}
.carousel-nav li a.active {pointer-events: none;background: #000;background: rgba(0, 0, 0, 0.9);cursor: default;}
.carousel-indicators {display: none;}
.carousel-inner .item img{width: 100%;}
@media only screen and (min-width:768px) {
  .control_left:before,.control_right:before{font-size: 60px;}
  .carousel-button--prev,.carousel-button--next {display: block;position: absolute;top: 50%;transform: translateY(-50%);/*width: 40px;height: 40px;*/z-index: 50;}
  .carousel-indicators {display: initial;bottom: -10px;}
}
.video-wrapper {position: relative;}
.video-wrapper > video {width: 100%;vertical-align: middle;}
.video-wrapper > video.has-media-controls-hidden::-webkit-media-controls {display: none;}
.video-overlay-play-button {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing: border-box;width: 100%;height: 100%;padding: 10px 50% ;padding: 30px calc(50% - 50px);position: absolute;top: 0;left: 0;display: block;opacity: 0.7;cursor: pointer;background:rgba(0,0,0,.7);/*background-image: -webkit-linear-gradient(transparent, #000);background-image: linear-gradient(transparent, #000);*/-webkit-transition: opacity 150ms;transition: opacity 150ms;}
.video-overlay-play-button:hover {opacity: 1;}
.video-overlay-play-button.is-hidden {display: none;}
@media only screen and (min-width:992px) {
  .video-overlay-play-button {padding: 10px calc(50% - 50px);}
}


.news-box{background:#f7f7f7;clear: both;padding: 60px 0 45px;}

.title-box{color: #009944;font-size: 30px;}
.news-en {font-size: 25px;display: inline-block;margin-left: 20px;}
.news-title {margin-top: -12px;}
.more-pri {border: 1px solid #009944;font-size: 16px;padding: 5px 20px;color: #009944;border-radius: 0;}
a:hover.more-pri {color: #fff;background:#009944;}
.news-content {display: block;clear: both;margin-left: -15px;margin-top: 20px;}
.newscontent{border-bottom:1px solid #ddd; padding-bottom: 10px;}


@media (max-width:992px) and (min-width:363px) {
  .more-pri {border: 1px solid #009944;font-size: 16px;padding: 5px 20px;color: #009944;margin-top: -45px;border-radius: 0;float: right;}
}
@media only screen and (min-width:992px) {
  .title-box{float:left;width:30%;color: #009944;font-size: 40px;text-align: center;margin-top:15px;padding-right: 25px;}
  .news-en {font-size: 30px;display: block;margin-left: 0px;}
  .news-title {margin-top: -12px;}
  .more-pri {border: 1px solid #009944;font-size: 16px;padding: 5px 50px;color: #009944; margin-top: 18px;border-radius:0;float: none;}
  .news-content{display:block;float:left;width:70%;border-left: 1px solid #eee; padding-left: 30px;padding-bottom: 0px;margin-left: 0px;margin-top: 0px;clear:none;}
}
@media only screen and (min-width:1200px) {
  .title-box{padding-left: 40px;}
  .news-content{padding-left: 40px;}
}

div#rwdnews_list {height: 225px;overflow-y: scroll;}
#rwdnews_list ul {margin-bottom: 10px;}
li.rwdnewsli {list-style: none;}
img.h_img_cls, #rwdnews_list > ul > li > div.newscontent > p {display: none;}
.card-category {float: left;margin-right: 30px;background: #009944;font-size:14px;color: #fff;width: 80px;letter-spacing: .5px;text-align: center;}
#rwdnews_list > ul> li > div.newscontent > span {display: block; margin-right: 30px;font-size: 16px;color: #585858;}
a.HeadLineMoveA {font-size: 16px;color: #585858;line-height:1.5;}
a:hover.HeadLineMoveA{border-bottom:1px solid #aaa;}

@media only screen and (min-width:530px) {
  div#rwdnews_list {height: 200px;overflow-y: hidden;}
  #rwdnews_list ul {margin-bottom: 0px;}
  #rwdnews_list > ul> li > div.newscontent > span {display: block;float: left; margin-right: 30px;font-size: 16px;color: #585858;}
  .newscontent{border-bottom:0px solid #ddd; }
}


/*salesforms*/
h1.de-tit { margin-bottom: -60px;text-align: center;letter-spacing: 3px;color: #009944;}
.cele-more{width: 100%; text-align: center;margin-top: 90px;}
.cele-more a {color: #666;border: 1px solid #eccd7b;background: rgba(255, 255, 255, .5);padding: 5px 20px;font-size: 14px;letter-spacing: 2px;z-index: 6;font-size: 14px;letter-spacing: 2px;z-index: 6;}
.cele-more a:hover {background:#eccd7b;color:#fff;}
.owl-wrapper-outer{margin-top: 30px;}
.owl-pagination {position: absolute;bottom: -30px;text-align: center;width: 100%;}

@media only screen and (min-width:768px) {
  .cele-more{width: 100%;text-align: right;margin-top: 40px;}
  .cele-more a{background: transparent;margin-right: 10px;position: relative;top: 35px;}
  .everex-box .cele-more{top: 30px;}
  div.everex-box > div > div.cele-more > a{border: 1px solid #009944;color:#126612;overflow: hidden;}
  div.everex-box > div > div.cele-more > a:hover{color:#fff;background:#009944;}
  .owl-pagination {position: absolute;bottom: -30px;right: 10px;}
  .owl-wrapper-outer{margin-top: 0px;}
}

/* prosales*/
.everpro-box {background: rgba(255,255,255,1);margin-bottom: 50px;}
.everpro-cele {position: relative;top: 70px;}


.owl-theme .owl-controls{margin-top: 10px;/*text-align: center;*/}
.owl-theme .owl-controls .owl-buttons div{color: #666;display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver */padding: 3px 0px;font-size: 0px;margin-right: 10px;/*-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;background: #869791;filter: Alpha(Opacity=50);*//*IE7 fix*//*opacity: 0.5;*/}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{/*filter: Alpha(Opacity=100);/*IE7 fix*//*opacity: 1;*/color: #fff;background: #eccd7b;text-decoration: none;}
.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver */}
.owl-theme .owl-controls .owl-page span{display: block;width: 8px;height: 8px;margin: 5px;filter: Alpha(Opacity=50);/*IE7 fix*/opacity: 0.5;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #fff;}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;}
.owl-theme .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.owl-item.loading{min-height: 150px;background: url(AjaxLoader.gif) no-repeat center center}
.owl-prev:before,.owl-next:before{font-size: 16px;border: 1px solid #eccd7b;padding: 6px;}
.owl-prev:before:hover,.owl-next:before:hover{color: #fff;}
.owl-prev:before{content: "\e900";}
.owl-next:before{content: "\e901";}
.owl-buttons {margin-left: 10px;}

.cele-item{background:url("../images/bg_gold.jpg") no-repeat ; background-size: cover;position: relative;overflow: hidden;color: #fff;font-size: 16px;margin:10px;}
.cele-img{padding: 8px;transition: transform 0.5s ease-in-out;overflow: hidden;}
.cele-img:hover{transform: scale(1.1);}
.cele-item figcaption {position: absolute;bottom: 8px;width: 100%;padding: 10px;left: 8px;}
.cele-img:before{content:""; position: absolute;bottom: 8px; height: 40%;width: 94%; background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */}
.cele-info {margin-left: 8px;margin-top: -10px;}
.post,.attrib,.salesname{line-height: 1;margin-bottom: 12px; }
.post,.attrib{font-size: 16px;margin-left: 2px;letter-spacing: 2px;}
.salesname{font-size: 35px;letter-spacing: 6px;}
.salesname:after {border-bottom: 1px solid #fff;content: '';display: block;width: 15px;padding-top: 20px; margin-bottom: 20px;margin-left: 3px;}
.cele-item a {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 2;}

@media only screen and (min-width:482px) {
  .cele-img:before{width: 92%;}
}

@media (min-width:479px) and (max-width:705px){
  .cele-item{margin: 0 20%;}
}

@media only screen and (min-width:490px) {
  .cele-img:before{width: 96%;}
}

@media only screen and (min-width:706px) {
  .cele-img:before{width: 95%;}
}

@media only screen and (min-width:768px) {
  .everpro-cele {position: relative;top: 110px;}
  .cele-img:before{width: 96%;}
}

@media only screen and (min-width:997px) {
  .cele-img:before{width: 94%;}
}

@media only screen and (min-width:1200px) {
  .cele-img:before{width: 96%;}
}


/*excell-sales*/
.everex-box {margin-top: 200px;}
.ex-img, .ex-item > figcaption{flex:1;}
.ex-img img{border-radius: 50%;width: 80%; }
#excellent > .owl-wrapper-outer {margin-top: 50px;padding-bottom: 30px;}
.excell-info {margin-top: 25px;}
p.ex-salesname {font-size: 30px;letter-spacing: 2px;color: #333;}
p.salesmonth {color: #f6650b;font-size: 20px;}
p.saleslevel {color: #126612;font-size: 14px;}
.ex-salesname,.salesmonth,.saleslevel{margin-bottom: 10px}
.ex-item a {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 2;}
.ex-item{text-align: center;}

.owl-controls .owl-buttons{display: none;}
#excellent > div.owl-controls.clickable > div.owl-buttons > div.owl-next {border: 1px solid #009944;color: #126612;}
#excellent > div.owl-controls.clickable > div.owl-buttons > div.owl-next:before {border: 0px;}
#excellent > div.owl-controls.clickable > div.owl-buttons > div.owl-next:hover {color: #fff;background: #009944;}
#excellent > div.owl-controls.clickable > div.owl-buttons > div.owl-prev {border: 1px solid #009944;color: #126612;}
#excellent > div.owl-controls.clickable > div.owl-buttons > div.owl-prev:before {border: 0px;}
#excellent > div.owl-controls.clickable > div.owl-buttons > div.owl-prev:hover {color: #fff;background: #009944;}

@media only screen and (min-width:375px) {
  .ex-img img{width: 60%; }
}

@media only screen and (min-width:768px) {
  .everex-box {margin-top: 300px;}
  .ex-flex{display:flex;vertical-align: top;flex-direction: row;z-index:-1;}
  .ex-item{text-align: left;}
  .ex-img img{ width: 100%;}
  .excell-info {margin-left: 20px;margin-top: 25px;}
  .owl-controls .owl-buttons{display: block;}
  }

@media only screen and (min-width:992px) {
  #excellent > .owl-wrapper-outer {margin-top: 50px;padding-bottom: 50px;}
}


/*adven-sales*/
.everad-box {background: #fff;margin-top: 80px;padding: 60px 0;}
h1.ad-tit{text-align: center;letter-spacing: 3px;color: #009944;}
.ad-inner {margin-top: 30px;    overflow: hidden;}
.ad-team,.ad-sales{flex: 1;padding: 0 30px;}
.sales-box {padding: 0 5px;}
.ad-category,.ad-level{font-size: 14px;margin: 10px 0 0;}
.ad-category{color: #126612;}
.ad-level{color: #f6650b;margin-left: 20px;display: none;}
.ad-name{font-size: 22px;letter-spacing: 2px;color: #333;margin-bottom: 30px;}
/*.ad-more{width: 100%;text-align: center;margin-top: 20px;}
.ad-more a{color: #666; border: 1px solid #eccd7b;padding: 5px 70px;}
.ad-more a:hover{background:#eccd7b; color: #fff; }*/
.cele-more.ad-more {margin-top: 40px;}


@media only screen and (min-width:768px) {
  .everad-box {padding: 150px 0;}
  .ad-inner {margin-top: 60px;}
  .ad-category,.ad-level{font-size: 16px;}
  .ad-level{color: #f6650b;margin-left: 15px;display: initial;}
  .ad-name{font-size: 30px;margin-bottom: 40px;}
  /*.ad-more{margin-top: 30px;}*/
  .cele-more.ad-more {margin-top: 0;}
}

@media only screen and (min-width:1000px) {
  .ad-team,.ad-sales{padding: 0 3px;}
}

/*link*/
.co-link{background:#fff; overflow: hidden;}
.co-title {text-align: center;padding: 40px;}
.link-tit {color: #009944; margin-bottom: 20px;}
.link-tit:after{border-top: 2px solid #ffb51b;content: '';display: block;width: 80px; margin: 0 auto;margin-top: 45px;}
.visualbanner{padding:0;}
.coitem{margin-bottom: 0;font-size: 20px;border-right: 1px solid #eee;padding-top: 90px;text-align: center;}
.visualbanner a {color: #009944;}
.visualbanner a:hover {color: #fff;}
.-product {display:block;background: url('../images/products.png') no-repeat; background-size: 45%;background-position: center 30px;padding: 30px 0;}
.-product:hover {color: #009944;background: url('../images/products_hover.png') no-repeat #009944;background-size: 45%;background-position: center 30px;padding: 30px 0;}
.-life{display:block;background: url('../images/life.png') no-repeat;background-size: 45%;background-position: center 30px;padding: 30px 0;}
.-life:hover{color: #009944;background: url('../images/life_hover.png') no-repeat #009944;background-size: 45%;background-position: center 30px;padding: 30px 0;}
.-other{display:block;background: url('../images/other.png') no-repeat;background-size: 45%;background-size: 45%;background-position: center 30px;padding: 30px 0;}
.-other:hover{color: #009944;background: url('../images/other_hover.png') no-repeat #009944;background-size: 45%;background-size: 45%;background-position: center 30px;padding: 30px 0;}

@media only screen and (max-width:380px) {
  .coitem{font-size: 14px;padding-top: 60px;}
  .link-tit {font-size: 28px;}
}

@media only screen and (min-width:579px) {
  .coitem{padding-top: 120px;}
  .-product,.-product:hover,.-life,.-life:hover,.-other,.-other:hover {background-size: 100px;}
}


@media only screen and (min-width:992px) {
  .coitem{font-size: 24px;padding-top: 0px;padding: 40px 0; padding-left: 35%;}
  .-product,.-product:hover,.-life,.-life:hover,.-other,.-other:hover {background-position: 30% center;}
}

@media only screen and (min-width:1200px) {
  .coitem{font-size: 30px;padding: 40px 15%; padding-left: 45%;}
  .-product,.-product:hover,.-life,.-life:hover,.-other,.-other:hover {background-position: 25% center;}
}

@media only screen and (min-width:1500px) {
  .coitem{ padding-left: 35%;}
  .-product,.-product:hover,.-life,.-life:hover,.-other,.-other:hover {background-position: 30% center;}
}


/*everpro-link*/
.everpo-link {background: #fff;text-align: center;padding: 20px;overflow: hidden;border-top:1px solid #eee;}
li.everpor-co {display: inline-block;padding:0 10px;float: left;width: 50%;}
.everpo-link > ul > li > a > img{width: 100%;margin: 0;}
.everpo-link > ul{margin: 0;}

@media only screen and (min-width:500px) {
  li.everpor-co {padding:0 40px;}
  }

@media only screen and (min-width:768px) {
  .everpo-link {padding: 50px 0;}
  li.everpor-co {float: none;width: auto;padding:0 30px;}
  .everpo-link > ul > li > a > img{width: 80%;}
  }


/*category*/
.mask {display: none;}
.row { max-width: none;}
caption {text-align: justify;color: #333;font-size: 16px;line-height: 2;padding-left: -2em;text-indent: 2em;}
.features-box a h4,.features-box h4 {font-size: 18px;line-height: 1.5;padding: 10px 0;color: #333;}
.features-box a h4:hover {color: #009944;}
.features-box p {font-size: 14px;line-height: 1.5;color: #5f5f5f;white-space: nowrap !important;text-overflow: ellipsis !important;overflow: hidden !important;}
.popular_products {margin-bottom: 80px;}
.li-item{margin-bottom:40px; width:100%;}
.li-item:hover {border: 1px solid #ffffff;background-color: #fff;-moz-box-shadow: 0 0 5px rgba(0,0,0,0);-webkit-box-shadow: 0 0 5px rgba(0,0,0,0);box-shadow: 0 0 5px rgba(0,0,0,0);}
.tablebox{margin: 30px 0 60px;overflow: hidden;}
.related-link{text-align: center;}
.btn-othlink {background: #eccd7b;color: #fff;border: 1px solid #eccd7b; padding: 10px 30px;border-radius: 0px;margin-bottom: 60px;font-size: 16px;}
.btn-trainlink {background: #009944;color: #fff;border: 1px solid #009944;padding: 10px 30px;border-radius: 0px;margin-bottom: 60px;font-size: 16px;}
.btn-othlink:after,.btn-trainlink:after{font-family: "icomoon";content: "\e901";padding-left: 10px;font-size: 14px;}
.btn-othlink:hover,.btn-othlink:focus{color: #666; background: #fff;}
.btn-trainlink:hover,.btn-trainlink:focus{color: #666; background: #fff;}
h5.menu-tit {font-size: 16px;color: #666;margin: 10px 0 40px;text-align: center;}
h5.menu-tit:hover {color: #009944;}
.pro_block {margin-bottom: 60px;}

@media screen and (min-width: 768px){
  .li-item{width: 90%;}
  .related-link{text-align: center;margin-bottom:60px; }
  .tablebox{margin: 80px 0 60px;overflow: hidden;}
  h5.menu-tit {font-size: 20px;}
  .pro_block {margin-bottom: 80px;}
  }


#item-years{margin-right: auto;margin-left: auto;position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
#item-years #countrySelection {border-bottom: 1px solid #009944;border-top: 1px solid #009944;position: relative;}
#item-years #countrySelection #countrySelection-wrapper {overflow: hidden;height: 60px;padding: 0 30px;}
.nav {margin: 0 20px;padding: 1px 0;list-style: none;white-space: nowrap;overflow-x: auto; -webkit-overflow-scrolling: touch;}
#item-years #countrySelector {position: relative;margin-left: -5px;top: -1px;width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #EFEBE8;}
.active p, .active a{color: #fff !important;}
#item-years #countrySelection ul li {display: inline-block;margin: 8px 2px;}
#item-years p, #item-years a{color: #666;-webkit-transition: 0.2s ease-in-out;-moz-transition: 0.2s ease-in-out;-o-transition: 0.2s ease-in-out;transition: 0.2s ease-in-out;}
a, a:visited, p{text-decoration: none;letter-spacing: 0px;}
.nav>li>a:hover, .nav>li>a:focus {background-color: #eccd7b;color: #fff !important;}
/*.slick-prev, .icon-chevronleft {transform: rotate(180deg);}*/
.icon-chevronleft:before {content: "\e900";color: #eccd7b;font-size: 20px;}
.icon-chevronright:before {content: "\e901";color: #eccd7b;font-size: 20px;}
.countrySelection-paddle-left, .countrySelection-paddle-right {cursor: pointer;border: none;position: absolute;top: 15px;background-color: transparent;width: 25px;height: 25px;margin-left: auto;margin-right: auto;outline: none;}
.slick-prev, .countrySelection-paddle-left {left: 0;}
.arrow {width: 25px;margin-left: auto;margin-right: auto;}
.slick-next, .countrySelection-paddle-right {right: 0;}

#countrySelection-wrapper > ul > li:nth-child(2),.nav_cate_current,div#myTab{display: none !important;}

p.item_bread {color:#009944;;text-align: center;}
p.item_bread a {color: #7a7a7a;padding: 0 10px;}
div.col-xs-12 > div.span7.popular_products > div > div {padding: 0;}

.con_top {height: 224px;padding: 40px 15px;background: url("../images/bg_gold_bw_xs.jpg") no-repeat top left; background-size: cover; }

.title_top { position: relative;top: -246px;}
p.item_bread {margin-top: -130px;}

@media screen and (min-width: 768px){
  p.item_bread {text-align: left;}
}

@media screen and (min-width: 1000px){
  .title_top {position: relative;top: -300px;}
  p.item_bread {margin-top: -160px;}
  .title_top.top-nocontent {top: -230px;}
  .con_top img {display: none;}
  .con_top {height: 300px;background: url("../images/bg_gold_bw.jpg") no-repeat bottom left;background-size: cover;padding: 65px 0; }
}


/*category-history*/
.his-content {margin: 20px 0;border-top: 1px solid #eee;padding: 20px;overflow: hidden;}
.his-content ul li {text-align: justify;list-style: none;margin-left: -5px;padding-left: 3em;text-indent: -3em;line-height: 1.5;padding-top: 15px;}
h1.time-y {color: #ef2051;line-height: 2;text-align: center;}
h1.time-y:after{ margin-top: 15px;border-bottom: 2px solid #ef2051;content: '';display: block;width: 30px;margin: 0 auto;margin-bottom: 20px;}

@media screen and (min-width: 1000px){
  .his-content ul {float: left;width: 60%;}
  h1.time-y {float: left;width: 30%;}
  h1.time-y:after{padding-left: 30px;border-bottom: 0px solid #ef2051;content: '/';display: initial;width: auto;margin: 0 auto;margin-bottom: auto;}
}

/*category-mag*/
.mag-content {margin-top: -200px;    overflow: hidden;}
.book-item {padding: 20px;margin: 100px 0;overflow: hidden;}
.mag-content .figcaption{padding: 10px;}
h2.mag-tit {color: #009944;font-size: 33px;line-height: 2;}
.btn-book {width: 97%;border-radius: 0;margin:0 10px; padding: 10px !important;color: #333;font-size: 16px;border: 1px solid #eccd7b;}
.btn-book:hover{background: #eccd7b; color: #fff;}
.love-content{overflow: hidden;/*margin-top: -80px;*/margin-bottom: 80px;}
.coop-content {overflow: hidden;margin-bottom: 80px;}
.love-item {margin: 25px 0;padding: 20px;width: 49%;display: inline-block;}
.coop-item {margin: 10px;width: 42%;display: inline-block;}
.love-item img,.coop-item img{border: 1px solid #eee;}
.love-item a h3{color: #333;}
.coplinkinfo h3{color: #f4922e;font-size: 24px;line-height: 30px;}
.coop-content h4 {color: #009944;line-height: 2;}
.coplinkinfo > ul {overflow: hidden;}
.coplinkinfo ul li {list-style: none;line-height: 1.8;}
.coplinkinfo > ul > li {margin-left: 20px; margin: 10px 0; padding-left: 1em;text-indent: -1em;}
.coplinkinfo > ul > li > ul {padding-left: 5px;}
.coplinkinfo h4 + ul > li:before {font-family: "icomoon";content: "\e901";padding-right: 10px;font-size: 14px;}
.coplinkinfo p{ font-size: 16px;line-height: 2;padding-left: -2em;text-indent: 2em;}
.coplinkinfo img{width: 100%;}
article.article-content.artitop img {box-shadow: 0px 0px 20px #aaa; margin-top: 30px;}

@media only screen and (min-width:992px) {
  .book-item img {width: 48%;float: left;}
  .mag-content .figcaption {padding: 10px;float: left;width: 52%;overflow: hidden;margin-top: 70px;}
  .btn-book {width: auto;padding: 10px 30px !important;}
  .love-item{width: 33%;}
  .coop-item {width: 28%;margin: 20px;}
  }
@media only screen and (min-width:1200px) {
  .love-item {width: 24%;}
  .coop-item {width: 21%;}
  .coplinkinfo img{width: 50%;}
}

/*category-awards*/
.top-xs{margin-top:0 !important; }

.list-box {margin: 30px 0 50px;border-bottom: 1px solid #eee;padding-bottom:20px; overflow: hidden;}
.list-box:last-child {border-bottom: 0px solid #eee;}
h4.list-tit{font-size: 24px;color: #009944;line-height: 2;text-align: center;margin-bottom:10px; }
.awards-list li{list-style: none;}
.box-team img {width: 95%;}
ul.box-manager > li,ul.box-personal > li {display: inline-block;width: 43%;margin: 3%;}
h3.list-name {font-size: 24px;line-height: 0;color: #333;text-align: center;}
p.list-brief {margin-bottom: 0;text-align: center;color: #f4922e;font-size: 16px;}
.team-btn {border: 1px solid #009944;text-align: center;margin-top: 30px;width: 95%; color: #009944;}
.team-btn:hover {background: #009944;color: #fff;}
.team-btn a {color: #009944;    display: block;padding: 5px;}
.team-btn a:hover{color: #fff}

.features-box span.salesmonth {color: #f6650b;font-size: 16px;line-height: 2;}
.features-box span.saleslevel {color: #126612;font-size: 14px;}
.features-box span.salessite {color: #f6650b;font-size: 16px;}

@media screen and (min-width: 768px){
  ul.box-manager > li,ul.box-personal > li {width: 26%;}
}

@media screen and (min-width: 1000px){
  h4.list-tit{font-size: 30px;}
  ul.box-personal > li {width: 18%;}
  ul.box-team {overflow: hidden;margin-top: 30px;}
  .box-team img {width: 90%;margin: 0 30px;}
  .team-img {width: 70%;float: left;}
  .teaminfo {width: 26%;float: left;}
  .teaminfo h3.list-name {font-size: 30px;text-align: left;}
  .teaminfo p.list-brief {font-size: 28px;text-align: left;}
  .team-btn {margin-top: 60px;width: 80%;}
  .list-box:first-child{padding-bottom:80px; }
  .list-box:nth-child(2){clear: both;}
}

@media screen and (min-width: 1200px){
  .team-btn {margin-top: 90px;}
}


/*product*/
.product-price {display: none;}
.li-item > figure > figcaption > a {display: none;}
.panel {border-width: 0;border-color: transparent;margin-bottom: auto;padding: auto;background: none;}
h3.panel-title {color: #fff;}
.panel-title:before {content: "體系所轄處經理";color: #009944;font-size: 30px;}
.panel-default>.panel-heading {color: transparent;background-color: transparent;border-color: transparent;}

.member {margin-top: -140px;}
.team-content{overflow: hidden;margin-top: -141px;border-bottom: 1px solid #eee;padding-bottom: 50px;}
.figcaption-txt {margin: 40px auto;}
.pc_xl{display: none;}
.ph_xs,.ph{text-align: center;}
.teamgroup {margin-top: -100px;}
h4.mem-site {line-height: 1.5;font-size: 18px;letter-spacing: 2px;color: #333;}
h4.mem-site:after {border-bottom: 1px solid #009944;content: '';display: block;width: 25px;padding-top: 20px;margin-bottom: 20px;margin-left: 3px;}
h1.mem-name {color: #009944;letter-spacing: 3px;margin-bottom: 30px;font-size: 30px;}
.mem-info {font-size: 16px;color: #666;}
.mem-info p {margin-bottom: 10px;}
.mem-info ul li{list-style: none;font-size: .95em;line-height: 1.8;padding-left: 1em;text-indent: -1em;}
.mem-info ul {margin-left:1.4rem; }
.info-tit + p {margin-left: 1.4rem;}
.info-tit span{color: #666;font-size: .9em;}
h3.info-tit {color: #f4922e;    line-height: 1.5;padding-left: 1.5em;text-indent: -1.5em;}
h3.info-tit:before {font-family: "icomoon";content: "\e901";padding-right: 10px;font-size: 14px;}
.mem-info h5 {line-height: 2;margin-left: 20px;font-size: .9em;color: #009944;padding-left: 1em;text-indent: -1em;}
.mem-info h5 > span {color: #666;}

.panel-title2{color: #f4922e;font-size: 35px;margin-top: 60px;text-align: center;}
.manager-txt{background: url('http://webimage.everprobks.com.tw/RWD/team/team01-0.jpg') no-repeat;width: 100%;overflow: hidden;margin-bottom: 50px;padding-bottom: 20px;background-size: cover;}
.manager-txt > .figcaption {margin-top: 210px;margin-left: 20px;margin-bottom:30px;color: #fff;}
a.manager-btn {color: #fff;padding: 5px 20px; border: 1px solid #FFF;text-decoration: none;margin: 20px;}
a.manager-btn:hover {color: #009944;background: #fff;}
a.manager-btn:after {font-family: "icomoon";content: "\e901";padding-left: 10px;font-size: 14px;}

.lg{display: none;}
h3.prosalesname {font-size: 30px;color: #009944;}
h3.prosalesname:after {border-bottom: 1px solid #009944;content: '';display: block;width: 30px;padding-bottom: 25px;}
p.prosalespost,p.prosalesattrib {font-size: 16px;margin: 5px 0;color: #666;}
.prosales-info {margin-bottom: 40px;}
.pro-txt{padding-bottom: 50px;border-bottom: 1px solid #eee;}
.pro-txt h3 {color: #ef2051;font-size: 20px;line-height: 1.5;}
.pro-txt p {color: #333;font-size: 16px;line-height: 1.8;padding-left: -2em;text-indent: 2em;}

.teamtitle{color: #009944;font-size: 30px;}
.teaminner{color: #333;margin-bottom: 100px; overflow: hidden;border-top: 1px solid #eee;}
.h4tit{color: #f4922e;font-size: 18px;}
.teaminner ul li {list-style: none;margin: 10px 0;}
.teaminner ul{margin-left:0; }

h3.gallery-title {padding-left: 10px;margin-top: 40px;color: #f4922e;}

a.galleryxs img {width: 45%;margin: 5px;}

div#ph {margin-top: -100px;}

.rich_btn {text-align: center;margin-bottom: 100px; }

@media only screen and (min-width:350px) {
  a.manager-btn {padding: 5px 30px;}
}

@media only screen and (min-width:460px) {
  .team-content {margin-top: -114px;}
  .ph_xs img,.ph img{width: 70%;}
  .manager-txt{height: 500px;padding-left: 20px;}
  .manager-txt > .figcaption {margin-top: 290px;}.
  a.manager-btn {padding: 5px 30px;}

  div#ph {margin-top: -80px;}
}

@media only screen and (min-width:600px) {
  .manager-txt{height: 700px;}
  .manager-txt > .figcaption {margin-top: 450px;}.
  a.manager-btn {padding: 10px 40px;}

  div#ph {margin-top: -60px;}
}

@media only screen and (min-width:768px) {
  .manager-txt{background: url('http://webimage.everprobks.com.tw/RWD/team/team01-0_lg.jpg') no-repeat center center;width: 90%;overflow: hidden;margin: -60px 40px 0px;background-size: 100%;height: auto;padding: 110px 0 100px 30px;}
  .manager-txt > .figcaption {margin-top: 0;color: #fff;background: #009944;width: 35%;padding: 20px;}
  a.manager-btn{color: #009944;border: 1px solid #009944;background: rgba(255,255,255,.8);padding: 5px 38px;}
  a.manager-btn:hover {color: #fff;background: #009944;}

  .xs{display: none;}
  .lg{display: block;}

  .prosales-info {position: absolute;top: 110px;right: 0;background: rgba(255,255,255,.8);padding: 15px;margin-right: 50px;}
  .info-inner {border: 3px solid #eccd7b;padding: 10px 30px 40px;}

  a.galleryxs img {width: 31%;}

  div#ph {margin-top: 0px;}
}

@media only screen and (min-width:992px) {
  .pc_xl,.ph{display: block;width: 55%;float: left;}
  .ph_xs{display: none;}
  .figcaption-txt {width: 45%;float: left;margin-left: -20px;margin-top: 70px;}
  .team-content{border-bottom: 0px solid #eee;}
  .manager-txt{margin: 10px 40px 100px;padding-left: 100px;}
  .panel-title2 {color: #f4922e;font-size: 40px;margin-top: 110px;margin-bottom:0;  text-align: center;letter-spacing: 2px;}
  .manager-txt > .figcaption {width: 32.5%;padding: 30px;}
   a.manager-btn{padding: 10px 68px;}

  .prosales-info {position: absolute;top: 150px;margin-right: 130px;}
  .pro-txt {margin: 30px 0;}
}

@media only screen and (min-width:1000px) {
  .team-content {margin-top: -138px;}

  a.galleryxs img {width: 23%;}
}

@media only screen and (min-width:1200px) {
  .figcaption-txt {margin-left: -20px;margin-top: 90px;}
  h4.mem-site {line-height: 1.5;}
  h4.mem-site:after {border-bottom: 1px solid #009944;content: '';display: block;width: 25px;padding-top: 20px;margin-bottom: 20px;margin-left: 3px;}
  h1.mem-name {color: #009944;letter-spacing: 3px;margin-bottom: 40px;}
  .mem-info {font-size: 18px;line-height: 1.5;}

  .prosales-info {top: 200px;margin-right: 180px;}

  a.galleryxs img {width: 15%;}
}


/*contact*/
h3.form-tit {color: #f4922e;font-size: 24px;line-height: 30px;margin: 0 20px;}
.well {background-color: transparent; border: 0px solid #e3e3e3;text-align: center;}
.panel{padding: 0;}
.contact-btn,.goodsinput{background: #009944;border: 1px solid #009944;color: #fff;padding: 5px 20px;}
.contact-btn:hover,.goodsinput:hover{background: #fff;color: #009944;}
.panel-heading p {font-size: 16px;line-height: 1.8;padding-left: -2em;text-indent: 2em;}
p.Text2{color: #f4922e;}
.col-sm-10.ra {padding-top: 7px; font-size: 14px;}
.form-horizontal .control-label {font-size: 16px;padding: 5px 15px;}
.form-group {margin-bottom: 30px;}
font.col-sm-2.goodsinput_2 {color: #333;font-size: 16px;font-weight: 700;}
canvas#myCanvas {width: 100px;}

@media only screen and (min-width:1000px) {
  .col-sm-10.ra {font-size: 16px;}
}

/*news*/
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {color: #fff;background-color: #009944;border-color: #009944;}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {color: #009944;}
.pagination>li>a, .pagination>li>span {color: #009944;}

/*footer*/
#gotop:before{font-family: 'icomoon';content: "\e902"; font-size: 20px;padding-left: 10px;}
#gotop{text-align: center; display: block !important; position: inherit;background: #f4f4f4;padding: 15px 0 ;font-size: 20px;border-top:1px solid #eee;color: #009944;cursor: pointer;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
#gotop p{word-spacing:40px;margin-top: -28px;margin-bottom: 0; }
#gotop:hover {background: #fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.footmap{display: none; border-bottom: 1px solid #53b481;padding: 50px 0;background: #027538;}
h3.maptitle > a { color: #44ff9c;font-size: 18px;}
h3.maptitle > a:hover { color: rgba(65, 255, 156, .5);text-decoration: none;}
h3.maptitle > a:after{ border-top: 1px solid #44ff9c;content: '';display: block;width: 20px;margin-top: 20px;}
body > footer > div.footmap > div > div:nth-child(4) > h3:nth-child(4) > a:after{border:0;margin-top: 0px;}
body > footer > div.footmap > div > div:nth-child(4) > h3:nth-child(5) > a:after{border:0;margin-top: 0px;}
body > footer > div.footmap > div > div:nth-child(4) > h3:nth-child(5){margin-top:20px;}
.co-tel { color: #fff; font-size: 30px;}
.co-cite {color: #fff;font-size: 16px;margin-top: 15px;}
.sh img {width: 12px;}
footer ul li {list-style: none;font-size: 14px;line-height: 2;margin: 0 5px;}
footer ul {margin-left: -5px;margin-top: 5px;}
footer ul li a{color: #c8eacf;}
footer ul li a:hover,footer ul li a:focus,footer ul li a:active{color: #93dea3; text-decoration: none;}
.f_link {background: #027538;color: #fff;text-align: center;padding-top: 15px;}
.f_link a,.f_link a:active {color: #fff;}
.f_link a:hover {color: #f3f3f3;}
.copyright {background: transparent;text-align: center;padding: 10px 0 20px;background: #027538;}
.handicap img {margin-top: 20px;}

@media only screen and (min-width:768px) {
  #gotop{padding: 5px 0 ;}
  #gotop:before{font-size: 40px;}
  #gotop p{word-spacing:70px;margin-top: -43px;margin-bottom: 18px;}
  .f_link {padding-top: 40px;}
  .copyright {padding: 15px 0 40px;}
  }

@media only screen and (min-width:992px) {
  .footmap{display: block;}
  .f_link{display: none;}
  .copyright {padding: 40px 0;}
}


/*animation*/
.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animated.infinite {-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.animated.hinge {-webkit-animation-duration: 2s;animation-duration: 2s;}

 @-webkit-keyframes fadeInUp {
 0% {opacity: 0;-webkit-transform: translateY(20px);transform: translateY(20px);}
 100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
}

 @keyframes fadeInUp {
 0% {opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);}
 100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
}

.fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;
}

 @-webkit-keyframes fadeInDown {
 0% {opacity: 0;-webkit-transform: translateY(-20px);transform: translateY(-20px);}
 100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
}
 @keyframes fadeInDown {
 0% {opacity: 0;-webkit-transform: translateY(-20px);-ms-transform: translateY(-20px);transform: translateY(-20px);}100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
}

.fadeInDown {-webkit-animation-name: fadeInDown;animation-name: fadeInDown;}


/*landscape*/
@media (orientation:landscape) and (max-width: 768px){
  .top-bar-section ul, ul.m-menu > li:nth-child(3){
    overflow: scroll;
    overflow-x:hidden;
    overflow-y: auto;
  }
  .top-bar-section ul{
    height: 85vh;
  }
  ul.m-menu > li:nth-child(3){
    height: 55vh;
  }
}

.li-item a{display: block;}


.box {
  display: inline-block;
  height: 200px;
}
.box img {
    width: 250px;
}
/*-----電子書-------*/
.artitop iframe{ height:760px;}
@media (max-width:550px) {
	.artitop iframe{ height:500px;}
}