/*  =============================================================================
	=============================================================================
	=============================================================================
	客製化 HEADER CSS 設計
	=============================================================================
	=============================================================================
	=============================================================================
	========================================================================== */

#header{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	background-color: #fff;
	z-index: 999;
	box-sizing: border-box;
}

#header #top_banner{
	height: 140px;
	position: relative;
	z-index: 999;
	background-color: #fff;
	transition: height 400ms cubic-bezier(0.86, 0, 0.07, 1);
	-webkit-transition: height 400ms cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: height 400ms cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: height 400ms cubic-bezier(0.86, 0, 0.07, 1);
	transition-delay: 0ms;
}

#header.minifyHeader #top_banner{
	height: 70px;
	transition: height 400ms cubic-bezier(0.86, 0, 0.07, 1);
	-webkit-transition: height 400ms cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: height 400ms cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: height 400ms cubic-bezier(0.86, 0, 0.07, 1);
    transition-delay: 100ms;
}

#header .header_container{
	display: table;
	height: 100%;
}

#header #datetime{
	height: 100%;
	width: 33.33%;
	display: table-cell;
	vertical-align: middle;
}

#header #datetime #date_line{
	margin-bottom: 8px;
}

#header #logo{
	width: 33.333%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

#header #logo a,
#header #logo a svg{
	width: 160px;
	height: 69px;
	transition: all 400ms cubic-bezier(0.86, 0, 0.07, 1);
	-webkit-transition: all 400ms cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: all 400ms cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: all 400ms cubic-bezier(0.86, 0, 0.07, 1);
	display: inline-block;
	transition-delay: 0ms;
}

#header.minifyHeader #logo a,
#header.minifyHeader #logo a svg{
	width: 104px;
	height: 45px;
	transition-delay: 100ms;
}

#header #menu_btn_wrap{
	width: 33.333%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}

#header #menu_btn_wrap #menu_btn{
	width: 34px;
	height: 34px;
	position: relative;
	cursor: pointer;
	text-align: right;
	display: block;
	margin-left: -5px;

}

#header #menu_btn_wrap #menu_btn .line{
	width: 24px;
	height: 3px;
	background-color: #1A355B;
	position: absolute;
	top: 15px;
	left: 5px;
	transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	z-index: 1;
}

#header #menu_btn_wrap #menu_btn .line:nth-child(1){
	margin-top: -9px;
	z-index: 2;
}

#header #menu_btn_wrap #menu_btn .line:nth-child(2){
	-webkit-transition-duration: .1s, .1s;
    transition-duration: .1s, .1s;
    -webkit-transition-delay: .2s, 0s;
    transition-delay: .2s, 0s
}

#header #menu_btn_wrap #menu_btn .line:nth-child(3){
	margin-top: 9px;
	z-index: 2;
}


#header #menu_btn_wrap #menu_btn .line:nth-child(1),
#header #menu_btn_wrap #menu_btn .line:nth-child(3){
    -webkit-transition-duration: .2s, .2s;
    transition-duration: .2s, .2s;
    -webkit-transition-delay: .2s, 0s;
    transition-delay: .2s, 0s
}

#header #menu_btn_wrap #menu_btn .line:nth-child(1){
    -webkit-transition-property: margin-top, -webkit-transform;
    transition-property: margin-top, transform;
}

#header #menu_btn_wrap #menu_btn .line:nth-child(3){
    -webkit-transition-property: margin-top, -webkit-transform;
    transition-property: margin-top, transform;
}

#header #menu_btn_wrap #menu_btn.active .line:nth-child(1) {
    margin-top: 0px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

#header #menu_btn_wrap #menu_btn.active .line:nth-child(2){
	opacity: 0;
}

#header #menu_btn_wrap #menu_btn.active .line:nth-child(3) {
    margin-top: 0px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#header #menu_btn_wrap #menu_btn.active .line:nth-child(1),
#header #menu_btn_wrap #menu_btn.active .line:nth-child(3){
    -webkit-transition-delay: 0s, .2s;
    transition-delay: 0s, .2s
}

#header #languages_wrap{
	width: 33.333%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	text-align: right;
}

#header #languages_wrap #languages ul{
	float: right;
}

