"@charset "utf-8";
/* CSS Document 確認位置 */
html {
    -webkit-text-size-adjust: 100%;
}

body{
    margin:0;
    padding:0;
    font-family:Arial, Helvetica, sans-serif, '';
    text-size-adjust:100%;
    -webkit-text-size-adjust: 100%;
}


h1,h2{
    /*font-family: 'Noto Serif HK', serif;*/
}

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 48
}
/*特殊標籤*/
.TAG_COLOR_01{
    color:#6E9277;
    font-weight:600;
}


/*右下選單OP*/
#MENU_BELOW {
    position: fixed;
    bottom: 30px;     /* 初始位置，可被 JS 動態調整 */
    right: 30px;
    width: 50px;
    height: auto;
    overflow: visible;
    display: block;
    z-index: 9999;
}

/* 主按鈕 */
#MENU_BELOW #ENTER {
    position: absolute;   /* 改為相對 #MENU_BELOW 定位 */
    bottom: 0;
    right: 0;
    width: 50px;
    height: 50px;
    border-radius: 10em;
    background-color: #6E9277;
    border: 2px solid white;
    z-index: 3;
}

/* 子按鈕共通設定 */
#MENU_BELOW .FB,
#MENU_BELOW .IG,
#MENU_BELOW .TF {
    position: absolute;  /* ❗相對 #MENU_BELOW 定位 */
    right: 0;
    width: 50px;
    height: 50px;
    border-radius: 10em;
    background-color: #6E9277;
    border: 2px solid white;
    display: none;
    z-index: 2;
}

/* 展開位置（展開動畫會依這些 bottom 為目標） */
#MENU_BELOW .FB { bottom: 80px;     right: 0px;}
#MENU_BELOW .IG { bottom: 140px;    right: 0px; }
#MENU_BELOW .TF { bottom: 200px;    right: 0px; }

/* 圖示大小統一 */
#MENU_BELOW svg,
#MENU_BELOW img {
    margin: 10px;
    height: 30px;
    width: 30px;
}

/*右下選單END*/

#A01,#A03
#roomstyle {position: absolute;height:65px;width:65px;bottom:0px;left: 40px;}
	
h1{ line-height:1.6; font-size:24px;font-weight:700;}
h2{ line-height:1.8; font-size:20px;
    font-family:Arial, Helvetica, sans-serif,;font-weight:700;}
	
h3{ line-height:1.8; font-size:18px;
    font-family:Arial, Helvetica, sans-serif,;font-weight:700;}

p{line-height:1.7; font-size:17px;
    font-family:Arial, Helvetica, sans-serif,;
	font-weight:400;
	color:#594F49;
	}
	
	
	/*手機板圖片切換*/	
	.CO_PHOTO_L{/*display:block;*/ width:100%;}
	.CO_PHOTO_S{display:none; width:100%;}
	
/*標籤*/
#ABOUT_CONTET .TAGE {
    overflow:hidden;
    background-color: #7AC8D7;
}


#ABOUT_CONTET .TAGE h3{
    font-size: 16px;
    color: #fff;
    padding: 0 10px;
    background-color: #7AC8D7;
    margin: 3px;
    line-height: 2;
    float: left;
    border-radius: 30px;
    display:block;
}

/*展銷中心專用*/
#EC_OP{
    overflow:hidden;
    display:block;
}

#EC_CL{
    overflow:hidden;
    display: none;
}

.RADIO{
    padding-bottom:15px;
    overflow:hidden;
}

/*loadingOP*/
/*背景*/
.L_BK{
    display: none;
    width:100%;
    height:100%;
    position: fixed;
    background-color:#FFF;
    z-index:10000;
    opacity:0.8;
}
.load-wrapp {
    display: none;
    width: 60px;
    height: 32px;
    text-align: center;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -16px 0 0 -30px;
    z-index:10001;
}

.load-wrapp p {
    padding: 0 0 20px;
    margin: 0;
    color: #777;
}

/*動畫區*/
.line {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    background-color:#6f625d;
}


.load .line:nth-last-child(1) {
    animation: loading 0.6s 0.1s linear infinite;
}
.load .line:nth-last-child(2) {
    animation: loading 0.6s 0.2s linear infinite;
}
.load .line:nth-last-child(3) {
    animation: loading 0.6s 0.3s linear infinite;
}

@keyframes loading {
0 {
    transform: translate(0, 0);
}
50% {
    transform: translate(0, 15px);
}
100% {
    transform: translate(0, 0);
}
}
/*展銷中心專用ED*/

/*HOME*/
#INDEX_BK {
    width: 100%;
    overflow: hidden;
    background-color: #6f625d;
    background-image: url(../img/BANNER-05.jpg);
    background-repeat: no-repeat;
    background-position: 0% 80%;
    background-size: cover;
    width: 100%;
    height: 100%;
}
#HOME_CONTENT_RIGHT{
    position: fixed;
    right:0;
    top:0;
    z-index:9999;
    width:12px;
    height:100%;
    background-color:#BDB6A4;
}

#HOME_CONTENT_LEFT{
    position: fixed;
    left:0;
    top:0;
    z-index:9999;
    width:12px;
    height:100%;
    background-color:#BDB6A4;
}

#HOME_CONTENT_RIGHT02{
    position: fixed;
    right:0;
    top:0;
    z-index:9999;
    width:12px;
    height:100%;
    background-color:#E8DDC9;
    height:
}

#HOME_CONTENT_LEFT02{
    position: fixed;
    left:0;
    top:0;
    z-index:9999;
    width:12px;
    height:100%;
    background-color:#E8DDC9;
}

#HOME_CONTENT_TOP{
    position: fixed;
    top:0;
    z-index:9999;
    width:100%;
    height:12px;
    background-color:#BDB6A4;
}

#HOME_CONTENT_TOP_02{
    position: fixed;
    top:0;
    z-index:9999;
    width:100%;
    height:180px;
    background-color:#BDB6A4;
}

#HOME_CONTENT_BOTTON{
    position: fixed;
    bottom:0;
    z-index:9999;
    width:100%;
    height:12px;
    background-color:#BDB6A4;
}


#HOME_VIDEO{
    position: fixed;
    z-index: -99;
    overflow:hidden;
    background-image:url(../img/BANNER-04.jpg);
    background-size:cover;
    width:100%;
    height:100%;

}

#MENU{
    position: fixed;
    z-index:9999;
    right:80px;
    display:block;
}

#MENU ul{
    list-style-type:none;
    padding:0;
}

#MENU ul li{
    float:left;
}

#MENU ul li a{
    display: block;
    padding: 90px 20px 20px 20px;
    font-size: 16px;
    color: #594F49;
    text-decoration:none;
    font-weight:bold;
}

#MENU  ul li a:hover{
    color: #CCC;
}

#PHOME_MENU_X{
    position: fixed;
    z-index:9999;
    top:0;
    right:0;
    padding:20px 20px 12px 17px;
    display: none;
    background-color:#E8DDC9;
    border-bottom-left-radius:10px;
}

