@charset "utf-8";
#header{max-width:1200px;width:100%;position:relative;}
#header img{float:left;display:block;margin-top:8px;}
ul#menu{float:left;margin-left:20%;width:58%;}
ul#menu li{float:left;height:57px;line-height:57px;}
ul#menu li a{font-size:18px;color:#222;margin:0 12px;padding:0 10px;display:block;height:55px;}
ul#menu li a:hover{border-bottom:3px solid #ff8338;}
ul#menu li#products ul#sub_products li a{padding:0 23px;margin:0;}
ul#language{background-color:#eee;width:60px;height:26px;float:left;margin-top:15px;cursor:pointer;position:relative;}
ul#language li#en a, ul#language ul li#jp a, ul#language ul li#de a, ul#language ul li#fr a{background:url(/images/home/flag.png) no-repeat 0 -53px;height:25px;width:25px;padding-left:25px;}
ul#language li#en img{display:inline;float:none;margin-top:0;}
ul#language li a#usa{padding-top:2px;display:inline;margin-left:10px;width:24px;}
ul#language li a#germany{display:inline;margin-left:10px;width:24px;}
ul#language ul{visibility:hidden;}
ul#language:hover ul{visibility:visible;position:absolute;z-index:200;top:26px;left:0;background-color:#eee;width:40px;height:66px;padding:0 10px 10px 10px;}
ul#language ul li a{color:#222;display:block;width:130px;height:30px;}
ul#language ul li#jp a{background-position:0 -15px;}
ul#language ul li#en a{background-position:0 8px;}
ul#language ul li#fr a{background-position:0 -33px;}

ul#menu li#products a:hover{border-bottom:2px solid #ff8338;}
ul#menu li#products ul#sub_products{display:none;padding:15px 40px 15px 20px;z-index:200;position:absolute;left:0;top:57px;background-color:#fff;border-top:1px solid #ff8338;box-shadow:0px 1px 1px rgba(0,0,0,0.26);}
ul#menu li#products:hover ul#sub_products{display:block;}
ul#menu li#products ul#sub_products li{padding:0;float:left;height:auto;}
ul#menu li#products ul#sub_products li a:hover{border-bottom:none;}
ul#menu li#products ul#sub_products li dl dd{margin-left:20px;}
ul#menu li#products ul#sub_products li dl dd a{padding-left:0;height:36px;line-height:30px;font-size:14px;display:block;color:#222;border-bottom:none;}
ul#menu li#products ul#sub_products li dl dd a:hover{color:#529cbf;text-decoration:underline;}

.toggle-nav{display:none;}
.menu a {color:#fff;transition:color linear 0.15s;}
item a {text-decoration:none;color:#66a992;}

#footer{max-width:1200px;width:100%;overflow:hidden;}
#footer{border-top:1px solid #eaeaea;margin-top:52px;}
#footer p#follow_title{font-size:16px;color:#888;margin-top:15px;}
#follow{background:url(/images/home/social-network.png) no-repeat 0 42px;height:100px;float:left;width:160px;overflow:hidden;}
#follow a{display:block;width:48px;height:50px;float:left;margin:0 3px;}
#footer ul li a, #footer p{color:#888;font-size:14px;}
#footer ul li a:hover{text-decoration:underline;}
#footer ul{overflow:hidden;}
#copyright{float:right;margin-top:20px;width:409px;}
#footer ul li{float:left;padding:0 5px;border-right:1px solid #888;margin-bottom:10px;}
#footer ul li:first-child{padding-left:0;}
#footer ul li:last-child{border-right:none;}
/* language */
.a_language{float: left;margin-top: 20px;height:100px;}
#footer .a_language p{font-size: 16px;margin-bottom: 10px;color: #888;}
#footer .a_language a{margin-right: 5px;}
#footer .a_language a img{width: 25px;}
#footer .a_language div>img{cursor: pointer;margin-left:-3px;margin-bottom: -3px;}
.new_language{width: 100%;height: 100%;background: rgba(0, 0, 0, .4);display: none;position: fixed;justify-content: center;align-items: center;top: 0;left: 0;z-index: 11;}
.new_language>div{max-width: 1110px;width: 95%;background: #fff;box-shadow: 0 0 50px 0 rgba(0,0,0,.5);border-radius: 6px;padding: 20px 50px;position: relative;box-sizing: border-box;margin-top:20%;}
.new_language>div li{width: 25%;height: 30px;line-height: 30px;margin-top: 10px;margin-bottom: 10px;float: left;border: 0 !important;padding: 0 !important;}
.new_language>div li a {padding-left: 20px;line-height: 30px;font-size: 16px;color: #333;}
.new_language>div>img{position: absolute;top: 10px;right: 10px;cursor: pointer;}

/*cookie*/
.usernotice_pop{display: table;width: 150px;padding: 10px;position: fixed;bottom: 20px;	right: 50px;background: rgba(0,0,0, 0.55);z-index: 1000;text-align: center;color: #fff;border-radius: 5px;transition: all 0.3s ease;font-size:12px;}
.usernotice_pop a{color:#fff;text-decoration:underline;}
.usernotice_pop span{display:block;cursor:pointer;border:1px solid #fff;display:block;margin:10px auto;width:50%;}
@media screen and (max-width: 1030px){
#footer{width:96%;}
}
@media screen and (max-width: 860px) {
.menu{position:relative;display:inline-block;float:right;}
.menu ul.active{display:none;}
ul#menu{float:none;margin-left:0;overflow:visible;width:auto;}
ul#menu li a:hover, ul#menu li a#curr{border-bottom:none;}
ul#menu li a{color:#222;height:auto;}
ul#menu li{height:auto;line-height:normal;}
.menu ul{position:absolute;top:120%;right:0;padding:10px;box-shadow:0px 1px 1px rgba(0,0,0,0.15);border-radius:3px;background:#fff;border:1px solid #69b5c8;z-index: 2;}
.menu ul:after{content:"";width:0px;height:0px;position:absolute;top:0%;right:15px;transform:translate(0%, -100%);border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #69b5c8;}
.menu li{margin:5px 0px 5px 0px;float:none;display:block;}
.menu a{display:block;}
.toggle-nav {padding:20px;float:left;display:inline-block;background:#FF8338;color:#777;font-size:20px;transition:color linear 0.15s;}
.toggle-nav:hover, .toggle-nav.active{text-decoration:none;}
ul#menu li#products:hover ul#sub_products{display:none;}
}
@media screen and (max-width: 798px){
#copyright{float:right;width:auto;margin:20px 0;}
}
@media screen and (max-width: 480px){
#footer ul li a, #footer p{font-size:12px;}
#footer{margin-top:20px;}

#copyright{margin:10px 0;float: left;}
.a_language{height: auto;}
.new_language>div li{width: 50%;}
.new_language>div{padding: 20px 0;}
}