/*--------------copyright by vicky start-------------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1.8;
    letter-spacing: 1px;
    font-size: 10px;
    font-family: 'Dongle', 'Noto Sans TC', 'Zen Maru Gothic', sans-serif;
    font-weight: 400;
    color: #78654e;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td {
    vertical-align: top;
}

a {
    display: block;
    color: #303030;
    text-decoration: none;
    transition: .3s ease all;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #303030;
}

img {
    max-width: 100%;
}

::selection {
    background: rgba(212, 214, 193, .9);
    color: #241a18;
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
    line-height: 1.2;
}

/************************************************************************************************************************************************
************************************************************************************************************************************************
************************************************************************************************************************************************/
/************************/


/*mibutton*/
.mibutton {
    display: none;
    position: fixed;
    top: 0.5em;
    right: 3em;
    z-index: 50;
    cursor: pointer;
    text-align: left;
    padding: 2em;
    z-index: 110;
}

.mibutton span {
    display: block;
    text-align: center;
    width: 30px;
    height: 3px;
    position: absolute;
    top: 1.6em;
    left: 2em;
    background: #316478;
    transition: .3s ease all;
}

.mibutton span:nth-child(2) {
    top: 2.4em;
    width: 35px;
}

.mibutton span:nth-child(3) {
    top: 3.2em;
    width: 40px;
}

.mibutton_ani span {
    opacity: 1;
    background: #3f3f3f;
}

.mibutton_ani span:nth-child(1) {
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}

.mibutton_ani span:nth-child(2) {
    opacity: 0;
}

.mibutton_ani span:nth-child(3) {
    width: 30px;
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg);
    -webkit-transform-origin: center left;
    transform-origin: center left;
}

/*navbar*/
.navbar {
    background: url(../../images/ibt_bg01.png) top left;
    background-repeat: repeat-x;
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    margin: 0;
    border: 0px solid transparent;
    transform: translateY(-100%);
    transition: 1s cubic-bezier(0.16, 1, 0.3, 1);
    padding: 1rem 0;
    -webkit-filter: drop-shadow(0px -1px 4px rgba(0, 0, 0, 0.3));
    filter: drop-shadow(0px -1px 4px rgba(0, 0, 0, 0.3));
}

.attop {
    transform: translateY(0);
}

.intop {
    transform: translateY(0) !important;
}

/*logo*/
.logo {
    
}
.logo a {
    display: inline-block;
}
.mologo{
    display: none;
}

/*ibutton*/
.ibutton {
    width: 70%;
    text-align: center;
}

.ibutton li {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    text-align: center;
    width: 16%;

}
.ibutton li:nth-of-type(3){
    width: 25%;
}
.ibutton .ibimg, .ibutton .ibtext {
    display: inline-block;
    vertical-align: top;
    transition: .5s all;    
}

.ibutton .ibimg img:nth-of-type(2){
    display: none;
}
.ibutton a:hover .ibimg img:nth-of-type(1){
    display: none;
}
.ibutton a:hover .ibimg img:nth-of-type(2){
    display: inline-block;
}
.ibutton a:hover .ibtext .ch{
  color: #634735;
}
.ibutton a:hover .ibtext .en{
  color: #cc7935;
}
.ibutton .ibtext {
    display: inline-block;
    vertical-align: bottom;
}

.ibutton a {
    position: relative;
    padding: 1em 0;
}



.ibtext .ch {
    font-family: 'Zen Maru Gothic';
    font-size: 20px;
    line-height: 1.2;
    color: #be5b2c;
    font-weight: 500;
}

.ibtext .en {
    font-family: 'Dongle';
    font-size: 26px;
    line-height: 1.2;
    color: #8b5e41;
    font-weight: 400;
}

@media (max-width:1500px) {
    .mologo {
    display: block;
    width: 10%;
    margin: 0 auto;
    text-align: center;
}
    .mibutton {
        display: block;
    }

    .ibutton {
        display: none;
        overflow-y: auto;
        text-align: center;
        max-height: 85vh;
        padding: 1em;
        width: 100%;
    }

    .ibutton li {
        width: 13%;
    }
    .ibutton li:nth-of-type(3){
        display: none;
    }

    .ibutton .ch:before {
        left: -1em;
    }

    .navbar {
        display: block;
        text-align: left;
        background: url(../../images/ibt_bg02.png) top left repeat;
        padding: 1rem;
    }

    .logo a {
        display: inline-block;
        padding: .5em 0 0 2em;
    }

}