#PHOME_MENU{
    position: fixed;
    z-index:9998;
    display: none;
    background-color:#6E9277;
    opacity:0.98;
    width:30%;
    height:100%;
    right:0;
    overflow:scroll;
    overflow-x:hidden;
    overflow-y:auto;
}

#PHOME_MENU ul{
    list-style-type:none;
    padding:0;
    margin:0;
}

#PHOME_MENU ul li{
    text-align:left;
}

#PHOME_MENU ul li a{
    display: block;
    padding:20px 0 0 0;
    font-size:20px;
    color: #000;
    text-decoration:none;
}

#PHOME_MENU  ul li a:hover{
    color: #594F49;
}

#PHOME_MENU ul li ul li a{
    font-size:17px;
    color:#ffffff;
}

/*會員*/
#MEMDER{
	position: fixed;
	z-index: 9999;
	top: 20px;
	right: 80px;
	background-color: #6E9277;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	padding: 10px 15px 10px 15px;
	border: 1px solid #FFF;
}

#MEMDER a{
    text-decoration:none;
    color:#FFF;
    display:block;
}

#MEMDER:hover{
    text-decoration:none;
    color:#000;
    background-color:#41634a;
}

/*首頁追加*/
#SERV{
    overflow:hidden;
    margin-bottom:20px;
}

#SERV .SERV_CO{
    margin:auto;
    width:1400px;
    overflow:hidden;
}

#SERV .SERV_CO .SERV_BOX{
    float:left;
    width: calc(25% - 10px);
    margin:5px;
    border-radius:5px;
    position: relative;
}

#SERV .SERV_CO .SERV_BOX .SERV_IMG_01{
    border-radius:5px;
}

#SERV .SERV_CO .SERV_BOX .SERV_BK{
    display:block;
    border-radius:5px;
    opacity:1;
    transition: 0.2s;
    -webkit-transition: 0.2s;
}

#SERV .SERV_CO .SERV_BOX .SERV_BK:hover{
    border-radius:5px;
    opacity:0;
    transition: 0.2s;
    -webkit-transition: 0.2s;
}

#SERV img{
    display:block;
}

#SERV .SERV_CO .SERV_BOX .SERV_BL{
    background-color:#000000;
    border-radius:5px;
    position: absolute;
    z-index:1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity:0.6;
}

#SERV .SERV_CO .SERV_BOX .SERV_IMG{
    width:100px;
    position: absolute;
    z-index:2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0px auto;
    padding:30px;
    text-align: center;
    display:block;
    opacity:1;
}


#SERV .SERV_CO .SERV_BOX h2{
    color: #FFF;
    font-weight: ;
    /*font-size: 20px;*/
    width: 100%;
    display: block;
    position: absolute;
    z-index: 2;
    bottom:40px;
    margin: 0px;
    padding: 0px;
    text-align: center;
}



#BANNER{
    height:100vh;
    position:relative;
    overflow:hidden;
    width:100%;
}

#BANNER .BANNER_BOX{
    position:relative;
    overflow:hidden;
}

.BANNER_BOX{
    height:100vh;
    margin-left:auto;
    margin-right:auto;
}

#BANNER ul{
    padding:0;
    margin:0;
}

#BANNER ul li{

}

#BANNER ul li img{
    width: 100%;
}

.slideshow .item img {
    width: 100%;
    -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
    transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.slideshow .item.slick-active img {
    -webkit-transform: scale(1);
    transform: scale(1);
}
/*001*/
.TITLE_IN{
    position: absolute;
    background-color:rgba(110,146,119,0.65);
    display: block;
    overflow: hidden;
    padding: 30px 40px 30px 30px;
    margin:0;
    width: 400px;
    bottom:40px;
    right:40px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: 0.5s;
}

.TITLE_IN:hover{
    background-color:rgba(110,146,119,1);
}

.LINES{
    overflow: hidden;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #FFF;
    border-bottom-color: #FFF;
    padding:10px 0 10px 0;
}

.slider a{
    text-decoration:none;
}

.TITLE_IN h2{
    font-family: 'Noto Serif HK', serif;
    color: #FFF;
    font-size:2.5em;
    letter-spacing:1px;/*字間*/
    line-height:1.4;/*行距*/
    margin:0;
    padding:0;
    opacity:1;
    font-weight:700;
}

.TITLE_IN p{
    color: #FFF;;
    font-size:18px;
    letter-spacing:1px;/*字間*/
    line-height:1.7;/*行距*/
    margin:0;
    padding:0;
    opacity:1;
}
/*002*/
.TITLE_IN_MB{
    position: absolute;
    background-color:rgba(110,146,119,0.65);
    display: block;
    overflow: hidden;
    padding: 30px 40px 30px 30px;
    margin:0;
    width: 410px;
    bottom:40px;
    right:40px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: 0.5s;
}

.TITLE_IN_MB:hover{
    background-color:rgba(110,146,119,1);
}

.TITLE_IN_MB h1{
    font-family: 'Noto Serif HK', serif;
    color: #FFF;
    font-size:2.5em;
    letter-spacing:1px;/*字間*/
    line-height:1.4;/*行距*/
    margin:0;
    padding:0;
    opacity:1;
    font-weight:700;
}

.TITLE_IN_MB p{
    color: #FFF;;
    font-size:18px;
    letter-spacing:1px;/*字間*/
    line-height:1.7;/*行距*/
    margin:0;
    padding:0;
    opacity:1;
}
/**/

#LOGO{
    position: fixed;
    z-index:9996;
    left:15px;
    top:5px;
    height:50px;
}

#LOGO img{
    height:50px;
}

/*新ICON系列*/
#SEV{
    height:90px;
    display: block;
    overflow:hidden;
    background-color:#647e6a;
}

#SEV .SEV_CO{
    width:1180px;
    margin:auto;
}

#SEV .SEV_CO .SEV_BOX{
    width:19%;
    height:90px;
    float:left;
    display:block;
    background-color:#6E9277;
    -webkit-transition:0.5s;
    display:block;
    overflow:hidden;
    margin-right:2px;
}

#SEV .SEV_CO .SEV_BOX a{
    display:block;
    text-decoration:none;
}

#SEV .SEV_CO .SEV_BOX:hover{
    background-color:#8db897;
}

#SEV .SEV_CO .SEV_BOX img{
    width:60px;
    display:block;
    padding:18px 0 0 15px;
    float:left;
    margin:auto;
}

#SEV .SEV_CO .SEV_BOX h1{
    color:#FFF;
    font-family: 'Noto Serif HK', serif;
    font-size:20px;
    font-weight:600;
    display: flex;
    justify-content: center;
    margin:0;
    padding:32px 0 0 0;
}

.NEXT_PAGE{overflow:hidden; margin-bottom:20px;}

.NEXT_PAGE ol{
    font-size:14px;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    list-style:none;
}

