@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,600");

/* container */
#container { position:relative; top:0; left:0; width:100%; height:1612px; }
#container .visual { width:100%; height:300px; background:url(../imgs/visual/visual.jpg)no-repeat; }
#container .visual img { margin:0 auto; padding:137px 0; }

/* shopping_wrap */
#container .shopping_wrap { width:100%; height:1312px; }
#container .shopping_wrap .shopping { width:1250px; min-height:1192px; margin:0 auto; padding:20px 0; }
#container .shopping_wrap .shopping .watch_txt { width:98%; height:28px; line-height:34px; text-align:center; margin:0 auto; font-size:24px; padding:13px 0; }
#container .shopping_wrap .shopping .product_count { width:98%; height:20px; margin:0 auto; padding:7px 0; }
#container .shopping_wrap .shopping .product_count p { line-height:25px; float:left; font-size:12px; }
#container .shopping_wrap .shopping .product_count p span { font-weight:900; }
#container .shopping_wrap .shopping .product_count ul { float:right; }
#container .shopping_wrap .shopping .product_count ul li { line-height:25px; padding:0 5px; float:left; font-size:12px; }
#container .shopping_wrap .shopping .product_count ul .line { position:relative; top:-1px; color:#333; }
#container .shopping_wrap .shopping .product_count ul li a { color:#000; }


/* shopping_wrap - product */
#container .shopping_wrap .product { width:98%; height:980px; margin:0 auto; padding:50px 0; }
#container .shopping_wrap .product ul { width:1173px; height:312px; margin:0 auto; margin-bottom:15px; }
#container .shopping_wrap .product ul li { width:230px; height:230px; display:inline-block; padding:0 30px 82px 30px; text-align:center; }
#container .shopping_wrap .product ul li h3 { height:40px; line-height:30px; padding-top:10px; font-size:16px; font-weight:600; color:#000; cursor:pointer; border-bottom:1px solid #ddd; }
#container .shopping_wrap .product ul li p {  color:#777; padding-top:10px;  cursor:pointer; }


/* shopping_wrap - page */
#container .shopping_wrap .page { width:98%; height:34px; margin:0 auto; padding:35px 0; }
#container .shopping_wrap .page  ol { width:325px; height:34px; margin:0 auto; }
#container .shopping_wrap .page  ol a { float:left; color:#000; }
#container .shopping_wrap .page  ol ul li { width:34px; height:32px; float:left; background-color:#fff; border:1px solid #d7d5d5; border-right:none; }
#container .shopping_wrap .page  ol ul li:first-child { background-color:#000; }
#container .shopping_wrap .page  ol ul li:first-child a { color:#fff; }
#container .shopping_wrap .page  ol ul li:last-child { border-right:1px solid #d7d5d5; }
#container .shopping_wrap .page  ol ul li a { position:relative; top:10px; left:13px; }
