/* COMMON CSS */
input::-moz-placeholder {color:#cfcfcf}
input::-webkit-input-placeholder {color:#cfcfcf}
:-ms-input-placeholder {color:#cfcfcf}

/* PC VERSION */
@media (min-width:1100px) {
#main_header_wrap {width:100%;}
#main_header {width:1100px; margin:0 auto}
	.global {*height:30px; overflow:hidden; display:block; padding-top:10px}
	.global ul {overflow:hidden}
	.global ul li {float:left; }
	.global ul li > a {display:block; color:#828282; line-height:25px; vertical-align:middle}

	.global ul.main_login {float:right}
	.global ul.main_login li {}
	.global ul.main_login li > a {display:block; padding-right:15px}
	.global ul.main_login li > a:hover {color:#fe7029}

	.global ul.lang {float:right; border:1px solid #d8d8d8; border-radius:10px}
	.global ul.lang li {}
	.global ul.lang li:first-child {border-right:1px solid #d8d8d8}
	.global ul.lang li > a {display:block; padding:0 8px}
	.global ul.lang li > a:hover {background:#fe7029; color:#FFF; font-weight:600} 
	.global ul.lang li > a.on {background:#fe7029; color:#FFF; font-weight:600}

	.section2 {overflow:hidden; padding:10px 0; line-height:70px; vertical-align:middle}
	
	h2#allmenu {display:none}

	h1.logo {display:inline-block}
	h1.logo > a {display:block}
	h1.logo > a > img {line-height:70px; vertical-align:middle}

	.search {display:inline-block; float:right; padding-top:20px}
	.search_box {line-height:70px; vertical-align:middle; }
	.search_box > form {border:1px solid #cfcfcf; border-radius:30px; width:210px; height:35px; line-height:37px; vertical-align:middle; outline:0; padding-left:5px}
	input.textbox {border:none; padding-left:15px; font-size:12px; color:#868686}
	button.btn_main_search {background:transparent; border:none; outline:0; height:100%; display:inline-block; background:url("../images/main/btn_search.png") no-repeat left 10px; cursor:pointer; float:right}
	button.btn_main_search > span {width:18px; height:18px; display:inline-block}

	#sub_menu_wrap {width:100%; background:#fe7029; height:50px; display:block; box-shadow:0 2px 4px 0 rgba(0,0,0,0.8); z-index:99999; position:relative}
	.sub_menu {width:1100px; margin:0 auto}
	.sub_menu ul {overflow:hidden}
	.sub_menu ul li {float:left;  background:url("../images/main/menu_line.gif") no-repeat right 6px; text-align:center}
	.sub_menu ul li:last-child {background:none;}
	.sub_menu ul li > a {display:block; color:#FFF; font-size:16px; letter-spacing:0.5px; width:156px; line-height:46px; vertical-align:middle;}
	.sub_menu ul li > a:hover {border-bottom:4px double #FFF; transition:0.2s; -webkit-transition:0.3s}
	.sub_menu ul li > a.on {border-bottom:4px double #FFF; transition:0.2s; -webkit-transition:0.3s}


	#menu_over_wrap {width:100%; border-bottom:2px solid #fe7029; position:absolute; left:0px; top:181px; z-index:2; *background:#FFF url("../images/main/sub_menu_bg.png"); background:#FFF}
	.menu_over {width:1100px; margin:0 auto; overflow:hidden; height:385px}
	.menu_over dl {display:inline-block; width:156px; float:left; height:100%; background:url("../images/common/line_gray.gif") repeat-y right 0; vertical-align:top; padding-top:9px}
	.menu_over dl:hover {background:#fe7029 url("../images/main/sub_menu_dl_bg.png") no-repeat right; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s}
	.menu_over dl:hover > dt > a {color:#FFF}
	.menu_over dl:hover > dd > a {color:#FFF}
	.menu_over dl dt {}
	.menu_over dl dt > a {color:#888; font-size:13px; display:block; line-height:25px; padding:0 10px;}
	.menu_over dl dt > a:hover {background:#ffe4d7; color:#fe7029; padding-left:5px; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s}
	.menu_over dl dt > a.on {background:#ffe4d7; color:#fe7029; padding-left:5px; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s}
	.menu_over dl dd {padding-left:10px}
	.menu_over dl dd > a {line-height:20px; font-size:12px; display:block; color:#999}
	.menu_over dl dd > a:hover {background:#ffe4d7; color:#fe7029; padding-left:5px; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s}
	.menu_over dl dd > a.on {background:#ffe4d7; color:#fe7029; padding-left:5px; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s}
	.menu_over dl dt .text_small, .menu_over dl dd .text_small {font-size:12px;}


	/* sub_menu */
	#SubTopMenu_wrap {width:100%; position:absolute; display:block; }
	.SubTopMenu {width:1100px; margin:0 auto; position:relative; display:block; top:190px}

	ul.low_rank01 {overflow:hidden}
	ul.low_rank01 > li {float:left; min-width:79px; text-align:center; line-height:60px; vertical-align:middle; background:#07479b url("../images/common/line_blue.gif") no-repeat right 8px}
	ul.low_rank01 > li > a {color:#FFF; font-size:13px; display:block; font-weight:400; padding:0 7px;}
	ul.low_rank01 > li > a:hover {background:#FFF; color:#4e4e4e; transition:0.2s; -webkit-transition:0.2s; -moz-transition:0.2s}
	ul.low_rank01 > li > a.on {background:#FFF; color:#4e4e4e; transition:0.2s; -webkit-transition:0.2s; -moz-transition:0.2s}

	ul.low_rank01 > li > ul.low_rank02 {overflow:hidden; border:1px solid #ededed; width:1098px; position:absolute; left:0}
	ul.low_rank01 > li > ul.low_rank02 > li {float:left; display:inline-block; min-width:90px; text-align:center; line-height:50px; vertical-align:middle; background:#FFF url("../images/common/line.gif") no-repeat right 17px; padding:0 10px;}
	ul.low_rank01 > li > ul.low_rank02 > li > a {color:#69636c; font-weight:600; display:block; font-size:12px; border-bottom:1px solid #FFF; letter-spacing:0.5px; line-height:50px}
	ul.low_rank01 > li > ul.low_rank02 > li > a:hover {border-bottom:1px solid #69636c; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s}
	ul.low_rank01 > li > ul.low_rank02 > li > a.on {border-bottom:1px solid #69636c; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s}

	

	#m_sub_menu_wrap {display:none}

	#m_menu_wrap {display:none}

}

/* TABLET VERSION */
@media (max-width:1099px) and (min-width:768px) {

#main_header_wrap {}
#main_header {}

	.global {position: absolute; right: 15px; top: 15px; z-index: 100000; padding-top: 14px;}
	.global .main_login>li>a{display: none;}
	.global .main_login>li>a.mobile_show {display: block;}

	.section2 {overflow:hidden; width:100%; *height:80px; padding:15px 0; text-align:center; border-bottom:2px solid #fe7029; box-shadow:0 2px 4px 0 rgba(0,0,0,0.8); z-index:99999; position:relative}

	h2#allmenu {float:left; padding-left:15px}
	h2#allmenu > a {display:block; line-height:50px; vertical-align:middle; }
	h2#allmenu > a > img {}

	h1.logo {display:block; width:220px; margin:0 auto}
	h1.logo > a {display:block}
	h1.logo > a > img {line-height:70px; vertical-align:middle}

	.search {display:block; padding-top:10px}
	.search_box {line-height:50px; vertical-align:middle}
	.search_box > form {border:1px solid #cfcfcf; border-radius:30px; height:35px; line-height:37px; vertical-align:middle; outline:0; padding-left:5px; width:90%; margin:0 auto;}
	input.textbox {border:none; padding-left:15px; font-size:12px; color:#868686}
	button.btn_main_search {background:transparent; border:none; outline:0; height:100%; display:inline-block; background:url("../images/main/btn_search.png") no-repeat left 10px; cursor:pointer; float:right}
	button.btn_main_search > span {width:18px; height:18px; display:inline-block}

	#sub_menu_wrap {display:none}
	
	#menu_over_wrap {display:none}

	



	#SubTopMenu_wrap {display:none}

	#m_menu_wrap {position:absolute; top:0; left:0; background-color:rgba(0,0,0,0.8); width:100%; height:100%; z-index:99999}
	#m_menu {background:#282828 url("../images/common/m_sub_logo.png") no-repeat 10px 20px; width:250px; height:100%; z-index:9999; position:relative;}
	#m_menu .m_menu_close {text-align:right; padding:25px 10px 10px 10px}
	#m_menu .m_menu_close > a {display:inline-block}

	#m_menu div.lang {float:right; padding-right: 10px; padding-top: 5px; height:30px; position:relative;}
    #m_menu div.lang a {
		display: block;
		height: 20px;
		width: auto;
		background: #07479b;
		color:#fff;
		padding:5px 10px;  
	}

	ul.m_menu_depth01 {padding-top:40px; }
	ul.m_menu_depth01 li {background:#282828; border-bottom:1px solid #313131}
	ul.m_menu_depth01 li > a {color:#FFF; font-size:16px; display:block; padding:15px 10px; font-weight:500}
	ul.m_menu_depth01 li > a:hover {color:#fe7029;}

	ul.m_menu_depth02 {position:relative}
	ul.m_menu_depth02 li {background:#383838; border-bottom:1px solid #404040}
	ul.m_menu_depth02 li:last-child {border-bottom:none}
	ul.m_menu_depth02 li > a {padding:10px 20px; font-size:14px; display:block; font-weight:600}

	ul.m_menu_depth03 {position:relative}
	ul.m_menu_depth03 li {background:#404040; border-bottom:1px solid #444}
	ul.m_menu_depth03 li:last-child {border-bottom:none}
	ul.m_menu_depth03 li > a {padding:10px 35px; font-size:12px; font-weight:500}



}

/* MOBILE VERSION */
@media (max-width:768px) {

	#main_header_wrap {}
	#main_header {}

	.global {position: absolute; right: 7px; top: 15px; z-index: 100000; padding-top: 14px;}
	.global .main_login>li>a{display: none;}
	.global .main_login>li>a.mobile_show {display: block;}

	.section2 {overflow:hidden; width:100%; *height:80px; padding:15px 0; text-align:center; border-bottom:2px solid #fe7029; box-shadow:0 2px 4px 0 rgba(0,0,0,0.8); z-index:99999; position:relative}

	h2#allmenu {float:left; padding-left:5px}
	h2#allmenu > a {display:block; line-height:50px; vertical-align:middle; }
	h2#allmenu > a > img {}

	h1.logo {display:block; width:220px; margin:0 auto}
	h1.logo > a {display:block}
	h1.logo > a > img {line-height:70px; vertical-align:middle}

	.search {display:block; padding-top:10px}
	.search_box {line-height:50px; vertical-align:middle}
	.search_box > form {border:1px solid #cfcfcf; border-radius:30px; height:35px; line-height:37px; vertical-align:middle; outline:0; padding-left:5px; width:90%; margin:0 auto;}
	input.textbox {border:none; padding-left:15px; font-size:12px; color:#868686}
	button.btn_main_search {background:transparent; border:none; outline:0; height:100%; display:inline-block; background:url("../images/main/btn_search.png") no-repeat left 10px; cursor:pointer; float:right}
	button.btn_main_search > span {width:18px; height:18px; display:inline-block}

	#sub_menu_wrap {display:none}
	
	#menu_over_wrap {display:none}

	



	#SubTopMenu_wrap {display:none}

	#m_menu_wrap {position:absolute; top:0; left:0; background-color:rgba(0,0,0,0.8); width:100%; height:100%; z-index:99999}
	#m_menu {background:#282828 url("../images/common/m_sub_logo.png") no-repeat 10px 20px; width:250px; height:100%; z-index:9999}
	#m_menu .m_menu_close {text-align:right; padding:25px 10px 10px 10px}
	#m_menu .m_menu_close > a {display:inline-block}

	#m_menu div.lang {float:right; padding-right: 10px; padding-top: 5px; height:30px; position:relative;}
    #m_menu div.lang a {
		display: block;
		height: 20px;
		width: auto;
		background: #07479b;
		color:#fff;
		padding:5px 10px;  
	}
	/* { background: #07479b; order-radius: 4px; color:#fff; font-size:12px; border:none; padding:0 20px;} */

	ul.m_menu_depth01 {padding-top:40px; }
	ul.m_menu_depth01 li {background:#282828; border-bottom:1px solid #313131}
	ul.m_menu_depth01 li > a {color:#FFF; font-size:16px; display:block; padding:15px 10px; font-weight:600}
	ul.m_menu_depth01 li > a:hover {color:#fe7029;}

	ul.m_menu_depth02 {}
	ul.m_menu_depth02 li {background:#383838; border-bottom:1px solid #404040}
	ul.m_menu_depth02 li:last-child {border-bottom:none}
	ul.m_menu_depth02 li > a {padding:10px 20px; font-size:14px; display:block; font-weight:600}

	ul.m_menu_depth03 {}
	ul.m_menu_depth03 li {background:#404040; border-bottom:1px solid #444}
	ul.m_menu_depth03 li:last-child {border-bottom:none}
	ul.m_menu_depth03 li > a {padding:10px 35px; font-size:12px; font-weight:500}



}