* { margin:0; padding:0; outline:0; border:0; background:transparent; list-style:none; }
html, body { width:100%; min-width:1280px; min-height:10px; color:#000; font-size:0.75em; font-family:'Roboto','Arial',sans-serif; }
a { color:#000; text-decoration:none; }

#wrap { position:relative; }
#header { position:relative; width:1036px; margin:60px auto 0; padding:23px 0 0; overflow:hidden; }
#header h1 { float:left; margin:0; padding:0; }
#header h1.mobile { display:none; }
#header .link { float:right; margin:5px 0 0; overflow:hidden; }
#header .link a { float:left; margin:0; }

#header .mlink { display:none; margin:0; padding:15px 0 0 30px; overflow:hidden; }
#header .mlink img{ float:left; width:auto; height:28px; }

#container { clear:both; position:; width:1036px; margin:58px auto 0; padding:0; }

#sidebar { position:relative; z-index:999999; float:left; margin:0; width:130px; }
#sidebar ul { margin:0; text-align:left; font-size:0; line-height:0; }
#sidebar ul li { padding:0; margin:0; font-size:0; line-height:0;  }
#sidebar ul li h2 { display:block; height:20px; line-height:20px; font-size:12px; color:#000; font-size:13px; font-weight:700; letter-spacing:0.05em; }
#sidebar ul li a { display:block; height:20px; line-height:20px; font-size:12px; color:#000; }
#sidebar ul li a:hover { }

#contents { float:right; position:; margin:0; padding:0; width:830px; }


.grid { position:relative; list-style:none; display:table; width:1088px; margin:0 0 0 -19px; font-size:0; line-height:0; }
.grid .thumbbox { /*display:; */ float:left; width:253px; height:auto; padding:0; margin:0 0 0 19px; background:no-repeat center center; }
.grid .thumbbox .thumb { float:left; width:100%; height:auto; margin:0 auto 19px; opacity:; }
.grid .thumbbox .sec-info { clear:both; margin:0 auto; font-size:11px; line-height:16px; }
.grid .thumbbox .sec-info h2 { padding:0 0 10px; font-size:15px; }




@media all and (max-width:768px) {

* { margin:0; padding:0; outline:0; border:0; background:transparent; list-style:none; }
html, body { width:100%; min-width:320px !important; min-height:10px !important; color:#000; font-size:0.75em; font-family:'Roboto','Arial',sans-serif;  }
a { color:#000; text-decoration:none; }

#wrap { position:relative; }
#header { position:relative; width:100% !important; margin:0 auto 0; padding:0; overflow:visible; }
#header h1 { display:none; float:none; clear:both; margin:0; padding:23px 31px 0; }
#header h1 img { max-width:100%; }
#header h1.mobile { display:block !important; }
#header .link { display:none; float:right; margin:0; overflow:hidden; }
#header .link a { float:right; margin:0; }

#header .mlink { display:block; }

#container { position:; width:100%; margin:30px auto 0; padding:0; }

#sidebar { position:relative; z-index:999999; float:none; clear:both; margin:0; width:100% !important; }
#sidebar ul { margin:0 auto; font-size:0; line-height:0; text-align:center; max-width:;}
#sidebar ul li { display:inline-block; padding:0; margin:0 5px; font-size:0; line-height:0;  }
#sidebar ul li h2 { display:block; height:20px; line-height:20px; font-size:12px; color:#000; font-size:13px; font-weight:700; letter-spacing:0.05em; }
#sidebar ul li a { display:block; height:20px; line-height:20px; font-size:12px; color:#000; }
#sidebar ul li a:hover { }

#contents { position:; float:none; clear:both; margin:0 auto; padding:28px 0; width:100% !important; }


.grid { position:relative; list-style:none; display:table; width:100% !important; margin:0 0 0 -19px; font-size:0; line-height:0; }
.grid .thumbbox { /*display:; */ float:; width:253px; height:auto; padding:0; margin:0 0 0 19px; background:no-repeat center center; }
.grid .thumbbox .thumb { float:none !important; width:100%; height:auto; margin:0 auto 19px; opacity:; }
.grid .thumbbox .sec-info { clear:both; margin:0 auto; font-size:11px; line-height:16px; }
.grid .thumbbox .sec-info h2 { padding:0 0 10px; font-size:15px; }

}


@media all and (max-width:340px) {

#sidebar ul li a { font-size:11px; color:#000; }


}