#header #languages_wrap #languages li{
	float: left;
}

#header #languages_wrap #languages li a{
	text-decoration: none;
	font-size: 12px;
	line-height: 0px;
	letter-spacing: 0em;
	color: #1A355B;
	margin-left: 16px;
}

#header #languages_wrap #languages li a:not(.disable-link):hover{
/* 	text-decoration: underline; */
}

#header #languages_wrap #languages li a.disable-link{
	opacity: 0.4;
	cursor: default;
}

#header #languages_wrap .opening{
	clear: both;
	transition: 0.3s;
	position: relative;
	z-index: 9999;
}
#header #languages_wrap .opening dl{
	display: inline-block;
	margin: 10px 0 0;
}
#header #languages_wrap .opening dl dt{
	display: table-cell;
	vertical-align: middle;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	background: #003469;
	padding: 13px 15px 11px;
	white-space: nowrap;
}
#header #languages_wrap .opening dl dd{
	display: table-cell;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
	background: #F5F5F5;
	color: #000;
	margin-left: 0;
	padding: 13px 18px 11px;
	line-height: 1.4em;
	text-align: left;
	letter-spacing: 0;
}
#header.minifyHeader .opening {
	display: none;
}

#header #top_banner:before{
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0px;
	background-color: #dddddd;
	width: 100%;
	height: 1px;
	z-index: 4;
	transform: scaleY(0);
	transition: transform 700ms cubic-bezier(0.86, 0, 0.07, 1), background-color 600ms ease;
	-webkit-transition: transform 700ms cubic-bezier(0.86, 0, 0.07, 1), background-color 600ms ease;
    -moz-transition: transform 700ms cubic-bezier(0.86, 0, 0.07, 1), background-color 600ms ease;
    -o-transition: transform 700ms cubic-bezier(0.86, 0, 0.07, 1), background-color 600ms ease;
}

#header.minifyHeader:not(.active) #top_banner:before{
	background-color: #dddddd;
	transform: scaleY(1);
}

#header.active #top_banner:before{
	transform: scaleY(1);
}

#header #bottom_banner{
	position: absolute;
	width: 100%;
	top: 140px;
	left: 0px;
	background-color: #ffffff;
	top: -300px;
	z-index: -1;
	transition: transform 400ms ease-in;
	-webkit-transition: transform 400ms ease-in;
    -moz-transition: transform 400ms ease-in;
    -o-transition: transform 400ms ease-in;
}

#header.active #bottom_banner{
	transform: translateY(440px);
	transition: transform 700ms cubic-bezier(0.86, 0, 0.07, 1);
	-webkit-transition: transform 700ms cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: transform 700ms cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: transform 700ms cubic-bezier(0.86, 0, 0.07, 1);
}

#header.minifyHeader.active #bottom_banner{
	transform: translateY(370px);
}

#header #bottom_banner #navigation{
	width: 100%;
	float: left;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	box-sizing: border-box;
}

#header #bottom_banner #navigation #main_menu{
	height: 222px;
	width: 100%;
	float: left;
	border-bottom: 1px solid #DDDDDD;
	box-sizing: border-box;
}

#header #bottom_banner #navigation #main_menu .menu_btn{
	height: 221px;
	float: left;
	border-right: 1px solid #DDDDDD;
	box-sizing: border-box;
	padding: 27px 0px 0px 20px;
}

#header #bottom_banner #navigation #main_menu .menu_btn:last-child{
	border-right: 0px solid #DDDDDD;
}

#header #bottom_banner #navigation #main_menu .menu_btn:nth-child(1){
	width: 148px;
}

#header #bottom_banner #navigation #main_menu .menu_btn:nth-child(2){
	width: 263px;
}

#header #bottom_banner #navigation #main_menu .menu_btn:nth-child(3){
	width: 108px;
}

#header #bottom_banner #navigation #main_menu .menu_btn:nth-child(4){
	width: 146px;
}

#header #bottom_banner #navigation #main_menu .menu_btn:nth-child(5){
	width: 146px;
}

#header #bottom_banner #navigation #main_menu .menu_btn:nth-child(6){
	width: 187px;
}

