@charset "utf-8";
/* CSS Document */
#wrapper #main{ width:100%; margin:55px auto; padding:0; float:left; margin-bottom:20px;}
#wrapper #main .area1{ width:1200px; margin:0 auto; padding:0;}
#wrapper #main .area1 .area1_1{ width:275px; float:left; margin:0 auto; padding:0;}
#wrapper #main .area1 .area1_1 .area1_1_1{ width:275px; left:0; color:#C9C9C9; font-size:24px; border-left:4px #397DDB solid; float:left; padding-left:20px; letter-spacing:3px; margin-top:70px;}
#wrapper #main .area1 .area1_1 .area1_1_1 .area1_1_1_3{ float:left;}
#wrapper #main .area1 .area1_1 .area1_1_1 .area1_1_1_1{ color:#686868; font-size:14px; letter-spacing:1px; line-height:30px; float:left;}
#wrapper #main .area1 .area1_1 .area1_1_1 .area1_1_1_1 .area1_1_1_2{ color:#3164ab;}
#wrapper #main .area1 .area1_1 .area1_1_2{ width:275px; float:left; color:#E5E5E5; font-size:14px; margin-top:20px; margin-bottom:10px; line-height:22px;}
#wrapper #main .area1_2{ width:920px; margin:0 auto; padding:0; float:left;}
#wrapper #main .area1_2 .area1_2_1{ width:920px; margin:0 auto; padding:0; float:left; margin-top:50px;}
#wrapper #main .area1_2 .area1_2_1 ul{ list-style-type:none; width:920px;}
#wrapper #main .area1_2 .area1_2_1 ul li{ width:270px; height:250px; margin-right:35px; margin-bottom:20px; float:left; text-align:center; font-size:14px; color:#a5a5a5;}
#wrapper #main .area1_2 .area1_2_1 ul li img{ width:270px; height:201px; overflow:hidden;}
#wrapper #main .area1_2 .area1_2_1 ul li a{ text-decoration:none; display:inline-block; border:1px solid #666; margin-bottom:10px;}
#wrapper #main .area1_2 .area1_2_1 ul li a:hover{ text-decoration:none; color:#e5e5e5; display:inline-block; border-color:#F00;}
#wrapper #main .area1_2 .area1_2_2{ width:920px; margin:0 auto; padding:0; float:left; text-align:center; margin-top:40px;}
#wrapper #main .area1_2 .area1_2_2 ul{ list-style-type:none; width:700px; margin:0 auto; padding:0; text-align:center; margin-left:315px;}
#wrapper #main .area1_2 .area1_2_2 ul li{ float:left; text-align:center; margin-right:20px;}
#wrapper #main .area1_2 .area1_2_2 ul li a{ text-decoration:none; color:#a5a5a5;}
#wrapper #main .area1_2 .area1_2_2 ul li a:hover{ text-decoration:none; color:#e5e5e5;}

/*#wrapper #main .box{width:900px;height:auto;overflow:hidden;background:#666;margin:60px auto 10px auto;padding:10px 0 0 10px; float:left;}
#wrapper #main .box ul{margin:0px;padding:0px;float:left; margin-left:15px;}
#wrapper #main .box ul li{width:154px;height:152px;float:left;cursor:pointer;display:inline;margin:0 10px 10px 0;border:5px solid #333;}
#bg{width:100%;height:100%;position:absolute;left:0px;top:0px;background:#000;filter:alpha(opacity:50);opacity:0.5;display:none;}
#bottom{width:215px;height:50px;position:absolute;left:50%;bottom:0px;margin:0 0 0 -107px;border:1px solid #232323;background:#444;padding:1px;z-index:1;display:none;}
#bottom ul{width:100%;height:100%;margin:0px;padding:0px;list-style-type:none;background:#000;}
#bottom li{background:url(../images/productlist/ico.jpg) no-repeat;float:left;display:inline;margin:8px 0 0 18px;cursor:pointer;}
#bottom li.prev{width:30px;height:33px;background-position:0 0;}
#bottom li.next{width:30px;height:33px;background-position:-35px 0;}
#bottom li.img{width:30px;height:33px;background-position:-106px 0;}
#bottom li.close{width:31px;height:33px;background-position:-70px 0;}
#frame{background:#fff;padding:3px;position:absolute;z-index:2;display:none;filter:alpha(opacity:0);opacity:0;text-align:center;}*/
#wrapper #box{ width:1000px; margin:0 auto; padding:0; top:7%; position:absolute; margin-left:-500px; left:50%; opacity:1.0;}
#wrapper #box .box{ width:100%; margin:0 auto; padding:0; float:left; background-color:#333;border-radius:25px; }
#wrapper #Close{ width:49px; margin:0 auto; padding:0; float:left; right:-25px; top:-25px; position:absolute;}
#wrapper #Close img{ width:49px; height:49px; overflow:hidden;}