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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
    background: white;
    background-repeat: no-repeat;
    font-weight: 400;
    font-size: 1.4rem;
    font-family: 'Noto Sans TC', "Microsoft JhengHei", sans-serif;


}
body :target:before{
  display: block;
  content: "";
  height: 170px;
  margin: -170px 0 0;}

 ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
    border-spacing: 0;

}

caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
#include-footer{ background-color: #ffffff;}
/*選單*/
.indexnav nav .nav-item:nth-child(1) a {color: #ff0000;}
.newsnav nav .nav-item:nth-child(2) a {color: #ff0000;}
.Signnav nav .nav-item:nth-child(3) a {color: #ff0000;}
.schedulenav nav .nav-item:nth-child(4) a {color: #ff0000;}
.Marketnav nav .nav-item:nth-child(5) a {color: #ff0000;}
.ideanav nav .nav-item:nth-child(6) a {color: #ff0000;}
.conceptnav nav .nav-item:nth-child(8) a {color: #ff0000;}
/*外部更改owl-carousel*/
#demos .owl-nav{ position: absolute;z-index: 100; display: block; width: 100%;top: calc(50% - 100px); font-size: 100px;}
#demos .owl-nav .owl-prev{position: absolute;left:0%;color: #000;}
#demos .owl-nav .owl-next{position: absolute;right:0%;color: #000;}
#demos .owl-theme .owl-dots .owl-dot span{ width: 20px; height: 20px;}
#demos .owl-theme .owl-dots{ padding-top: 10px}
#demos{  z-index: 100;}
#demos .item{background-color: #FFF;padding: 20px;cursor: pointer;margin-left: 10px;margin-right: 10px;}
#demos .item h3{font-size: 1.2rem;font-weight: bold;line-height: 28px;min-height: 60px;}
#demos .item a{ text-decoration:none; color: #000;}
#demos .item p{font-size: 1rem;line-height: 20px;padding-bottom: 10px;min-height: 80px;}

/* 更改 bootstrap元素*/
.bg-light{ background-color: #a1e8ea!important}
.navbar-nav{ font-size: 1rem;font-weight: bold;}
#menu .nav-item{width: 12.5%;}
.dropdown-item{padding: 0.5rem 1.5rem ;}
.dropdown-menu{padding: 0px;}
.dropdown-item:hover, .dropdown-item:focus{
  color:#ffffff;
  background-color: #89ccce;
}
.nav-link{line-height: 35px}
.navbar{padding:0rem 1rem;}
li.nav-item.dropdown:nth-child(3){background-color: rgb(255, 240, 51);}
a#navbarDropdown:nth-child(3){color:rgba(255, 255, 255, 1)}
.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active{color:#e95420}

.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,1);}
.navbar-toggler:not(:disabled):not(.disabled){margin: 5px;}
.card-title{font-size: 1.3rem;color: #E95420;font-weight: bold;}
.card-text{font-size: 1rem;line-height: 20px;padding-bottom: 5px;}
.card{ position: relative; margin-bottom: 15px;}
.card:hover{ background-color: #ffffea}
.card a{text-decoration: none; }
.card a .card-title:hover{ }
.card a .card-text{color: #000;}
.breadcrumb{ background: none; font-size: 1rem;}
.row{padding: 15px 0px 15px 0px}
button.btn.btn-link.collapsed{ width: 100%; text-align: left;}
.accordion .card:not(:first-of-type) .card-header:first-child{width: 100%; text-align: left;}
#schedule .btn:not(:disabled):not(.disabled){width: 100%; text-align: left;}
.accordion .card-body{text-align: left;}
.accordion .card,.accordion .card-header{ border: none}
/* 浮動absolute */
.news_style .digital,
.news_style .Award,
.hotnew,
img.right_banner,
.news_Foreword1,
.news_Foreword2,
.news_Foreword3,
.news_Foreword4,
.link_btn,
.nono,
.plant1,
.plant2,
.picnic1,
.picnic2,
.Sold,
.banner_txt,
.banner-btn,
.banner_txt,
.banner_001,
.banner_002,
.banner_003,
.banner_004,
.banner_005,
.banner_006,
.banner_007,
.banner_008,
.banner_009,
.banner_010,
.banner_011,
.banner_012,
.banner_013,
.banner_014,
.banner_015,
.banner_016,
.banner_017,
.banner_018{ position: absolute; display: block;}
/* 這是設定所有放大縮小的物件是使用移動方式變化 */
.move{
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;}
/*對其方式*/
.text-align_C{ text-align:center}
.text-align_L{ text-align:left}
.text-align_R{ text-align:right}
/*圖片設定*/
img.icon{  display: block; max-width:300px; width: 100%; margin: 0 auto; border: #4fbf9f 4px solid}
a:hover img.icon{ border: #ff8040 4px solid}
img.photo007{padding-bottom: 0px;width: 90%;max-width: 325px;}
img.photo008{width: 100%;max-width: 600px;border: #4fbf9f 4px solid}
img.photo001{ padding-bottom: 10px; width: 100%;}
img.photo002{ padding-bottom: 10px;padding-top:10px ;max-width: 280px;}
img.photo003{ padding-bottom: 10px;padding-top:10px ;max-width: 240px;}
img.photo004{ padding: 0px; width: 100%;}
img.photo005{ padding: 0px; width: 100%;}
  img.photo006{  max-width: 400px; border: #03c302 solid 1px;border-radius: 10px; width: 100%;}
  img.nono{  max-width: 800px; width: 100%;}
img.hotnew{right: 10px;top: 10px;width: 70px;height: auto;}
/*order順序*/
.order01 {-webkit-animation-delay:0.1s;animation-delay:0.1s;animation-duration: .7s}
.order02 {-webkit-animation-delay:0.6s;animation-delay:0.6s;animation-duration: 1s}
.order03 {-webkit-animation-delay:0.9s;animation-delay:0.9s;animation-duration: 1s}
.order04 {-webkit-animation-delay:1.2s;animation-delay:1.2s;animation-duration: 1s}
.order05 {-webkit-animation-delay:1.4s;animation-delay:1.4s;animation-duration: 1s}
.order06 {-webkit-animation-delay:1.6s;animation-delay:1.6s;animation-duration: 1s}
.order07 {-webkit-animation-delay:1.8s;animation-delay:1.8s;animation-duration: 2s}

#lohas{position: relative; overflow: hidden;}
#menu{ background-color: #89ccce;position: fixed; top:0;left: 0; width: 100%;display: block;z-index: 100;}
.logo{ display: block;max-width: 180px;height: auto; width: 100%; margin: 0 auto; padding: 5px;}
.logo2{ display: block;max-width: 400px;height: auto; width: 100%; margin: 0 auto; padding: 5px;}
.link_btn{padding-top: 10px; right: 10px;}
/*標題*/
.marker_yellow {
  background: linear-gradient(transparent 60%, #ffff66 40%);
  font-weight:800;
  font-size: 34px;
  display:inline-block;
  margin: 0 auto;
  min-width: 300px;
  padding-top: 20px;
  color: #2b815c;
  margin-bottom: 20px;
  }

  .marker_yellow2{ background: linear-gradient(transparent 60%, #ea8ff8 40%);
    font-weight:800;
    font-size: 28px;
    display:inline-block;
    margin: 0 auto;
    min-width: 200px;
    padding-top: 20px;
    color: #252525;
    margin-bottom: 20px;}

/*按鈕*/
.button {
  display: inline-block;
  text-align: center;
font-size: 1rem;
  padding: 8px 20px;
  border: 0px solid #ffffff;
  border-radius: 35px;

  color: #ffffff;
  text-decoration: none; font-family: 'Noto Sans TC', "Microsoft JhengHei", sans-serif;
}
.button:hover,
.button:focus {
 color: #ffffff;
text-decoration: none;

}

.button:before{
  content:  " ";
  display: inline-block;
  height: 20px;
  width: 20px;
  line-height: 20px;
  margin: 0 2px -6px -4px;
  position: relative;
  top: -3px;
  left: 0px;
  }
/*按鈕%寬*/
.button5 {
  display:block;
  text-align: center;
  font-weight: bold;
  padding: 13px 10px;
  border: 0px solid #ffffff;
  border-radius: 35px;
font-size:1rem ;
  color: #ffffff;
  text-decoration: none; font-family: 'Noto Sans TC', "Microsoft JhengHei", sans-serif;margin-bottom: 10px
}
.button5:hover,
.button5:focus {
 color: #ffffff;
text-decoration: none;

}

.button5:before{
  content:  " ";
  display: inline-block;
  height: 20px;
  width: 20px;
  line-height: 20px;
  margin: 0 2px -6px -4px;
  position: relative;
  top: 0px;
  left: 0px;}
/*按鈕無緣腳*/
 .button2 {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding: 8px 20px;
  border: 0px solid #ffffff;
  border-radius: 5px;
font-size: 1rem;
  color: #ffffff;
  text-decoration: none; font-family: 'Noto Sans TC', "Microsoft JhengHei", sans-serif;
}
.button2:hover,
.button2:focus {
 color: #ffffff;
text-decoration: none;

}

.button2:before{
  content:  " ";
  display: inline-block;
  height: 20px;
  width: 20px;
  line-height: 20px;
  margin: 0 2px -6px -4px;
  position: relative;
  top: -3px;
  left: 0px;
}

/*按鈕無箭頭*/



.fb-btn{
  background-color: #3a559f;
  background-repeat: no-repeat ;
  background-position: left center ;

}
.fb-btn:before{  background-size: 100% 100%;
  background: url(../images/facebook.svg);}
.fb-btn:hover{
    background-color: #25376b;}

.line-btn{
      background-color: #00c500;
      background-repeat: no-repeat ;
      background-position: left center ;

    }
.line-btn:before{  background-size: 110% 110%;
      background: url(../images/line.svg);}
.line-btn:hover{
        background-color:#01a001;}
.gomap-btn{
      background-color: #ebba16;
      background-repeat: no-repeat ;
      background-position: left center ;

    }
.gomap-btn:before{  background-size: 110% 110%;
      background: url(../images/maps-and-flags.svg);}
.gomap-btn:hover{
        background-color:#f09204;}

.Calendar-btn{
          background-color:#df3131;
          background-repeat: no-repeat ;
          background-position: left center ;

        }
.Calendar-btn:before{  background-size: 110% 110%;
          background: url(../images/calendar.svg);}
 .Calendar-btn:hover{
            background-color:#cc0707}



        .sign-btn{
          background-color: #ffe600;
          color: #000;
          background-repeat: no-repeat;
          background-position: center right;
          padding: 11px 60px;
          font-size: 1.3rem;
          font-weight: bold;
          line-height: 35px;
          margin-right: 0px;
          margin-bottom: 15px;
        }
        .sign-btn:before{  background-size: 100% 100%;
          background: url(../images/aw01.svg);}
        .sign-btn:hover{
            background-color:#ffbb00;color: #000;}

 .sign-btn2{
          background-color: #ff5335;
          color: #fff;
          background-repeat: no-repeat;
          background-position: center right;
          padding: 10px 30px;
          font-size: 1.3rem;
          font-weight: bold;
          line-height: 35px;
          margin-right:  20px;
          margin-bottom: 15px;
        }
        .sign-btn2:before{  background-size: 100% 100%;
          background: url(../images/aw02.svg);}
        .sign-btn2:hover{
            background-color:#fc2904;color: rgb(230, 255, 1);}

            .sign-btn3{

              background-color: #00c500;
              color: #fff;
              background-repeat: no-repeat;
              background-position: center right;
              padding: 11px 60px;
              font-size: 1.3rem;
              font-weight: bold;
              line-height: 35px;
              margin-right:  20px;
              margin-bottom: 15px;
            }
            .sign-btn3:before{  background-size: 100% 100%;
              background: url(../images/aw02.svg);}
 .sign-btn3:hover{
                background-color:#029e02;color: rgb(230, 255, 1);}


                .sign-btn4{
                  background-color: #ffe600;
                  color: #000;
                  background-repeat: no-repeat;
                  background-position: center right;
                  padding: 11px 60px;
                  font-size: 1.3rem;
                  font-weight: bold;
                  line-height: 35px;
                  margin-right: 15px;
                  margin-bottom: 15px;
                }
                .sign-btn4:before{  background-size: 100% 100%;
                  background: url(../images/aw01.svg);}
                .sign-btn4:hover{
                    background-color:#ffbb00;color: #000;}


/*沒有箭頭*/

.botton_nobackground {border-radius: 35px;margin-bottom:10px;
  text-decoration: none;
   font-family: 'Noto Sans TC', "Microsoft JhengHei", sans-serif;
                  color: #fff;
                  padding: 11px 20px;
                  font-size: 1.3rem;
                  font-weight: bold;
                  line-height:26px;
                  width: 90%;
                  display: block;text-decoration: none;
                  margin: 0 auto;
  }
/*沒有箭頭與原繳*/

  .botton_nobackground2 {
    border-radius: 5px;
    margin-bottom:10px;
    text-decoration: none;
    font-family: 'Noto Sans TC', "Microsoft JhengHei", sans-serif;
    color: #fff;
    padding: 11px 20px;
    font-size: 1rem;
    font-weight: bold;
    line-height: 26px;
    width: 100%;
    display: block;
    text-decoration: none;
    margin: 0 auto;
    }
.btna{
    background-color:#2AA198;
    color: #FFF;
    text-decoration: none; }
.btna:hover{
background-color:#22847c;
color: #FFF;
text-decoration: none; }
.btnb{
  background-color:#839496;
  color: #FFF;
  text-decoration: none; }
.btnb:hover{
background-color:#a4c0c4;
color: #FFF;
text-decoration: none; }

.btnc{
  background-color: #ff4b00;
  color: #FFF;
  text-decoration: none;
  }
.btnc:hover{
background-color:rgb(236, 105, 48);
color: #FFF;
text-decoration: none; }

.btnd{
  background-color:#227dbc;
  color: #FFF;
  text-decoration: none; }
.btnd:hover{
background-color:#4da2df;
color: #FFF;
text-decoration: none; }




/*banner*/
#bigbanner{ width: 100%; background-color: #3b9d5b;overflow: hidden; position: relative;}
.banner{ display: block; margin: 0 auto;}
.banner_txt{ display:inline-block;}
.banner_txt p{color: #fff;font-size: 1.2rem;line-height: 30px;}
img.maplink{ width: 20px; height: auto; margin-left: 5px;margin-top: 5px;}

/*rightbanner*/
img.right_banner{right: 0px; z-index: 200; top:30%;max-width: 150px;position: fixed;border: #fff 1px solid}
img.right_banner_mb{max-width: 480px; height: 65px;width: 100%;margin: 0 auto;display: block;}

/*首頁關於樂活*/
#about{width: 100%; background-color: #3b9d5b; position: relative;}
.mat{ background-color: #FFF;padding: 8px; display: block; margin: 0 auto;box-shadow: 5px 5px 14px -3px #242424;
  -webkit-box-shadow: 5px 5px 14px -3px #242424;
  -moz-box-shadow: 5px 5px 14px -3px #242424;
  -o-box-shadow: 5px 5px 14px -3px #242424;}
.Grain{ background-image: url(../images/picnicbg.png);background-repeat:repeat; text-align: center}
.Grain p{ font-size: 1rem;line-height: 1.8rem; padding-top: 15px}
.Grain h1{font-weight:800;font-size: 1.8rem;color: #2b815c;padding-top: 20px;}
.Grain h2{font-weight:800;font-size: 1rem;color: #2b815c;padding-top: 10px;padding-bottom: 20px;}
.redb{ color: #eb0303;font-weight: bold;}

/*內容*/
#content{ display: block;}

/*海波浪*/
.wavebg{background-image: url(../images/bbg.jpg);background-repeat:repeat-x;display: block;width: 100%;height: 22px;background-size: 44px;}
.wavebg2{ background-image: url(../images/bbg2.jpg); background-repeat:repeat-x
  ;display: block;width: 100%;height: 13px;margin-bottom: 10px}
/*活動亮點與交通知訊*/
#focuss{
  background-image:
  url(../images/sky.png),url(../images/focusbg.jpg);
  background-repeat:no-repeat,repeat;
  background-position: top center;

  display: block;width: 100%;
padding-bottom: 20px}
#map{ margin-bottom: 20px;display: block;background-color: #ccc; margin-top: 20px;margin: 0 auto;}
#traffic p{font-size: 1rem; line-height: 1.7rem}

/*內頁開始=================================================================================*/
.inbanner{width: 100%; background-color: #3b9d5b;}
.title{ font-size: 1rem;line-height: 1.4rem; padding-bottom: 20px;position: relative;}
.skybg{
display: block;width: 100%;
padding-bottom: 20px;padding-top: 20px}

.miikbg{background-image: url(../images/idea/milk/bg.jpg);border-bottom: 1px dotted #0cd ;
  display: block;width: 100%;
  padding-bottom: 20px;padding-top: 20px; background-size: cover}
  .mountainbg{background-image: url(../images/idea/MERRELL/bg.jpg);border-bottom: 1px dotted #0cd;
    display: block;width: 100%;
    padding-bottom: 20px;padding-top: 20px; background-size: cover}
    .evereasybg{background-image: url(../images/idea/evereasy/bg.jpg);border-bottom: 1px dotted #0cd;
      display: block;width: 100%;
      padding-bottom: 20px;padding-top: 20px; background-size: cover}

      .wuanchuangbg{background-image: url(../images/idea/wuanchuang/bg.jpg);border-bottom: 1px dotted #0cd;
        display: block;width: 100%;
        padding-bottom: 20px;padding-top: 20px; background-size: cover;background-position: center}


      .freseniusbg{background-image: url(../images/idea/fresenius/bg.jpg);border-bottom: 1px dotted #0cd;
        display: block;width: 100%;
        padding-bottom: 20px;padding-top: 20px; background-size: cover}

        .tomaxbg{background-image: url(../images/idea/tomax/bg.jpg);border-bottom: 1px dotted #0cd;
          display: block;width: 100%;
          padding-bottom: 20px;padding-top: 20px; background-size: cover}

.skybg2{background-image: url(../images/mainSecond_bg.jpg);background-position: center center;
  display: block;width: 100%;
  padding-bottom: 20px;padding-top: 20px}
/*最新消息-前言*/
#news_Foreword{ position: relative;overflow: hidden;}
/*最新消息-文章----------------------------------------------*/
.news_style h1{ font-size: 2rem;font-weight: 800; color: #ec3c06;}
.freseniusbg h1{color:#0033a0}
.news_style h2{ font-size: 1.6rem;font-weight: 800; color: #1b995e; line-height: 46px}
.news_style p{ font-size: 1rem;font-weight: 400;line-height: 28px; padding-bottom: 15px}
.news_style img.idealogo{ width: 100%; height: auto;max-width:390px; display: block;}
.news_style img.newsphoto{ width: 100%; height: auto; position: relative;}
.news_style .digital{ position: absolute; display: block; color: #d35470;
  background-image: url(../images/label1.svg);background-repeat: no-repeat;
width: 50px;height: 50px;bottom:60px; left: 30px;line-height: 44px;font-size: 16px;background-position: center center}

.news_style .Award{ position: absolute; display: block; color: #896a45;
  background-image: url(../images/label2.svg);background-repeat: no-repeat;
width: 200px;height: 40px;top:20px; left: -23px;line-height: 44px;font-size: 16px;background-position: center center}
.article_home{ width: 100%; border: 1px solid #c0c0c0;background-image: url(../images/BG_AC-home.png);line-height: 70px;margin-bottom:15px;
   background-repeat:no-repeat;background-color: #FFF ;background-size:contain;min-height: 100px ;padding-left: 70px;padding-top: 15px}


   .article_next{ width: 100%; border: 1px solid #c0c0c0;background-image: url(../images/BG_AC-next.png);line-height: 70px;margin-bottom:15px;
    background-repeat:no-repeat;background-color: #FFF ;background-size:contain;min-height: 100px ;padding-left: 70px;padding-top: 15px}

    .article_next2{ width: 100%; border: 1px solid #c0c0c0;background-image: url(../images/BG_AC-next.png);line-height: 29px;margin-bottom:15px;
      background-repeat:no-repeat;background-color: #FFF ;background-size:contain;min-height: 100px ;padding-left: 70px;padding-top: 15px}
/*報名介紹框*/
 .Introduction{ }
 .Introduction h2{font-size: 2rem;font-weight: 800}
 .Introduction P{font-size: .9rem;line-height: 1.5rem}
 .PS{font-size: 1rem;line-height: 20px;background-color: #ec3c06;color:#FFF;font-weight: bold;}
 .postcard{	max-width: 1000px;margin: 0 auto;
	min-width: 200px;
	width: 100%;
	height: 100%;
	position: relative;
	float: left;
  background-image: repeating-linear-gradient(-45deg, #eb9481, #eb9481 30px, #fff5e9 30px, #fff5e9 40px, #aeddc9 40px, #aeddc9 70px, #fff5e9 70px, #fff5e9 80px);
  box-shadow: 4px 3px 24px #7A7A7A;
  -webkit-box-shadow: 4px 3px 24px #7A7A7A;
  -moz-box-shadow: 4px 3px 24px #7A7A7A; }
  .AAA {
    display: block;
    width:96%;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 96%;
    background:#fff5e9;
  }

  .Text,.Text2{ background-color:#fceacb ;padding: 10px;overflow:auto;}
  .left{ float: left; width: 65%; display: block;}
  .right{float: right; width: 35%; display: block;}
  .clear{clear: both}
  .box1{ padding-left: 15px;padding-right: 15px; background-image: url(../images/food.jpg)}
  .box1:hover{background-image: url(../images/food2.jpg)}
  .box1 a { color: #000; text-decoration: none; }
  .box1 a:hover{ color:#000; text-decoration: none ;}
  .box1 a:hover h3{color:#cc0707}


  #news_Foreword ol{ font-size: 1rem;line-height: 24px;list-style-type:decimal;margin-left: 20px}
  #news_Foreword p{line-height: 30px;font-size: 1.2rem;}
  #news_Foreword h2{ font-size: 1.8rem;padding-top: 20px; color: #eb0303}
  .Sold{ display: block; width: 200px;text-align: center; color: #FFF ;z-index: 25;font-size:2rem;left: calc(50% - 100px);top: calc(50% - 60px)}
.iconbox{ display: block; float: left; text-align: center; padding: 10px;}
.iconbox2{ display: block; float: left; text-align: center; padding: 10px;}
.iconbox3{ display: block; float: left; text-align: center; padding: 10px;}
.bigbox{display: block;margin: 0 auto;text-align: center;padding-bottom: 0px;width: 90%;}
.bigbox2{display: block;margin: 0 auto;text-align: center;padding-bottom: 0px;width: 400px;}
.bigbox3{display: block;margin: 0 auto;text-align: center;padding-bottom: 0px;width: 100%;}
#schedule {  }
#schedule .card-header{padding: 0px;background-color: #fffc95;}
#schedule .card .row,#schedule .card .btn{padding: 0px;border:none}
#schedule .card .row,#schedule .card .btn-link:hover{text-decoration:none;}
#schedule .card .row,#schedule .card .btn-link{text-decoration:none;}
#schedule .card .row,#schedule .card h5{line-height: 1rem}
#schedule .time{
  -webkit-clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0%, 85% 100%, 0% 100%);
  display: block;
  float: left;
  width: 100%;
  height: 60px;
  line-height: 60px;
  background-color: #f7e945;
  font-weight: bold;
  font-family:arial;
  font-size: 1rem;
  min-width: 120px;
  text-align: center;
  }
#schedule .mark{display: block;float: left;width: 75px;height: 60px;line-height: 60px;background-color: #ffff8c;font-weight: bold;font-family:arial;font-size: 1rem;min-width: 60px;text-align: center;padding-right: 20px;}
#schedule .timetxt{ display: block; width: 100%;height: 60px; background-color: #ffff8c;font-size: 1rem; padding-left: 10px;font-weight: bold;}
#schedule .card-body{ border-bottom: 2px #ffff80 solid;}
#schedule .card .row,#schedule .card .btn-link{color: #575757}
#schedule .card .row,#schedule .card .btn-link:hover{ color: #000;}
#schedule .card-body h2{font-size: 1.8rem;font-weight: 800;color: #7d549e;}
#schedule .card-body h3{color: green;font-weight: 800;font-size: 1.3rem;padding-top: 5px;}
#schedule .card-body .teacher{color: black;font-size: 1.3rem;background-image: url(../images/man-user.svg);background-repeat: no-repeat;padding-left: 20px;background-size: 20px;margin-left: :15px;}
#schedule .card-body .nobg{color: black;font-size: 1.3rem;padding-left: 10px;background-size: 20px;margin-left: :15px;}
#schedule .card-body .nobg2{color: rgb(250, 50, 0);font-size: 1.8rem;padding-left: 10px;background-size: 20px;margin-left: :15px;}
#schedule .card-body p{font-weight: normal;color: #333333;font-size: 1rem; line-height: 22px}
#schedule .collapse{ background-image: url(../images/linedpaper.jpg)}
#market h2{ background: linear-gradient(transparent 60%, #ea8ff8 40%);
  font-weight:800;
  font-size: 28px;
  display:inline-block;
  margin: 0 auto;
  min-width: 200px;
  padding-top: 20px;
  color: #252525;
  margin-bottom: 20px;}
.brr{height: 1px;}

#market .card-body{padding:.8rem}
  /*內容頁面臉書粉絲團*/
.gofb .col-md-4{padding-bottom: 15px;}
.card-body{padding: .8rem;}
.h-100{height: 98% !important;}
/*暫時影藏區=================================================================================*/
#market_b,#market_c,#market_d{display: none}

/*內頁結束=================================================================================*/
/*主辦單位與贊助廠商ＬＯＧＯ*/

.logoBox{text-align: center; font-size: 0.8rem; padding-top: 15px; max-width: 900px; display: block; margin: 0 auto;}
.logoBox dt{margin-bottom:.5rem}
.logoBox dl{padding-bottom: 20px}
.logoBox dd{display:inline-block;vertical-align:middle;margin: 0rem 0rem 1rem 1rem;}
.logoBox .ch{max-height: 35px; width: auto;}
.logoBox .ch2{max-height: 40px; width: auto;}
.logoBox .chclub{max-height: 60px;}


/*回到上方*/
.goTop {
  display: none;
  width: 42px;
  height: 42px;
  line-height: 42px;
  position: fixed;
  right: 3%;
  color: #eee;
  font-size: 16px;
  background: #929292;
  text-align: center;
  text-decoration: none;
  opacity:0.85; /*透明*/
  filter:alpha(opacity=85);z-index: 50;}
.scrollup:hover,.scrollup:focus  {
  color: #eee;
  text-decoration: none;
  background: #5b5b5b;
  z-index:9999 ;
}
/*footer*/
#commonhealth_footer {padding-top: 10px;border-bottom: seagreen 8px solid;}
.commonhealth_footer-channel {
  width: 100%;
  font-size: 0.9375rem;
  font-size: 15px;
  line-height: 1;
  text-align: center;
  margin-bottom: 5px;
}
.commonhealth_footer-channel li {
  display: inline-block;
  border-right: 1px solid #ccc;
  padding-right: 12px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.commonhealth_footer-channel li a {
  color: #333;
  text-decoration: none;
  position: relative;
}
.commonhealth_footer-channel li a:after {
  content: "";
  background-color: #094;
  width: 0;
  height: 1px;
  position: absolute;
  left: 50%;
  bottom: -3px;
  display: inline-block;
  transition: .3s;
}
.commonhealth_footer-channel li a:hover:after {
  width: 100%;
  left: 0;
}
.commonhealth_footer-channel li:last-child {
  border: none;
  margin-right: 0;
  padding-right: 0;
}
.commonhealth_footer-channel a:hover {
  color: #000;
}
.commonhealth_footer-copyright {
  color: #555;
  font-size: 0.875rem;
  font-size: 14px;
  text-align: center;
}
.commonhealth_footer-channel br, .commonhealth_footer-copyright br {
  display: none;
}
  /*FOOTER購買鈕*/


  .fixBtn a.btn { position: relative; display: block; width: 200px; padding: 16px 0; line-height: 1; font-size: 1rem; text-align: center; color: #FFF; -webkit-border-radius: 5px; border-radius: 5px; /*background-color: #dc0000; border-bottom: 5px solid #960000; border-bottom: 5px solid #00622e; background-color: #009446; background-color: #ff7505; border-bottom-color: #e34500;*/ background-color: #e83903; border-bottom: 5px solid #a32904; transition: .1s; }
  .fixBtn a.btn span { position: relative; display: inline-block; width: 1rem; height: 1rem; margin-left: 0.2rem !important; /*animation: flash .9s infinite backwards;*/ }
  .fixBtn a.btn span:before,a.btn span:after { content: ""; width: 13px; height: 3px; background-color: #FFF; transform: rotate(45deg); position: absolute; left: 3px; top: 3px;}
  .fixBtn a.btn span:after { transform: rotate(-45deg); top: 10px; }
  .fixBtn a.motionBtn { animation: motionBtn .9s steps(2, end) infinite backwards; border-bottom: 3px solid #960000; padding-top: 18px;}
  .fixBtn a.btn:hover { animation-name: none; border-bottom-color: #00823d; background-color: #119d51; border-bottom-width: 1px; padding-top: 20px; }
  .fixBtn a.btn.green { border-bottom-color: #00823d; background-color: #119d51;}
  .Copyright{font-size: .8rem;line-height: 20px;padding-bottom: 15px; text-align: center; color: rgb(61, 61, 61);}
/*	↓↓↓↓	螢幕尺寸大於971時頁面顯示效果↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓	 */
@media (min-width: 992px) {
  .iconbox{ width: 25%; }
  .iconbox2{width: 50%;}
  .iconbox3{width: 33%;}
  .brr{ display: none}
  .navbar-expand-lg .navbar-nav .nav-link{padding-right: 0rem;padding-left: 0rem;}
  .link_btn{ display: block;}
  /*FOOTER購買分享*/
.fixBottom { display:none; position: fixed; left: 0; bottom: -400px; z-index: 805; width: 100%; transition: .3s; }
/*banner*/
.banner{height: 800px;margin-top: 128px;position: relative;max-width: 1300px;}
#content{margin-top: 128px}
.banner_txt{top: 47%;right: 26%;z-index:25;}
.banner-btn{top: 59%;left: 30%;z-index:25;}
img.banner_001{top: 22%;left: calc(50% - 400px);z-index:20;width: 800px;height: auto;}
img.banner_002{top: 11%;left: 10%;z-index:20;width: 8vw;height: auto;max-width: 124px;}
img.banner_003{top: 1%;right: 1%;z-index:20;width: 8vw;height: auto;max-width: 158px;}
img.banner_004{top: 35%;right: 0%;z-index: 21;width: 7vw;height: auto;max-width: 147px;}
img.banner_005{top: 3%;right: 23%;z-index:20;width: 14vw;height: auto;max-width: 345px;}
img.banner_006{top: 12%;right: 16%;z-index:20;width: 3vw;height: auto;max-width: 105px;}
img.banner_007{bottom: 20%;left: 30%;z-index:20;width: 6vw;height: auto;max-width: 154px;}

img.banner_008{top: 38%;left: 0%;z-index: 21;width: 11vw;height: auto;max-width: 300px;}
img.banner_010{top: 11%;left: 21%;z-index:20;width: 3vw;height: auto;max-width: 66px;}
img.banner_011{top: 1%;left: 0%;z-index: 19;width: 6vw;height: auto;max-width: 145px;}
img.banner_012{top: 77%;right: 41%;z-index:20;width: 10vw;height: auto;max-width: 205px;}
img.banner_013{bottom: 7%;left: 18%;z-index: 22;width: 6vw;height: auto;max-width: 134px;}
img.banner_014{bottom: 1%;right: 22%;z-index: 23;width: 14vw;height: auto;max-width: 364px;}
img.banner_015{top: 6%;left: 37%;z-index:20;width: 6vw;height: auto;max-width: 167px;}
img.banner_016{top: 66%;right: 19%;z-index:20;width: 3vw;height: auto;max-width: 86px;}
img.banner_017{top: 58%;left:10%;z-index:20;width: 2vw;height: auto;max-width: 40px;}
img.banner_018{top: 38%;right: 15%;z-index:20;width: 2vw;height: auto;max-width: 49px;}

img.photobanner{ display: block;max-width: 1600px;width: 100%; margin: 0 auto;}
img.photobanner_mb{ display:none}


img.right_banner{ display: block; }
 /*about*/
 #about{min-height: 580px;}
 img.plant1{top: -1%;right: 0%;z-index: 5;width: 13vw;height: auto;max-width: 770px;}
 img.plant2{top: 0%;left: 0%;z-index: 5;width: 10vw;height: auto;max-width: 450px;}
 img.picnic1{top: 2%;left: 6%;z-index: 2;width: 22vw;height: auto;max-width: 500px;}
 img.picnic2{top: 10%;right: 9%;z-index: 2;width: 20vw;height:auto;max-width: 500px;}
 .mat{ width: 80%; height: 500px;}
 .Grain{ width: 100%; height:100%;}

 /*map*/
 #map{ width: 100%;height: 420px;}

 /*回到上方*/
.goTop {

  bottom: 4%;}
/*最新消息-前言*/
img.news_Foreword1{top: -18%;right: 18%;z-index: 2;width: 8vw;height:auto;max-width: 500px;}
img.news_Foreword2{top: -25%;left: 11%;z-index: 2;width: 12vw;height:auto;max-width: 500px;}
/*新觀念-前言*/
img.news_Foreword3{top: 0%;right: 15%;z-index: 2;width: 12vw;height:auto;max-width: 500px;}
img.news_Foreword4{top: -25%;left: 15%;z-index: 2;width: 12vw;height:auto;max-width: 500px;}
 /*報名視窗*/
iframe.iif{ width:100%; height:900px;display: block; }
.Text{}
iframe.iif2{ width:100%; height:900px;display: block; }
.Text2{}
.box1{margin-bottom: 28px;padding: 15px;}
.brrr{ display: block; height: 110px;}
.timetxt{ line-height: 60px;}
}



/* ↓↓↓↓ pad 豎屏時, 頁面顯示尺寸 200 < x <492 時,顯示效果 ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓  */
@media (min-width: 200px) and (max-width:991.98px) {

  /*外部更改owl-carousel*/

#demos .item h3{font-size: 1.2rem;font-weight: bold;line-height: 28px;min-height:auto;}

#demos .item p{font-size: 1rem;line-height: 20px;padding-bottom: 10px;min-height:auto;}
  .iconbox{ width: 50%; }
  .iconbox2{ width: 50%; }
  .brr{ display: block}
  .link_btn{ display: none;}
  #menu .nav-item {width: 100%;}
 /*FOOTER購買分享*/
.fixBottom { display: block; position: fixed; left: 0; bottom: -45px; z-index: 805; width: 100%; transition: .3s; }
.fixBottom.show { bottom: 0; }
.fixBtn a.btn { width: 100%; -webkit-border-radius: 0; border-radius: 0; border: none;  }
.fixBtn a.btn span { animation: motionArrow_right 1s infinite; }
.fixShares {  height: 45px; display: flex; align-items: center; font-size: .9rem;}
.fixShares > div { flex: 0 0 33%; line-height: 45px; text-align: center; background-color: rgba(255,255,255,.95);}
.fixShares > div a { display: block;}
.fixShares > div:hover {  background-color: #FFF;}
.fixShares img { width: 25px; display: inline-block; vertical-align: middle; margin-right: .3rem; }
.fixShares .fb a { color: #3b579d;}
.fixShares .fb img { margin-bottom: 2px; }
.fixShares .line a { color: #00c300; }
.fixShares .linefriend a { color: #FFF; }
.fixShares > div.linefriend { flex:0 0 34%; background-color: rgba(0,195,0,1); }
.fixShares > div.linefriend:hover {  background-color: rgba(0,195,0,1);}
#commonhealth_footer { padding-bottom: 120px;}
.banner{height: 830px;margin-top: 120px;}

.banner{height: 830px;margin-top: 50px;/* background-color: #000; */}

.banner_txt{top: 24%;left: 5%;z-index:25;}
.banner-btn{top: 40%;left: 20%;z-index:25;}
img.banner_001{top: 9%;left: 3%;z-index:20;max-width: 700px;height: auto;width: 91vw;}
img.banner_002{top: 34%;left: -3%;z-index:20;width: 25vw;height: auto;max-width: 124px;}
img.banner_003{top: 44%;right: -10%;z-index:20;width: 30vw;height: auto;max-width: 158px;}
img.banner_004{right: 3%;bottom: 22%;z-index: 21;width: 23vw;height: auto;max-width: 147px;}
img.banner_005{bottom: 2%;right: 39%;z-index:20;width: 51vw;height: auto;max-width: 345px;}
img.banner_006{bottom: 1%;right: 24%;z-index:20;width: 14vw;height: auto;max-width: 105px;}
img.banner_007{top: 18%;right: 3%;z-index:20;width: 16vw;height: auto;max-width: 154px;display:  none;}

img.banner_008{bottom: 26%;left: 0%;z-index: 21;width: 35vw;height: auto;max-width: 300px;}
img.banner_010{top: 69%;left: 41%;z-index:20;width: 10vw;height: auto;max-width: 66px;}
img.banner_011{top: 17%;right: 2%;z-index: 19;width: 17vw;height: auto;max-width: 145px;}
img.banner_012{bottom: 10%;right: -4%;z-index:20;width: 24vw;height: auto;max-width: 205px;}
img.banner_013{bottom: 13%;left: 12%;z-index: 22;width: 12vw;height: auto;max-width: 134px;display:  none;}
img.banner_014{top: 32%;right: -5%;z-index: 23;width: 40vw;height: auto;max-width: 364px;}
img.banner_015{top: 55%;right: 19%;z-index:20;width: 19vw;height: auto;max-width: 167px;}
img.banner_016{top: 57%;left: 47%;z-index:20;width: 14vw;height: auto;max-width: 86px;}
img.banner_017{top: 58%;left:10%;z-index:20;width: 7vw;height: auto;max-width: 40px;}
img.banner_018{top: 74%;right: 32%;z-index:20;width: 5vw;height: auto;max-width: 49px;}

img.photobanner{ display: none}
img.photobanner_mb{ display: block;width: 100%;}


img.right_banner{ display: none; }
 /*about*/
 #about{min-height: 650px;}
 img.plant1{bottom: -5%;right: -4%;z-index: 5;width: 24vw;height: auto;max-width: 770px;}
 img.plant2{bottom: -11%;left: 0%;z-index: 5;width: 18vw;height: auto;max-width: 450px;}
 img.picnic1{top: 2%;left: 6%;z-index: 2;width: 22vw;height: auto;max-width: 500px;display:  none;}
 img.picnic2{bottom: 6%;right: -12%;z-index: 2;width: 44vw;height:auto;max-width: 500px;display:  none;}
 .mat{width: 80%;height: 600px;}
 .Grain{ width: 100%; height:100%;}

#content{margin-top: 50px}
/*map*/
#map{ width:92%;height: 420px;}
/*回到上方*/
.goTop {bottom: 15%;}
.logo{position: absolute;z-index: 9999;width: 112px;left: calc(50% - 49px);}
/*最新消息-前言*/
img.news_Foreword1,
img.news_Foreword2,
img.news_Foreword3,
img.news_Foreword4{display: none}
.Breadcrumb{ display: none}
 /*報名視窗*/
 iframe.iif{ width:100%; height:1100px;display: block; }
 .Text{ min-height: auto}
 iframe.iif2{ width:100%; height:1200px;display: block; }
 .Text2{ min-height: 600px}
 .box1{margin-top: 20px;padding: 15px;}
 .brrr{ display: none; height: 110px;}
 .timetxt{line-height: 60px;}
 #schedule .time{
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);

}
#schedule .card-body{ text-align: center}
}