button{outline:none}

/* Logo */
#top_logo {position:absolute;top: 48px;left:65px;}
#top_logo img{width: 170px;}

/* Top Menu */
#top_nav {float:right;margin-right:110px}
#top_nav>li {float:left;padding:0 17px;font-weight:500;font-size:14px;text-align:center;font-family:'notokr-medium'}
#top_nav>li>a {display:block;position:relative;padding-bottom:11px;color:#fff;transition:color 0.5s}
#top_nav>li>a:after{position:absolute;bottom:0;left:50%;width:0;height:1px;background:#fff;transition:0.3s;content:""}
#top_nav>li>a.hov:after{width:100%;left:0}

#top_nav .s_menu{display:none;position:absolute;top:96px;left:0;width:100%;padding:19px 0;background:rgba(0,0,0,0.8)}
#top_nav ul{float:right}
#top_nav ul li {float:left;margin-left:20px;font-size:14px;text-align:center}
#top_nav ul li:last-child{border-bottom:none}
#top_nav ul a{font-family:'notokr-regular';color:rgba(255,255,255,.6)}
#top_nav ul a:hover{color: #fff}

#top_nav li:first-child ul{margin-right:412px}
#top_nav li:nth-child(2) ul{margin-right:311px}
#top_nav li:nth-child(3) ul{margin-right:214px}
#top_nav li:nth-child(4) ul{margin-right:123px}
#top_nav li:nth-child(5) ul{margin-right:125px}
#top_nav li:nth-child(6) ul{margin-right:125px}

#sh_hd_wrapper .all_btn{position:absolute;top:68px;right:65px;z-index:101;width:20px;height:20px;border:none;text-indent:-9999px;background:none}
#sh_hd_wrapper .all_btn:before{position:absolute;top:5px;left:0;width:16px;height:1px;background:#fff;content:"";transition:0.5s}
#sh_hd_wrapper .all_btn:after{position:absolute;top:10px;left:0;width:10px;height:1px;background:#fff;content:"";transition:0.5s}
#sh_hd_wrapper .all_btn span{display:block;position:absolute;top:0px;left:0;width:20px;height:1px;background:#fff;transition: 0.5s}
#sh_hd_wrapper .all_btn.on span{transform-origin:left bottom;transform: rotate(45deg);background:#fff!important}
#sh_hd_wrapper .all_btn.on:before{display:none}
#sh_hd_wrapper .all_btn.on:after{top:14px;width:20px;transform-origin:left top;transform: rotate(-45deg);background:#fff!important}

#all_menu{display:none;position:fixed;top:0;left:100%;z-index:100;width:100vw;height:100vh;background:rgba(0,0,0,0.6)}
#all_menu .cont{width:0;height:100%;background: #191a22;background: -moz-linear-gradient(top, #191a22  1%, #2b2f4a 100%);background: -webkit-linear-gradient(top, #191a22  1%,#2b2f4a 100%);background: linear-gradient(to bottom, #191a22  1%,#2b2f4a 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191a22 ', endColorstr='#2b2f4a',GradientType=0 );text-align:center}
#all_menu ul{display:none;position: absolute;top:50%;left:50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%)}
#all_menu ul li{margin-bottom:15px}
#all_menu ul li a{font-weight:200;font-size:26px;color:#fff;transition:0.3s;font-family:'notokr-light'}
#all_menu ul li a:hover{padding-right:5px;color:#de8939}
#all_menu .cs{display:none;position:absolute;bottom:50px;left:50%;-webkit-transform: translate(-50%,0%);-ms-transform: translate(-50%,0%);transform: translate(-50%,0%);font-size:15px;color:rgba(255,255,255,0.85);font-family:'notokr-light'}
#all_menu .tel{font-size:20px;color:#fff;font-family:'Poppins'}

/*black*/
#sh_hd_wrapper.black{background-color:rgba(26, 27, 35, 0.83)}
#sh_hd_wrapper.black .all_btn:before,#sh_hd_wrapper.black .all_btn:after,#sh_hd_wrapper.black .all_btn span{background:#111}