@charset "utf-8";
/* CSS Document */
/*--reset--*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
/*h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}*/
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}

html {
	min-height: 100%;
	_height:100%;
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	min-height: 100%;
	_height:100%;
	height: 100%;
}
a{text-decoration:none;}
/*--reset_END--*/

/*--共用版型--*/
body{ font-family:"微軟正黑體";}
   
/*背景漸層色*/  
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #BDEAEF 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #BDEAEF 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #FFFFFF 0%, #BDEAEF 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #BDEAEF));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #BDEAEF 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #FFFFFF 0%, #BDEAEF 100%);

/*背景漸層色*/ 
 
  }
#gotop {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 20px;    
    padding: 10px 15px;    
    font-size: 20px;
    background: #777;
    color: white;
    cursor: pointer;
}
html,body{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}
#DIV_PARENT {
    position: relative;
    background:rgba(0,0,0,0);
	// 這個DIV是提供定位點的父區塊，一般設為 relative
    // 提供定位點的父區塊，因為只提供定位點，一般不設定寬度與高度
} 

.clear_b{
	clear:both;
}	

.topbox { width:100%; height: 83px; border-bottom: 1px solid black; position: fixed; background: white; z-index: 100; top: 0;}
.graysolid { width: 100%; border-top: 5px solid #9e9996; }
.topul { width:70%; margin:0px auto; padding:5px 0px; list-style-type:none; text-align: center; left:12%;}
.topli { width: 11%; color:black; display: inline-block; padding:25px 5px ; text-align: center; font-family: 華康細圓體,Microsoft JhengHei,Comic Sans MS,arial,helvetica,sans-serif,DFKai-s,MingLiU; font-weight: bold;}
.topli:hover { background: #57514e; color:white; }
.toplogo { width: 120px; display: inline-block; padding:0px 1.5%; vertical-align: top;}
.reservation { width:130px; height: 60px; background: #3d3331; padding-top:8px; position: absolute; top:0; right: 5%; border-radius: 2px;}
.rebox { width: 80%; margin:0px auto; text-align: center; }
.res { color:white; font-family: Candara,Arial;}
.ressolid { width: 70%; margin:8px auto; border-top:1px solid white;}
.resw { color:rgb(255,255,255); font-size: 15px; font-family:華康粗圓體,華康細圓體,Microsoft JhengHei,Comic Sans MS,arial,helvetica,sans-serif,DFKai-s,MingLiU; }

.mwt { width: 36px; height: 36px; position: absolute; z-index: 101; top:25px; right: 10px; background-repeat:no-repeat; background-size: cover; background-image: url(../img/swl.png); display: none; }
#subContainer { display: none; }
.showw { display: none; }










@media screen and (max-width: 1150px){
	.topul { width: 100%; left:0;}
	.topli { display: none; }
	.reservation { display: none; }
	.mwt { display: block; }
	#subContainer { width: 270px; height: 100%; position: fixed; right:-270px; top:83px; background: #453D3B; display: block; }
	.showw { display: block; }
	.subCont { position: relative; height: 100%; overflow: hidden; }
	.resww { text-align: center; padding:10px 0; margin:0; background: #776E6C; border-bottom: 1px solid #453D3B; }
	.reservation_1 { width:200px; height: 64px; background: #3d3331; padding:10px 0px; border-radius: 2px; margin:0px auto;}
	.res { font-size: 22px; }
	.resw { font-size: 20px;}
	.resc { background: #776E6C; line-height: 1.8; font-size: 20px; margin:0; border-bottom: 1px solid #453D3B; border-top: 1px solid #938A89; color:rgba(255,255,255,0.9); padding:5px 0; text-align: center;}
	.resww:hover { opacity: 0.8; }
	.resc:hover { opacity: 0.8; }
}
@media screen and (max-width: 1000px){

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

}

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

}