@charset "utf-8";

/*
排版 描述
@media screen and (min-width: 1600px) and (max-width: 1920px) {  }
@media screen and (min-width: 1366px) and (max-width: 1599px) {  }
@media screen and (min-width: 1280px) and (max-width: 1365px) {  }
@media screen and (min-width: 1023px) and (max-width: 1280px) {  }
@media screen and (min-width: 861px) and (max-width: 1023px) {  }
@media screen and (min-width: 640px) and (max-width: 860px) {  } 平版
@media screen and (min-width: 481px) and (max-width: 639px) {  } 平版
@media screen and (min-width: 1px) and (max-width: 480px) {  } 手機
*/
/*----------------------------------------------------------------------------*/



/*============================================================================*//*============================================================================*//*============================================================================*/
/* Mobile Navigation */
/*============================================================================*//*============================================================================*//*============================================================================*/



/*----------------------------------------------------------------------------*/
/* style 16 */
.navmob-toggle .ham-s16,
.navmob-toggle .ham-s16 span { display: inline-block; transition: all .4s; }
.navmob-toggle .ham-s16 { position: relative; width: 36px; height: 36px; }
.navmob-toggle .ham-s16 span {
	position: absolute; left: 0; width: 28px; height: 3px; left: 4px;
	border-radius: 4px;
	background-color: rgba(125, 35, 8, .95);
}
.navmob-toggle .ham-s16 span:nth-of-type(1) { top: -2px; }
.navmob-toggle .ham-s16 span:nth-of-type(2) { top: 6px; }
.navmob-toggle .ham-s16 span:nth-of-type(3) { top: 14px; }

.navmob-toggle .ham-s16 span:nth-child(4), .navmob-toggle .ham-s16 span:nth-child(5), .navmob-toggle .ham-s16 span:nth-child(6),
.navmob-toggle .ham-s16 span:nth-child(7), .navmob-toggle .ham-s16 span:nth-child(8), .navmob-toggle .ham-s16 span:nth-child(9) { display: none; }
.navmob-toggle .ham-s16::after {
	content: '選單';
	display: block; position: absolute; left: 0; bottom: 3px; width: 100%;
	color: rgba(125, 35, 8, .95); font-size: 12px;
	text-align: center; text-decoration: none;
	transition: all .4s;
}
.navmob-toggle .ham-s16.open::after { content: '關閉'; bottom: 3px; }
.navmob-toggle .ham-s16.open span:nth-of-type(1) { -webkit-transform: translate(0px, 8px) rotate(-45deg); transform: translate(0px, 8px) rotate(-45deg); }
.navmob-toggle .ham-s16.open span:nth-of-type(2) { opacity: 0; }
.navmob-toggle .ham-s16.open span:nth-of-type(3) { -webkit-transform: translate(0px, -8px) rotate(45deg); transform: translate(0px, -8px) rotate(45deg); }
/*----------------------------------------------------------------------------*/