@charset "utf-8";
/* =============================================================================
   BASIC
   ========================================================================== */
html, body { height: 100%; }
body { background: #FFF; }
body, th, td, input { font-family: "微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; font-size: 14px; color:#333; }
a { text-decoration: none; }
b { font-weight: normal; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1 { font-size: 30px; font-family: "微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; }
h2 { font-size: 28px; font-family: "微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; }
h3 { font-size: 24px; font-family: "微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; }
h4 { font-size: 20px; font-family: "微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; }
h5 { font-size: 18px; font-family: "微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; }
h6 { font-size: 15px; font-family: "微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; }
p { font-size:14px; line-height: 1.8em;}
a:link, a:visited { text-decoration: none; cursor: pointer; color:#333;}


#mobile_menu{ display:none;}
/*Element*/
.fitimg{ position:relative; overflow:hidden; background: rgba(248,248,248,1.00); }
.fitimg img{ opacity:1; width:100%;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out;
}
.fitimg a{ display:block;}

.imgLiquidFill { opacity: 0; 
-webkit-transition: opacity 0.4s ease-in-out;
   -moz-transition: opacity 0.4s ease-in-out;
	-ms-transition: opacity 0.4s ease-in-out;
	 -o-transition: opacity 0.4s ease-in-out;
		transition: opacity 0.4s ease-in-out;
}
.imgLiquid_ready { opacity: 1;}
.ie{ position:fixed; width:60%; height:80%; padding:10% 20%; text-align:center; left:0; top:0; background: #CCC; z-index:9999; }
.ie h2, .ie h4{color:#333 !important;}
.ie p{ text-align:center; color:#333 !important; font-size:13px;}
.ie a{ color:#F36;}
.loading{ position:fixed; width:100%; height:100%; left:0; top:0; background: url(../img/loading.gif) no-repeat center center #FFF; z-index:2000;}


/*BLOCK*/
#wrapper{ position:absolute; top:0; left:0; z-index:1; width:100%; min-width:960px;}
#header{ position: relative; width:100%; min-width:960px; z-index:100; height:218px; margin: auto;}
#header ul, #header li{ list-style:none; margin:0; padding:0;}
#content{ position: relative; width:100%; max-width:1100px; min-width:960px; z-index:1; margin: auto; }
#footer{ position: relative; width:100%; max-width:1100px; min-width:960px; z-index:1; margin: auto; }
#left_block{ width:20%; float:left; min-height:300px; }
#left_block ul, #left_block li{ list-style:none; margin:0; padding:0;}
#main_block{ width:78%; float:right; min-height:300px; }


#logo{ position:absolute; z-index:200; top:20px; left:50%; width:168px; margin:0 0 0 -84px;}
#logo a{ display:block;}
#logo img{  width:100%; height:auto;}

#lan{ position: relative; z-index:200; width:100%; max-width:1100px; min-width:960px; margin:10px auto 0; height:30px;}
#lan .lan_header{ float:right;}
#lan .lan_header b{ display:block; float:left; line-height:30px; padding:0 10px 0 0;}
#lan .lan_header span{ display:block; float:left; line-height:30px; padding:0 30px 0 20px; background:url(../img/arrow_down.png) 90% center no-repeat #5f5f5f; color:#FFF; cursor:pointer; opacity:0.8;}
#lan .lan_header span:hover{ opacity:1; }
#lan .lan_header ul{ display:none; position:absolute; top:30px; right:0; width:106px; background:#5f5f5f; color:#FFF;}
#lan .lan_header ul li a{ display:block; padding:5px; text-align:center; color:#FFF;}
#lan .lan_header ul li a:hover{ color:#fff; background:#333;}

#booking{ position: relative; z-index:100; width:100%; max-width:1100px; min-width:960px; margin:40px auto 20px;}
#booking>a{ float:right; padding:0 40px; background: url(../img/icon_booking.png) no-repeat 94% center; color:#000; font-size:15px;}
#booking .submenu{ display:none; position:absolute; top:30px; right:0; width:106px; background:#a48c5e; color:#FFF;}
#booking .submenu a{ display:block; padding:5px; text-align:center; color:#FFF;}
#booking .submenu a:hover{ color:#000;}



#top_menu{ position:absolute; top:135px; left:0; background:#9a804d; width:100%;  height:60px;}
#top_menu ul, #top_menu li{ list-style:none; margin:0; padding:0;}
#top_menu>ul{  max-width:1100px; min-width:960px; margin:auto; text-align:center;}
#top_menu>ul>li{ float:left; font-size:15px; line-height:1em; font-weight:bold; padding:0 1%; margin: 0; text-align:center; width:12%;}
#top_menu>ul>li:first-child{ border-left:none;}
#top_menu>ul>li>a{ display:block; line-height:60px;  color:#FFF;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out;
}
#top_menu>ul>li>a:hover, #top_menu>ul>li>a.cur{ color:#000;}

#inx_banner{ position: relative; width:100%; max-width:1100px; min-width:960px; z-index:1; margin: auto; overflow:hidden;}
#inx_banner .item { display:block;  margin:0 !important;}
#inx_banner .item>div{ }
#inx_banner .list{ text-align:center; position: relative; z-index:500; background:#f2f2f2; }
#inx_banner .list a{ display:inline-block; width:127px; height:65px; margin:0; line-height:65px; font-size:15px; color:#333;
-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
}
#inx_banner .list a.cycle-pager-active{ color:#FFF; background:#a48c5e;}

#banner{ position: relative; width:100%; max-width:1100px; width:100%; z-index:1; margin: auto; overflow:hidden; display:none;}
#banner>ul{ list-style:none; margin:0;}
#banner li{ display:block;  margin:0 !important; width:100%;}
#banner a{ display:block; width:100%;}
#banner img{ width:100% !important; height:auto !important;}




#inx_ad_box{ position:relative; width:33%; float:left; padding:20px 0; z-index:1;}
#inx_ad_box a{ display:block; padding:0 0 19px 0; opacity:1;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out;
}
#inx_ad_box a:hover{ opacity:0.8;}
#inx_ad_box a img{ width:100%;}

#inx_fb_box{ position:relative; width:30%; float:right; padding:20px 0;}

#inx_news_box{ position:relative; width:37%; float:right; padding:20px 0;}
#inx_news_box .more{ position:absolute; top:15px; right:10px; margin:5px; padding:5px 10px; color:#5f5f5f; cursor:pointer; font-weight:bold;}
#inx_news_box ul, #inx_news_box li{ list-style:none; margin:0; padding:0;}
#inx_news_box h1{ padding:0 20px; line-height:1em; font-family:"Lato","微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; font-weight:300;}
#inx_news_box>ul{ padding:0 20px;}
#inx_news_box>ul>li{ border-bottom:solid 1px #f2f2f2;}
#inx_news_box>ul>li>a{ display:block; padding:20px 0; background:url(../img/arrow_right2.png) 110% center no-repeat; position:relative; z-index:1;
-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
}
#inx_news_box>ul>li>a .store{ display:block; line-height:15px; float:left; padding:0 10px 0 0; margin:0 10px 0 0; border-right:solid 1px #CCC; color:#000;}
#inx_news_box>ul>li>a .date{ display:block; line-height:15px; float:left; color:#000;}
#inx_news_box>ul>li>a h6{ display:block; margin:0; padding:5px 0;  color:#333; line-height:1em;
word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis; 
}
#inx_news_box>ul>li>a:hover{ background:url(../img/arrow_right2.png) 97% center #a48c5e no-repeat; color:#FFF; margin:0 -20px 0 -20px; padding:20px 20px 20px 20px;}
#inx_news_box>ul>li>a:hover .store{ color:#FFF;}
#inx_news_box>ul>li>a:hover .date{ color:#FFF;}
#inx_news_box>ul>li>a:hover h6{ color:#FFF;}



#nav{ background:#a48c5e; padding:10px 20px; overflow:auto;}
#nav ul, #nav li{ list-style:none; margin:0; padding:0;}
#nav>ul>li{ float:left;}
#nav>ul>li>a{ display:block; padding:5px 30px; color:#FFF;}
#nav>ul>li>a:hover{ color:#000;}

#nav>ul>li.mobile{ display:none;}

#info{ padding:20px;}

#left_block h3{ color:#333; padding:10px; line-height:1.5em; letter-spacing:2px; text-align:left; border-bottom: solid 1px #a48c5e; margin:0 0 1em; }

#left_menu{ padding:10px 0 80px;}
#left_menu a{ display:block; padding:13px 30px 13px 40px; background-color:#f5f5f5; background-position:3% 13px; background-repeat:no-repeat; margin:0 0 5px 0; color:#333; line-height:1.2em;
-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
}
#left_menu a:hover,#left_menu a.cur{ background-color:#a48c5e; background-position:5% 13px; color:#FFF;}
#left_menu.about a{ background-image:url(../img/arrow_right2.png);}
#left_menu.summary a{ background-image:url(../img/icon_house.png); background-position:3% 8px;}


#left_news{ padding:10px 0 80px;}
#left_news ul, #left_news li{ list-style:none; margin:0; padding:0;}
#left_news h1{ padding:0; line-height:1em; font-family:"Lato","微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; font-weight:300;}
#left_news>ul{ padding:0;}
#left_news>ul>li{ border-bottom:solid 1px #f2f2f2;}
#left_news>ul>li>a{ display:block; padding:10px; background:url(../img/arrow_right2.png) 110% center no-repeat; position:relative; z-index:1;
-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
}
#left_news>ul>li>a .store{ display:block; line-height:15px; float:left; padding:0 10px 0 0; margin:0 10px 0 0; border-right:solid 1px #CCC; color:#000;}
#left_news>ul>li>a .date{ display:block; line-height:15px; float:left; color:#000;}
#left_news>ul>li>a h6{ display:block; margin:0; padding:5px 0;  color:#333; line-height:1em;
word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis; 
}
#left_news>ul>li>a:hover{ background:url(../img/arrow_right2.png) 97% center #a48c5e no-repeat; color:#FFF;}
#left_news>ul>li>a:hover .store{ color:#FFF;}
#left_news>ul>li>a:hover .date{ color:#FFF;}
#left_news>ul>li>a:hover h6{ color:#FFF;}

#ad_box{ position:relative; padding:20px 0 20px; z-index:1;}
#ad_box a{ display:block; padding:0 0 19px 0; opacity:1;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out;
}
#ad_box a:hover{ opacity:0.8;}
#ad_box a img{ width:100%;}

#inner_box{ padding:20px 0;}
#inner_box h1{ font-family:"Lato","微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; font-weight:300; padding:10px 20px; border-bottom:solid 1px #a48c5e;}
#inner_box .txt{ padding:20px;}
#inner_box .txt img{ max-width:100%;}
#inner_box iframe{ max-width:100%;}


#summary_box{ padding:20px 0; position:relative;}
#summary_box h1{ font-family:"Lato","微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; font-weight:300; padding:10px 20px; border-bottom:solid 1px #a48c5e;}
#summary_box h2{ font-family:"Lato","微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; font-weight:300; padding:20px 0 10px 20px; margin:0;}
#summary_box .txt{ padding:20px;}
#summary_box .txt img{ max-width:100%;}
#summary_box .links{ position:absolute; top: 30px; right:10px; }
#summary_box .links a{ display:block; float:left; padding:10px 15px; margin:0 10px; background:url(../img/icon_list.png) 0 center no-repeat; color:#000; font-size:16px; font-weight:bold;}
#summary_box .list{ padding:10px 0; }
#summary_box .list ul, #summary_box .list li{ list-style:none; margin:0; padding:0;}
#summary_box .list li{ float:left; padding:2px;}
#summary_box .list li a{ display:block; color:#000; font-size:15px; font-weight: bold; padding:10px;line-height:1.2em;}
#summary_box .list li a:hover, #summary_box .list li a.cur{ color:#FFF; background:#a48c5e; }

#summary_box .cover{ width:48%; float: left; position:relative;}
#summary_box .cover .slideshow{ position:relative; width:100%; text-align:center; overflow:hidden;}
#summary_box .cover .slideshow>img{ margin:auto !important; width: auto; height: 275px;}
#summary_box .cover .pic_list{ position:relative; padding:10px 0; margin:0 -2% 0 0;}
#summary_box .cover .pic_list .item{ width:18%; height:74px; float:left; margin:4px 2% 4px 0; opacity:0.6; position:relative; cursor:pointer;}
#summary_box .cover .pic_list .item.cycle-pager-active{ box-shadow:0 0 5px rgba(0,0,0,.4); opacity:1; z-index:1;}

#summary_box .info{ width:48%; float: right; position:relative;}
#summary_box .info .title{ font-size:30px; margin:0 0 15px 0 ; line-height:1.2em;}
#summary_box .info .title span{ font-family:"Lato","微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; font-weight:300; padding:0 10px; color:#5f5f5f;}
#summary_box .info .edit{ padding:0 0 10px 0; margin:0 0 10px 0; border-bottom:solid 1px #CCC;}
#summary_box .info .spe table{ width:100%;}
#summary_box .info .spe .left{ text-align:left !important;}
#summary_box .info .subtitle{ font-size:14px; margin:0 0 10px 0 ; font-weight:bold;}

#summary_box .equ{ padding:30px; background:#f9f9f9;}
#summary_box .equ table{ width:100%;}
#summary_box .equ td, #summary_box .equ th{ border-color:#d2d2d2;}
#summary_box .equ dl{ width:30%; margin:0 1% 1% 0; float:left;}
#summary_box .equ dl dt{ width:30px; float:left;}
#summary_box .equ .noline{ border:none !important;}


#news_box{ padding:20px 0; position:relative;}
#news_box h1{ font-family:"Lato","微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; font-weight:300; padding:10px 20px; border-bottom:solid 1px #a48c5e;}
#news_box h2{ font-family:"Lato","微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; font-weight:300; padding:10px 20px; }
#news_box .list ul, #news_box .list li{ list-style:none; margin:0; padding:0;}
#news_box .list h1{ padding:0 20px; line-height:1em; font-family:"Lato","微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; font-weight:300;}
#news_box .list>ul{ padding:0 20px;}
#news_box .list>ul>li{ border-bottom:solid 1px #f2f2f2;}
#news_box .list>ul>li>a{ display:block; padding:30px 0; background:url(../img/arrow_right2.png) 110% center no-repeat; position:relative; z-index:1;
-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
}
#news_box .list>ul>li>a .store{ display:block; line-height:15px; float:left; padding:0 10px 0 0; margin:0 10px 0 0; border-right:solid 1px #CCC; color:#000;}
#news_box .list>ul>li>a .date{ display:block; line-height:15px; float:left; color:#000;}
#news_box .list>ul>li>a h4{ display:block; margin:0; padding:5px 15px 5px 0;  color:#333; line-height:1.5em;}
#news_box .list>ul>li>a .pic{ width:20%; min-height:150px; float:left; text-align:center;}
#news_box .list>ul>li>a .pic img{ max-width:100%; }
#news_box .list>ul>li>a .right{ width:77%; float:right;}
#news_box .list>ul>li>a .right p{ color:#333; margin:0;}
#news_box .list>ul>li>a:hover{ background:url(../img/arrow_right2.png) 97% center #a48c5e no-repeat; margin:0 -40px 0 -20px; padding:30px 40px 30px 20px;}
#news_box .list>ul>li>a:hover .store{ color:#FFF;}
#news_box .list>ul>li>a:hover .date{ color:#FFF;}
#news_box .list>ul>li>a:hover h4{ color:#FFF;}
#news_box .list>ul>li>a:hover .right p{ color:#FFF;}
#news_box .list>ul>li>a:hover .right p span{ color:#FFF !important;}

#news_box .view{}
#news_box .view .store{ padding:10px 20px; font-size:20px; background:#a48c5e; color:#FFF; margin:-10px 0 10px 0;}
#news_box .view .date{ padding:10px 20px; font-size:16px; border-bottom: solid 1px #CCC;}
#news_box .view .txt{ padding:20px;}
#news_box .view .txt img{ max-width:100%;}


#guestbook_box{ padding:20px 0; position:relative;}
#guestbook_box h1{ font-family:"Lato","微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; font-weight:300; padding:10px 20px; border-bottom:solid 1px #a48c5e;}


.guestbook_con {padding: 20px; margin-bottom: 5px; background-color: #FFF; border:solid 1px #CCC;}
.guest_top { overflow: hidden; line-height: 2em; background-color: #a48c5e; padding:5px 15px; color: #FFF; }

.guest_user { padding: 20px; color: #000; background-color: #FFF; }
.guest_admin { padding: 20px; background-color: #f2f2f2; color: #000; }
.name { border-bottom:solid 1px #333; line-height: 2em;}
.guest_bottom { text-align: right; padding: 5px 10px; background-color: #FFF; color: #333; }



#contact_box{ padding:20px 0; position:relative;}
#contact_box .info{ width:40%; float:right; position:relative;}
#contact_box .info img{ max-width:100%;}
#contact_box .forms{ width:55%; float:left;  position:relative;}
#contact_box .forms th{ font-size:14px; position:relative; text-align:right;}
#contact_box .forms td{ font-size:14px; position:relative;}
#contact_box .forms .t1{ width:100%; padding:2px; line-height:20px; font-size:15px; background:#f2f2f2; border: none;}
#contact_box .forms .t2{ width:100%; padding:2px; line-height:20px; font-size:15px; background:#f2f2f2; border: none; height:200px;}
#contact_box .forms .t3{ float:left; width:40%; padding:2px; line-height:20px; font-size:15px; background:#f2f2f2; margin:0 10px 0 0;}
#contact_box .forms .code{ float:left; margin:0 5px 5px 0;}


/*STYLE*/
.btn_send, .btn_send:visited { display: inline-block; border: none; padding: 0 14px; line-height: 24px !important; font-size: 13px; background: #a48c5e; background: linear-gradient(#a48c5e, #a48c5e); color: #fff;  position: relative\0/; z-index: 1\0/; *position: relative; *z-index: 1; *height: 24px; cursor: pointer; }
.btn_send:hover, .btn_send:active { background: #333; color: #fff; text-decoration: none; }

.btn_back, .btn_back:visited { display: inline-block; border: none; padding: 0!important; width:87px; text-align:center; margin:0 10px 0 0; line-height: 26px !important; font-size: 18px !important; background: url(../img/btn_back.jpg) no-repeat; color: #fff !important;  position: relative\0/; z-index: 1\0/; *position: relative; *z-index: 1; *height: 26px; cursor: pointer; border:none !important;}
.btn_back:hover, .btn_back:active { opacity:.8; filter:alpha(opacity=80); color:#FFF; }

.btn_send2, .btn_send2:visited { display: inline-block; border: none; padding: 0!important; width:120px; text-align:center; margin:0 10px 0 0; line-height: 26px !important; font-size: 18px !important; background: url(../img/btn_send.jpg) #999 no-repeat; color: #fff !important;  position: relative\0/; z-index: 1\0/; *position: relative; *z-index: 1; *height: 26px; cursor: pointer; border:none !important;}
.btn_send2:hover, .btn_send2:active { opacity:.8; filter:alpha(opacity=80); color:#FFF; }

.btn_send3, .btn_send3:visited { display: inline-block; border: none; padding: 0!important; width:120px; text-align:center; margin:10px 0; line-height: 26px !important; font-size: 15px !important; background:  #FFF; color: #000 !important;  position: relative\0/; z-index: 1\0/; *position: relative; *z-index: 1; *height: 26px; cursor: pointer; border:none !important;}
.btn_send3:hover, .btn_send3:active { opacity:.8; filter:alpha(opacity=80); color:#FFF; }

.btn_booking, .btn_booking:visited { display: inline-block; border: none; padding: 0 15px!important; border-radius:10px;  text-align:center; margin:0 10px 0 0; line-height: 38px !important; font-size: 16px !important; background:#a48c5e; color: #fff !important;  position: relative\0/; z-index: 1\0/; *position: relative; *z-index: 1; *height: 38px; cursor: pointer; border:none !important;}
.btn_booking:hover, .btn_booking:active { opacity:.8; filter:alpha(opacity=80); color:#FFF; }


.pager_bar{ padding:20px 10px; text-align: center;}
.pager_bar a{ display: inline-block; padding:0 15px; border:solid 1px #c5c5c5; line-height:30px; margin:0 4px 0 0; color:#999999; font-size:16px; border-radius:10px;}
.pager_bar a:hover, .pager_bar a.cur{ color:#FFF; background:#a48c5e; border:solid 1px #a48c5e;}



.guestbook_msg{ position:absolute; top:30px; right:10px; margin:5px; padding:5px 10px; background:#a48c5e; color:#FFF; cursor:pointer;}

#view_overlay{ display:none; position:fixed; width:100%; height:100%; z-index:1800; background:#000; background:rgba(0,0,0,.7); overflow:auto;}
#view_box{ width:600px; height:450px; background:#FFF; margin:4% auto; position:relative; z-index:10;}
#view_overlay .mask{ position:absolute; left:0; top:0; width:100%; height:100%;  z-index:1;}
#view_box .inner{ padding:20px;}
#view_box .close{ position:absolute; top:-16px; right:-16px; cursor:pointer;}
#view_box .date{ font-size: 12px; color:#ED6099; padding:4px;}
#view_box .inner h1{ font-size:26px; color:#525252; margin:0 0 5px 0;}
#view_box .forms{ position:relative; padding:10px;}
#view_box .forms th{ font-size:14px; position:relative; text-align:right;}
#view_box .forms td{ font-size:14px; position:relative;}
#view_box .forms .t1{ width:100%; padding:2px; line-height:20px; font-size:15px; background:#f2f2f2; border: none;}
#view_box .forms .t2{ width:100%; padding:2px; line-height:20px; font-size:15px; background:#f2f2f2; border: none; height:200px;}
#view_box .forms .t3{ float:left; width:40%; padding:2px; line-height:20px; font-size:15px; background:#f2f2f2; margin:0 10px 0 0;}
#view_box .forms .code{ float:left; margin:0 5px 5px 0;}


/*tips*/
#tips{ position:fixed; z-index:1000; width:320px; top:20%; left:50%; margin-left:-160px; background:#FFF; box-shadow:0 0 20px rgba(0,0,0,.4);}
#tips .close{ padding:10px; background:#a48c5e; color:#FFF; font-size:24px; text-align:right; cursor:pointer;}
#tips .txt{ padding:10px; border:solid 3px #a48c5e;}

#booking_tip{ display:none; position:fixed; z-index:1001; width:100%; height:100%; top:0; left:0; }
#booking_tip .mask{ position:fixed; top:0; left:0; width:100%; height:100%; background:#FFF; background:rgba(255,255,255,.95); z-index:1;}
#booking_tip .close{ position: absolute; top:0; right:0; z-index:101; padding:10px; background:#a48c5e; color:#FFF; font-size:24px; text-align:right; cursor:pointer;}
#booking_tip .txt{ position:relative; z-index:100; padding:4%; border:solid 3px #a48c5e; width:50%; margin:10% auto 0; background:#a48c5e;  box-shadow:0 0 20px rgba(0,0,0,.4); color:#FFF;}
#booking_tip label{ display:block; padding:5px;}
#booking_tip #sendBooking{ display:none; position:absolute; bottom:40px; right:50px; height:60px; line-height:60px; width:300px;}


.news_ad_box{ padding:10px 0; position:relative; overflow: hidden;}
.news_ad_box ul{ display:block; list-style:none; margin:0 -10px 0 0;}
.news_ad_box li{ width:25%; float:left;}
.news_ad_box li:first-child{ width:50%;}

.news_ad_box li a { display:block; margin:0 10px 10px 0; border:solid 1px #CCC;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out;
}
.news_ad_box li a:hover{ background:#a48c5e; color:#FFF;}
.news_ad_box li a .pic{ width:100%; height:240px; position:relative;}
.news_ad_box li a .pic:before{ display:block; content:''; position:absolute; left:0; top:0; height:240px; width:100%;  background:rgba(0,0,0,0); line-height:240px;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out;
}
.news_ad_box li:first-child a .pic:before{ display:block; content:''; position:absolute; left:0; top:0; height:554px; width:100%;  background:rgba(0,0,0,0); line-height:554px;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out;
}
.news_ad_box li a:hover .pic:before{ position:absolute; left:0; top:0; height:240px; width:100%; text-align:center; background:rgba(0,0,0,.4); line-height:240px;
	content: "\f0c1";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #FFF;
    font-size: 24px;
}
.news_ad_box li:first-child a .pic{ height:554px;}
.news_ad_box li:first-child:hover a .pic:before{ position:absolute; left:0; top:0; height:554px; width:100%; text-align:center; background:rgba(0,0,0,.4); line-height:554px;
	content: "\f0c1";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #FFF;
    font-size: 24px;
	
}

.news_ad_box li a p{ display:block; color:#333; line-height:16px; font-size:14px; height:32px; overflow:hidden; margin:15px 10px;}
.news_ad_box li a:hover p{ color:#FFF;}


/*RWD*/
@media only screen and (max-width: 1200px) {
	#wrapper{ width:96%; padding:0 2%;}
	h1 { font-size: 26px; font-family: "微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; }
	h2 { font-size: 22px; font-family: "微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; }
	h3 { font-size: 20px; font-family: "微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; }
	h4 { font-size: 18px; font-family: "微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; }
	h5 { font-size: 16px; font-family: "微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; }
	h6 { font-size: 14px; font-family: "微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; }
	
}

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

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



@media only screen and (max-width: 640px) {
	#booking_tip{ position:fixed; z-index:1001; width:100%; height:100%; top:0; left:0; overflow:auto; -webkit-overflow-scrolling: touch;}
	#booking_tip .close{ position: fixed;}
	#booking_tip .txt{ padding:15% 4% 5% 4%; border: none; width:92%; margin:0;}
	#booking_tip #sendBooking{ position: relative; width:100%; bottom:inherit; right:inherit;}
	
	#mobile_menu{  width:100%; position:fixed; left:0; top:0; display: block; z-index:100; background:#a48c5e; z-index:300;}
	#mobile_menu #mobile_lan{ background:#a48c5e; height:40px;}
	#wrapper{ width:100%;  min-width: 100%; padding:0;}
	#header{ position:fixed; left:0; top:0; width:100%; min-width: 100%;; height:120px; margin: auto;  z-index:100; background:#FFF; background: rgba(255,255,255,.9);}
	#mobile_lan{ position: relative; z-index:200; float:right; padding:6px 14% 0 0;}
	#mobile_lan .lan_header{ float:right;}
	#mobile_lan .lan_header b{ display:block; float:left; line-height:30px; padding:0 10px 0 0;}
	#mobile_lan .lan_header span{ display:block; float:left; line-height:30px; padding:0 30px 0 20px; background:url(../img/arrow_down.png) 90% center no-repeat; color:#fff; cursor:pointer; opacity:0.8;}
	#mobile_lan .lan_header span:hover{ opacity:1; }
	#mobile_lan .lan_header ul{ display:none; position: fixed; top:46px; left:0; width:100%; background:#a48c5e; color:#FFF;}
	#mobile_lan .lan_header ul li a{ display:block; padding:5px; text-align:center; color:#FFF;}
	#mobile_lan .lan_header ul li a:hover{ color:#000;}
	#logo{ position:absolute; z-index:200; top:55px; left:50%; width:110px; margin:0 0 0 -55px;}
	#logo img{  width:100%; height:auto;}
	#top_menu{ background:url(../img/mobile_nav.png) center center no-repeat; position:absolute; top:4px; left:88%; width:32px; height:32px; z-index:400;}
	#top_menu ul{ display:none;}
	#booking{ display:none;}
	#lan{ display:none;}
	#nav{ position: fixed; top:0; right:0; border-top: none; width:0; height:100%; background:#a48c5e; z-index:200; overflow:hidden; padding:0;}
	#nav ul, #top_menu li{ list-style:none; margin:0; padding:0;}
	#nav>ul{  max-width:230px; min-width:230px; text-align:left; overflow:auto; height:100%; -webkit-overflow-scrolling: touch; padding:20px;}
	#nav>ul>li{ float: none; font-size:1.2em; line-height:1em; font-weight:bold; padding:0; margin:0; text-align:left; border-left: none; width:100%;}
	#nav>ul>li>a{ display:block; padding:20px; border-bottom:solid 1px #FFF; margin:0;  color:#FFF; background: none;}
	#nav>ul>li.mobile {  display: block; background: url(../img/icon_booking_w.png) no-repeat 90% 21px;}
	
	#nav>ul>li.mobile>a{ display:block;}
	#nav>ul>li.mobile .submenu{ display:none; color:#FFF;}
	#nav>ul>li.mobile .submenu a{ display:block; padding:5px; text-align:left; color:#000; text-indent:2em; line-height:2em; border-bottom:solid 2px #a48c5e; background: url(../img/icon_house.png) 3% 8px no-repeat;}
	#nav>ul>li.mobile .submenu a:hover{ color:#333;}
	
	#content{ width:100%; max-width:100%; min-width:100%; padding:120px 0 0 0;}
	#banner{ width:100%; max-width:100%; min-width:100%; }
	#inx_banner{ width:100%; max-width:100%; min-width:100%;}
	#inx_banner .item {  height: auto;}
	#inx_banner .list{ display:none;}
	#inx_ad_box{ position:relative; width:100%; float:right; padding:10px 0; z-index:1;}
	#inx_ad_box a{ padding:1%;}
	#inx_news_box{ position:relative; width:100%; float:left; padding:10px 0;}
	#inx_news_box .more {top: 5px;}
	#inx_fb_box{ display:none;}
	#footer{  max-width:100%; min-width:100%; background:#a48c5e;}
	#footer #info,#footer #info span, #footer #info p{ color:#FFF !important;}
	#left_block{ width:100%; float: none; min-height:100%; }
	#left_menu {padding: 10px 0;}
	#ad_box{ display:none;}
	#main_block {width: 98%;float: none; min-height: 300px; margin:auto;}
	.txt img{ max-width:100%; height:auto !important;}
	#summary_box .links {top: 80px; left: 10px; }
	#summary_box .links a { margin:0;}
	#summary_box .list { padding: 60px 0 20px 0; }
	#summary_box .txt { padding:60px 20px 20px;}
	#summary_box .list li { padding: 1%;}
	#summary_box .cover { width: 100%; float: none; overflow:hidden; padding:0 0 20px 0;}
	#summary_box .info { clear:both; width: 100%;float: none;}
	#summary_box .info .spe{ overflow:auto; width:94%; -webkit-overflow-scrolling: touch; padding:0 3% 10px 3%;}
	#summary_box .info .spe table { min-width:100%; width: auto; margin:auto;}
	#summary_box .info .spe th,  #summary_box .info .spe td{  word-break:keep-all;white-space:nowrap;}
	#summary_box .equ { padding: 10px; background: #f9f9f9; overflow:auto;  -webkit-overflow-scrolling: touch; }
	#summary_box .equ dl { width: 100%; margin: 0 0 2% 0; float: none; word-break:keep-all;white-space:nowrap;}
	#news_box .list>ul>li>a{ padding:20px; background:url(../img/arrow_right2.png) 110% center no-repeat; }
	#news_box .list>ul>li>a:hover{ background:url(../img/arrow_right2.png) 97% center #a48c5e no-repeat; padding:20px 40px; margin:0 -20px;}
	#contact_box .forms { width: 98%; margin:auto; float: none;}
	#contact_box .info { width: 98%; margin:auto; float: none;}
	#left_news { display: none;}
	#view_box { width: 100%; height: auto;}
	#view_box .close { top: -16px; right: 0;}
	#contact_box .forms .code { margin: 0 5px 5px 0; }
	#contact_box .forms .t3 { width:40% !important; height:26px; line-height:26px;  margin: 0 5px 5px 0;}
	.btn_send, .btn_send:visited { padding: 5px 20px;}
	
	
	.news_ad_box{ padding:10px;}
	.news_ad_box li{ width:50%;}
	.news_ad_box li:first-child{ width:100%; float:none;}
	
	.news_ad_box li a .pic{ height:120px; }
	.news_ad_box li a .pic:before{ height:120px; line-height:120px;}
	.news_ad_box li:first-child a .pic:before{ height:300px; line-height:300px;}
	.news_ad_box li a:hover .pic:before{ height:120px; line-height:120px;}
	.news_ad_box li:first-child a .pic{ height:300px;}
	.news_ad_box li:first-child:hover a .pic:before{ height:300px; line-height:300px;}
	
	
}
@media only screen and (max-width: 320px) {
	

}