/*電腦版*/

/*選單*/

.RWD_EVENT_TOP { width:100%; height:40px; line-height:40px; color:#f1e9e7; background-color:#f1e9e7; margin:0 auto; padding:0;
padding-top:10px;
 }
.RWD_EVENT_TOP_BOX { max-width:1220px; position:relative; margin:0 auto;}

.RWD_EVENT_TOP h1 { background-color:#f1e9e7; width:148px; height:30px; text-align:center; position:absolute; left:0; margin:0; padding:0;}
.RWD_EVENT_TOP h1 a { 
	background-image: url(https://treebuy.com/assets/treebuy/BETA_Logo_148x30.svg); 
	background-size: cover;
	background-position: center;
	display:block;
	width:100%; height:0;
	padding-bottom: 14.78%;
	position:absolute; left:0; right:0; top:-7px;
	text-align:center;
	margin:5px auto;
}




.RWD_EVENT_TOP ul { width:auto; padding:0; margin:0 auto; position:absolute;}
.RWD_EVENT_TOP ul li { width:auto; padding:0; margin:0 5px; float:left; list-style:none; text-align:center; }
.RWD_EVENT_TOP ul li a { font-size:13px; line-height:30px;}
.RWD_EVENT_TOP ul li a:link { color: #524f4e; text-decoration:none;}
.RWD_EVENT_TOP ul li a:visited { color: #524f4e; text-decoration:none;}
.RWD_EVENT_TOP ul li a:hover { color: #524f4e; text-decoration:none; transition: all .3s;}
.RWD_EVENT_TOP ul li a:active { color: #524f4e; text-decoration:none;}

.newheader_menu ul.top_link { right:70px; top:-5px;}

.RWD_EVENT_TOP ul.top_share { right:0; top:0;}

.RWD_EVENT_TOP ul.top_share li:nth-child(1) { display:block; width:30px; height:30px; margin:0; overflow:hidden;}
.RWD_EVENT_TOP ul.top_share li:nth-child(1) a {display:block; width:30px; height:30px; background-image:url(../images/FB_ICON.png); background-size:cover; background-position:center;}


.nav_checkbox { position: absolute; left: 0; top: 0; opacity: 0;}
.nav_icon_bars { display: none!important;}
.nav_mapbg { display: none;}
.nav_icon_times{ display: none!important;}



/* 手機版 736 px 以下載入 */
 @media only screen and (max-width: 736px) {

/*選單*/

.RWD_EVENT_TOP { width:100%; height:30px; line-height:30px; color:#FFFFFF; background-color:#f1e9e7; margin:0 auto; padding:0; }
.RWD_EVENT_TOP_BOX { width:100%; position:relative; margin:0 auto;}

.RWD_EVENT_TOP h1 { background-color:#f1e9e7;width:133px; height:30px; text-align:center; position:absolute; left:40px; margin:0; padding:0;}
.RWD_EVENT_TOP h1 a { 
	background-image: url(https://treebuy.com/assets/treebuy/BETA_Logo_148x30.svg); 
	padding-bottom: 20.56%;
	position:absolute; left:0px; right:0; top:-7px;
}
 
.nav_icon_bars { 
	display:block!important; width: 40px; height: 30px; text-align: center; position:absolute; left: 0; top: 0; cursor: pointer;
	 } 
.nav_icon_bars i { width: 30px; line-height: 30px; text-align: center; font-size: 23px; color: #FFFFFF;} 

input.nav_checkbox:checked ~ label.nav_mapbg {display:block!important; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);position: fixed; top: 0; bottom: 0;right: 0;left: 0; margin: auto; z-index: 999;}
	 	 
input.nav_checkbox:checked ~ label.nav_mapbg ~ div.newheader_menu { left: 0px; transition: left 0.3s}
.newheader_menu { width: 300px; height: 100%; overflow-y: scroll; margin: auto; clear: both; background-color: #FFFFFF; top: 0px; bottom: 0; left: -300px; position: fixed; z-index: 1000; transition: left 0.2s;}
	 
.newheader_menu ul.top_link { right: 0; max-width: 100%; height:calc(100% - 50px); margin:50px auto auto auto;  font-size: 0; text-align:left; position: relative; background-color: #fff9ee;}
.newheader_menu ul.top_link li { list-style: none; float: none; text-align:left; display: block; border-bottom: 1px solid #e3d5ba; background-color: #fff9ee;}
.newheader_menu ul.top_link li a { display: block; line-height: 40px; font-size: 16px; padding: 0 12px; text-decoration: none; color: #595757;}
.newheader_menu ul.top_link li:hover a { background-color: #fcd72c; color: #8e5c04;}
.newheader_menu ul.top_link li:first-child { position:static; left: 0; background-color: #fff9ee;}

.nav_icon_times { display:block!important; width: 50px; height: 50px; position:absolute; right: 0; top: 0; cursor: pointer;}
.nav_icon_times i { width: 50px; line-height: 50px; text-align: center; font-size: 30px; color: #595757;} 	

 }