.main_header {
    padding: 0 50px;
    height: : 65px;
    position: fixed;
    z-index:1101;
    top: 0;
    -moz-transition: top 0.2s ease-in-out;
    -o-transition: top 0.2s ease-in-out;
    -webkit-transition: top 0.2s ease-in-out;
    transition: top 0.2s ease-in-out;
    width: 100%;
    /* background: rgba(0, 0, 0, 0.3); */
    background: rgba(255, 255, 255, 0.70);
}
/* 會員購物 */
.member_login{
    padding-top:20px;
    color: #555;
}
.member_login span.cont_cart a{
    letter-spacing: -1px;
}
.member_login span.cont_cart a img{
    margin-left:3px;
}
.member_login span:nth-child(1):after,
.member_login span:nth-child(2):after{
    content:"";
    display:inline-block;
    vertical-align: middle;
    border-right:1px solid #b5abab;
    height:12px;
    margin:0 5px 0 10px;
}
.member_login a{
    color: #000;
    font-size:12px;
/*     text-shadow: 1px 1px 2px #555; */
    text-shadow: 0px 0px 0px #afafaf;
    letter-spacing: 1px;
}
.icon_member{
    width:12px;
    height:15px;
    display: inline-block;
	background-position: center center;
	background-size: 12px 15px;
	background-repeat: no-repeat;
	position: relative;
    vertical-align: middle;
	background-image: url(../../images/common_icon/icon_member.png);
    margin-right:8px;
    opacity: 0.6;
}
.icon_tag{
    width:11px;
    height:17px;
    display: inline-block;
	background-position: center center;
	background-size: 11px 17px;
	background-repeat: no-repeat;
	position: relative;
    vertical-align: middle;
	background-image: url(../../images/common_icon/icon_tag.png);
    margin-right:8px;
    opacity: 0.6;
}
.icon_cart{
    width:19px;
    height:17px;
    display: inline-block;
	background-position: center center;
	background-size: 19px 17px;
	background-repeat: no-repeat;
	position: relative;
    vertical-align: middle;
	background-image: url(../../images/common_icon/icon_cart.png);
    margin-right:8px;
    opacity: 0.6;
}
.member_login a:hover {
    color: #000;
}
/* 會員購物 end */
.nav-up {
    top: -75px;
}
.main_menu{
    position: relative;
    top:5px;
}
.main_menu li {
    display: inline-block;
    color: #3989c6;
    font-size: 13px;
    font-weight: 100;
    letter-spacing: 0.5px;
    margin-left:15px;
}
.main_menu li a {
    color: #000;
    text-shadow: 0 0 0px #7a7979;
    font-family: "Hei-thin", sans-serif;
    /* text-shadow: 1px 1px 2px #333; */
}
.main_menu li a:hover {
    color: #111;
}
.main_menu li:nth-child(6) {
    margin-left: 13px;
}

.main_menu li:nth-child(5):after,
.main_menu li:nth-child(6):after {
    width: 0px;
    height: 10px;
}
.main_menu {
    height: auto;
    position: relative;
}

.main_menu h1 {
    width: 100%;
    text-align: center;
    font-family: 'Slabo 13px', serif;
    font-size: 38px;
    font-weight: normal;
    letter-spacing: 1px;
    color: white;
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
}

.main_menu .trigger {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 3;
    cursor: pointer;
    transition: top .1s ease-in-out;
}

.permanent_1 .main_menu .trigger span{
    background: #af7428;
}

.main_menu .trigger span {
    display: block;
    width: 100%;
    height: 1px;
    background: #F1F1F1;
    margin: 0 0 5px 0;
    transition: all .2s ease-in-out;
    position: absolute;
}

.main_menu .trigger span:first-child {
    top: 0;
    left: 0;
}

.main_menu .trigger span:nth-child(2) {
    top: 10px;
    left: 0;
}

.main_menu .trigger span:last-child {
    top: 20px;
    left: 0;
}

.main_menu .trigger.on {
    top: 5px;
}

.main_menu .trigger.on span:first-child {
    transform: rotate(45deg);
    background: #3989C6;
}

.main_menu .trigger.on span:nth-child(2) {
    transform: rotate(-45deg);
    background: #3989C6;
    top: 0;
}

.main_menu .trigger.on span:last-child {
    transform: rotate(45deg);
    background: #3989C6;
    top: 0;
}

.menu_content {
    /* background: rgba(0, 0, 0, 0.85); */
    height: 100px;
    width: 10%;
    position: fixed;
    top: 16%;
    right: 0;
    bottom: 0;
    left: 90%;
    display: none;
    z-index: 2;
    font-size: 13px;
}

.menu_content ul {
    list-style-type: none;
    padding: 0;
    text-align: right;
    position: absolute;
    top: 0;
    right: 3px;
    line-height: 15px;
    transform: translate3d(-50%, -50%, 0);
}

.menu_content ul li {
    color: #3989C6;
    font-size: 24px;
    letter-spacing: 1.4px;
    padding: 3px 0;
}

.menu_content ul li a {
    color: #ede7f5;
    font-size: 13px;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.menu_content ul li a:hover {
    color: #fff;
}