/* BASIC css start */
html, body {max-width:1024px; width:100%; height: auto; overflow-x:hidden; color:#333333; /* font-family: 'Droid Sans', sans-serif; */ background-color:#fff;}
html{height:100%}
.bold {font-weight:bold;}
h1 {font-family: 'Open Sans', sans-serif;}
h2 {font-weight:normal;}
.dn{display:none !important;}
.db{display:block !important;}
.leftMenu {position:fixed; height:100%; width:250px; top:0; left:0; background-color:#333333; color:#fff; z-index:1; overflow-y:auto; -webkit-overflow-scrolling: touch;}
.leftMenu .leftMenuTop {text-align:center; font-size:12px; background-color:#f7f7f7; padding:20px 0;}
.leftMenu .leftMenuTop input {display:block; border:1px solid #d8d8d8; border-radius:10px; margin:0 auto; width:240px; padding:5px 0;}
.leftMenu .leftMenuTop .fa-search {position:absolute; top:28px; right:27px;}
.leftMenu .leftMenuTop a {color:#333333;}
.leftMenuTop01 {margin:20px 0;}
.leftMenuTop01 a {border:1px solid #d8d8d8; border-radius:5px; padding:4px 24px; background-color:#fcfcfc;}
.leftMenuTop01 a:last-child {background-color:#333333; color:#fff; margin-left:5px; border:1px solid #333333; }
.leftMenuTop02 a {margin:0 5px;}
.leftMenu li {border-bottom:1px solid #111111; padding:0.6em 1.2em; font-size:12px; box-shadow:1px 1px 1px #444444;}
.leftMenu li a {color:#fff;}
.leftMenu li i {float:right;}
.leftMenu .categorySub {background-color:#444444; overflow:hidden; display:none;}
.leftMenu .categorySub li {padding:0.6em 2em; border:0px none ;box-shadow:none; box-shadow : none;}
.leftMenu .categorySub.categorySubShow {display:block; height:100%;}
.leftMenu .angle-up {-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
/*#mypage {display:none;}*/
.res {width:100%; height:100%; background-color:#000; position:absolute; left:0; top:0; bottom:0; opacity:0; z-index:100; display:none;}
#wrapper {width:100%; height:100%; z-index:10; background-color:#fff; position:relative;}
#wrapper {-webkit-transition:-webkit-transform 400ms ease; -moz-transition:-moz-transform 400ms ease; -o-transition:-o-transform 400ms ease; transition:transform 400ms ease; -webkit-transition-property:-webkit-transform,left,right; -webkit-backface-visibility:hidden;}
#wrapper.wrapperMove{left:250px; top:0; overflow:hidden; position: fixed;}
.navigation {width:100%; background-color:#6f184e; height: 34px; color:#fff; font-size:16px;}
.navigation .topNavLeft {float:left;}
.navigation .topNavLeft li {float:left; padding: 6px 8px;}
.navigation .topNavRight {float:right;}
.navigation .topNavRight li {float:left; padding: 6px 8px;}
.navigation a {color:#fff;}
.headerTop {padding:0 10px;}
.headerTop h1 {padding: 25px 0; color:#333333; font-size:30px; display:inline-block;}
.headerTop .areaSearch {float:right; margin-top: 32px;font-size: 20px;}
.navCategory {text-align:center; width:100%; display:inline-block;}
.navCategory li {float:left; width:25%; font-size:10px; border:1px solid #d8d8d8; margin-bottom:-1px; border-right:0px none; font-weight:bold; padding: 10px 0;}
/* BASIC css end */