@media (max-width: 1200px) {
    .ibutton li {
        width: 18%;
    }
}

@media (max-width: 768px) {
    .ibutton li {
        width: 100%;
    }

    .mibutton {
        top: -13px;
    }
	.mologo {
    width: 20%;
}
}

@media (max-width:560px) {
    
    .logo img {
        width: 260px;
    }
}

@media (max-width:450px) {
    .logo {
        width: 40%;
    }

    .logo a {
        padding: .5em 0 0 1em;
    }

    .logo img {
        width: 210px;
    }

    .mibutton {
        top: -8px;
        right: 2.5em;
    }
	.mologo {
    width: 40%;
}

   

    .ibutton .ibimg {
        width: 37%;
        text-align: right;
    }

    .ibutton .ibtext {
        width: 48%;
        text-align: left;
    }
}

/***********************/
/*carousel-fade*/
.carousel-fade .carousel-inner .item {
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    transform: translate3d(0, 0, 0);
}

.carousel-fade .carousel-control {
    z-index: 2;
}

.carousel-inner>.item>img {
    display: inline-block;
}

/***header************************************************************/
header {
    position: relative;
    background: url(../../images/ba_bg02.png) bottom left no-repeat, url(../../images/ba_bg01.jpg) top left repeat;
    width: 100%;
    height: 100vh;
    z-index: 0;
}

.ba_deco01{
    position: absolute;
    top: 0;
    left: 0;
}
.thumbnail{
    background-color: transparent;
    border: none;
    box-shadow: none;
}
header:after{
    content: '';
    background: url(../../images/ba_deco02.png) top right no-repeat;
    background-size: 100%;
    width: 345px;
    max-width: 100%;
    height: 219px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}
.dex{
    max-width: 1600px;
    margin-left: auto;  
    margin-right: 11rem;  
    padding-top: 6.8rem;
    display: flex;
        flex-direction: row;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: nowrap;
}
.dex .dex_left{
    width: 640px;
    padding: 9rem 0 0 0;
    max-width: 100%;
}
.txt {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding-right: 8rem;
}
.txt h2{
    font-size: 20px;
    color: #8c7b66;
    -webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
line-height: 2.2;
}
.txt h2:nth-of-type(1){
order: 1;
margin-left: 1rem;

}
.dex .dex_right{    
    vertical-align: top;
        display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: nowrap;
}
.scroll{
   position: absolute;
  top:75%;
  left:50%;
  transform: translate(-50%, -75%); 
  text-align: center;
  animation: scroll 2s ease-out infinite;;

}
@keyframes scroll {
    0% { transform: translateY(0); }
  50% { transform: translateY(8px); }
  100% { transform: translateY(0px); }
}
.scroll p{
    font-size: 26px;
    color: #be5b2c;
    line-height: 1;
}
@media screen and (max-width: 1400px){
   header:after{
    background-size: 80%;
}
   .dex {
    justify-content: flex-start;
}
.dex .dex_left {
    padding: 0;
}

    .dex .dex_right {
        width: 40%;
}
.ba_deco01 {
    width: 17%;
}

}
@media screen and (max-width: 1200px){
   header:after {
    background-size: 50%;
}
    .dex .dex_left {
    width: 53%;
}

}
@media screen and (max-width: 991px){
header {
    height: auto;
}
header:after {
    background-size: 60%;
}
.dex {
    flex-wrap: wrap;
    margin: 0 auto;
        padding-top: 1.8rem;
        padding-bottom: 5rem;
}
.dex .dex_left {
    width: 100%;
    margin: 7rem auto;

}
.dex_left .txt {
    justify-content: center;
    padding-right: 0;
}
.dex .dex_right {
    width: 70%;
    order: -1;
        margin: 0 auto;
        justify-content: center;
}
.scroll {
    top: auto;
    bottom: 0;
}
}
@media screen and (max-width: 767px){
   header:after {
    background-size: 50%;
}
    .dex .dex_right {
    width: 70%;
    margin: 1rem 0 0 2.5rem;
    justify-content: flex-start;
}
.dex .dex_right img:nth-of-type(1){
    width: 40%;
}
.dex .dex_right img:nth-of-type(2){
    width: 100%;
}
.ba_deco01 {
    top: 26rem;
}
}
@media screen and (max-width: 450px){
  header:after {
    background-size: 22%;
}
   .ba_deco01 {
    width: 32%;
}
    .dex .dex_right {
    width: 65%;
    margin: 1rem 0 0 2rem;
}
.txt h2:nth-of-type(1) {
    margin-left: 2rem;
}
.txt h2:nth-of-type(2){
    line-height: .9;
}
.scroll {
    left: 40%;
}
}
@media screen and (max-width: 414px){}
/***inews*************************************************************************************************/