.NEXT_PAGE li:not(:last-child){
    margin-right:10px;
}

.NEXT_PAGE li a{
    display:block;
    padding:10px 20px;
    color:#FFF;
    text-decoration:none;
    line-height:1;
    background-color:#6E9277;
    /*border:2px solid #425d49;*/
    border-radius:5px;
}

.NEXT_PAGE li span{
    display:block;
    padding:10px 20px;
    color:#FFF;
    text-decoration:none;
    line-height:1;
    background-color:#8cad94;
    /*border:2px solid #425d49;*/
    border-radius:5px;
}



#NEWS .slick-dots{bottom:-45px;}

/*新ICON系列END*/

#INTRODUCTION{
    display:none;
    overflow:hidden;
    height:100px;
    padding:20px 40px 20px 40px;
    background-color:#E8DDC9;
}

.TITLE_INT_001{
    position: relative;
    top: 50%;
    transform:translateY(-50%);
    padding:0;
    margin:0px;
    float:left;
    width:800px;
    display:block;
    overflow:hidden;
    font-size:18px;
    line-height:1.7;
    color:#6f625d;
}

.TITLE_INT_002{
    position: relative;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    float: right;
    overflow: hidden;
    border: 1px solid #6f625d;
    font-size:15px;
    font-weight:normal;
    line-height:1.7;
    color:#6f625d;
    padding:10px 40px 10px 40px;
    transition: 0.5s;
    -webkit-transition: 0.5s;
}

.TITLE_INT_002 a{
    display: block;
    color:#6f625d;
    text-decoration:none;
}

.TITLE_INT_002:hover{
    background-color:#B59E6D;
}

.TITLE_INT_003{
    width:80px;
    text-align:center;
    display: block;
    margin:0 auto 0 auto;
    border: 1px solid #6f625d;
    background-color:#6f625d;
    font-size:15px;
    font-weight:normal;
    line-height:1.7;
    color:#FFF;
    padding:10px 40px 10px 40px;
    transition: 0.5s;
    -webkit-transition: 0.5s;
}

.TITLE_INT_003 a{
    display: block;
    color: #FFF;
    text-decoration:none;
    transition: 0.5s;
    -webkit-transition: 0.5s;
}

.TITLE_INT_003:hover{
    color:#6f625d;
    border: 1px solid #aea09a;
    background-color:#aea09a;
}

.TITLE_INT_003 a:hover{
    color:#6f625d;
}

/*首頁最新消息*/
#NEWS_S{
    display:block;
    overflow:hidden;
}

#NEWS_S2{
    display: none;
    overflow:hidden;
}

#NEWS{
    width:100%;
    overflow:hidden;
    padding:0 0 0 0px;
    margin:0 0 20px 0px;
}


#NEWS .NEWS_BOX{
    width: 350px;
    float: left;
    margin: 5px 5px 30px 5px;
    line-height: 1.7;
    font-size: 16px;
    border: 1px solid #CCC;
    border-radius: 5px;
}

#NEWS .NEWS_BOX img{
    border-radius:5px 5px 0px 0px;
}


#NEWS .NEWS_BOX a{
    text-decoration:none;
}

#NEWS .NEWS_BOX .NEWS_BOX_TXT{
    overflow:hidden;
}

#NEWS .NEWS_BOX .NEWS_BOX_TXT h1{
    /*font-size:20px;*/
    color:#6f625d;
	font-weight:400;
    padding:15px 10px 0px 10px;
    text-align:center;
    margin:0;
    /*CSS限制字數/行數，讓過長的文字隱藏變"…"*/
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
    white-space: normal;
}

#NEWS .NEWS_BOX .NEWS_BOX_TXT p{
    font-size:15px;
    color:#757575;
    padding:10px 10px 10px 10px;
    margin:0;
    display:none;
}

#NEWS .NEWS_BOX .NEWS_BOX_TXT h4{
    font-size:15px;
    font-weight:normal;
    padding:10px 10px 10px 10px;
    color:#757575;
    margin:0;
}

#NEWS .NEWS_BOX .NEWS_BOX_IMG{
    overflow:hidden;
    padding:0px;
}

.NEWS_TOTP{
    background-color: #09C;
    color:#FFF;
    font-size:16px;
    font-weight:normal;
    padding:3px 5px 3px 5px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.NEWS_TOTP_02{
    background-color:#F93;
    color:#FFF;
    font-size:16px;
    font-weight:normal;
    padding:3px 5px 3px 5px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/*內容最新消息*/
#NW_LEFT{
    float:left;
    width:calc(15% - 10px);
    margin-right:10px;
    margin-top:20px;
}

.NW_LEFT02{
	height:100px;
}


#NW_RIGHT{
    float:right;
    width:85%;
    margin-top:20px;
}


/*內容最新消息END*/	

.NEWS_AS{
    position: relative;
    overflow:hidden;
    width:calc(32.5% - 20px);
    height:410px;
    margin:5px 10px 15px 10px;
    float:left;
    display:block;
}

.NEWS_AS h5{
    display:block;
    position: absolute;
    top:0px;
    left:0px;
    padding:5px 10px 5px 10px;
    margin:0;
    background-color:#DCCBAA;			border-bottom-right-radius: 10px;
    font-size:14px;
}

.NEWS_AS .NEWS_AS_LEFT{
    overflow:hidden;
    float:left;
    width:100%;
    text-align:justify;
}

.NEWS_AS .NEWS_AS_LEFT h1{
    padding:0 0 0 0;
    margin:0 0 10px 0;
    /*font-size: 20px;*/
    color: #6f625d;	

display: -webkit-box;
max-width:100%;
-webkit-line-clamp:2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}

.NEWS_AS .NEWS_AS_LEFT h3{
    font-family:Arial;
    font-weight:500;
    padding:10px 10px 6px 0px;
    margin:0;
    font-size:16px;
    display:block;
    width:100%;
    color:#6E9277;
    text-align: left;
}


.NEWS_AS .NEWS_AS_LEFT h4{
    font-family:Arial;
    font-weight:500;
    padding:0;
    margin:0;
    font-size:16px;
    display:block;
    width:100%;
    color:#6E9277;
    text-align: right;
}

.ROOM_H4{
    font-family:Arial;
    font-weight:500;
    padding:0;
    margin:0;
    font-size:16px;
    display:block;
    width:100%;
    color:#6E9277;
    text-align: right;
}

.NEWS_AS .NEWS_AS_LEFT p{
    padding:0 0 0 0;
    margin:0 0 10px 0;
    font-size: 15px;
    color: #757575;
	
display: -webkit-box;
max-width:100%;
-webkit-line-clamp:3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}

a .NEWS_AS{
    color:#6f625d;
}


.NEWS_AS .NEWS_AS_LEFT h4 a{
    text-decoration:none;
    color: #6f625d;
}

.NEWS_AS .NEWS_AS_LEFT h4 a:hover{
    text-decoration:none;
    color:#999;
}

