/* header */
.overlay_bg {position:fixed; top:0; left:0; z-index:99; display:none; width:100%; height:100%; background:rgba(0,0,0,0.5);}
#header {overflow:hidden; clear:both;}

#header #top_menu {height:30px; background:#f3f3f3; border-bottom:1px solid #ccc; font-size:12px;}
#header #top_menu .left_top_menu {float:left; width:30%;}
#header #top_menu .left_top_menu ul {border-left:1px solid #ccc;}
#header #top_menu .left_top_menu ul li {float:left; width:150px; text-align:center; line-height:29px; border-right:1px solid #ccc;}
#header #top_menu .left_top_menu ul li.on {height:30px; background:#fff;}
#header #top_menu .left_top_menu ul li.on a {font-weight:700;}
#header #top_menu .right_top_menu {float:right; width:70%;}
#header #top_menu .right_top_menu ul {float:right;}
#header #top_menu .right_top_menu ul li {float:left; margin-left:10px; text-align:center; line-height:29px;}
#header #top_menu .right_top_menu ul li a {border-left:1px solid #999; padding-left:10px;}
#header #top_menu .right_top_menu ul li:first-child a {border-left:0;}
#header #top_menu .right_top_menu ul li.hidden {display:none;}
#header #top_menu .right_top_hidden {display:none;}

#header #top_logo {height:100px; text-align:center; line-height:100px;}
#header #top_logo .relation_img {position:absolute; right:0; top:0;}

#header #main_menu {height:40px; background:#555; font-size:14px;}
#header #main_menu .left_main_menu {float:left;}
#header #main_menu .left_main_menu ul li {float:left; line-height:40px; width:auto;}
#header #main_menu .left_main_menu ul li.main_menu_title {background:#006834;}
#header #main_menu .left_main_menu ul li a {padding:0 14px; font-weight:600; color:#ccc;}
#header #main_menu .left_main_menu ul li:hover a {color:#fff;}
#header #main_menu .right_main_menu {float:right;}
#header #main_menu .right_main_menu ul li {background:#333; line-height:40px;}
#header #main_menu .right_main_menu ul li a {padding:0 14px; font-weight:600; font-size:13px;}

#header #main_menu .right_main_menu ul li:nth-child(1) {display:block;}
#header #main_menu .right_main_menu ul li:nth-child(2) {display:none;}

#ry_top_up_btn {position: fixed; bottom: 15px; left: 50%; margin-left: 565px; width: 40px; height: 40px; text-align: center; background: #fff; line-height: 40px; border: 1px solid #ccc; border-radius:20px; cursor: pointer; display: none; opacity:0.7;}
#ry_top_up_btn:hover {background:#006834; border-color:#006834; color:#fff;}

/* media css */
@media (max-width:1099px){
	/* header */
	#header {overflow:visible; clear:both;}

	#header #top_menu {position:relative;}
	#header #top_menu .left_top_menu {width:100%;}
	#header #top_menu .left_top_menu ul {}
	#header #top_menu .left_top_menu ul li {width:50%;}
	#header #top_menu .left_top_menu ul li.on {}
	#header #top_menu .left_top_menu ul li.on a {}
	#header #top_menu .right_top_menu {position:absolute; top:30px; right:-200px; z-index:100; display:none; width:200px; background:#fff; box-shadow: 0 0 10px 5px rgba(0,0,0,0.3)}
	#header #top_menu .right_top_menu ul {float:none;}
	#header #top_menu .right_top_menu ul li {float:none; display:block; width:100%; padding:5px 20px; margin-left:0;}
	#header #top_menu .right_top_menu ul li.hidden {display:block; background:#006834;}
	#header #top_menu .right_top_menu ul li.hidden a {color:#fff;}
	#header #top_menu .right_top_menu ul li a {border-left:0;}
	#header #top_menu .right_top_hidden {position:absolute; top:30px; right:10px; display:block; line-height:70px;z-index: 10;}
	#header #top_menu .right_top_hidden i {font-size:28px; line-height: 70px;}

	#header #top_logo {height:70px; line-height:70px;}
	#header #top_logo img {height:50px;}
	#header #top_logo .relation_img {display:none;}

	#header #main_menu {height: 80px;}
	#header #main_menu .left_main_menu {float:none;}
	#header #main_menu .left_main_menu ul li {}
	#header #main_menu .left_main_menu ul li.main_menu_title {}
	#header #main_menu .left_main_menu ul li a {}
	#header #main_menu .right_main_menu {float:none;}
	#header #main_menu .right_main_menu ul li {}
	#header #main_menu .right_main_menu ul li a {padding:0 14px; font-weight:600; font-size:13px;}
	
	#header #main_menu .right_main_menu ul li:nth-child(1) {display:none;}
	#header #main_menu .right_main_menu ul li:nth-child(2) {display:block;}

	#ry_top_up_btn {position: fixed; bottom: 15px; left:auto; right: 15px; margin-left:0; background:#006834; border-color:#006834; color:#fff;}
}