#wrapper{width:1400px; padding:0px 10px; margin:0px auto}

#about_wrapper{width:1400px; padding:0px 10px; margin:70px auto}

.page_img {

	width:100%;

	text-align:center;

	margin-bottom:20px}

.page_img img{

	max-width:100%;

	height:auto}

.promotion_open{overflow: hidden;}

.promotion_bg{display:block; width:100%; height:100%; position:fixed; left:0px; top:0px; background:rgba(0,0,0,0.7); z-index:70000}

.promotion_all {display:block; z-index:70001; width:100%; height:100%; position:fixed; left:0px; top:0px;overflow-x: hidden;overflow-y: auto;}

.promotion_box03 {display:block;width:800px ; margin:10% auto 30px; min-height:300px;position:relative;;border: 1px solid rgba(0,0,0,.2);overflow: auto;  -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;-webkit-box-shadow:rgba(0,0,0,0.5) 0px 5px 15px;-moz-box-shadow:rgba(0,0,0,0.5) 0px 5px 15px;box-shadow:rgba(0,0,0,0.5) 0px 5px 15px;background: #ffffff;behavior: url(pie/PIE.htc);}

.promotion_box04 {display:block; width:100%; position:relative; padding:16px 16px 10px 16px; line-height:1.7}

.promotion_box05 {display:block; width:100%; position:relative; padding:8px 16px; text-align:center;}

.promotion_box05 a{display:inline-block; vertical-align:middle; padding:10px 25px; max-width:96%; margin:0px 0.5em; background:#d3d3d3; color:#222222;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;behavior: url(pie/PIE.htc); position:relative; font-size:0.8125em}

.promotion_box05 a.promotion_close{background:#cc0000; color:#ffffff}



a#logo {

	display: flex;

	align-items: center;

}

a#logo img{height:54px; width:auto}

a#logo .title{

    padding-left: 15px;

    font-weight: 900;

}

.top {display:block; width:100%; border-top:3px solid #bbdeb9; background:#fff;

-webkit-box-shadow: #666 0px 0px 3px;

-moz-box-shadow: #666 0px 0px 3px;

box-shadow: rgba(0,0,0,0.05) 0px 0px 5px 5px;

behavior: url(pie/PIE.htc); position:relative}

.top_box01 {

    display: flex;

    width: 100%;

    margin: 0px auto;

    padding: 10px 10px 5px 10px;

    color: #848c7b;

    font-family: Arial, Helvetica, sans-serif;

    justify-content: space-between;

    justify-content: center;	

}

.top_box01a { width:672px; display:inline-block;font-size:0.8125em; text-align:right; vertical-align:bottom;}

.top_box01a img{vertical-align:bottom}

.fb {margin:10px 18px 0px 0px;}

a.top_b01 {display:inline-block;position: relative; vertical-align:bottom; font-family:"微軟正黑體"; font-size:13px; margin-top:10px;

        width: 100px;

    height: 30px;

	line-height:30px;

    color: #fff;

    padding: 0;

    box-sizing: border-box;

    -moz-transform-origin: 0 100%;

    -webkit-transform-origin: 0 100%;

    transform-origin: 0 100%;

    text-align: center;

    z-index: 110;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    transition: all 0.4s ease;}

a.top_b01:before {

    -moz-transform: skewX(-20deg);

    -webkit-transform: skewX(-20deg);

    transform: skewX(-20deg);

    

    z-index: -1;

    content: "";

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

a.top_b01a:before{background: #ff8066;}

a.top_b01b:before{background: #5696c1;}

a.top_b01c:before{background: #8fc31f;}

#btn{width:100%; background:#f5faf5}

.tablet_btn01,.sub_box01,.bg{display:none}

#lanrenzhijia {

	width:1400px; font-size:16px; height:48px;

	text-align:center;

	margin:0 auto;font-family: 'Crimson Text','微軟正黑體', serif;

}

.level1{ list-style:none; padding:0px; margin:0px;}



/*AD01*/

#index_box01 {

    width: 100%;

    margin: 0px auto;

    overflow: hidden;

    padding: 50px 0px;

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

}

#index_box01a{width:40%; float:left;    max-width: 600px;}

#index_box01b{width:30%; padding:0px 70px;float:left;    max-width: 600px;}

#index_box01c{width:30%; float:left;border: 5px solid #dddddd; background:#f9f9f9; padding:10px;}

.index_t01 {font-size:1.3em; color:#000; letter-spacing:2px; margin-bottom:30px; overflow:hidden}

.index_t01 a{display:inline-block; float:right; line-height:21px; color:#000; font-size:0.8125em;}

.index_t01 a:hover{color:#47602d;}

.index_t01 a span{display:inline-block; vertical-align:middle;}

.index_t02 {display:block; text-align:center;margin-bottom:30px;}

.index_t02 p{font-size:1.5625em;    font-weight: 100; color:#000; text-align:center}

.index_t02 span{display:block; text-align:center; font-size:1em; color:#666666; padding:3px 0px 0px 0px;}

.index_t03 {font-size:1.125em; color:#000; letter-spacing:2px; margin-bottom:20px; text-align:center; font-weight:bold; padding-bottom:10px; border-bottom:3px double #bcbcbc}

.index_box02 {

	display: block;

	list-style:none;

	line-height: 25px;

	width:100%;

    margin-bottom: 10px;

}

.index_box02a{display:table-cell;vertical-align: top;color: #999; width: 95px;font-weight: normal;}

a.index_box02c{display: table-cell;vertical-align: top;line-height: 1.6; padding:0px; min-width:4.5em; width:auto}

a.index_box02b{display: table-cell;vertical-align: top;line-height: 1.6; padding:0px 0px 0px 16px;}

a.index_box02b:hover,a.index_box02c:hover{text-decoration:underline}

.index_table {display:table}



a.down_box01 {display:block; background:#47602d; color:#fff;font-size: 0.9em; margin:0px 0px 5px 0px;

font-weight: 700;



cursor: pointer;

padding: 0.625rem 1.25rem;

-webkit-border-radius: 4px;

-moz-border-radius: 4px;

border-radius: 4px;

behavior: url(pie/PIE.htc); position:relative;}

a.down_box01:hover{background:#98cb5b}

a.down_box01 i{display:inline-block; margin-right:0.5em;}



a.down_box02 {display:inline-block; width:23%; background:#47602d; color:#fff;font-size: 0.875em; margin:0px 1% 15px 1%;

font-weight: 700;



cursor: pointer;

padding: 0.625rem 1.25rem;

-webkit-border-radius: 4px;

-moz-border-radius: 4px;

border-radius: 4px;

behavior: url(pie/PIE.htc); position:relative;}

a.down_box02:hover{background:#98cb5b}

a.down_box02 i{display:inline-block; margin-right:0.5em;}



.download_box03 {display:block; width:100%; text-align:center;margin:30px 0px 0px 0px; padding:0px 20px}

.download_box03 a{display:inline-block; width:18%; height:0px; padding-bottom:18%; position:relative; margin:0px 1% 20px 1%; vertical-align:top; border:1px solid #E0E0E0; text-align:center; background:#FAFAFA;}

.download_box03 a:hover{border:1px solid #222222}

.download_box03a {display:block; margin:45px 0px 35px 0px;}

.download_box03a img{width:42px; height:auto}

.download_box03b {display:block; padding:0px 20px; margin-bottom:5px; line-height:1.4; font-size:0.9375em; font-weight:bold; color:#212121}

.download_box03b span{color:#757575}

.download_box03 ol{display:block; list-style:none; font-size:0.8125em; color:#434343}

.news_item {display:inline-block; background:#d9534f;padding: 3px 7px; min-width:10px; font-size:1em; color:#ffffff; vertical-align:middle; line-height:1; text-align:center;;

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

behavior: url(pie/PIE.htc); position:relative}





#index_bg01 {width:100%; margin:0px auto; overflow:hidden; padding:50px 0px 30px 0px; background:#f4f4f4}

.index_box03{

display: flex;

    flex-wrap: wrap;

}

.product_box01 {display:inline-block; vertical-align:top; position:relative; width:20%; padding:0px 16px 0px 16px; margin-bottom:20px}

.product_box01 a{display:block}

.product_box01a{margin: 0 0 5px;    display: block; width:100%;    position: relative; border:1px solid #e2e2e2;

    overflow: hidden;}

.product_box01a img{width:100%; height:auto}

.product_box01a {

  position: relative;

  overflow: hidden; padding:10px;

}

.product_box01a:before,

.product_box01a:after {

  content: "";

  display: block;

  width: 100%;

  height: .15em;

  position: absolute;

  left: 0;

  -webkit-transition: -webkit-transform 0.4s ease-out;

  transition: -webkit-transform 0.4s ease-out;

  transition: transform 0.4s ease-out;

  transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out;

}

.product_box01a:before {

  top: 0;

  -webkit-transform: translate3d(-100%, 0, 0);

          transform: translate3d(-100%, 0, 0);

}

.product_box01a:after {

  bottom: 0;

  -webkit-transform: translate3d(100%, 0, 0);

          transform: translate3d(100%, 0, 0);

}

.product_box01a:hover:before,

.product_box01a:focus:before,

.product_box01a:hover:after,

.product_box01a:focus:after,

.product_box01a:hover .product_box01a_label:before,

.product_box01a:focus .product_box01a_label:before,

.product_box01a:hover .product_box01a_label:after,

.product_box01a:focus .product_box01a_label:after {

  -webkit-transform: translate3d(0, 0, 0);

          transform: translate3d(0, 0, 0);

}

.product_box01a_label:before,

.product_box01a_label:after {

  content: "";

  display: block;

  width: .15em;

  height: 100%;

  position: absolute;

  top: 0;

  -webkit-transition: -webkit-transform 0.4s ease-out;

  transition: -webkit-transform 0.4s ease-out;

  transition: transform 0.4s ease-out;

  transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out;

}

.product_box01a_label:before {

  left: 0;

  -webkit-transform: translate3d(0%, -100%, 0);

          transform: translate3d(0%, -100%, 0);

}

.product_box01a_label:after {

  right: 0;

  -webkit-transform: translate3d(0%, 100%, 0);

          transform: translate3d(0%, 100%, 0);

}



.product_box01a:before,

.product_box01a:after,

.product_box01a .product_box01a_label:before,

.product_box01a .product_box01a_label:after {

  background-color: #47602d;

}

.product_link,

.product_label {

  display: inline-block;width:100%;; background-color:#fff

}

.product_link {

  color: #47602d;

  text-decoration: none;

  text-transform: capitalize;

}

.product_link:hover,

.product_link:focus {

  color: #47602d;

  outline: none;

}

.product_box01a_img {display:block; width:100%; height:0px; padding-bottom:67%; line-height:normal; background-position:center; background-repeat:no-repeat; background-size:contain}

.product_box02 {    width: 100%; display: table;  word-break: break-all;}

.product_box02a{width: 72px;    line-height: 1;    text-align: center; display:table-cell;

    color: #999;

    padding-right: 16px;

    line-height: 20px;}

.product_box02a_ym {font-size: 0.8em; display:block; text-align:center;

    letter-spacing: 0.4px;}

.product_box02a_d{font-size: 32px; display:block; line-height:32px; text-align:center;}

.product_box02b{padding: 4px 0 0;    display: table-cell;vertical-align: top; text-align:left}

.product_box02b_date{display:none;font-weight: normal; margin-bottom:5px;}

.product_box02b_title{

	font-size: 1em;

    display: block;

    display: -webkit-box;

    max-height: 48px;

    margin: 0 auto;

    line-height: 24px;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;}

.product_box01:hover .product_box02a,

.product_box01:focus .product_box02a{

color: #47602d;

}

.line_bg {display:block; width:100%; height:250px;  background-size:100%;}

.gotop{display:block; width:100%;  text-align:center;height: 72px;

line-height: 72px;font-weight: 600; color:#333333; font-size:1em;

letter-spacing: 0.16em;

position: relative;

cursor: pointer;

transition: 0.3s ease;

}

.gotop:hover{color:#66bf97}

.gotop::after {

    content: "";

    display: block;

    position: absolute;

    width: 1px;

    height: 52px;

    top: -36px;

    left: 50%;

    background: #66bf97;

    transition: 0.3s ease;

}

#down_bg{display:block; width:100%; background: #132844;;color: #fff; line-height:1.7; font-size:0.75em;letter-spacing: 0.1em;padding: 38px 0;}

#down_box01 {display:block; width:1400px; padding:0px 10px; margin:0px auto; text-align:center;}

#down_box01 a{color:rgba(255,255,255,0.6)}

#down_box01 a:hover{color:rgba(255,255,255,1)}



.about_top {display:block; width:100%; height:300px; background-repeat:no-repeat; background-position:center; background-size:cover}

.about_t01 {text-align:center;font-size: 1.75em;

    line-height: 44px;

    letter-spacing: 2px;

    margin: 0;

    padding-top: 20px;

    padding-bottom: 20px;}

#content {    line-height: 28px; font-size:1em; color:#000; overflow:hidden;    letter-spacing: 1px;}

#content img{max-width:100%; height:auto}



.form_box02 {display:block; width:100%; list-style:none; font-size:0.875em}

.form_box02 li{display:block; width:100%; margin-bottom:15px;}

.form_box02 span{display:inline-block; width:7%; height:20px; vertical-align:middle; background-repeat:no-repeat; background-position:left center}

.form_box02 input{display:inline-block; width:93%; background:none; border:1px dashed #bcbcbc; border-width:0px 0px 1px 0px; padding:5px; vertical-align:middle;font-family: 'Dosis',"微軟正黑體", sans-serif}

.form_box02 .form_box02a a{display:block; height:40px; line-height:40px; margin-bottom:5px; vertical-align:middle; padding:0px 10px; text-align:center; color:#ffffff; background:#02772a;}

.form_box02 .form_box02a a img{margin-right:1em}

.form_box02 .form_box02a a:hover{background:#03a83b}

.form_box02 .form_box02b {text-align:center; color:#ea5515}

.form_box02 .form_box02b a{display:inline-block; margin-right:1em}



.news_list {display:block;border-top: 1px solid #d9d9d6; width:100%}

.news_box01 {border-bottom: 1px solid #d9d9d6;display: -webkit-flex;display: flex;}

.news_box01:hover {

  background: rgba(255, 255, 255, 0.7);

  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);

  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);

  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);

}

.news_box01a{float:left; width:22%; position:relative}

.news_box01b{display: flex; width:78%;flex-flow: column;justify-content: center;padding: 15px 0px 15px 30px;}

.news_box01a_calc{padding-bottom: calc(100% * 156 / 216);

    opacity: 0.6;

    background-size: cover;

    height: 100%;}

.news_box01a_pic{position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    display: flex;

    flex-flow: column;

    align-items: center;

    justify-content: center;

    -webkit-box-shadow: 2px 0px 6px -1px rgba(0, 0, 0, 0.25);

    -moz-box-shadow: 2px 0px 6px -1px rgba(0, 0, 0, 0.25);

    box-shadow: 2px 0px 6px -1px rgba(0, 0, 0, 0.25);

}

.news_box01a_pic img{    max-width: 75%;

    max-height: 75%;

    width: 100%;

    height: 100%;}

.news_t01 {display:block;color:#979797; font-size:0.875em; line-height:1;}

.news_t01a{display:inline-block;border-right: 1px solid #979797; padding-right:18px; margin-right:18px;}

.news_t01b{display:inline-block;}

.news_t01c{display:inline-block; color:#009966}

.news_t02 {display:block; font-size:1em; margin:20px 0px 0px 0px;}

.news_t03{display:block; font-size:1.25em; margin:20px auto; color:#222222}

.news_box02{display:block; list-style:none; display:table; width:100%; margin:0px auto 50px;}

.news_box02a{width: 162px;  height: 162px;display:table-cell;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); padding:0.5%;}

.news_box02a p{width: 100%; height:100%;background-position:center;background-repeat:no-repeat;background-size:cover}

.news_box02b {color: #979797; display:table-cell; vertical-align:middle; padding-left:40px; line-height:1.5}

.back_b01 {display:block; text-align:center; margin:40px auto 60px;}

.back_b01 a{display:inline-block;min-width: 195px; padding: 16px 10px 16px 20px; border:1px solid #000000; color:#000000; line-height:1; font-size:0.8125em;-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px;

behavior: url(pie/PIE.htc); position:relative}

.back_b01 a:hover{color:#339900; border:1px solid #339900}



#attraction_list01 {

    width: 100%;

    list-style: none;

    display: block;

    position: relative;

    display: flex;

    flex-wrap: wrap;

}

#attraction_list01 article { 

    display: inline-block;

    width: calc(100% / 4 - 20px);

    margin: 10px;

    background: #f5f5f5;

    border-radius: 5px;

    box-shadow: 0px 1px 5px #b2b2b2;

    vertical-align: top;

    padding: 10px;

    font-family: 'Raleway', "微軟正黑體", sans-serif;

}

#attraction_list01 article h6 {

}

#attraction_list01 article h6 a {

 font-size:15px; color:#232323

}

#attraction_list01 article:hover {

box-shadow: 1px 1px 10px #7f7f7f;

margin-top: 0px;

-webkit-transition: all 0.3s ease-in-out;

-moz-transition: all 0.3s ease-in-out;

-o-transition: all 0.3s ease-in-out;

transition: all 0.3s ease-in-out;

}

#attraction_list01 article p{  color:#aaa; display:block; letter-spacing:0.05em; margin:5px 0px 0px 0px; font-size:0.8125em}

#attraction_list01 article a.link_box01a_img {display:block; width:100%; height:0px; line-height:0; padding-bottom:75%; overflow:hidden; margin-bottom:10px; background-position:center; background-repeat:no-repeat;background-size:cover;}

#attraction_t01 {display:block; font-family:'Raleway', "微軟正黑體",sans-serif;width:100%; list-style:none; margin:0px 0px 30px 0px;}

#attraction_t01a{display:block; font-size:1.625em; font-weight:bold; color:#232323; margin:0px 0px 5px 0px;}

#attraction_t01b{display:block; font-size:0.8125em; color:#999}

#tour_t03 {display:block; width:100%; list-style:none; padding:0px 0px 20px 0px; position:relative; margin-bottom:40px}

#tour_t03 #tour_t03a{font-family: 'Raleway', sans-serif; font-size:0.875em; color:#999999; margin:10px 0px 10px 0px;}

#tour_t03 #tour_t03b{font-family:"微軟正黑體"; font-size:1.375em; font-weight:bold; color:#404040}

#tour_t03::after {content: "";width: 40px;height: 1px;background-color: #cccccc;position: absolute;bottom: 0px;}

#tour_box03 {display:block; width:100%; margin:40px auto 0px; }

a.tour_box03a{

	display: inline-block;

    vertical-align: top;

    width: calc(100% / 5 - 20px);

    margin: 8px;

    background-color: #ffffff;

}

a.tour_box03a div{display:block; width:100%; height:0px; padding-bottom:100%; line-height:0; background-repeat:no-repeat; background-position:center; background-size:cover}



.contact_box01 {display:block; width:100%; overflow:hidden}

.contact_box01a{display:block; float:left; width:65%;border-right: 3px solid #8ccfc1; padding:0px 40px 0px 0px;}

.contact_box01b{display:block; float:right; width:35%; padding:0px 0px 0px 40px;}

.contact_t01 {display:block; margin:16px auto 5px; font-size:0.875em; font-weight:600;}

.contact_t01 span{display:inline-block;    color: #fff; font-weight:normal;

    background: #66bf97;

    font-size: 12px;

    width: 40px;

    height: 20px;

    line-height: 20px;

    vertical-align: middle;

    text-align: center;

    margin-left: 16px;}

.contact_t02 {display:block; margin:16px auto 5px; line-height:1.5; font-size:0.8125em; color:#777; font-family:Arial, Helvetica, sans-serif;

margin-left : 1.21875em;

text-indent : -1.21875em;}

.contact_t03 {display:block; margin:16px auto 5px; font-size:0.875em; font-weight:600; color:#e64c66}

.contact_input01 {display:block; margin:8px 0px 0px 0px;}

.contact_input01 input[type="text"]{display:block; width:100%; padding:5px 4px; background:#ffffff; border:1px solid #c2c2c2;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px;

behavior: url(pie/PIE.htc); position:relative}

.contact_input01 textarea{display:block; width:100%; padding:5px 4px; background:#ffffff; border:1px solid #c2c2c2; height:320px;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px;

behavior: url(pie/PIE.htc); position:relative}

.contact_input02 {display:block; margin:8px 0px 0px 0px;}

.contact_input02 input[type="text"]{display:inline-block; width:50%; padding:5px 4px; background:#ffffff; border:1px solid #c2c2c2;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px;

behavior: url(pie/PIE.htc); position:relative}

.contact_b01 {display:block; margin:32px auto 0px;}

.contact_b01 a{display:inline-block; margin-right:0.5em; background:#47602d; color:#ffffff; font-size:0.875em; padding:10px 20px; text-align:center;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px;

behavior: url(pie/PIE.htc); position:relative}

.contact_b01 a:hover{background:#8ad0c1}



#link_box01 {width:100%; display:block;}

.link_box02 {display:inline-block; width:15.666%; list-style:none; overflow:hidden; text-align:left; margin:0px 0.5% 10px 0.5%;}

.link_box02 .link_box02a{width:100%; }

.link_box02 .link_box02a a{display:block; vertical-align:middle; width:100; height:0px; padding-bottom:75%; line-height:0; position:relative; border:1px solid #d2d2d2; background-repeat:no-repeat; background-position:center; background-color: #ffffff; background-size:contain}

.link_box02:hover .link_box02a a{ border:1px solid #93bc20;}



.forum_list01 {display: flex;flex-wrap: wrap;}

.forum_list01a,.forum_list01b{padding:0px 15px;}

.forum_list01a{flex: 0 0 75%;max-width: 75%;}

.forum_list01b{flex: 0 0 25%;max-width: 25%}



.product_box08{display:block; width:100%; margin:0px 0px 74px 0px; padding-top:16px;}

.product_box08a{display:block; width:100%; margin-bottom:5px; padding:0px 10px;}

.product_box08b{display:block; width:100%; background:#fff; border:1px solid #ececec; padding:10px; line-height:1.7;  margin-top:10px}

.product_box08c{display:table; width:100%; color: #232323; line-height:1.7;padding:0px 10px; font-size:1.25em;}

.product_box08c p{display:table-cell; vertical-align:top}

.product_box08c i{display:table-cell;font-size:20px; line-height:40px; padding-right:10px; width:3em}

.product_content{display:block; width:100%; padding:0px;overflow:hidden;    color: #635252; line-height:1.9; font-size:0.875em}

.product_content img{max-width:100%; height:auto}

.product_t03a,.product_t03b,.product_t03c,.product_t03d{display:inline-block; vertical-align:bottom; margin-right:0.5em;}

.product_t03b{font-size:0.875em; color:#777777}

.product_t03c{font-size:0.875em; color:#53a602}

.product_t03a{font-size:1.25em; color:#232323; font-weight:bold;}

.product_t03d{font-size:0.875em; color:#777777; margin-bottom:10px}



#member_box01{width:415px; margin:0px auto;border: 5px solid #dddddd; background:#f9f9f9; padding:25px 10px 10px 10px;}

.member_box02 {display:block; margin-top:40px;}

.member_box03{list-style:none; width:100%; display:table;border-top:1px dashed #e2e2e2; }

.member_box03 li{display:table-row;}

.member_box03a,.member_box03b,.member_box03c,.member_box03d{display:table-cell; font-size:0.875em;padding:20px 10px; vertical-align:top; border-bottom:1px dashed #e2e2e2}

.member_box03a{ font-weight:600; text-align:right; line-height:38px;}

.member_box03a{width:15%}

.member_box03b{width:35%}

.member_box03c{ vertical-align:middle; width:35%}

.member_box03 input[type="text"],.member_box03 input[type="password"],.member_box03 select{display:inline-block; font-family: 'Crimson Text','微軟正黑體', serif;padding:5px 4px; background:#f3f3f3; border:1px solid #e9e9e9; margin:5px 0px; color:#333333;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px;

behavior: url(pie/PIE.htc); position:relative}

.member_box03 input.input_w100,.member_box03 select.input_w100{width:100%; }

.member_box03 input.input_w10{width:10%; margin:5px 0.5em}

.member_box03 input.input_w20{width:20%; margin:5px 0.5em}

.member_box03 input.input_w30{width:30%; margin:5px 0.5em}

.member_box03 input.input_w40{width:40%; margin:5px 0.5em}

.member_box03 input.input_w50{width:50%; margin:5px 0.5em}

.member_box03 textarea{display:block; width:100%; padding:5px 4px;  background:#f3f3f3; border:1px solid #e9e9e9; margin:5px 0px; color:#333333;; height:120px;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px;

behavior: url(pie/PIE.htc); position:relative}

.member_box03 span{display:inline-block;    color: #fff; font-weight:normal;

    background: #66bf97;

    font-size: 12px;

    width: 40px;

    height: 20px;

    line-height: 20px;

    vertical-align: middle;

    text-align: center;

    margin-left: 16px;}

.member_box03 b{display:inline-block; font-weight:normal; min-width:33.333%; margin:5px 0px; padding:0px 1em 0px 0px;}

.member_none {display:block; margin:10px 0px 0px 0px;}

.member_box04{list-style:none; width:100%; display:block;}

.member_box04a{display:block; padding:20px 20px; vertical-align:top; font-size:0.875em; overflow:hidden; line-height:2}

.member_center{text-align:center}

.member_t01 {text-align:center;font-size: 1.75em;border-top:1px dashed #e2e2e2; padding:20px 10px;    margin-top: -1px;}



#qaContent {

	width: 100%;

}

#qaContent ul.accordionPart { list-style:none}

#qaContent ul.accordionPart li {

	margin-bottom: 30px;

}

#qaContent ul.accordionPart li .qa_title {

	cursor: pointer; 

}

#qaContent ul.accordionPart li .qa_content { padding:15px; background:#f5f5f5; line-height:1.7;

margin-top:10px;

	color: #434343; font-size:0.875em;

}

#qaContent ul.accordionPart li .qa_content a{color:#47602d}

.qa_title i{margin-right:0.5em; font-size:1.25em;}

.qa_title span{display:block; text-align:right; font-size:0.8125em;  margin-top:5px; color:#638c0b}

.qa_title01 {display:table;color: #49382b; font-size:0.9375em;line-height:1.7; width:100%;  font-weight:bold;}

.qa_title01 .qa_title01a,.qa_title01 .qa_title01b{display:table-cell}

.qa_title01 .qa_title01a{width:2em}

#qaContent ul.accordionPart li .qa_title:hover i{color:#990}



.faq_cag01 {display:block; list-style:none}

.faq_cag01 li{margin-bottom:5px; font-size:0.875em;}

.faq_cag01 li a{display:block; padding:10px; background:#f5f5f5;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px;

behavior: url(/pie/PIE.htc); position:relative}

.faq_cag01 i{margin-right:0.5em; font-size:18px; font-weight:normal}

.faq_cag01 li a:hover{color:#ffffff; background:#93aa4f}

.faq_cag01 li.faq_cag01y a{color:#ffffff; background:#93aa4f}



.portrait_box01 {display:block; width:50%; margin:0px auto; height:0px; line-height:normal; padding-bottom:50%; background-position:center; background-repeat:no-repeat; background-size:contain}

.study_t01 {text-align:center;font-size: 1.25em;border-top:1px dashed #e2e2e2; padding:16px 10px; font-weight:bold;  margin-top: 20px; color:#5b7248}

.study_t01 i{margin-right:0.5em}



.value_table01 {display:table; width:100%; list-style:none; background:#93aa4f;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px;

behavior: url(pie/PIE.htc); position:relative}

.value_table01 li{display:table-cell; text-align:center; font-size:0.9375em; color:#ffffff; padding:10px 5px;}

.value_table01c{width:30%}

.value_table01b{width:15%}

.value_table01a{width:10%}

.value_table01d{width:10%}

.value_table01e{width:15%}

.value_table01f{width:20%}

.value_table01g{width:50%}

.value_table01h{width:20%}

.value_table01i{width:15%}

.value_table01j{width:15%}

.value_table01k{width:30%;}



.value_table02 {display:table; width:100%; list-style:none; }

.value_table02 li{display:table-cell; text-align:center;  color:#333333; padding:15px 5px; border-bottom:1px solid #d5d5d5}

.value_table02c{width:30%;font-size:0.9375em;}

.value_table02b{width:15%;font-size:0.9375em;}

.value_table02a{width:10%;font-size:0.9375em;}

.value_table02d{width:10%;font-size:0.9375em;}

.value_table02e{width:15%;font-size:0.9375em;}

.value_table02f{width:20%;font-size:0.9375em;}

.value_table02 li.value_table02g{width:50%; text-align:left; font-size:0.9375em;}

.value_table02 li.value_table02h{width:20%;font-size:0.9375em; }

.value_table02 li.value_table02h a,.value_table02 li.value_table02h a{color:#47602d}

.value_table02 li.value_table02i{width:15%;font-size:0.9375em;}

.value_table02 li.value_table02j{width:15%;font-size:0.9375em;}

.value_table02 li.value_table02k{width:30%;font-size:0.9375em; display:none; }

.value_table02 li.value_table02l{text-align:left; font-size:0.875em;}

.value_table02l b{font-weight:bold; font-size:18px;color:#47602d}

.value_table02h img{max-width:100%; height:auto}

.value_table02 span{font-weight:bold; display:none}

.value_table02f a,.value_table02i a{display:inline-block; padding:10px; color:#ffffff; background:#5b7248; line-height:1;-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px;

behavior: url(pie/PIE.htc); position:relative}

.value_table02{word-break: break-all;}

.list_space,.menuicon_on{display:none}



/*=== ALL ====*/

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

#wrapper{width:100%;}

#about_wrapper{width:100%;}

.top_box01 {width:100%;}

#lanrenzhijia{display:none}

#down_box01{width:100%}

.top_box01a{width:50%}

#index_box01{padding:25px 0px;}

#index_box01a{margin-bottom: 70px; width: 100%; float: none;}

.index_box03 {justify-content: center;text-align:center}

.top_box01a {font-size:0.6875em}

.bg{width:100%; height:100%; position:fixed; right:0px; top:0px; z-index:5000; background:rgba(0,0,0,0.5); display:none}

.sub_box01 {width:230px; height:100%; display:block; overflow-y:auto; background:#47602d; z-index:50001; top:0px; right:0px; position:fixed; font-size:15px; right:-230px;}

.list_box01,.list_box02,.list_box03,.list_box04 {list-style:none;}

.list_box02,.list_box03,.list_box04{display:none;}

.list_box01{background:#47602d}

.list_box02{background:#26aca6}

.list_box03{background:#4cbbb5}

.list_box04{background:#73cac5}

.list_box01 li{display:block}

.list_box01 a,.list_box01 p{display:block; padding:10px; color:#ffffff; cursor:pointer; border-bottom:1px solid #abeeeb}

.list_box01 li.list_box01c a{background:#4267B2}

.list_box01 li.list_box01d a{background:#00c300}

.tablet_open{display:block}

.tablet_close {display:block; text-align:right; padding:10px; color:#ffffff; background:#2e5a00; border-bottom:1px solid #abeeeb; cursor:pointer}

.tablet_close i{margin-right:0.5em}

.list_space {   

	background: #47602d; 

	right:-230px; 

	display:block;

    height: 64px;

    position: fixed;

    top: 0px;

    width: 230px;

	transition-property:all 0.3s;

	-moz-transition:all 0.3s; /* Firefox 4 */

	-webkit-transition:all 0.3s; /* Safari and Chrome */

	-o-transition:all 0.3s; /* Opera */

}

.list_space_toggle{right:0px;}

.menu_sub {padding-top:64px;

transition-property:all 0.3s;

-moz-transition:all 0.3s; /* Firefox 4 */

-webkit-transition:all 0.3s; /* Safari and Chrome */

-o-transition:all 0.3s; /* Opera */}

.menu_sub_toggle{right:0px;}

.value_table02 li.value_table02l {

	text-align:center}

}



/*===平版型區ALL===*/

@media (min-width: 751px) and (max-width: 1399px) {

.tablet_btn01{display: -webkit-flex;display: flex;font-size: 15px;height: 48px;font-family: 'Crimson Text','微軟正黑體', serif;text-align: center;}

.tablet_btn01 span,.tablet_btn01 a{-webkit-flex: 1;flex: 1; cursor:pointer;height: 48px;color: #47602d;line-height: 48px;text-decoration: none; text-align:center;}

.tablet_btn01 span:hover,.tablet_btn01 a:hover{color:#ffffff; background:#47602d}

.tablet_btn01 .tablet_btn01y{color:#ffffff; background:#47602d}

.contact_b01 a{    width: 100%;margin: 0px 0px 5px 0px;}

.index_t01 {

	font-weight:bold;

	font-size:1.0625em;}



}



/*===平版型區01===*/

@media (min-width: 975px) and (max-width: 1399px) {

a#logo img {

    max-height: 80px;

    max-width: 477px;

	height: auto;

}

#index_box01b {

    width: 50%;

    padding: 0px 70px 0px 0px;

}

#index_box01c {width: 50%;}

.product_box01 {width: 33%;}

#attraction_list01 article {width:31.333333%}

.download_box03a {margin: 30px 0px 20px 0px}

.value_table02a,.value_table02b,.value_table02c,.value_table02d,.value_table02e,.value_table02f,.value_table02g,.value_table02h,.value_table02i,.value_table02k,.value_table02l{font-size:0.8125em}

.value_table01 li{font-size:0.8125em}

}





/*===平版型區02===*/

@media (min-width: 751px) and (max-width: 974px) {

a#logo img {

    max-height: 60px;

    max-width: 355px;

}



#index_box01b {

    width: 50%;

    padding: 0px 70px 0px 0px;

}

#index_box01c {width: 50%;}

.promotion_box03{width:90%}

.product_box01 {width: 33%;}

#attraction_list01 article {width:31.333333%}

a.down_box02 {

    width: 31.333%;

}



.value_table02a,.value_table02b,.value_table02c,.value_table02d,.value_table02e,.value_table02f,.value_table02g,.value_table02h,.value_table02i,.value_table02k,.value_table02l{font-size:0.75em}

.value_table01 li{font-size:0.75em}

.value_table01a,.value_table02a{width:12%}

.value_table01b,.value_table02b{width:13%;}

.value_table01d,.value_table02d{width:12%}

.value_table01f,.value_table02f{width:18%}

.member_box03 {

    border-bottom: 1px dashed #e2e2e2;

	border-top:0px dashed #e2e2e2;

	display:block

}

.member_box03 li {

    display: block;

}

.member_box03a, .member_box03b, .member_box03c, .member_box03d {

    display: inline-block;

    padding: 21px 10px;

    vertical-align: top;

    border-top: 1px dashed #e2e2e2;

	border-bottom:0px dashed #e2e2e2;

}

.member_box03a {

    width: 35%;

}

.member_box03a {

	line-height:normal;

    padding: 20px 10px;

}

.member_box03b {

    width: 65%;

}

.member_box03c {

    width: 65%;

}

.portrait_box01 {

    width: 25%;

    padding-bottom: 25%;

}

.download_box03 a{    height: auto;

    padding-bottom: 0px;

    width: 24%;}

.download_box03a{margin: 25px 0px 15px 0px;}

.download_box03 ol{margin-bottom: 25px;}

.product_box08c{font-size:1em}

.forum_list01a{flex: 0 0 65%;max-width: 65%;}

.forum_list01b{flex: 0 0 35%;max-width: 35%}



}





/*===手機版型區===*/

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



.menuicon_on,.menuicon_off{ 

	display: inline-block;

	width: 50px;

	position:absolute; 

	right:10px;

	top:2px;

	z-index:60001;

	vertical-align: middle;

	transform: scale(0.5,0.5);

	-ms-transform: scale(0.5,0.5);

	-moz-transform: scale(0.5,0.5);

	-webkit-transform: scale(0.5,0.5);

	-o-transform: scale(0.5,0.5);

}

.menuicon_off {position:fixed}



.promotion_box03{width:90%}

.member_box03 {

    border-bottom: 1px dashed #e2e2e2;

	display:block

}

.member_box03 li {

    display: block;

}

.member_box03a, .member_box03b, .member_box03c, .member_box03d {

    display: inline-block;

    padding: 21px 10px;

    vertical-align: top;

    

}

.member_box03 .member_box03a{border-width:0px;padding: 20px 10px 0px 10px;}

.member_box03 input.input_w10{width:15%}

.member_box04a{padding:20px 5px;}

.member_box03a {

    width: 35%;

}

.member_box03a {

	line-height:normal;

    padding: 20px 10px;

}

.member_box03b {

    width: 65%;

}

.member_box03c {

    width: 65%;

}

.portrait_box01 {

    width: 25%;

    padding-bottom: 25%;

}

.download_box03 a{    height: auto;

    padding-bottom: 0px;

    width: 24%;}

.download_box03a{margin: 25px 0px 15px 0px;}

.download_box03 ol{margin-bottom: 25px;}

.promotion_box05 a{max-width: 100%;

    width: 100%;

    margin: 0px 0px 5px 0px;}

a#logo img{

	max-width: 260px;

	max-height:54px;

	margin:4px 0px

}

.top_box01a{display:none}

.top_box01{

	padding: 10px; 

	position:relative;    

	justify-content: flex-start;

}

.index_table{display:block}

.index_box02{display:block; margin-bottom:15px;}

.index_box02a{

display: inline-block;

    width: auto;}

a.index_box02c{

	display: inline-block;

    min-width: auto;

    width: auto;

    margin-left: 0.5em;}

a.index_box02b{

	display: block;

    padding: 0px;}

#index_box01a{margin-bottom:35px}

#index_box01b{

    width: 100%;

    float: none;

    padding: 0px;

    margin-bottom: 35px;

}

#index_box01c{

    width: 100%;

    float: none;

}

.product_box01{

    display: block;

    width: 100%;

}

.line_bg {

    height: 125px;

    background-size: cover;

}

.news_box01{

    display: block;

    -webkit-box-shadow: 2px 0px 6px -1px rgba(0, 0, 0, 0.25);

    -moz-box-shadow: 2px 0px 6px -1px rgba(0, 0, 0, 0.25);

    box-shadow: 2px 0px 6px 1px rgba(0, 0, 0, 0.25);

}

.news_box01a{

    float: none;

    width: 100%;

}

.news_box01a_pic{

    -webkit-box-shadow: none;

    -moz-box-shadow: inherit;

    box-shadow: none;

}

.news_box01a_pic img{max-width:90%; max-height:90%}

.news_box01b{

	display: block;

    width: 100%;

    padding: 10px;

}

.news_t01{font-size:0.75em}

.news_t01a {

    padding-right: 9px;

    margin-right: 9px;

}

.news_t02 {

    font-size: 0.875em;

    margin: 10px 0px 0px 0px;

}

.manu{

    margin-top: 25px;

    font-size: 0.75em;

}

.about_t01{

    font-size: 1.5625em;

    padding-bottom: 0px;

	padding-top: 4px;

}

.news_box02{

    margin: 0px auto 25px;

    display: block;

}

.news_box02a{

    display: block;

    width: 50%;

    height: 0px;

    padding: 0px 0px 50% 0px;

    position: relative;

    margin: 0px auto 10px;

}

.news_box02a p{

    position: absolute;

}

.news_box02b{

    padding: 0px;

    text-align: center;

}

.news_t03{

    font-size: 1.0625em;

    text-align: left;

}

.news_box02b{

    width: 100%;

    display: block;

}

#content{font-size: 0.875em;}

.member_box03a, .member_box03b, .member_box03c, .member_box03d{display:block; width:100%;    text-align: left;}

.member_box03b,.member_box03c{padding:10px;}

.contact_b01 a{

    display: block;

    margin: 0px auto 5px;

}

#attraction_list01 article{

    width: 100%;

    margin: 0px auto 20px;

}

a.tour_box03a{

    width: 48%;

}

.value_table01 li.value_table01h,.value_table01 li.value_table01j,.value_table01 li.value_table01i,.value_table01 li.value_table01j,.value_table01 li.value_table01k{display:none}

.value_table02{display:block; padding:5px 0px}

.value_table02 li{display:block; text-align:left; padding:5px;}

.value_table02 li.value_table02g,.value_table02 li.value_table02h,.value_table02 li.value_table02j,.value_table02 li.value_table02i,.value_table02 li.value_table02h,.value_table02 li.value_table02l,.value_table02 li.value_table02j,.value_table02 li.value_table02k{width:100%}

.value_table02 li{border-width:0px}

.value_table02 {border-bottom: 1px solid #d5d5d5;}

.value_table02 li.value_table02h,.value_table02 li.value_table02j{font-size:0.75em; display:inline-block; width:auto;}

.value_table02f a, .value_table02i a{display:block; text-align:center; width:100%}

.value_table02 li.value_table02h{width:100%; text-align:center}

.value_table02l p{display:none}

.download_box03{padding:0px;}

.download_box03 a{width:140px;}

.download_box03b{margin-bottom:25px;}

.member_t01{font-size:1.5em}

#member_box01{width:100%}

.member_box03 input.input_w30 {width:50%}

a.down_box02{width: 100%;    margin: 0px 0% 10px 0%;}

.value_table01 li.value_table01a,.value_table01 li.value_table01c,.value_table01 li.value_table01d,.value_table01 li.value_table01e,.value_table01 li.value_table01f{display:none}

.value_table02 li.value_table02a,.value_table02 li.value_table02b,.value_table02 li.value_table02c,.value_table02 li.value_table02d,.value_table02 li.value_table02e,.value_table02 li.value_table02f{width:100%}

.value_table02 li.value_table02a,.value_table02 li.value_table02b,.value_table02 li.value_table02c,.value_table02 li.value_table02d,.value_table02 li.value_table02e{border-width:0px;}

.value_table02 span{display:inline-block}

.contact_box01a{

    width: 100%;

    float: none;

    padding: 0px 0px 20px 0px;

    border-right: 0px;

    border-bottom: 3px solid #8ccfc1;

}

.contact_box01b {

    width: 100%;

    float: none;

    padding: 20px 0px 0px 0px;

}

.forum_list01{

    display: block;

    flex-wrap: inherit;

}

.forum_list01a{

    flex: none;

    display: block;

    max-width: 100%;

}

.product_box08{

    margin-bottom: 35px;

}

.product_box08c{font-size:1em}

.product_t03b,.product_t03c{font-size:0.75em}

.forum_list01a{padding:0px;}

.product_box08c i {

    font-size: 16px;

    line-height: 27px;

}

.forum_list01a, .forum_list01b{

    flex: none;

    max-width: 100%;

    padding: 0px;

}

.index_t01 {

	font-weight:bold;

	font-size:1.0625em;}

}

.item_bg{

    position: relative;		

    background-size: cover;

}

/*編輯器*/

.edit{

	font-size:16px;

	font-weight:400;

	line-height:2;



}

.edit iframe{

	max-width:100%;

}

.edit table{

	max-width:100%;

}

.edit img{

	max-width:100%;

	height:auto;}

.edit p{

	margin-bottom:0px;	

}

.edit ul{

	list-style-type: disc;

	padding-left: 1.5rem;

}

.edit table td{

	padding:5px;

	border: 1px solid rgba(0,0,0,.2);

}

/*右側固定*/

.fixed_right{

	overflow: hidden;

	position: fixed;

	bottom: 40%;

	right: 10px;

	z-index: 10;

	width: 50px;

	height: auto;

	text-align: center;

	line-height: 40px;			

	color: #9ba47b;

	cursor: pointer;

	border: 0;

	text-decoration: none;

	transition:  0.2s ;

	font-size: 25px;

	padding-top: 10px;

	padding-bottom: 10px;

	transition: all 0.2s ease-in;	

}

.fixed_right_icon{

    position: relative;

    right: 0px;

    width: 100%;

    padding: 5px;

    margin-bottom: 5px;

    border-radius: 50%;	

    transition: all 0.2s ease-in;

}

.fixed_right.boxoff .fixed_right_icon{

	right: -50px;

}

.fixed_right_icon a{

	color: white;	

}

.fixed_right_on_off{

	position: relative;

	background-color: #bfbfbf;

	right: -50px;

	transition: all 0.2s ease-in;

}

.fixed_right_on_off a{

	color: white;

}

.fixed_right:hover .fixed_right_on_off{

	right: 0px;

}

/*icon顏色*/

.fixed_right_facebook{

	background-color: #4267B2;

}

.fixed_right_line{

	background-color: #00c300;

}

.fixed_right_mail{

	background-color: #7d7d7d;

}

.fixed_right_instagram {

    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);

    box-shadow: 0px 3px 10px rgb(0 0 0 / 25%);

}

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

.fixed_right {

	font-size: 25px;

	bottom: 30%;

	width: 50px;

}

.fixed_right a{

	padding: 2px;

}	

}

/*相關連結*/

.link_row{

	display: flex;

    flex-wrap: wrap;

}

.link_list{

    position: relative;

    width: calc(100% / 2 - 40px);

    margin: 20px;

    background: white;

    padding: 10px;

    display: flex;

    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.3);

    border: solid 5px #47602d;

    transition: .3s;

}

.link_list::after{

	content: "";

    position: absolute;

    bottom: 0px;

    right: 0px;

    border-left: solid 75px transparent;

    border-bottom: solid 75px #47602d;

    transition: .3s;

}

.link_list::before{

	position: absolute;

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

    content: "\f0c1";

    opacity: .8;

    right: 15px;

    bottom: 10px;

    z-index: 2;

    color: #fff;

    transition: .3s;

}

.link_list .img{

	width: 130px;

    min-height: 70px;

    margin-right: 20px;

    display: flex;

    align-items: center;

}

.link_list .img img{

	max-width:100%;

}

.link_list .text{

    width: calc(100% - 150px);

    display: flex;

    justify-content: flex-start;

    align-items: center;

}

.link_list .text .title{

    font-size: 26px;

    color: #47602d;

    font-weight: 900;

}

.link_list .text .Introduction{

    margin-bottom: 0px;

    color: #a0a0a0;

    padding-right: 80px;

}

.link_list:hover{

box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);

    color: #1d3208;

    border: solid 5px #1d3208;

}

.link_list:hover::after{

	border-bottom: solid 75px #1d3208;

}

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

.link_list{

        width: calc(100% - 10px);

        margin: 20px 5px;

}

}
.page_input_box{
	display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}
.page_input_box input{
    height: 30px;
    width: 100px;
}
.page_input_box a{
    background: #ca8a04;
    color: #fff;
    padding: 3px 7px;
}