#header #bottom_banner #navigation #main_menu .menu_btn .main_menu_btn{
	width: 100%;
	float: left;
}

#header #bottom_banner #navigation #main_menu .menu_btn .main_menu_btn:not(:nth-child(1)){
	margin-top: 17px;
}

#header #bottom_banner #navigation #main_menu .menu_btn .main_menu_btn .menu_txt{
	width: 100%;
	float: left;
	color: #1A355B;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 0.06em;
	line-height: 13px;
}

#header #bottom_banner #navigation #main_menu .menu_btn .main_menu_btn .menu_txt a{
	text-decoration: none;
/* 	width: 100%; */
	float: left;
	color: #1A355B;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 0.06em;
	line-height: 13px;
}

.main-wrap:not(.lang-ja) #header #bottom_banner #navigation #main_menu .menu_btn .main_menu_btn .menu_txt{
	text-align: center;
}

.main-wrap:not(.lang-ja) #header #bottom_banner #navigation #main_menu .menu_btn .main_menu_btn .menu_txt a{
	float: none;
}

#header #bottom_banner #navigation #main_menu .menu_btn .main_menu_btn .menu_txt a.disable-link{
	color: #8d9aad;
}
#header #bottom_banner #navigation #main_menu .menu_btn .main_menu_btn .menu_txt a:not(.disable-link):hover{
/* 	text-decoration: underline; */
}

#header #bottom_banner #navigation #main_menu .menu_btn .submenu{
	width: 100%;
	float: left;
	margin-top: 17px;
}

#header #bottom_banner #navigation #main_menu .menu_btn .submenu .submenu_child_menu{
	width: 100%;
	float: left;
	line-height: 12px;
	margin-bottom: 18px;
}

#header #bottom_banner #navigation #main_menu .menu_btn:nth-child(2) .submenu .submenu_child_menu:nth-child(2n+1){
	width: 107px;
}

#header #bottom_banner #navigation #main_menu .menu_btn:nth-child(2) .submenu .submenu_child_menu:nth-child(2n){
	width: 135px;
}

#header #bottom_banner #navigation #main_menu .menu_btn .submenu .submenu_child_menu a{
	color: #000000;
	font-size: 12px;
	letter-spacing: 0.1em;
	text-decoration: none;
	line-height: 0px;
}

#header #bottom_banner #navigation #main_menu .menu_btn .submenu .submenu_child_menu a:not(.disable-link):hover{
/* 	text-decoration: underline; */
}

#header #bottom_banner #navigation #main_menu .menu_btn .submenu .submenu_child_menu a.disable-link{
	color: #999999;
	cursor: default;
}

#header #bottom_banner #navigation #additional_info_list{
	/*height: 78px;*/
	width: 100%;
	float: left;
}

#header #bottom_banner #navigation #additional_info_list .additional_list{
	width: 100%;
	float: left;
	padding: 20px 0px 20px 20px;
	box-sizing: border-box;
}

#header #bottom_banner #navigation #additional_info_list .additional_list .additional_info{
	float: left;
	line-height: 12px;
	margin-right: 16px;
	line-height: 160%;
}

#header #bottom_banner #navigation #additional_info_list .additional_list .additional_info a{
	color: #000000;
	font-size: 12px;
	letter-spacing: 0.1em;
	text-decoration: none;
	line-height: 0px;
}

#header #bottom_banner #navigation #additional_info_list .additional_list .additional_info a:not(.disable-link):hover{
/* 	text-decoration: underline; */
}

#header #bottom_banner #navigation #additional_info_list .additional_list .additional_info a.disable-link{
	color: #999999;
	cursor: default;
}

#header #bottom_banner #navigation #main_menu.lang_menu{
	height: 64px;
	border-bottom: 0px solid #DDDDDD;
}

#header #bottom_banner #navigation #main_menu.lang_menu .menu_btn{
	width: 16.666%;
	height: 64px;
	padding: 0px;
	border-right: 0px solid #DDDDDD;
	display: table;
}

#header #bottom_banner #navigation #main_menu.lang_menu .menu_btn .main_menu_btn{
	display: table-cell;
	height: 100%;
	vertical-align: middle;
	float: none;
}

