@charset "utf-8";
/* CSS Document */

nav {box-shadow: 0px 3px 10px #939393;z-index: 100;position: relative;}

#nav {padding: 0 0 10px 0;border-bottom:solid 1px #cecece;}
.nav_category {text-align:center;/* margin-right:60px */}
.nav_category>dl {width:1100px;margin:0 auto;}
.nav_category>dl>dd {display:inline-block;font-weight:500;font-size: 16px;/* padding: 0 54.58px; */box-sizing: border-box;width: 16.666666666%;float: left;position: relative;font-weight: bold;}

.nav_category>dl>dd>a {color:#434343;display:block;padding: 22px 0;}
.nav_category>dl>dd>a.active {background:#d3392d;color: #fff;}
.nav_category>dl>dd span {display: block;width:100%;/* border-right: 1px solid #dadada; */}
.nav_category>dl>dd:first-child span {/* border-left: 1px solid #dadada; */}
.nav_category .pointer dl {position:absolute;width: 609px;height: 352px;background: #fff;cursor: default;top: 41px;left: 0px;z-index: 10000;}


.nav_category .dd01 dl {background: url(/image/main/intro.png) bottom no-repeat;}
.nav_category .dd02 dl {background: url(/image/main/dosirak.png) bottom no-repeat;}
.nav_category .dd03 dl {background: url(/image/main/manage.png) bottom no-repeat;}
.nav_category .dd04 dl {background: url(/image/main/dis.png) bottom no-repeat;left: auto;right: 0;}
.nav_category .dd05 dl {background: url(/image/main/kichen.png) bottom no-repeat;left: auto;right: 0;}
.nav_category .dd06 dl {background: url(/image/main/community.png) bottom no-repeat;left: auto;right: 0;}



.sub_menu {float:left;height: 328px;padding-top: 50px;box-sizing: border-box;width: 179px;}
.sub_menu p {padding:10px 0;font-size: 16px;font-weight: 400;}
.sub_menu p:hover {font-weight:bold;}

.nav_category .dd03 div:first-child,.nav_category .dd04 div:first-child,.nav_category .dd05 div:first-child,.nav_category .dd06 div:first-child {float:left;}
.nav_category .dd03 .sub_menu,.nav_category .dd04 .sub_menu,.nav_category .dd05 .sub_menu,.nav_category .dd06 .sub_menu {float:right}




/* category */
.nav_category>dl {/* overflow: hidden; */}
@charset "utf-8";
/* CSS Document */

#nav {/* padding: 0px 0 75px 0; */border-bottom:solid 1px #cecece;}
.nav_category {text-align:center;/* margin-right:60px */}
.nav_category>dl {width:1100px;margin:0 auto;}
.nav_category>dl>dd {display:inline-block;font-weight:500;font-size: 16px;/* padding: 0 54.58px; */box-sizing: border-box;width: 20%;float: left;position: relative;font-weight: bold;}

.nav_category>dl>dd>a {color: #333;display:block;padding: 22px 0 0 4px;text-transform: capitalize;}
.nav_category>dl>.dd01>a.active {background: #1e5a2d;color: #fff;}
.nav_category>dl>.dd02>a.active {background:#d3392d;color: #fff;}
.nav_category>dl>.dd03>a.active {background: #65b345;color: #fff;}
.nav_category>dl>.dd04>a.active {background: #377d3c;color: #fff;}
.nav_category>dl>.dd05>a.active {background: #2e6b33;color: #fff;}
.nav_category>dl>.dd06>a.active {background:#1e5a2d;color: #fff;}


.nav_category>dl>dd span {display: block;width:100%;/* border-right: 1px solid #dadada; */}
.nav_category>dl>dd:first-child span {/* border-left: 1px solid #dadada; */}
.nav_category .pointer dl {position:absolute;width: 609px;height: 352px;background: #fff;cursor: default;top: 41px;left: 0px;z-index: 10000;}


.nav_category .dd01 dl {background: url(/image/main/intro.png) bottom no-repeat;}
.nav_category .dd02 dl {background: url(/image/main/dosirak.png) bottom no-repeat;}
.nav_category .dd03 dl {background: url(/image/main/manage.png) bottom no-repeat;}
.nav_category .dd04 dl {background: url(/image/main/dis.png) bottom no-repeat;left: auto;right: 0;}
.nav_category .dd05 dl {background: url(/image/main/kichen.png) bottom no-repeat;left: auto;right: 0;}
.nav_category .dd06 dl {background: url(/image/main/community.png) bottom no-repeat;left: auto;right: 0;}



.sub_menu {float:left;height: 328px;padding-top: 50px;box-sizing: border-box;width: 179px;}
.sub_menu p {padding:10px 0;font-size: 16px;font-weight: 400;}
.sub_menu p:hover {font-weight:bold;}

.nav_category .dd03 div:first-child,.nav_category .dd04 div:first-child,.nav_category .dd05 div:first-child,.nav_category .dd06 div:first-child {float:left;}
.nav_category .dd03 .sub_menu,.nav_category .dd04 .sub_menu,.nav_category .dd05 .sub_menu,.nav_category .dd06 .sub_menu {float:right}




/* category */
.nav_category>dl {/* overflow: hidden; */}

#menu {/* background: #0654d6; */text-align: center;/* height: 47px; */}
#menu ul {width: 1200px;height: 47px;display: inline-block;}
#menu li {color: #fff;float: left;width: 20%;line-height: 59px;/* height: 47px; */}
#menu a {color: #333;font-weight: 600;font-size: 12pt;text-transform:capitalize;}
#menuDetail a:hover {color:#a6a3b4;}
#menuDetail a {color:#fff;font-size: 10pt;}
#menuDetail {width: 100%;height: 290px; display:none; position: absolute;z-index: 1000;/* border-bottom: 4px solid #0060ff; */}
#menuDetail ul {float:left;width: 20%;/* border-right: 1px solid #dddddd; */height: 211px;box-sizing: border-box;padding-left: 22px;color: #323232;}
#menuDetail ul#menuDetailUl1 {padding-left: 17px;}
#menuDetail ul#menuDetailUl4 {padding-left: 113px;}
#menuDetail ul#menuDetailUl4,#menuDetail ul#menuDetailUl5 {border-right:none;}
#menuDetail ul#menuDetailUl2 {/* width: 26%; */}
#menuDetail ul#menuDetailUl5 {/* width: 16%; */padding-left: 134px;}
#menuDetail ul#menuDetailUl6 {border-right:none;}
#menuDetail li {padding: 10px 0;/* font-weight: bold; */letter-spacing: -1px;font-size: 11pt;}
#menuDetailCover {position: absolute;z-index: 999;background: #000;width: 100%;height: 291px;opacity: 0.7;filter: alpha(opacity:95);display:none;margin-top: 11px;}
#menuDetailDiv {width: 1037px;height: 248px;margin:0 auto;padding: 25px 0;box-sizing: border-box;}

#menuDetail ul#menuDetailUl3 {padding-left: 72px;}