.NEWS_AS .NEWS_AS_IMG{
    overflow:hidden;
    float:left;
    border: 2px solid #DCCBAA;
    height: 160px;
}

.NEWS_AS .NEWS_AS_IMG img{
    width:100%;
    display:block;
}

/*最新消息END*/

#FOOD_IN{
    width: 100%;
    height: 450px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-image: url(../img/FOOD_CONTENT.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

#FOOD_IN .FOOD_CONTENT{
    width:40%;
    height:450px;
    overflow:hidden;
    padding:0;
    margin:0 0 0 0;
    background-color:rgba(255, 255, 255, 0.8);
    float:right;
}

#FOOD_IN .FOOD_CONTENT img{
    margin:30px auto 20px auto;
    display:block;
}

#FOOD_IN .FOOD_CONTENT h1{
    font-family: 'Noto Serif HK', serif;
    color:#6f625d;
    padding:6px 20px 6px 20px;
    margin:40px 40px 0px 40px;
    display:block;
    text-align:center;
    font-weight:700;
    /*font-size:26px;*/
}

#FOOD_IN .FOOD_CONTENT p{
    padding:10px 40px 10px 40px;
    margin-bottom:50px;
    font-size:20px;
    color:#6f625d;
    text-align: center;
    line-height:1.7;
}


/*CONTENT*/

#TOP{
    width:100%;
    height:180px;
    overflow:hidden;
    background-color:#E8DDC9;
}

#TOP #TOP_LOGO{
    width:300px;
    float:left;
    margin:45px 0px 0px 30px;
}

#TOP #CO_MENU{
    position: absolute;
    z-index:9998;
    right:40px;
    top:140px;
    display:block;
}

#TOP #CO_MENU ul{
    list-style-type:none;
    margin:0;
    padding:0;
}

#TOP #CO_MENU ul li{
    margin:0;
    padding:0;
}

#TOP #CO_MENU  ul li a{
    display: block;
    font-size: 16px;
    color: #594F49;
    text-decoration:none;
    font-weight:bold;
}

#TOP #CO_MENU  ul li a:hover{
    color: #F93;
}


#TOP #PINE{
    float:right;
    width:600px;
}

#ABOUT_BK{
    width: 100%;
    overflow: hidden;
    background-color: #f7f3ec;
    /*background-image: url(../img/CO_BK.png);*/
    background-size: 70%;
    background-repeat: no-repeat;
}

#ABOUT_CONTET{
    width:990px;
    overflow:hidden;
    margin-left:auto;
    margin-right:auto;
    /*margin-bottom:40px;*/
    padding-bottom:0px;
}

#NEW_CONTET{
    width:1200px;
    overflow:hidden;
    margin-left:auto;
    margin-right:auto;
    /*margin-bottom:40px;*/
    padding-bottom:0px;
}

#ABOUT_CONTET_02{
    width:70%;
    margin:0 auto 20px auto;
    overflow:hidden;
}

#ABOUT_CONTET #CO_TITLE{
    margin-left:auto;
    margin-right:auto;
    margin-top:40px;
}

#NEW_CONTET #CO_TITLE{
    margin-left:auto;
    margin-right:auto;
    margin-top:40px;
}

#ABOUT_CONTET #CO_TITLE h1{
    text-align:center;
    color:#7d5212;
    font-weight:normal;
    /*font-size:20px;*/
    padding:0 0 0 0;
    margin:0 0 0 0;
}

#NEW_CONTET #CO_TITLE h1{
    text-align:center;
    color:#7d5212;
    font-weight:normal;
    /*font-size:20px;*/
	margin:0;
	padding:0;
}

#ABOUT_CONTET #CO_TITLE h1 img{
    padding:0px 10px 6px 10px;
    display: none;
}

#NEW_CONTET #CO_TITLE h1 img{
    padding:0px 10px 6px 10px;
}

.ABOUT_BOX_G{
	overflow:hidden;
}

#ABOUT_CONTET #ABOUT_BOX{
    width:300px;
    /*height:500px;*/
    float:left;
    margin:30px 15px 30px 15px;
    /*margin:30px 15px 0px 15px;*/
}

#ABOUT_CONTET #ABOUT_BOX a{
    text-decoration:none;
}

#ABOUT_CONTET #ABOUT_BOX h4{
    font-family: Arial;
    font-weight: 500;
    padding: 0;
    margin: 0;
    font-size: 16px;
    display: block;
    width: 100%;
    color: #6E9277;
    text-align: right;
}

#ABOUT_CONTET #ABOUT_BOX .ABOUT_BOX_IMG{
    overflow: hidden;
    float: left;
    border: 2px solid #DCCBAA;
    height: 167px;
}

#ABOUT_CONTET #ABOUT_BOX .ABOUT_BOX_IMG img{
	width: 100%;
    display: block;
}

#ABOUT_CONTET #ABOUT_BOX .ABOUT_BOX_TITLE {
    overflow: hidden;
    float: left;
    width: 100%;
    text-align: justify;
}

#ABOUT_CONTET #ABOUT_BOX h1{
    padding: 0 0 0 0;
    margin: 10px 0 10px 0;
    font-size: 20px;
    color: #6f625d;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

#ABOUT_CONTET #ABOUT_BOX p{
    padding:0;
    margin:0 0 10px 0;
    /*color:#F8F3EA;*/
    color:#333;
    font-weight:normal;
    font-size:16px;
    line-height:1.7;
    text-align:justify;
	font-weight:;
}
.ABOUT_CONTET_MAX{
    overflow:hidden;
    padding-top:20px;}

.ABOUT_CONTET_LEFT{
    overflow:hidden;
    float:left;
    width:300px;
}

.ABOUT_CONTET_RIGHT{
    overflow:hidden;
    float:right;
    width:660px;
}

.ABOUT_CONTET_RIGHT h1{
    color: #7d5212;
    font-weight: normal;
    /*font-size: 18px;*/
    padding: 10px 0 0 0;
    margin: 0;
}


/*社團法人*/
#COR_BOX{
    overflow:hidden;
    display:block;
}

#COR_BOX h4{
    color:#DDCDAC;
    padding:0 0 0 0;
    margin:40px 0 10px 0;
    text-align:center;
	line-height: 1.6;
    font-size: 22px;
    font-weight: 500;
}

.COR_BOX_TITLE{
    color:#DDCDAC;
    padding:0 0 0 0;
    margin:40px 0 10px 0;
    text-align:center;
}

.COR_BOX_TXTE{
    color: #333;
    padding:0 0 0 0;
    margin:30px 0 0px 0;
    text-align:center;
    font-size: 15px;
}

.COR_BOX_TXTE_02{
    /*width:720px;*/
    color: #333;
    padding:0 0 0 0;
    margin:30px  auto 0px  auto;
    text-align: justify;
    font-size: 16px;
}


.TIME{
    overflow:hidden;
}

