/*----------20191211 prod menu class------------*/
.prod_menu_block
{
	-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
	background-color:#dedede;
	padding-bottom:20px;
}
.prod_menu_title
{
	color:#333;
	padding:10px;
	text-align:center;
}
.levelone_block
{
	position:relative;
}
.prod_menu_levelone
{
	position:relative;
	padding:10px;
	cursor:pointer;
	background-color:#efefef;
	
	transition: all .4s ease-in-out;
}
.prod_menu_levelone:hover, .prod_menu_levelone:focus
{
	/* background-color:rgba(239,239,239,.6); */
	background-color:#d4d9e4;
}
.pml_caret
{
	position:absolute;
	top:10px;
	right:10px;
}
.prod_menu_levelone .pml_caret:before, .prod_menu_leveltwo .pml_caret:before {
    content: '+';
    font-family: monospace;
    font-weight: bold;
	
	transition: all .4s ease-in-out;
}
.prod_menu_levelone.active .pml_caret:before, .prod_menu_leveltwo.active .pml_caret:before {
    content: '-';
    font-family: monospace;
    font-weight: bold;
}
.leveltwo_block
{
	position:relative;
	background-color:#fff;
	border-top:1px solid #e5e5e5;
	
	height:0px;
	overflow:hidden;
	
	transition: all 1s ease-in-out;
}
.leveltwo_block.open
{
	height:auto; 
	overflow:auto;
}
.leveltwo_list
{
	position:relative;
	border-bottom:1px solid #f6f6f6;
	cursor:pointer;
}
.prod_menu_leveltwo
{
	position:relative;
	padding:10px;
	padding-left:20px;
	background-color:#fafafa;
	
	transition: all .4s ease-in-out;
}
.prod_menu_leveltwo:hover, .prod_menu_leveltwo:focus
{
	/* background-color:rgba(250,250,250,.2); */
	background-color:#d4d9e4;
}
.levelthree_block
{
	position:relative;
	background-color:#fff;
	border-top:1px solid #e5e5e5;
	height:0px;
	overflow:hidden;
	
	transition: all 1s ease-in-out;
}
.levelthree_block.open
{
	height:auto; 
	overflow:auto;
}
.levelthree_list
{
	position:relative;
	border-bottom:1px solid #f6f6f6;
	cursor:pointer;
}
.prod_menu_levelthree
{
	position:relative;
	padding:10px;
	padding-left:30px;
	background-color:#fff;
	
	transition: all .4s ease-in-out;
}
.prod_menu_levelthree:hover, .prod_menu_levelthree:focus, .prod_menu_levelthree.isFocus
{
	background-color:#d4d9e4;
}

.prod_menu_btn
{
	position:absolute;
	top:0px;
	right:0px;
	
	font-size:14px;
	text-align:center;
	display:inline-block;
	background-color: rgba( 0,0,0, 0.05 );
	width:130px;
	color: #757575;
	padding:5px;
	border:1px solid rgba( 0,0,0, 0.18 );
	
	-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
	
	cursor:pointer;
	
	transition: all .15s ease-in-out;
}
.prod_menu_btn:hover,.prod_menu_btn:hover
{
	background-color: #fff;
	border:1px solid rgba( 0,0,0, 0.28 );
}
.clearfx
{
	height:30px;
	clear:both;
}

.mobile_bar
{
	display:none;
}
.mobile_block
{
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:999;
	background-color:#fff;
	overflow:auto;
	
	-webkit-box-shadow: 0 6px 11px rgba(0,0,0,0.08);
    box-shadow: 0 6px 11px rgba(0,0,0,0.08);
}
/*--�㭘頠�---*/
.mobile_block::-webkit-scrollbar {
	bottom: 0;
    left: 0;
    width: 4px;
}
.mobile_block::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: rgba(0, 0, 0, .2);
}
.mobile_block::-webkit-scrollbar-track {
    background: rgba(222, 222, 222, .75);
}
/*--�㭘頠�---*/
@media (max-width: 991px)
{
	.mobile_bar {
		display:block;
	}
}

/*---moblie-----*/
.sub_nav_block
{
	padding:20px;
	background-color:#fff;
}
.sub_nav_title
{
	position:relative;
	height: 38px;
    line-height: 22px;
    overflow: hidden;
    font-size: 18px;
    color: #333;
    text-align: left;
    margin-bottom: 10px;
	
	border-bottom:1px solid #e7e7e7;
	
	cursor:pointer;
}
.snt_border
{
	padding-bottom: 13px;
	border-bottom:1px solid #4c73bd;
}
.sub_nav_stitle
{
	color: #757575;
    margin-bottom: 10px;
	padding:10px;
	cursor:pointer;
	
	border-bottom:1px dashed #e7e7e7;
	
	transition: all .15s ease-in-out;
}
.sub_nav_stitle:hover
{
	color:#4c73bd;
}
.snc_list
{
	list-style-type:circle;
	text-align:left;
}
.snc_list li
{
	cursor:pointer;
	padding:5px;
	transition: all .15s ease-in-out;
}
.snc_list li:hover, .snc_list_active
{
	background-color:#d4d9e4;
}

.mobile_inBlock
{
	position:relative;
	width:100%;
	height:100%;
}
.mobile_close
{
	width:100%;
	text-align:right;
	padding-right:10px;
	padding-top:10px;
	color:#757575;
	cursor:pointer;
	
	position:fixed;
	background-color:#fff;
	z-index:100;
}
.mobile_hidden_div
{
	height:35px;
	width:100%;
	background-color:#fff;
}

.row{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}
.row [class="col-"]{
	display: flex;
	flex-direction: column;
}

/*20200918 add*/
.mobile_onemenu, .sub_nav_scon
{
	display:none;
}
.mobile_onemenu.active, .sub_nav_scon.active
{
	display:block;
}
/*20200925 add*/
.pm2_caret
{
	position:absolute;
	top:0px;
	right:10px;
	width:20px;
	padding:5px;
	text-align:center;
	color:#757575;
}
.sub_nav_block .pm2_caret:before {
    content: '+';
    font-family: monospace;
    font-weight: bold;
	
	transition: all .4s ease-in-out;
}
.sub_nav_block.active .pm2_caret:before{
    content: '-';
    font-family: monospace;
    font-weight: bold;
}
.pm3_caret
{
	position:absolute;
	top:0px;
	right:25px;
	width:20px;
	padding:5px;
	text-align:center;
	color:#757575;
}
.sub_navtwo_block .pm3_caret:before {
    content: '+';
    font-family: monospace;
    font-weight: bold;
	
	transition: all .4s ease-in-out;
}
.sub_navtwo_block.active .pm3_caret:before{
    content: '-';
    font-family: monospace;
    font-weight: bold;
}
/*---moblie-----*/