#header #bottom_banner #navigation #main_menu.lang_menu .menu_btn a{
	font-size: 13px;
	color: #1A355B;
	letter-spacing: 0.06em;
	line-height: 18px;
	text-decoration: none;
	text-align: center;
}

#header #bottom_banner #navigation #main_menu.lang_menu .menu_btn a:not(.disable-link):hover{
/* 	text-decoration: underline; */
}

#header #bottom_banner #navigation #main_menu.lang_menu .menu_btn a.disable-link{
	opacity: 0.4;
	cursor: default;
}

@media (max-width: 1060px) {
	#header #bottom_banner #navigation #main_menu .menu_btn{
		padding: 27px 0px 0px 10px;
	}
	#header #bottom_banner #navigation #main_menu .menu_btn:nth-child(1){
		width: 118px;
	}

	#header #bottom_banner #navigation #main_menu .menu_btn:nth-child(2){
		width: 263px;
	}

	#header #bottom_banner #navigation #main_menu .menu_btn:nth-child(3){
		width: 108px;
	}

	#header #bottom_banner #navigation #main_menu .menu_btn:nth-child(4){
		width: 126px;
	}

	#header #bottom_banner #navigation #main_menu .menu_btn:nth-child(5){
		width: 106px;
	}

	#header #bottom_banner #navigation #main_menu .menu_btn:nth-child(6){
		width: 157px;
	}
	#header #bottom_banner #navigation #main_menu.lang_menu .menu_btn{
		width: 16.6666%;
	}
}