.TIME_LINE{
    background-image: url(../img/TIME_LINE.jpg);
    height: 100%;
    width:1px;
    margin-left:auto;
    margin-right:auto;
    background-repeat: repeat-y;
    padding:70px 0 70px 0;
}

.WEBORN{
    background-image: url(../img/TIME_POINT.png);
    background-repeat: no-repeat;
    background-position:50% 90px;
    color:#DDCDAC;
    font-weight:inherit;
    font-size:20px;
    text-align:center;
    padding:30px 0 39px 0;
    margin:0 auto 0 auto;
}

.COMING_SOON{
    background-image: url(../img/Coming.png);
    background-repeat: no-repeat;
    background-position:50% 0px;
    color: #F0E5D4;
    font-weight:inherit;
    font-size:22px;
    text-align:center;
    padding:20px 0 0 0;
    margin:0 auto 100px auto;
}

.TIME_BOX_LEFT{
    overflow:hidden;
    width:400px;
    float:right;
}

.TIME_BOX_LEFT h1{
    font-weight: inherit;
    color:#7d5212;
    /*font-size: 20px;*/
    padding: 0 0 5px 125px;
    margin: 0;
    background-image: url(../img/TIME_POINT_LEFT.png);
    background-repeat: no-repeat;
    background-position:300px;
}

.TIME_BOX_LEFT p{
    color:#333;
    font-size:15px;
    padding:0 110px 0 125px;
    margin:0 0 15px 0;
}

.TIME_BOX_RIGHT{
    overflow:hidden;
    width:470px;
}

.TIME_BOX_RIGHT h1{
    font-weight:inherit;
    color:#7d5212;
    font-size:20px;
    padding:0 0 5px 110px;
    margin:0;
    background-image:url(../img/TIME_POINT_RIGHT.png);
    background-repeat: no-repeat;
}

.TIME_BOX_RIGHT p{
    color: #333;
    font-size:15px;
    padding:0 0 0 110px;
    margin:0 0 15px 0;
}

.IMG_BOX_RIGHT{
    float:right;
    padding-right:20px;
    padding-top:40px;
}

.IMG_BOX_LEFT{
    float:left;
    padding-left:20px;
    padding-top:40px;
}

/*相關企業*/
.RELATED_BOX{
    overflow: hidden;
    float: left;
    width: 298px;
    margin: 30px 15px 15px 15px;
    /*border: 1px solid #333;
    border-radius:10px;
    height:300px;*/
}

.RELATED_BOX h1{
    text-align:center;
    /*font-size:20px;*/
    font-weight: normal;
    color:#7d5212;
}

.RELATED_BOX p{
    font-size:15px;
    color: #333;
    text-align:justify;　
}

.RELATED_BOX img{
    display:block;
    margin:auto;
}

#KEY{
    opacity:0;
    position: fixed;
}

/*底部*/
#FOOTER{
    overflow:hidden;
    background-color:#6E9277;
}

.FOOTER_LOGO{
    float:left;
    padding:60px;
    overflow:hidden;
}


.FOOTER_ICON{
    float:right;
    overflow:hidden;
    width:40px;
    padding:30px 10px 0px 0px;
}

#FOOTER p{
    color: #FFF9;
    float:right;
    font-size:14px;
    padding:32px 20px 0px 0px;
    line-height:1.8;
    text-align:right;
}

#FOO_CO{
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: #C7AC7A;
    background-color:#E8DDC9;
    height:25px;
}

#COBANNER_TOP{
    /*width: 100%;*/
    height:100vh;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
}

#COBANNER_TOP .COBANNER_LOGO{
    position: absolute;
    z-index: 9996;
    left: 80px;
    top: 80px;
    width: 200px;
	display:none;
}

.INDEX_BK{
    width:70%;
}

.COBANNER_IMG_001{
    width:auto;
    height:100vh;
    display:block;
}

.COBANNER_IMG_002{
    display:none;
}

.COBANNER_IMG_003{
    display:none;
}

#TEST_CONNER{
    width:1200px;
    overflow:hidden;
    margin:auto;
}

#RC{
    overflow:hidden;
	background-color: #f7f3ec;
}

#ROOM_CONNER{
    width:1200px;
    overflow:hidden;
    margin:auto;
    margin-bottom:40px;
}

#ROOM_CONNER #ROOM_LEFT{
    width:480px;
    overflow:hidden;
    float:left;
    margin-top:20px;
}

#ROOM_CONNER #ROOM_LEFT h1{
    width: 100%;
    display:block;
    padding:0px 0px  10px  0px;
    margin:0px  0px  10px  0px;
    color: #594F49;
    /*font-size: 22px;*/
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #968466;
    float:left;
}

#ROOM_CONNER #ROOM_LEFT .ROOM_LEFT_PROJECT{
    width:100%;
    float:left;
    overflow:hidden;
    display:block;
}

#ROOM_CONNER #ROOM_LEFT .ROOM_LEFT_BUTTON{
	margin-top:10px;
    width:100%;
    float:left;
    overflow:hidden;
    display:block;
}

#ROOM_CONNER #ROOM_LEFT .ROOM_LEFT_BUTTON .ROOM_BUTTON_01{
     width:calc(35.2% - 30.8px);
    padding:15px 5px 15px 5px;
    text-align:center;
    margin:0 5px 0 5px;
    float:left;
    display:block;
    background-color:#594F49;
    color: #FFF;
    transition: 0.5s;
    -webkit-transition: 0.5s;
}

#ROOM_CONNER #ROOM_LEFT .ROOM_LEFT_BUTTON .ROOM_BUTTON_01:hover{
    background-color:#918B87;
    color: #FFF;
}

#ROOM_CONNER #ROOM_LEFT .ROOM_LEFT_PROJECT p{
    color:#594F49;
	padding:0px;
    margin:0px;
}

#ROOM_CONNER #ROOM_LEFT .ROOM_LEFT_DOON{
    width:100%;
    float:left;
    overflow:hidden;
    display:block;
    margin-top:20px;
}

#ROOM_CONNER #ROOM_LEFT .ROOM_LEFT_DOON p{
    padding:5px;
    text-align:justify;

}



#ROOM_CONNER #ROOM_RIGHT{
    width:700px;
    overflow:hidden;
    float:left;
    margin-left:20px;
    margin-top:20px;
}
#ROOM_CONNER #ROOM_RIGHT ul {
    list-style:disc;
    line-height: 1.7;
}
#ROOM_CONNER #ROOM_RIGHT ul li{
    list-style:disc;
    line-height: 1.7;
    color: #594F49;
    font-size: 17px;
}

#ROOM_CONNER #ROOM_RIGHT img{
    width:100%;
    /*display:block;*/
    padding-bottom:20px;
}

/*VIDELO*/
#VIDELO{
    width:100%;
    overflow:hidden;
}

.VIDELO_BOX{
    margin-bottom:30px;
    margin-left:5px;
    margin-right:5px;
    overflow:hidden;
}

