@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 14 */
.navmob-toggle .ham-s14,
.navmob-toggle .ham-s14 span { display: inline-block; transition: all .4s; }
.navmob-toggle .ham-s14 { position: relative; width: 36px; height: 36px; }
.navmob-toggle .ham-s14 span {
	position: absolute; left: 0; width: 28px; height: 3px; left: 24px;
	border-radius: 4px;
	background-color: rgba(125, 35, 8, .95);
}
.navmob-toggle .ham-s14 span:nth-of-type(1) { top: 3px; }
.navmob-toggle .ham-s14 span:nth-of-type(2) { top: 11px; }
.navmob-toggle .ham-s14 span:nth-of-type(3) { top: 19px; }

.navmob-toggle .ham-s14 span:nth-child(4), .navmob-toggle .ham-s14 span:nth-child(5), .navmob-toggle .ham-s14 span:nth-child(6),
.navmob-toggle .ham-s14 span:nth-child(7), .navmob-toggle .ham-s14 span:nth-child(8), .navmob-toggle .ham-s14 span:nth-child(9) { display: none; }
.navmob-toggle .ham-s14 span { left: 10px; width: 20px; }
.navmob-toggle .ham-s14 span::before {
	content: ''; position: absolute; top: 0; left: -7px; width: 4px; height: 4px;
	border-radius: 4px;
	background-color: rgba(125, 35, 8, .95);
}
.navmob-toggle .ham-s14.open span { left: 0; width: 100%; }
.navmob-toggle .ham-s14.open span::before { content: none; }
.navmob-toggle .ham-s14.open span:nth-of-type(1) { width: 25px; -webkit-transform: translate(5px, 8px) rotate(-45deg); transform: translate(5px, 8px) rotate(-45deg); }
.navmob-toggle .ham-s14.open span:nth-of-type(2) { opacity: 0; }
.navmob-toggle .ham-s14.open span:nth-of-type(3) { width: 25px; -webkit-transform: translate(5px, -8px) rotate(45deg); transform: translate(5px, -8px) rotate(45deg); }
/*----------------------------------------------------------------------------*/