/*
  jQuery MegaMenu Plugin
  Author: GeekTantra
  Author URI: http://www.geektantra.com
*/

ul.megamenu {
  display: none;
}

#container #main_nav ul.megamenu li.mm-item {
	float: left;
}

ul.megamenu li {
}

ul.megamenu li.clear-fix {
}

ul.megamenu a.mm-item-link:link, ul.megamenu a.mm-item-link:visited {
  position: relative;
  display: inline-block;
  z-index: 10;
}
*html ul.megamenu a.mm-item-link:link, *html ul.megamenu a.mm-item-link:visited {
  border-color: pink;
  filter: chroma(color=pink);
}

ul.megamenu a.mm-item-link-hover:link, ul.megamenu a.mm-item-link-hover:visited {
  border-bottom: 6px solid #FF9326;
  background: #005CC4;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
ul.megamenu div.mm-item-content {
  width: 1000px;
  background: #343434;
  box-shadow: 3px 3px 5px rgba(0,0,0,0.4);
  color: #FFF;
  padding: 0 0 20px 0;
  position: absolute;
  top: 79px !important;
  left: 0 !important;
  z-index: 9;
	filter: alpha(opacity=95);
	-moz-opacity:0.95;
	opacity:0.95;
}

#container #main_nav ul.megamenu div.mm-item-content .megamenu_box{
  background: url(../img/common/mega_line_bg_1.png) 175px bottom repeat-y !important;
  float: left;
  width: 180px;
}

#container #main_nav ul.megamenu div.mm-item-content .megamenu_box a{
  height: auto !important;
  color: #FFF;
}

#container #main_nav ul.megamenu div.mm-item-content .megamenu_box a:hover{
  background: none !important;
}

#container #main_nav ul.megamenu div.mm-item-content .megamenu_box li{
  background: none !important;
  height: auto !important;
}

#container #main_nav ul.megamenu div.mm-item-content .megamenu_box h3{
  padding: 10px 10px 5px 0;
  color: #FF9326;
  text-align: left;
  line-height: 1.2;
  font-size: 120%;
  font-weight: bold;
}

#container #main_nav ul.megamenu div.mm-item-content .megamenu_box a:hover h3{
  color: #FFD044;
}

#container #main_nav ul.megamenu div.mm-item-content .megamenu_box .mega_ti_eng{
  font-size: 70% !important;
  color: #FFD24D;
  padding: 0 0 15px 0 !important;
  font-weight: normal !important;
  text-align: left;  
}

#container #main_nav ul.megamenu div.mm-item-content .megamenu_box .mega_ti_sub{
  padding: 0 10px 10px 0;
  text-align: left;
  line-height: 1.4;
  font-size: 80%;
}

#container #main_nav ul.megamenu div.mm-item-content .contents_title_box{
  width: 180px;
  float: left;
}

#container #main_nav ul.megamenu div.mm-item-content .subtitle_box{
 /* width: 210px !important;*/ 
width: 700px !important;
margin-left: 200px;
}

#container #main_nav ul.megamenu div.mm-item-content .subtitle_box a{
  font-size: 95% !important;
}

#container #main_nav ul.megamenu div.mm-item-content .subtitle_box a:hover{
  background: none !important;
  text-decoration: underline !important;
}

#container #main_nav ul.megamenu div.mm-item-content .contents_list{
  background: none !important;
  float: left;
  width: 280px;
  margin-right: 10px;
 }

#container #main_nav ul.megamenu div.mm-item-content .contents_list li{
  width: auto !important;
  text-align: left !important;
  padding-left: 22px;
  margin-bottom: 10px;
  line-height: 2;
  background: url(../img/common/arrow_o.png) left 3px no-repeat !important;
  float: none !important;
  line-height: 1.4;
}

#container #main_nav .mm-content-base {
  background: #343434;
  position: relative;
  z-index: 11;
  margin: 20px 32px;
}

#container #main_nav .mm-js-shadow {
  position: absolute;
  z-index: 10;
}


/*-- main_navi_small --*/
#container .main_nav_s ul.megamenu{
  height: 65px !important;
}

body #container .main_nav_s ul.megamenu div.mm-item-content{
  top: 70px !important;
}