.inews {    
    background-size: 100%;
    text-align: center;
    padding: 5rem 0;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}



/***newslist_rwd***/
.newslist_rwd {
    text-align: center;
    padding: 1em 0;
    display: inline-block;
    width: 318px;
    max-width: 45%;
    margin: 1rem;
    position: relative;

}

.newslist_rwd .ntitle {
    text-align: left;
    position: relative;
    margin: 0;
    padding: 3rem 0 0 0;
    display: inline-block;
    vertical-align: middle;
    max-width: 290px;
}

.newslist_rwd .ntitle h3 {
    font-size: 22px;
    color: #be5b2c;
    padding-top: 2rem;
    padding-bottom: 1rem;
}


.newslist_rwd .ntitle p {
    font-size: 16px;
    color: #634735;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 0 0 1rem;
    font-weight: 400;
    letter-spacing: 2px;
    padding-top: 1rem;
    
}

.newslist_rwd a {
    position: relative;
    transition: .3s ease all;
    line-height: 1.5;
    color: #000;
}

.newslist_rwd a:hover .ntitle p {
    color: #646e53;
}

.newslist_rwd a:hover .npic {
    transform: translateY(-5px);
}

/*npic*/
.npic {
    position: relative;
    width: 248px;
    min-height: 248px;
    transition: .3s ease all;
    vertical-align: top;
    max-width: 100%;
    margin: 0 auto;
}

.npicimg {
    position: absolute;
    top: 3%;
    left: 0%;
    width: 100%;
    height: 100%; 
    border-radius: 50%;   
    
}
.npicimg img{
    
}

@media screen and (max-width:1630px) {}

@media screen and (max-width:1400px) {
    .inews {
    padding: 0;
}

}

@media screen and (max-width:1200px) {
    .inews {
    max-width: 50%;
    padding-left: 1rem;
    margin-left: 2rem;
}
.newslist_rwd .ntitle {
    padding: 0;
}
}

@media screen and (max-width:991px) {
    .inews {
    max-width: 100%;
    justify-content: center;
        padding-left: 0;
    margin-left: 0;
}

    .npic {
        position: relative;
        
    }

    
}

@media screen and (max-width:768px) {
    


}

@media screen and (max-width:450px) {
    .inews {
    flex-wrap: wrap;
    margin-top: 2rem;
}
.newslist_rwd {
        max-width: 75%;
    }
.newslist_rwd .ntitle {
    padding: 2rem 0 0 0;
}
  
}

@media screen and (max-width:390px) {
    .npic {
        
    }
}

@media screen and (max-width: 350px) {
    .npic {
        
    }
}


/***main***/
.main {
    position: relative;
    z-index: 10;
}
/***about*************************************************************************************************/
.abt1{
    background: url(../../images/abt1_bg02.jpg) bottom center no-repeat, url(../../images/abt1_bg.jpg) top left repeat;
    margin: 0 auto;
    width: 100%;
    padding-top: 15.1em;

}
.abt1 .title{
    text-align: center;
    display: inline-block;
    margin: 0 auto;
    width: 100%;
}
.abt1 .title h3{
    font-size: 30px;
    color: #af7547;
    font-family: 'Zen Maru Gothic';
    display: inline-block;
    padding: 0 2rem;
}
.abt1 .title h4{
    font-size: 26px;
    color: #8b5e41;
    font-family: 'Dongle';
     display: inline-block;
     padding-right: 2rem;
}
.abt1 .title img:nth-of-type(1){
    vertical-align: bottom;
}
.abt1 .title img:nth-of-type(2){
    vertical-align: top;
}
.abt1 p{
    font-size: 20px;
    color: #78654e;
    font-family: 'Zen Maru Gothic';
    max-width: 400px;
    margin: 6.4rem auto 4.8rem;
    text-align: center;
}
.medal{
    position: relative;
}
.medal .med_title{
    text-align: center;
    margin: 0 auto;
}

