/* BASIC css start */
#event_top_bn { position: relative; margin: 0 auto;  }
.bgcolor_theo {width: 100%;height: 70px;left: 0;background-color: #FFAA91;margin-top: -73px;z-index: 0;}


#hdWrap { width:100%; position:fixed; top:0; left:0; z-index:99; }
#header { background-color:rgba(255,255,255,0.6); padding:20px 0; position: relative; letter-spacing:1px; font-size:10px; text-transform:uppercase; text-align:center; }
#header:hover { background-color:rgba(255,255,255,1); transition-duration:.4s; -webkit-transition-duration:.4s; -moz-transition-duration:.4s; -o-transition-duration:.4s; }
#header .bi { float:center; -align:top; margin:0 0 0 40px; }
#header .bi a { font-size:45px; font-weight:bold; color:#000; padding:5px 15px 5px 18px; letter-spacing:3px; display:inline-block; font-family: 'Poppins', sans-serif; transition-duration:.4s; -webkit-transition-duration:.4s; -moz-transition-duration:.4s; -o-transition-duration:.4s;}
}
#header .bi a:hover { background:#000; color:#fff; }

#header .mlnk { float:right; margin:7px 30px 0 0; line-height:18px; }
#header .mlnk li { display:inline-block; margin:0 0 0 10px; position: relative; vertical-align:middle; }
#header .mlnk li a { color: #444; font-size:10px; vertical-align:middle; }
#header .mlnk li img { max-height:18px; vertical-align:middle; margin:0 3px 0 0; }
#header .mlnk li strong { vertical-align:middle; font-size:12px; }

#header .search { float:right; width: 160px; height: 25px; border-bottom: 1px solid #ddd; }
#header .search span { position: absolute; top: 5px; left: 0; color: #444; }
#header .search .MS_search_word,
#header .search .btn-sch { float: left; width: auto; }
#header .search .MS_search_word { width:130px; height: 25px; line-height: 25px; border: 0 none; background: 0 none; }
#header .search .btn-sch {  }

#header .bookmark { position: absolute; top: 0px; left: 0; width: 41px; height: 80px; background: url('/images/d3/psdesign/makeshop/makeshop/common/bul_bookmark.gif') no-repeat 0 0; text-indent: -9999px; }
#header .evt { position: absolute; right: 0; bottom: 0; }
#header .evt img { display:block; }

#header .sns { position: absolute; top: 150px; left: 0; zoom: 1; overflow: hidden; }
#header .sns li { float: left; margin-right: 5px; }






#nav {  color:#000; z-index:999; display:inline-block; vertical-align:top; font-size:10px; margin:0 auto; }
.menu a { float:left; color:#000; text-decoration:none; width:110px; height:35px; line-height:35px; font-size:11px; }
.menu span { float:left; color:#eee; text-decoration:none; width:120px; height:35px; line-height:35px;  }
.menu a:hover { color:#666; }
.menu { list-style:none; text-align:center; }
.menu li { position:relative; display:inline-block; width:90px; z-index:1000; }
.menu ul { display:none; position:absolute; top:36px; left:0; background:#fff; display:none; list-style:none; font-size:0; }
.menu ul li { float:none; width:110px; }
.menu ul li a, li.menuhover li a, li.menuhover li.menuhover li a { float:none; display:block; background:none; height:28px; line-height:28px; font-size:10px; }
.menu ul li a:hover, li.menuhover li a:hover, li.menuhover li.menuhover li a:hover { background:#eee; color:#000; }
.menu ul li span, li.menuhover li span, li.menuhover li.menuhover li span { float:none; display:block; background:none; height:28px; line-height:28px; }
.menu ul ul { left:110px; top:0; }
.menu li.submenu { font-weight:bold; }
.menu li.noborder { border-top:none; }
li.menuhover a, li.menuhover li.menuhover a { }
li.menuhover span, li.menuhover li.menuhover span { }
#info { width:180px; background:#eee; }
#info li { width:160px; border-top:none; padding:8px 10px; color:#666; text-shadow:1px 1px #fff; text-align:left; }




/* BASIC css end */