.VIDELO_BOX_IMG{
	overflow:hidden;
	}



.VIDELO_BOX a{
    text-decoration: none;
}

.VIDELO_BOX img{
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}

.VIDELO_TITLE{
    color: #6E9277;
    font-family: 'Noto Serif HK', serif;
    font-weight:700;
    font-size: 24px;
    padding: 20px 0 20px  0;
    margin: 0;
    text-align:center;
}

.VIDELO_TITLE img{
    padding: 0px 10px 6px 10px;
}

.VIDELO_BOX_TXT h1{
    text-align:left;
    /*font-size:20px;*/
    font-weight:400;
    color: #6f625d;
    padding: 10px 10px 0px 10px;
    margin:0 0 0 0;
    /*CSS限制字數/行數，讓過長的文字隱藏變"…" */
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;
    white-space: normal;
}

/*youtobe*/
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;left: 0;
    width: 100%;
    height: 100%;
}

#Bread_crumbs{
    width:100%;
    overflow:hidden;
}

#Bread_crumbs ul{
    margin:0;
    padding:3px 3px 3px 3px;
}

#Bread_crumbs ul li{
    display:block;
    float:left;
    font-size:14px;
    color: #999;
}

#Bread_crumbs ul li a{
    text-decoration:none;
    color:#09F;
}
/*頁籤*/
#SORT{
    overflow:hidden;
    margin-top:0px;
    margin-left:auto;
    margin-right:auto;
    background-color:#f7f3ec;
	display:none;
}

#SORT .SORT_BOX{
    float: left;
    background-color:#D1BB92;
    color: #594F4;
    margin: 5px 1px 5px 0px;
    padding: 10px 0px 10px 0px;
    /*border-radius:10px;*/
    transition: all .3s linear;
    border-bottom-width: 5px;
    border-bottom-style: solid;
    border-bottom-color:#E8DDC9;
}

#SORT .SORT_BOX:hover{
    background-color: #E8DDC9;
}

#SORT .SORT_BOX a{
    font-size:16px;
    text-decoration:none;
    color: #594F49;
    text-align:center;
    display:block;
}

/*服務內容*/
.SERVICE_BOX{
    overflow: hidden;
    background-color:#eae5e0;
}

.SERVICE_A_LEFT{
    width:60%;
    float:left;
}

.SERVICE_A_RIGHT{
    width:40%;
    float:left;
}

.SERVICE_A_RIGHT h1{
    padding:50px 50px 10px 50px;
    margin:0;
    color:#7d5212;
    /*font-size:25px;*/
}

.SERVICE_A_RIGHT h3{
    padding:0px 50px 0px 50px;
    margin:0;
    color:#7d5212;
    font-size:18px;
}

.SERVICE_A_RIGHT h4{
    padding:10px 50px 10px 50px;
    margin:0;
    color:#7d5212;
    font-size:25px;
}


.SERVICE_A_RIGHT p{
    padding:10px 50px 50px 50px;
    margin:0;
    line-height:2;
    font-size:18px;
}

/*服務內容B*/
.SERVICE_B_LEFT{
    width:60%;
    float:right;
}

.SERVICE_B_RIGHT{
    width:40%;
    float:left;
}

.SERVICE_B_RIGHT h1{
    padding:50px 50px 10px 50px;
    margin:0;
    color:#7d5212;
    /*font-size:25px;*/
}

.SERVICE_B_RIGHT h3{
    padding:0px 50px 0px 50px;
    margin:0;
    color:#7d5212;
    font-size:18px;
}

.SERVICE_B_RIGHT h4{
    padding:10px 50px 10px 50px;
    margin:0;
    color:#7d5212;
    font-size:25px;
}


.SERVICE_B_RIGHT p{
    padding:10px 50px 50px 50px;
    margin:0;
    line-height:2;
    font-size:18px;
}

/*園區導覽*/
.GUIDED_TOUR{
    overflow:hidden;
    margin-top:20px;
}

/*模板*/
#MODULE_BK{
    overflow:hidden;
    background-color:#f7f3ec;
}

.MODULE_A01{
    overflow:hidden;
    position: relative;
    margin-top:20px;
    margin-bottom:60px;
}

.MODULE_A01 .MODULE_A01_BOX{
    overflow:hidden;
    position: absolute;
    width:250px;
    height:360px;
    top:30px;
    left:0px;
    background-color:rgba(232,221,201,0.9);
    padding:30px 30px 0px 30px;
}

.MODULE_A01 img{
    width:800px;
    height:444px;
    border: 5px solid #fff;
    display:block;
    float: right;
}

.MODULE_A01 .MODULE_A01_BOX h1{
	font-weight:700;
    font-family: 'Noto Serif HK', serif;
    padding: 8px 0px 8px 0px;
    margin: 0px 0px 15px 0px;
    font-size: 22px;
    color: #6f625d;
    /*CSS限制字數/行數，讓過長的文字隱藏變"…"*/
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #6f625d;
    border-bottom-color: #6f625d;
}

.MODULE_A01 .MODULE_A01_BOX p{
    padding:0px;
    margin:0px;
    color: #333;
    font-size:16px;
    text-align:justify;
    /*CSS限制字數/行數，讓過長的文字隱藏變"…"*/
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:6;
    -webkit-box-orient: vertical;
    white-space: normal;
}
/*表單*/
.FORM_CO{
    margin:0 50px  0 50px ;
    padding:0;
}

.FORM_CO img{
    width:100px;
    height:35px;
    display:block;
    float:right;
    border: 2px solid #6f625d;
}

.FORM_001_100{
    width: 100%;
    padding:10px;
    margin-bottom:15px;
    font-size: 16px;
    border: 1px solid #D1BB92;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.FORM_001_30{
    width: 30%;
    padding:10px;
    margin-bottom:15px;
    font-size: 16px;
    border: 1px solid #D1BB92;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.FORM_001_102{
    width: 102.5%;
    padding:10px;
    margin-bottom:15px;
    font-size: 16px;
    border: 1px solid #D1BB92;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.CBX{
    font-size:14px;
    margin:10px 0px 10px 10px;
}

.FILTER_001{
    padding-top:20px;
}

/*按鈕*/
.BUTTON_001{
    background-color:#D1BB92;
    color:#594F4;
    padding:15px 30px 15px 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    transition: all .3s linear;
    text-align:center;
    width:70%;
    margin:auto;
}

.BUTTON_001:hover{
    background-color: #E8DDC9;
}

.BUTTON_002{
    width:100%;
    text-align:center;
    display: block;
    margin:20px auto 0 auto;
    border: 1px solid #6f625d;
    background-color:#6f625d;
    font-size:15px;
    font-weight:normal;

    line-height:1.7;
    color:#FFF;
    padding:10px 0px 10px 0px;
    transition: 0.5s;
    -webkit-transition: 0.5s;
}