.container{
	width:100%;
	margin: 1rem 0 0;
}

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -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);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


/**abt2***/
.abt2{
    background: url(../../images/abt2_bg2.png) top center no-repeat, url(../../images/abt2_bg03.png) bottom center no-repeat, url(../../images/abt2_bg01.png) top left repeat, #fff;
    position: relative;
    margin: 0 auto;
    padding: 13.5rem 0 9.6rem;
}
.abt2 .abt2_title{
    text-align: center;
}
.abt2 .abt2_txt{
    max-width: 410px;
    margin: 0 auto;
    padding-top: 3.6rem;
}
.abt2 .abt2_txt p{
    font-size: 16px;
    color: #78654e;
    text-align: center;
    padding-bottom: 3.7rem;
    font-weight: 500;
}
.abt2 .abt2_img{
    text-align: center;
    margin-top: -12rem;
}
.abt2 .abt2_img .thumbnail{
    display: inline-block;
}
.abt2 .abt2_img img{
    padding: 0 8rem;

}
/**abt3***/
.abt3{
    background: url(../../images/abt3_bg02.jpg) bottom center no-repeat, url(../../images/abt3_bg.jpg) top left repeat;
    margin: 0 auto;
    padding: 10rem 0 20rem;
    position: relative;
    text-align: center;
    z-index: 0;
}
.abt3_inner{
    background: url(../../images/abt3_txtbg.png) top center no-repeat;
    background-size: 100%;
    width: 827px;
    max-width: 100%;
    min-height: 639px;
        padding-top: 14.6rem;
        display: inline-block;
        position: relative;
   z-index: -1;

}
.abt3_dog01{
    position: absolute;
    bottom: 5rem;
    left: -8rem;

}
.abt3_txt{
    max-width: 460px;
    margin: 0 auto;
    position: relative;
    text-align: left;
}
.abt3_txt:before{
    content: '';
    background: url(../../images/abt3_deco01.png) top left no-repeat;
    background-size: 100%;
    width: 117px;
    max-width: 100%;
    min-height: 278px;
    position: absolute;
    top: 0;
    left: 0;
}
.abt3_txt h2{
        padding-left: 13rem;
        padding-right: 3.4rem;
        display: inline-block;
        font-size: 24px;
        color: #be5b2c;
        font-family: 'Zen Maru Gothic';
}
.abt3_txt h3{
        display: inline-block;
        font-size: 20px;
        color: #be5b2c;
        font-family: 'Zen Maru Gothic';
        position: relative;
}
.abt3_txt h3:after{
    content: '';
    background: url(../../images/abt3_line.png) bottom center no-repeat;
    background-size: 100%;
    width: 166px;
    max-width: 100%;
    min-height: 9px;
    position: absolute;
    bottom: -1rem;
    left: 0;
}
.abt3_txt p{
    font-size: 16px;
    color: #78654e;
    padding: 5rem 0 0 3.1rem;
    text-align: justify;
}
.abt3_txt p:nth-of-type(2){
    padding: 3rem 0 0 3.1rem;
}
.abt3_img{
    display: inline-block;
        vertical-align: bottom;
    margin-left: -31rem;
    margin-bottom: -11rem;
}
.abt3_img img{
    display: block;
}
@media screen and (max-width: 1400px){
    .abt2 .abt2_img {
    margin-top: -2rem;
}
.abt2 .abt2_img img {
    padding: 0 1rem;
}
.abt3_dog01 {
    bottom: -2rem;
    left: -2rem;
}
}
@media screen and (max-width: 1200px){
    .abt2 .abt2_img img {
    width: 34%;
}
.abt3_img {
    margin-left: -33rem;
    margin-bottom: -1rem;
    width: 45%;
}
}
@media screen and (max-width: 991px){}
@media screen and (max-width: 768px){
   .abt3 {
    padding: 10rem 0 9rem;
}
   .abt3_inner {
    max-width: 90%;
    padding-top: 8.6rem;
}
    .abt3_dog01 {
    bottom: 9rem;
    left: 3rem;
    width: 35%;
}
.abt3_img {
    margin-bottom: 3rem;
}
}
@media screen and (max-width: 450px){
    #med1 ul li img {
    width: 80%;
}
.abt2 .abt2_txt {
    margin: 0 5rem;
}
.abt3_inner{
    max-width: 95%;
    padding-top: 3.6rem;
    background: #fff;
    min-height: 380px;
    display: block;
    margin: 0 auto;
}
.abt3_txt h2{
    font-size: 20px;
    padding-right: 1.4rem;
    vertical-align: bottom;
}
.abt3_txt h3{
     font-size: 15px;
}
.abt3_txt:before {
    max-width: 30%;
    top: 0;
    left: 1rem;
}
.abt3_txt p, .abt3_txt p:nth-of-type(2){
    padding: 5rem 3rem 0;
}
.abt3_dog01{
    bottom: -7rem;
    left: 0;
    width: 45%;
}
.abt3_img{
    width: 100%;
    margin: 3rem auto 0;
    display: block;
}
}
@media screen and (max-width: 414px){
   #med1{
    height: 235px;
   }
    #med1 ul li {
    padding-right: 2px;
    height: 235px;
}
.abt1 p{
    margin: 6.4rem auto 10.8rem;
}
.abt2 .abt2_img img{
    width: 48%;
}
.abt3{
    padding: 5rem 0 9rem;
}
.abt3_dog01{
    bottom: -9rem;
}
.abt3_img{
    margin: 9rem auto 0;
}
}
@media screen and (max-width: 370px){
.abt3_txt:before{
    max-width: 20%;
    top: 0;
    left: 1rem;
}
.abt3_txt h2{
    padding-left: 8rem;
    padding-right: 1.4rem;
}
.abt3_txt h3{
    display: block;
    margin-left: 8rem;
    margin-top: 1rem;
}
.abt3_txt h3:after{
    max-width: 60%;
}
.abt3_txt p{
    padding: 3rem 1rem 0 2rem;
}
.abt3_txt p:nth-of-type(2){
    padding: 1rem 1rem 0 2rem;
}
}