@media (max-width: 992px) {
	#header #top_banner,
	#header.minifyHeader #top_banner{
		/*height: 64px;*/
	}
	#header #logo a,
	#header #logo a svg,
	#header.minifyHeader #logo a,
	#header.minifyHeader #logo a svg,
	#header #logo a svg{
		width: 93px ;
		height: 40px;
	}
	#header #menu_btn_wrap #menu_btn{
		margin-left: 0px;
	}
	#header #bottom_banner,
	#header.minifyHeader #bottom_banner{
		top: 0%;
		z-index: 2;
		padding-top: 64px;
		box-sizing: border-box;
		display: none;
	}

	#header.active #bottom_banner,
	#header.minifyHeader.active #bottom_banner{
		transform: translateY(0%);
	}

	#header #bottom_banner .container{
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
	}

	#header #bottom_banner #navigation{
		border-left: 0px;
		border-right: 0px;
	}
	#header #bottom_banner #navigation #main_menu{
		border-bottom: 0px solid #DDDDDD;
		height: auto;
	}
	#header #bottom_banner #navigation #main_menu .menu_btn{
		width: 100% !important;
		padding: 0px;
		border-right: 0px solid #DDDDDD;
		height: auto;
		border-bottom: 1px solid #DDDDDD;
	}
	#header #bottom_banner #navigation #main_menu .menu_btn .main_menu_btn{
		width: 100%;
		float: left;
		box-sizing: border-box;
		padding: 24px 40px 24px 30px;
		position: relative;
	}
	#header #bottom_banner #navigation #main_menu .menu_btn .main_menu_btn:not(:nth-child(1)){
		margin-top: 0px;
		border-top: 1px solid #DDDDDD;
	}
	#header #bottom_banner #navigation #main_menu .menu_btn .main_menu_btn:after{
		content: '';
		width: 9.22px;
		height: 15.27px;
		position: absolute;
		right: 40px;
		top: 23px;
		background-image: url(../img/common/menu_arrow.svg);
	}
	#header #bottom_banner #navigation #main_menu .menu_btn .main_menu_btn.no_submenu:after{
		display: none;
	}
	#header #bottom_banner #navigation #main_menu .menu_btn .main_menu_btn .menu_txt{
		font-size: 14px;
		line-height: 14px;
	}
	#header #bottom_banner #navigation #main_menu.lang_menu .menu_btn a{
		text-align: left;
	}
	#header #bottom_banner #navigation #main_menu .menu_btn .main_menu_btn .menu_txt a{
		width: 100%;
	}
	#header #bottom_banner #navigation #main_menu .menu_btn .main_menu_btn .menu_txt a:not(.disable-link):hover{
		text-decoration: none;
	}
	.main-wrap:not(.lang-ja) #header #bottom_banner #navigation #main_menu .menu_btn .main_menu_btn .menu_txt{
		text-align: left;
	}

	.main-wrap:not(.lang-ja) #header #bottom_banner #navigation #main_menu .menu_btn .main_menu_btn .menu_txt a{
		float: left;
	}
	#header #bottom_banner #navigation #main_menu .menu_btn .submenu{
		width: 100%;
		height: 100%;
		position: absolute;
		margin-top: 0px;
		left: 100%;
		top: 0px;
		z-index: 4;
		background-color: #fff;
		transition: transform 400ms ease-in;
		-webkit-transition: transform 400ms ease-in;
	    -moz-transition: transform 400ms ease-in;
	    -o-transition: transform 400ms ease-in;

	}
	#header #bottom_banner #navigation #main_menu .menu_btn.active .submenu{
		transform: translateX(-100%);
		transition: transform 700ms cubic-bezier(0.86, 0, 0.07, 1);
		-webkit-transition: transform 700ms cubic-bezier(0.86, 0, 0.07, 1);
		-moz-transition: transform 700ms cubic-bezier(0.86, 0, 0.07, 1);
		-o-transition: transform 700ms cubic-bezier(0.86, 0, 0.07, 1);
	}
	#header #bottom_banner #navigation #main_menu .menu_btn .submenu .back_btn{
		width: 100%;
		float: left;
		padding: 19px 40px 15px 30px;
		box-sizing: border-box;
		width: 100%;
		float: left;
		border-bottom: 1px solid #DDDDDD;
		position: relative;
	}
	#header #bottom_banner #navigation #main_menu .menu_btn .submenu .back_btn:after{
		width: 25px;
		height: 25px;
		background-color: #ececec;
		float: left;
		content: '';
	}
	#header #bottom_banner #navigation #main_menu .menu_btn .submenu .back_btn:before{
		content: '';
		width: 9.22px;
		height: 15.27px;
		position: absolute;
		left: 37px;
		top: 24px;
		transform: rotate(180deg);
		background-image: url(../img/common/menu_arrow.svg);
	}
	#header #bottom_banner #navigation #main_menu .menu_btn .submenu .submenu_child_menu{
		margin-bottom: 0px;
		width: 100% !important;
	}
	#header #bottom_banner #navigation #main_menu .menu_btn .submenu .submenu_child_menu a{
		font-size: 14px;
		line-height: 14px;
		padding: 24px 40px 24px 30px;
		box-sizing: border-box;
		width: 100%;
		float: left;
		border-bottom: 1px solid #DDDDDD;
	}
	#header #bottom_banner #navigation #main_menu .menu_btn .submenu .submenu_child_menu a:not(.disable-link):hover{
		text-decoration: none;
	}
	#header #bottom_banner #navigation #additional_info_list{
		height: auto;
	}

	#header #bottom_banner #navigation #additional_info_list .additional_list{
		padding: 0px;
	}
	#header #bottom_banner #navigation #additional_info_list .additional_list .additional_info{
		width: 50%;
		margin-right: 0px;
	}
	#header #bottom_banner #navigation #additional_info_list .additional_list .additional_info a{
		padding: 10px 0px 10px 0px;
		display: block;
		line-height: 12px;
		border-bottom: 1px solid #DDDDDD;
		text-align: center;
		font-weight: 300;
	}
	#header #bottom_banner #navigation #additional_info_list .additional_list .additional_info:nth-child(2n+1) a{
		border-right: 1px solid #DDDDDD;
	}

	#header #bottom_banner #navigation #main_menu .menu_btn .submenu .submenu_child_menu a:not(.disable-link):hover{
		text-decoration: none;
	}
	#header #bottom_banner #navigation #additional_info_list .additional_list .additional_info a:not(.disable-link):hover{
		text-decoration: none;
	}
}