.BUTTON_002 a{
    display: block;
    color: #FFF;
    text-decoration:none;
    transition: 0.5s;
    -webkit-transition: 0.5s;
}

.BUTTON_002:hover{
    color:#6f625d;
    background-color:#CCC;
}

.BUTTON_002 a:hover{
    color:#6f625d;
}

.BUTTON_003{
    width:40%;
    text-align:center;
    display: block;
    margin:20px auto 20px auto;
    border: 1px solid #6f625d;
    background-color:#6f625d;
    font-size:15px;
    font-weight:normal;
    line-height:1.7;
    color:#FFF;
    padding:10px 0px 10px 0px;
    transition: 0.5s;
    -webkit-transition: 0.5s;
}

.BUTTON_003 a{
    display: block;
    color: #FFF;
    text-decoration:none;
    transition: 0.5s;
    -webkit-transition: 0.5s;
}

.BUTTON_003:hover{
    color:#6f625d;
    background-color:#CCC;
}

.BUTTON_003 a:hover{
    color:#6f625d;
}

/*通用BOX*/
.UN_BOX_3{
    overflow:hidden;
    width:28%;
    padding:10px 2.5% 10px 2.5%;
    float:left;
    text-align:center;
}

.UN_BOX_3 img{
}

.UN_BOX_4{
    overflow:hidden;
    width:20%;
    padding:10px 2.5% 10px 2.5%;
    float:left;
    text-align:center;
}

@media screen and (max-width: 1376px) {
    /* 如果使用者視窗寬度 <= 1376px */
    #SERV .SERV_CO {width:100%;}
    #SERV .SERV_CO .SERV_BOX {width: calc(25% - 10px);}

}

@media screen and (max-width:1280px) {
    /* 如果使用者視窗寬度 <=1280px， */

    #LOGO{
        position:fixed;
        z-index:9996;
        left:20px;
        top:5px;
        height:50px;
    }

    #LOGO img{
        height:50px;
    }

    #BANNER {
        height:auto;
    }

    #SORT{
        overflow:hidden;
        margin-top:0px;
        margin-left:auto;
        margin-right:auto;
		display:none;
    }

    #SORT .slick-prev {
        top:10px;
        left:-25px;
        margin:0;
        padding:0;
    }

    #SORT .slick-next {
        top:10px;
        right:8px;
        margin:0;
        padding:0;
    }

    #SORT .slick-prev:before {
        font-family: 'slick';
        font-size: 52px;
        margin:0;
        padding:0;
        line-height: 1;
        opacity:0.5;
        color:#7d5212;
        text-shadow:none;
        font-weight: lighter;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    #SORT .slick-next:before {
        font-family: 'slick';
        font-size: 52px;
        margin:0;
        padding:0;
        line-height: 1;
        opacity: 0.5;
        color:#7d5212;
        text-shadow: none;
        font-weight: lighter;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        background-color: rgb(0 0 0 / 0%);
    }

    /*新ICON*/

    #SEV {height:auto;}
    #SEV .SEV_CO{width:auto;}
    #SEV .SEV_CO .SEV_BOX{width:; margin-right:1px;}

    #SEV .SEV_CO  .slick-prev { top:10px; left:-25px; margin:0;	padding:0;}
    #SEV .SEV_CO  .slick-next { top:10px;right:8px;	margin:0;padding:0;}

    #SEV .SEV_CO  .slick-prev:before {
        font-family: 'slick';
        font-size: 52px;
        margin:0;
        padding:30px 0 0 0;
        line-height: 1;
        opacity:0.5;
        color: #FFF;
        text-shadow:none;
        font-weight: lighter;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    #SEV .SEV_CO .slick-next:before {
        font-family: 'slick';
        font-size: 52px;
        margin:0;
        padding:30px 0 0 0;
        line-height: 1;
        opacity: 0.5;
        color:#FFF;
        text-shadow: none;
        font-weight: lighter;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        background-color: rgb(0 0 0 / 0%);
    }

    /*END*/
    .SERVICE_A_LEFT{
        width:100%;
        float:left;
    }

    .SERVICE_A_RIGHT{
        width:100%;
        float:left;
    }


    .SERVICE_B_LEFT{
        width:100%;
        float:left;
    }

    .SERVICE_B_RIGHT{
        width:100%;
        float:left;
    }

    #COBANNER_TOP .COBANNER_LOGO{
        position: absolute;
        z-index:9996;
        left:20px;
        top:20px;
        width:180px;
    }

    .INDEX_BK{
        width:60%;
    }

    #SERV .SERV_CO .SERV_BOX {width: calc(33.3% - 10px);}

}


@media screen and (max-width:1250px) {
    /* 如果使用者視窗寬度 <= 1250px， */

    #LOGO{top:20px;height:40px;}
    #LOGO img{height:40px;}
    #NEW_CONTET{width:100%;}

}