/***facilities*************************************************************************************************/
.fac{

}
.fac_title{
    background: url(../../images/fac_deco01.jpg) top center no-repeat, url(../../images/fac_bg01_01.png) top center repeat;
    background-size: 100%;
    text-align: center;
    display: inline-block;
    margin: 0 auto;
    width: 100%;
    min-height: 230px;
}
.fac_title .title{
    text-align: center;
    display: inline-block;
    margin: 8rem auto 0;
    width: 100%;
}
.fac_title .title h3{
    font-size: 30px;
    color: #af7547;
    font-family: 'Zen Maru Gothic';
    display: inline-block;
    padding: 0 2rem;
}
.fac_title .title h4{
    font-size: 26px;
    color: #8b5e41;
    font-family: 'Dongle';
     display: inline-block;
     padding-right: 2rem;
}
.fac_title .title img:nth-of-type(1){
    vertical-align: bottom;
}
.fac_title .title img:nth-of-type(2){
    vertical-align: top;
}
.fac_inner{
    background: url(../../images/fac_img01.png) bottom 6rem left no-repeat, url(../../images/fac_bg01_02.png) bottom center no-repeat, url(../../images/fac_bg01_01.png) top center repeat, #fff;
    min-height: 1020px;
    position: relative;
    padding-top: 6.1rem;
        z-index: 0;
}
.fac_inner:after{
    content:'' ;
    background: url(../../images/fac_bg02.png) bottom right no-repeat;
    background-size: 100%;
    width: 919px;
    max-width: 100%;
    min-height: 705px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;

}
.fac_con{
        max-width: 1335px;
    margin-left: auto;
    margin-right: 17rem;
}
.fac_left{
    display: inline-block;
    vertical-align: top;
    padding-right: 2.4rem;
    padding-top: 2rem;
}
.fac_right{
    display: inline-block;
    padding-top: 20rem;
}
.fac_right .bot img{
    border-radius: 20px;
    
}
.fac_right .bot img:nth-of-type(1){
    padding-right: 10px;
    padding-left: 6px;
}
@media screen and (max-width: 1400px){
    .fac_title {
    min-height: 170px;
}
    .fac_title .title {
    margin: 4rem auto 0;
}
.fac_inner {
    background-size: 50%, 100% 100%, auto;
}
.fac_inner:after {
    background-size: 80%;
}
.fac_con {
    margin-right: 3rem;
}
}
@media screen and (max-width: 1200px){
    .fac_title .title h3 {
    padding: 0;
}
.fac_title .title h4 {
    padding-right: 0;
}
.fac_left {
    padding-right: 0;
    width: 30%;
    padding-left: 1rem;
}
.fac_right {
    padding-top: 14rem;
}
}
@media screen and (max-width: 991px){
   .fac_inner:after {
    background-size: 50%;
}
   .fac_con {
    margin-right: 0;
}
    .fac_title {
    background-size: cover;
}
.fac_left {
    width: 80%;
    padding-left: 0;
    display: block;
    margin: 0 auto;
}
.fac_right{
   text-align: center;
    margin: 0 auto;
    display: block;
    padding-top: 4rem;
}
.fac_right .top img:nth-of-type(1){
    width: 50%;
}
.fac_right .top img:nth-of-type(2){
    width: 37%;
}
.fac_right .bot{
        width: 87.5%;
    margin: 0 auto;
    text-align: left;
}
.fac_right .bot img{
    width: 49%;
}
.fac_right .bot img:nth-of-type(1) {
    padding-right: 0;
    padding-left: 0;
        margin-right: 9.9px;
}
}
@media screen and (max-width: 767px){
    .fac_right .top img:nth-of-type(1), .fac_right .top img:nth-of-type(2) {
    width: 90%;
}
.fac_right .top{
    margin-right: 1.1rem;
}
.fac_right .bot {
    width: 90%;
}
.fac_right .bot img {
    width: 100%;
}
.fac_right .bot img:nth-of-type(1) {
    margin-right: 0;
}
}
@media screen and (max-width: 450px){
   
    .fac_right .bot {
    width: 86%;
}
.fac_inner {
    padding-bottom: 31rem;
    background-position: bottom 1rem left, bottom center, top center;
    background-size: 100%, 100% 100%, auto;
}
.fac_inner:after {
    background: none;
}
}
@media screen and (max-width: 414px){}
/***footer*****************************************************************/
footer {
    background: url(../../images/ft_bg_01.jpg) top center no-repeat, url(../../images/ft_bg_03.jpg) bottom center no-repeat, url(../../images/ft_bg_02.jpg) top center repeat;
    text-align: center;
    position: relative;
    z-index: 10;
    background-size: contain;
}