@media (max-width: 768px) {
	#header #top_banner,
	#header.minifyHeader #top_banner{
		height: 64px;
	}
	#header #languages_wrap #languages{
		width: 64px;
		height: 12px;
		float: right;
		background-image: url(../img/common/menu_langs.svg);
		position: relative;
	}
	#header #languages_wrap #languages ul{
		display: none;
	}
	#header #languages_wrap #languages #lang_select_for_mobile{
		position: absolute;
		width: 64px;
		height: 30px;
		right: 0px;
		top: -10px;
		opacity: 0;
		border-radius: 0px;
	}
	#header .opening{
		padding: 0 25px;
	}
	#header .opening dl{
		display: inline-block;
		margin: 0 0 10px;
		background: #F5F5F5;
		width: 100%;
	}
	#header .opening dl dt{
		display: table-cell;
		vertical-align: middle;
		font-size: 12px;
		font-weight: bold;
		color: #fff;
		background: #003469;
		padding: 6px 10px 5px;
		white-space: nowrap;
		text-align: center;
	}
	#header .opening dl dd{
		display: table-cell;
		vertical-align: middle;
		font-size: 12px;
		font-weight: bold;
		background: #F5F5F5;
		color: #000;
		margin-left: 0;
		padding: 6px 10px 5px;
		line-height: 1.4em;
		text-align: left;
	}
	#header.minifyHeader .opening {
		display: none;
	}


}

@media (max-width: 420px) {
	#header #bottom_banner #navigation #main_menu .menu_btn .main_menu_btn{
		width: 100%;
		float: left;
		box-sizing: border-box;
		padding: 10px 40px 10px 30px;
		position: relative;
	}
	#header #bottom_banner #navigation #main_menu .menu_btn .main_menu_btn:after{
		top: 12px;
		right: 20px;
	}
	#header #bottom_banner #navigation #main_menu .menu_btn .submenu .back_btn{
		padding: 12px 40px 12px 30px;
	}
	#header #bottom_banner #navigation #main_menu .menu_btn .submenu .back_btn:before{
		top: 17.5px;
	}
	#header #bottom_banner #navigation #main_menu .menu_btn .submenu .submenu_child_menu a{
		padding: 18px 40px 17px 30px;
	}
	#header #bottom_banner #navigation #additional_info_list .additional_list .additional_info a{
		font-size: 10px;
		line-height: 10px;
	}
}

@media (max-width: 380px) {
	#header #bottom_banner #navigation #main_menu .menu_btn .main_menu_btn{
		width: 100%;
		float: left;
		box-sizing: border-box;
		padding: 12px 40px 12px 30px;
		position: relative;
	}
	#header #bottom_banner #navigation #main_menu .menu_btn .main_menu_btn:after{
		top: 12px;
		right: 20px;
	}
	#header #bottom_banner #navigation #main_menu .menu_btn .submenu .back_btn{
		padding: 10px 40px 10px 30px;
	}
	#header #bottom_banner #navigation #main_menu .menu_btn .submenu .back_btn:before{
		top: 15.5px;
	}
	#header #bottom_banner #navigation #main_menu .menu_btn .submenu .submenu_child_menu a{
		padding: 16px 40px 15px 30px;
	}
	#header #bottom_banner #navigation #additional_info_list .additional_list .additional_info a{
		font-size: 10px;
		line-height: 10px;
	}
}

@media (max-width: 330px) {
	#header #bottom_banner #navigation #main_menu .menu_btn .main_menu_btn{
		width: 100%;
		float: left;
		box-sizing: border-box;
		padding: 12px 40px 12px 30px;
		position: relative;
	}
	#header #bottom_banner #navigation #main_menu .menu_btn .main_menu_btn:after{
		top: 11px;
		right: 20px;
	}
	#header #bottom_banner #navigation #main_menu .menu_btn .submenu .back_btn{
		padding: 6px 40px 6px 30px;
	}
	#header #bottom_banner #navigation #main_menu .menu_btn .submenu .back_btn:before{
		top: 11.5px;
	}
	#header #bottom_banner #navigation #main_menu .menu_btn .submenu .submenu_child_menu a{
		padding: 12px 40px 11px 30px;
	}
	#header #bottom_banner #navigation #additional_info_list .additional_list .additional_info a{
		font-size: 10px;
		line-height: 10px;
		padding: 14px 0px 14px 0px;
	}
}