@media screen and (max-width: 1000px) {
    /* 如果使用者視窗寬度 <= 1000px， */

    #LOGO{top:20px;height:40px;}
    #LOGO img{height:40px;}
	
	.BANNER_BOX {height: auto;}
	#COBANNER_TOP{height: auto;}

    .COBANNER_IMG_001{
        display:none;
    }

    .COBANNER_IMG_002{
        display:block;
    }

    .COBANNER_IMG_003{
        display:none;
    }


    #TOP #TOP_LOGO{
        margin:10px 0px 0px 30px;
    }

    #MENU{
        position: fixed;
        z-index:9999;
        right:80px;
        display: none;
    }

    #PHOME_MENU_X{
        display:block;
    }

    #PHOME_MENU{
        width:100%;
        right:0;
    }

    #TOP #CO_MENU{
        display:none;
    }

    #ABOUT_CONTET{
        width: auto;
		padding:15px;
    }

    #ABOUT_CONTET #ABOUT_BOX {
        width: 45%;
        height: inherit;
    }

    #ABOUT_CONTET #ABOUT_BOX img {
        width:100%;
    }

    .RELATED_BOX{
        overflow: hidden;
        width: 298px;
        margin: 30px  auto 15px  auto;
        display:block;
        float:none;
    }



    #INTRODUCTION {
        height:auto;
        display:none;
    }

    .TITLE_INT_001{
        width:100%;
        top: auto;
        transform: none;
        overflow:hidden;
    }

    .TITLE_INT_002{
        width:100%;
        top: auto;
        transform: none;
        margin-top:20px;
        padding:20px 0 20px 0;
        float:left;
        overflow:hidden;
        text-align:center;
    }


    #FOOD_IN .FOOD_CONTENT {
        width: 100%;
    }


    #ROOM_CONNER ,#ROOM_CONNER #ROOM_LEFT {
        width: auto;
    }
    
    #ROOM_CONNER #ROOM_LEFT h1 {
    padding: 0px 0px 10px 10px;
    font-size: 22px;
}

    #ROOM_CONNER #ROOM_LEFT .ROOM_LEFT_PROJECT {
        width: calc(100% - 20px);
		padding:0 10px 0 10px;
    }

    #ROOM_CONNER #ROOM_LEFT .ROOM_LEFT_BUTTON .ROOM_BUTTON_01 {
     width:calc(35.2% - 30.8px);
     margin:2px;
    }

    #ROOM_CONNER #ROOM_LEFT .ROOM_LEFT_DOON p {
        padding:10px;
    }

    #ROOM_CONNER #ROOM_RIGHT {
        width: auto;
        margin-left: 0px;
        padding:15px;
    }
    .slideshow .item img {
        width:100%;
    }

    .TITLE_IN {
        padding:10px;
        margin: 0;
        width: calc(100% - 20px);
        bottom:0;
        border-radius:0px;
    }

    .TITLE_IN_MB {
        display:none;
    }

    #NEWS{
        padding:0;
        margin:0 0 20px 0;
    }

    #NEWS_S{
        display:block;
    }

    #NEWS_S2{
        display: block;
        overflow:hidden;
    }

    .ABOUT_CONTET_LEFT{
        overflow:hidden;
        float:left;
        width:100%;
    }

    .ABOUT_CONTET_RIGHT{
        overflow:hidden;
        float:left;
        width:100%;
    }

    /*社團法人*/
    .TIME {
        width:98%;
        padding:10px;
    }

    .WEBORN {
        background-repeat: no-repeat;
        background-position: 10px 90px;
        text-align:left;
        padding: 30px 0 39px 10px;
    }

    .TIME_LINE {
        margin-left:25px;
    }

    .TIME_BOX_RIGHT p {
        color: #333;
        font-size: 15px;
        margin: 0 0 15px 0px;
        width:40%;
    }

    .TIME_BOX_LEFT {
        overflow: hidden;
        width: 400px;
        float: left;
    }

    .IMG_BOX_RIGHT {
        float: left;
        padding-left: 20px;
        padding-top: 40px;
    }

    .TIME_BOX_LEFT h1 {
        font-weight: inherit;
        /*font-size: 20px;*/
        padding: 0 0 5px 110px;
        margin: 0;
        background-image: url(../img/TIME_POINT_RIGHT.png);
        background-repeat: no-repeat;
        background-position:0px;
    }

    .TITLE_IN {
        top: auto;
        left: 0;
    }

    #SEV {height:auto;}
    #SEV .SEV_CO{width:auto;}
    #SEV .SEV_CO .SEV_BOX{width:; margin-right:1px;}
}


@media screen and (max-width: 675px) {
    /* 如果使用者視窗寬度 <= 675px， */
    .TITLE_IN h2{
    font-size:2.0em;
    letter-spacing:1px;/*字間*/
    line-height:1.4;/*行距*/
}
    
	#A01{
    position: relative;
    top:0;
    left:0;
    height: 0;
	}

    #ABOUT_CONTET #ABOUT_BOX {
        width:92%;
    }

    #ABOUT_CONTET_02{
        width:auto;
        padding: 0  15px 0  15px;
    }

    .COBANNER_IMG_001{
        display:none;
    }

    .COBANNER_IMG_002{
        display:none;
    }

    .COBANNER_IMG_003{
        display:block;
    }

    .SERVICE_A_LEFT{
        width:100%;
        float:left;
    }

    .SERVICE_A_RIGHT{
        width:100%;
        float:left;
    }

    .SERVICE_B_LEFT{
        width:100%;
        float:left;
    }


    .SERVICE_B_RIGHT{
        width:100%;
        float:left;
    }

    .MODULE_A01{
        overflow:hidden;
        position: relative;
        margin-top:20px;
        margin-bottom:0px;
    }


    .MODULE_A01 .MODULE_A01_BOX{
        overflow:hidden;
        position: static;
        height:auto;
        width:90%;
        top:0px;
        left:0px;
        background-color:rgba(232,221,201,0.9);
        padding:30px 20px 80px 20px;
        float: left;
    }

    .MODULE_A01 img{
        width:97%;
        height:auto;
        border: 5px solid #eadcbf;
        display:block;
        float: left;
    }

    .TITLE_IN {
        top: auto;
        left: 0;
    }

    .COR_BOX_TXTE_02{
        width:auto;
        /*padding:0 15px 0 15px;*/
    }

    .BANNER_BOX{
        height: auto;
        margin-left:auto;
        margin-right:auto;
    }


    #SEV {height:auto;}
    #SEV .SEV_CO{width:auto;}
    #SEV .SEV_CO .SEV_BOX{width:; margin-right:1px;}
    #SEV .SEV_CO .SEV_BOX h1 {/*font-size: 16px;*/ padding: 32px 0 0 0;}
    #SEV .SEV_CO .SEV_BOX img { width: 40px; padding: 25px 0 0 15px;}
    .TITLE_IN h1 {font-size: 1.7em;}
    .TITLE_IN p {font-size:1.0em;}


    #COBANNER_TOP {
        height: 300px;
    }

    #SORT .SORT_BOX a{
        font-size:15px;
    }


    #SERV .SERV_CO { width: auto;}
    #SERV .SERV_CO .SERV_BOX {width: calc(50% - 10px); /* 計算每個盒子的寬度，減去間隔 */	margin:5px;}

    #SERV .SERV_CO .SERV_BOX .SERV_IMG {
        width:55px;
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0px auto;
        padding: 10px;
        text-align: center;
        display: block;
        opacity: 1;
    }

    #SERV .SERV_CO .SERV_BOX h2 {
        color: #FFF;
        font-weight: 750;
        /*font-size: 15px;*/
        width: 100%;
        display: block;
        position: absolute;
        z-index: 2;
        bottom: 10px;
        margin: 0px;
        padding: 0px;
        text-align: center;
    }

    #NW_LEFT {
        float: left;
        width: calc(100% - 0px);
        margin-right:0px;
        margin-top:0px;
    }

    #NW_RIGHT {
        float: left;
        width: 100%;
        margin-top: 20px;
    }

    .NEWS_AS {
        overflow: hidden;
        width: calc(100% - 12px);
        height: auto;
        margin: 5px 6px 15px 6px;
        float: left;
        display: block;
    }
	
	#ROOM_CONNER #ROOM_LEFT .ROOM_LEFT_BUTTON .ROOM_BUTTON_01 {
     width:calc(37.2% - 30px);
     margin:2px;
    }

	
	/*手機板圖片切換*/	
	.CO_PHOTO_L{display:none; width:100%;}
	.CO_PHOTO_S{display:block; width:100%;}
	
	
    .NEWS_AS .NEWS_AS_IMG{
    height: auto;
    }
    
    .FOOTER_ICON{
    width:auto;
    padding:30px 10px 0px 0px;
    }
    
    .FOOTER_LOGO {
    padding: 20px 20px 0px 20px;
    }
    
    
    #FOOTER p {
    padding: 0px 10px 0px 10px;
    margin-top: 0px
    }

}

/*輪播slick*/