.ftwrap {
    max-width: 1260px;
    text-align: left;
    margin: 0 auto;
}
.ftmap{
    width: 840px;
    max-width: 100%;
    display: inline-block;
    margin-right: 9.3rem;
}
.map {
    position: relative;
    height: 531px;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    border: 10px solid #dbb478;
    border-radius: 20px;
}

.map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
}
@media (max-width:1400px) {
    
}
@media (max-width:1200px) {
   
.ftmap {
    margin-right: 3.3rem;
    max-width: 60%;
}
    
}

@media (max-width:991px) {
.ftwrap {
    width: 95%;
}
.ftmap {
    max-width: 60%;
}
}

@media (max-width:768px) {
    .ftwrap {
    display: flex;
    flex-wrap: wrap;
}
.ftmap {
    max-width: 100%;
    margin: 0 auto;
}
.map iframe {
    border-radius: 11px;
}
}
@media (max-width:414px) {
.map {
    height: 290px;
}
}
@media (max-width:350px) {

}

/*ftlist*/
.ftlist {
    display: inline-block;
    vertical-align: top;
    padding: 5.8rem 0 0;
    font-size: 16px;
}
.ftlist h6{
    margin-bottom: 3rem;
}
.ftlist ul li{
    
}
.ftlist ul li img{
    display: inline-block;
}

.ftlist_txt{
    display: inline-block;
    font-family: 'Noto Sans TC';
}
.ftlist_txt p:nth-of-type(1){
    font-size: 18px;
    color: #78654e;
}
.ftlist_txt p:nth-of-type(2){
    font-size: 16px;
    color: #634735;
}
/*ftlink*/
.ftlink {
    text-align: center;
}

