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

.btnbox{ width:1330px; height:22px; margin:0 auto; }

.menu-link { display: none; width:38px; height:38px; padding:0 15px; border:1px solid #ccc; border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -webkit-border-radius:2px; background:url(../img/bg-menu-link.png) center center no-repeat; text-indent:-9999px;}
.menu {
  -webkit-transition: all 0.3s ease;  
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease; 

}
.menu ul { 
  float:left;
  padding: 0px;
  margin: 0px; margin-top:-15px;
  list-style: none;
  position: relative;
  display: inline-table; z-index:9999;

}
.menu > li > ul.sub-menu {
	min-width: 10em;
	padding: 4px 0;
	background-color: #f4f4f4;
	border: 1px solid #CCC;
}

.menu > li > ul.sub-menu  > li > ul.sub2-menu{
	min-width: 10em;
	padding: 4px 0;
	background-color: #f4f4f4;
	border: 1px solid #CCC;
}

.menu ul li { padding:0; width:auto; }
.menu ul li li { padding:0px 0px; }
.menu > ul > li { display: inline-block; }
.menu ul li a { padding:17px 21px; display: block; text-decoration: none; color: #fff; font-size:0.99em; line-height:1em;}
.menu ul li a:hover { background:#000000; color:#fff;}
.menu ul li.mainmenuline{ padding:0 1px;}
.menu ul li.mainmenuicon a{ width:20px; height:20px; padding:0; text-indent:-9999px;}
.menu ul li.mainmenuicon.fb{ margin-left:6px; background:url(../img/icon-fbx.png) no-repeat;}
.menu ul li.mainmenuicon.youtube{ margin-left:1px; background:url(../img/icon-youtubex.png) no-repeat;}
.menu ul li.mainmenuicon.flickr{ margin-left:0px; background:url(../img/icon-flickrx.png) no-repeat;}
.menu ul li > a {}
.menu ul ul {
  display: none; 
  position: absolute; margin-top:0px;
  top:100%;
  min-width: 180px;
  background-color: #f4f4f4;
  border: 1px solid #CCC;
}
.menu ul li:hover > ul { display: block; }
.menu ul ul > li { position: relative; }
.menu ul ul > li a { padding:8px 10px !important; height: auto; color:#000; font-size:0.9em; text-align:left; }
.menu ul ul > li a:hover { background:#7abec7; color:#fff; }
.menu ul ul ul { position: absolute; left: 100%; top:0; }

.menu_en ul li a{ font-size:1em !important;}

.search{ display:none;}


@media all and (max-width: 1080px) {
.menu ul li a { padding:17px 13px; display: block; text-decoration: none; color: #fff; font-size:0.99em; line-height:1em;}
}

@media all and (max-width: 965px) {
.menu ul li a { padding:17px 10px; display: block; text-decoration: none; color: #fff; font-size:0.99em; line-height:1em;}
}

@media all and (max-width: 919px) {
.menu ul li a { padding:17px 9px; display: block; text-decoration: none; color: #fff; font-size:0.99em; line-height:1em;}
}

@media all and (max-width: 880px) {
.menu ul li a { padding:17px 8px; display: block; text-decoration: none; color: #fff; font-size:0.9em; line-height:1em;}
}

@media all and (max-width: 865px) {
.menu ul li a { padding:17px 7px; display: block; text-decoration: none; color: #fff; font-size:0.9em; line-height:1em;}
}

@media all and (max-width: 818px) {
.menu ul li a { padding:17px 4px; display: block; text-decoration: none; color: #fff; font-size:0.9em; line-height:1em;}
}



@media all and (max-width: 768px) {
  .btnbox{ width:auto; height:auto; margin:0 auto;}
  
  .example-header .container { width: 100%; }
  
  a.menu-link { display: block; color: #fff; background-color: #fff; float: left; text-decoration: none; margin-top:7px; padding: 19px 10px; position:absolute; top:15px; left:0px;}
  .menu { clear: both; min-width: inherit; float: none; }
  .menu, .menu > ul ul{ overflow: hidden; max-height: 0; background-color: #f4f4f4; } 
  .menu > li > ul.sub-menu { padding: 0px; border: none; } 
  .menu.active, .menu > ul ul.active  { max-height: 55em; }
  
  .menu ul { clear:both; float:none; display: inline; }
  .menu > ul { border-top: 1px solid #808080; }
  .menu li, .menu > ul > li{ display: block; }
  .menu li a { color: #000 !important; text-align:left; display: block; padding: 0.1em; border-bottom: 1px solid #808080; position: relative; }
  
  .menu ul li a {padding-left:20px !important; padding-right:20px !important;  display: block; text-decoration: none; color: #333; font-size:0.9em; line-height:22px;}
  .menu ul li a:hover { color:#fff !important; background:#022c76; text-decoration:none;}
  
  .menu ul li.mainmenuline{ display:none;}
 
  .menu li.has-submenu > a:after {
    content: '+';
    position: absolute;
    top: 5px;
    right: 0;
    display: block;
    font-size: 1.5em;
    padding: 0.55em 0.5em;
  }
  .menu li.has-submenu > a.active:after {
    content: "-";
  }
  
  .menu li.has-sub2menu > a:after {
    content: '+';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    font-size: 1.5em;
    padding: 0.3em 0.5em;
  }
  .menu li.has-sub2menu > a.active:after {
    content: "-";
  }
  
  
  
  .menu ul > li a { background-color: #e4e4e4; height:45px; line-height:8px; padding: 18px 18px 18px 30px; }
  .menu ul ul > li a { background-color: #e4e4e4; height:40px; line-height:20px; padding: 15px 18px 15px 30px; }
  .menu ul ul{ display: inherit; position: relative; left: auto; top:auto; border:none; }
  
  .menu_icon{ width:240px; margin:0 auto; padding:5px 0; display:block;}
  .menu ul li.mainmenuicon a{ width:70px; height:70px;}
  .menu ul li.mainmenuicon a:hover{ background:transparent;}
  .menu ul li.mainmenuicon.fb{ float:left; margin:0 5px; background:url(../img/icon-fb.png) no-repeat;}
  .menu ul li.mainmenuicon.youtube{ float:left; margin:0 5px; background:url(../img/icon-youtube.png) no-repeat;}
  .menu ul li.mainmenuicon.flickr{ float:left; margin:0 5px; background:url(../img/icon-flickr.png) no-repeat;}
  .search{ display:block !important; clear:both; width:100% !important; padding:10px 20px 10px 20px; overflow:hidden; position:relative;}
  .input_searchtxt{ float:left; width:100%; padding:7px 46px 12px 10px; color:#000; border:1px solid #ccc;}
  .input_searchbtn{ float:right; width:36px; height:36px; background: url(../img/btn-searchbtn.png) no-repeat; position:absolute; right:20px; text-indent:-9999px;}
  .input_searchsort{ display:none !important;}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.menu ul { margin-top:-15px;}
}

@media all and (max-width: 768px) and (-webkit-min-device-pixel-ratio:0) {
}