html, body 
{
	background-color: #f2f2f2;
}

.main_container{
	height:100%;
	width:100%;
}

.menu_btn {
	width:31px;
	height:31px;
	display:block;
	position:absolute;
	top:11px;
	right:18px;
	background-image:url(../img/head_list.svg);
	clip-path: circle(50% at 50% 50%);
	-webkit-clip-path:circle(50% at 50% 50%);
	background-position: center;
	z-index: 1;
}

.menu_btn span {
	opacity:0;
}

#menu_control:checked ~ .header .menu_btn {
	background-image: url(../img/head_list_close.svg) !important;
}

.menu_alert {
	width:29px;
	height:29px;
	display:block;
	position:absolute;
	top:11px;
	right:66px;
	clip-path: circle(50% at 50% 50%);
	-webkit-clip-path: circle(50% at 50% 50%);
	background:url("../img/notice_off.svg");
	z-index: 1;
}

nav {
	width:100%;
	height:calc(100vh - 55px);
	background-color:#ffffff;
	position:absolute;
	top: -1000px;
	left:0;
	transition: all 1s cubic-bezier(0,1,0.5,1) .6s;
	z-index: 1;
}

.level_2_menu{
	width:100%;
	height:calc(100vh - 55px);
	background-color:#ffffff;
	position:absolute;
	top: -1000px;
	left:0;
	z-index:2 !important;
}

#menu_control:checked ~ .header nav{
	left:0;
	top:55px;
}

#menu_control_1:checked ~.header #level_2_menu1,
#menu_control_2:checked ~.header #level_2_menu2,
#menu_control_3:checked ~.header #level_2_menu3
{
	left:0;
	z-index:1;
	position: absolute;
	top: 0;
}

#menu_control_1:checked ~ .header .login_btn_col,
#menu_control_2:checked ~ .header .login_btn_col,
#menu_control_3:checked ~ .header .login_btn_col,
#menu_control_1:checked ~ .header .lang_col,
#menu_control_2:checked ~ .header .lang_col,
#menu_control_3:checked ~ .header .lang_col,
#menu_control_1:checked ~ .header .login_name_img_col,
#menu_control_2:checked ~ .header .login_name_img_col,
#menu_control_3:checked ~ .header .login_name_img_col
{
		display:none;
}

.menu_cancel_btn {
	width: 121px;
	height: 34px;
	border-radius: 16.5px;
	background-color: #d8d8d8;
	background-image:url("../img/right-arrow_click.svg");
	background-repeat: no-repeat;
	background-position-x: 18px;
	background-position-y: center;
	top: 24px;
	margin: 0 auto;
}

.menu_cancel_btn span {
	color: #7d7d7d !important;
	font-size: 16px !important;
	position: relative;
	top: -6px;
}

.level_2_title {
	font-size: 15px;
	text-align: center;
	color: #7d7d7d;
	top: 20px;
	position: relative;
}

.level_2_menu  a.destop_item
{
	display:none;
}

.level_2_menu  a.mobile_item
{
	width: 183px;
	height: 46px;
	border-radius: 5px;
	border: solid 1px #cdcdcd;
	margin:25px auto;
	text-align:center;
	line-height: 44px;
	display: block;
	color:#7fa800;
	text-decoration: none;
}

.login_name_img_col
{
	display:block;
	height:auto;
	width: 100%;
	position: absolute;
	top: 322px;
	text-align: center;
	transition: all 1s cubic-bezier(0,1,0.5,1) .6s;
}

.login_name_img_col.logined ~ .login_btn_col
{
	top: 390px;
}

.login_name_img_col.logined ~ .login_btn_col .login_btn
{
	background-color:#ff7d7d;
	
}

.login_name_img_col.logined ~ .login_btn_col .login_btn span{
	color:#ffffff;
}

.login_name_img {
	display: block;
	margin: 0 auto;
	width: 27px;
	height: 37.8px;
	background-image:url("../img/login＿g.svg");
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100%;
}

.login_btn_col {
	display:block;
	height:36px;
	width:100%;
	position:absolute;
	top:376px;
	transition: all 1s cubic-bezier(0,1,0.5,1) .6s;
}

.login_btn {
	width: 144px;
	height: 36px;
	border-radius: 20px;
	background-color: #def499;
	display: block;
	margin: 0 auto;
	text-align:center;
	line-height: 32px;
}

.lang_select {
	width: 153px;
	height: 24px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: url("../img/Triangle.svg") no-repeat scroll 140px center #73a632 !important;
	padding-right: 20px;
	text-align-last: center;
	padding-left: 20px;
	border:none;
	border-radius: 20px;
	color:#ffffff;
	display: block;
	margin: 0 auto;
	box-shadow: none;
}

.menu_item
{
	/*width: 183px;
	
	border-radius: 5px;
	border: solid 1px #cdcdcd;
	margin:25px auto;*/
	text-align:center;
	height: 100px;
	line-height: 100px;
}

.menu_item label
{
	width: 183px;
	height: 46px;
	display:block;
	position: relative;
	top: -42px;
}

.menu_item span ,.login_btn span{
	font-family: Helvetica;
	vertical-align:middle;
	font-size: 15px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -0.36px;
	color: #7fa800;
}

.menu_item:nth-last-child(-n+2)
{
	/*display:none;*/
}

.menu_item.selected
{
	border:0;
	background-color: #def499;
}

.lang_col {
	display:block;
	width: 100%;
	position: absolute;
	top: 431px;
	transition: all 1s cubic-bezier(0,1,0.5,1) .6s;
}

#menu_control:not(:checked) ~ .header .login_name_img_col, 
#menu_control:not(:checked) ~ .header .login_btn_col, 
#menu_control:not(:checked) ~ .header .lang_col{
	top: -1000px;
	transition: all 1s cubic-bezier(0,1,0.5,1) .6s;
}


.login_name_img_col .login_username
{
	display:none;
}

.login_name_img_col.logined .login_username
{
	display:block;
	color:#749a00;
	font-size: 12px;
	font-family: Helvetica;
}

.login_name_img_col.logined  ~ .lang_col{
	top: 445px;
}

.modal-content {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.modal_name, .input_username, .modal_pwd , .input_password
{
	left:calc(50% - 82px);
}

.menu_row {
	width: 100%;
	height: 52px;
	background-color: #94c500;
	position: absolute;
	top: 0;
	z-index: 1;
	clip-path: polygon(3% 0%, 100% 0, 100% 100%, 0% 100%);
	left: 83px;
}
.companyInfo{
	font-size: 13px;
    color: white;
    font-weight: normal;
    text-align: left;
    line-height: 20px;
    width: 200px;
    height: 40px;
    position: relative;
    top: calc(100% - 150px);
    padding-left: 15px;
}