.ftbtn li {
    display: inline-block;
    width: 30%;
    padding: 2em .5em;
}

.ftbtn li a {
    
}

.ftbtn li img:nth-of-type(1) {
    transition: .5s cubic-bezier(0.25, 1, 0.5, 1);
}

.ftbtn li img:nth-of-type(2) {
    -webkit-filter: drop-shadow(0px -3px 1px rgb(89, 57, 14, 1));
    filter: drop-shadow(0px -3px 1px rgb(89, 57, 14, 1));
    transition: .3s ease all;
}


.ftbtn li a:hover {
    
}

.ftbtn li a:hover img:nth-of-type(1) {
    transform: translateY(-10px);
    opacity: .5;
}

.ftbtn li a:hover img:nth-of-type(2) {
    -webkit-filter: drop-shadow(0px 0px 0px rgb(89, 57, 14, 1));
    filter: drop-shadow(0px 0px 0px rgb(89, 57, 14, 1));
}



.footer_bot{
    max-width: 1248px;
    margin: 2rem auto;

}

/*share*/
.share {
    color: #8c7b66;
    font-size: 16px;
    font-family: 'Dongle';
    display: inline-block;
    width: 24%;
    text-align: left;
}

.share a {
    color: #e2bf8f;
    font-size: 14px;
    display: inline-block;
        padding-right: 1rem;
}

.share a:hover {
    opacity: .7;
}


/*ftrt*/
.ftrt {
    color: #8c7b66;
    font-size: 14px;
    font-family: 'Noto Sans TC';
    display: inline-block;
    top: 0;
    right: 0;
    width: 75%;
    text-align: right;
}

.ftrt a {
    color: #8c7b66;
    display: inline-block;
}

.ftrt a:hover {
    color: #be5c2d;
}

#gotop {
    position: fixed;
    bottom: 31rem;
    right: 5.8rem;
    z-index: 50;
    cursor: pointer;
    display: none;
}
#btn {
    position: fixed;
    bottom: 5rem;
    right: 4.8rem;
    z-index: 50;
    cursor: pointer;
    display: none;
}
#btn a:nth-of-type(2){
    margin-top: 1rem;
}

#gotop img {
    transition: .3s cubic-bezier(0.25, 1, 0.5, 1);
}
#btn a img{
   transition: .3s cubic-bezier(0.25, 1, 0.5, 1); 
}
#gotop:hover img {
    transform: translateY(-10px);
}
#btn a:hover img {
    transform: translateY(-10px);
}

@media (max-width:1580px) {
    
    
}

@media (max-width:1440px) {
	
}

@media (max-width:1200px) {
.ftlist {
    width: 30%;
}
#gotop {
    right: 2.8rem;
}
#btn {
    right: 1.8rem;
}
}

@media (max-width:991px) {
  

.ftlist {
    width: 30%;
}
.footer_bot {
    width: 95%;
}
 
}
@media (max-width: 768px){
	
.ftlist {
 width: 45%;
    order: -1;
    margin: 0 auto;
	padding: 10.8rem 0 0;
}
.ftbtn{
    text-align: center;
}

.ftrt {
    width: 100%;
    text-align: center;
}
.footer_bot {
    margin: 4rem auto;
}
.share {
    width: 100%;
    text-align: center;
}
#gotop {
    bottom: 25rem;
    right: 3.8rem;
}
#btn a{
   width: 80%; 
}
}
@media (max-width:450px) {
    
.ftlist {
    width: 70%;
}
    #gotop {
    width: 8%;
    right: 1.3rem;
}
#btn {
    right: 0.8rem;
    bottom: 9rem;

}
#btn a {
    width: 60%;
    margin-left: auto;
}   
}
@media (max-width: 414px){
	
.ftlist {
    width: 90%;
}

}
@media (max-width: 390px){

}
@media (max-width: 350px){
	

.ftlist {
    width: 100%;
    padding: 0 0.2em;
}
#gotop {
    right: 1.6em;
}
}
/**/
#about, #facilities {
    transform: translateY(-50px);
}

@media (max-width:991px) {

}

@media (max-width:768px) {

}

@media (max-width:450px) {

}
/***news*************************************************************************************************/
.news {
    background: url(../../images/news_bg01.png) top center no-repeat, #fff;
    padding-top: 23rem;
    padding-bottom: 12rem;
}
.news .title{
    text-align: center;
    display: inline-block;
    margin: 0 auto;
    width: 100%;
}
.news .title h3{
    font-size: 30px;
    color: #af7547;
    font-family: 'Zen Maru Gothic';
    display: inline-block;
    padding: 0 2rem;
}
.news .title h4{
    font-size: 26px;
    color: #8b5e41;
    font-family: 'Dongle';
     display: inline-block;
     padding-right: 2rem;
}
.news .title img:nth-of-type(1){
    vertical-align: bottom;
}
.news .title img:nth-of-type(2){
    vertical-align: top;
}
.newslist {
    max-width: 1248px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    padding-top: 12.4rem;
}


.newslist table {
    color: #000;
}

table.tableimg {
    width: 90%;
    margin-left: auto;
}

/***newslist_rwd2***/
.newslist_rwd2 {
    text-align: center;
    padding: 1em 0;
    display: inline-block;
    width: 318px;
    max-width: 100%;
    margin: 1rem;
    position: relative;

}

.newslist_rwd2 .ntitle2 {
    text-align: left;
    position: relative;
    margin: 0;
    padding: 3rem 0 0 0;
    display: inline-block;
    vertical-align: middle;
    max-width: 290px;
}

.newslist_rwd2 .ntitle2 h3 {
    font-size: 22px;
    color: #be5b2c;
    padding-top: 2rem;
    padding-bottom: 1rem;
}


.newslist_rwd2 .ntitle2 p {
    font-size: 16px;
    color: #634735;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 0 0 1rem;
    font-weight: 400;
    letter-spacing: 2px;
    padding-top: 1rem;
    
}

.newslist_rwd2 a {
    position: relative;
    transition: .3s ease all;
    line-height: 1.5;
    color: #000;
    display: contents;
}

.newslist_rwd2 a:hover .ntitle2 p {
    color: #646e53;
}

.newslist_rwd2 a:hover .npic2 {
    transform: translateY(-5px);
}
/*page_num*/
.page_num {
    padding: 1em 0;
    font-size: 16px;
}

.page_num a {
    display: inline-block;
}

.inews .page_num {
    display: none;
}

/*npic2*/
.npic2 {
    position: relative;
    width: 248px;
    min-height: 248px;
    transition: .3s ease all;
    vertical-align: top;
    max-width: 100%;
    margin: 0 auto;
}

.npicimg2 {
    position: absolute;
    top: 3%;
    left: 0%;
    width: 100%;
    height: 100%;   
    border-radius: 50%; 
    
}
.npicimg2 img{
    
}
.newstitle {
    font-size: 22px;
    color: #be5b2c;
}

.detail {
    font-size: 16px;
    color: #634735;
    text-align: left;
}

.date {
    font-size: 16px;
    color: #634735;
    text-align: right;
    font-family: 'Noto Sans TC';
}

.back a {
    font-size: 16px;
    color: #634735;
    text-align: right;
}
@media screen and (max-width:1630px) {}

@media screen and (max-width:1400px) {
    

}

@media screen and (max-width:1200px) {
    
.newslist_rwd2 .ntitle2 {
    padding: 0;
}
}

@media screen and (max-width:991px) {
    

    .npic2 {
        position: relative;
        
    }

    
}

@media screen and (max-width:768px) {
    .newslist_rwd2 {
        width: 90%;
    }


}

@media screen and (max-width:450px) {
  .news {
    padding-top: 16rem;
}  
.newslist_rwd2 .ntitle2 {
    padding: 2rem 0 0 0;
}
.tableimg {
   margin: 0 2rem;
}
}

@media screen and (max-width:390px) {
    .npic2 {
        
    }
}

@media screen and (max-width: 350px) {
    .npic2 {
        
    }
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
    background: transparent;
    border: solid 2px #c2bdb9;
    border-radius: 2px;
    color: #464341;
    padding: .5em 1em;
    margin: .5em;
    transition: .3s ease all;
    letter-spacing: 2px;
    font-weight: 400;
    font-size: 16px;
}

button:hover,
html input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
    border-radius: 20px;
}