@charset "utf-8";
@import url("../common/reset.css");
@import url("../dialog/login.css");
@import url("../dialog/confirmpops.css");
body{position:relative;}
.clearfix:after {content:"."; clear:both; display:block; height:0; visibility:hidden; overflow:hidden; }
.clearfix {display: inline-table; }
.wrap{border-top:2px solid #f5f6f6;text-align:center;}
.topbg{height:38px;}
.toplogin{line-height:38px; width:950px; margin:0 auto;text-align:right;}
.toplogin h1{float:left; margin-top:4px;}
.topwrap{border-top:1px solid #f8f8f8; border-bottom:1px solid #dee0e0; height:102px;}
.topwrap .topbox{width:950px; margin:0 auto; padding:18px 0 0;}
.topwrap .topbox h2{float:left;}
.topwrap .topbox ul{float:left; padding:37px 0 0;}
.topwrap .topbox ul li{float:left; margin-left:66px; display:inline;}
.container{background:#333738;}
.conn{width:950px; margin:0 auto;}
.conn h4{padding:42px 0 16px; color:#838484; font-size:22px;}
.conn h5{position: absolute; left:-24px; top:-49px;}
.conn .txt{padding:0 0 10px; color:#838484; line-height:20px;}
.conn .txt .font_w{color:#fff;}
.conn .join {height:64px; padding:18px 0}
.conn .join a{line-height:64px; float:left;text-decoration: underline; margin-right:26px; display:inline; color:#00c8ed;}
.conn .list{height:300px;}
.conn .list li{float:left; width:306px; margin-right:16px; display:inline; color:#777}
.conn .list li .pic{position: relative; width:304px; height:200px;}
.conn .list li .pic .data{position: absolute; bottom:0; right:0; width:auto; font-size:24px; position:absolute; text-align: right; padding:0 10px; display:none; height:32px; line-height:32px; overflow:hidden; background:#002a2e; background:rgba(0,42,46,.7);}
.conn .list li .pic .cur{color:#c8b940;}
.conn .list li .pic img{-webkit-box-shadow:1px 1px 1px #949494;-moz-box-shadow:1px 1px 1px #949494}
.conn .list li .tit{font-size:14px; font-weight:bold; line-height:40px}
.conn .list li strong {float: left;font-weight: normal;padding-right: 4px;}
.conn .list li p {overflow: auto;word-wrap: break-word;}
.conn .list li a{color:#777;}
.conn .list li.nobr{margin-right:0;}
.conn .list li.fst{position: relative;z-index:101;}
.conn .list li.fst .join{z-index:102;position: absolute; left:0; top:0; width:284px; height:144px; /*border-right:1px solid #bababa; border-bottom:1px solid #bababa*/;background:url(../../images/activity/canon/btn_bg.png?2012020801) 0 0 no-repeat; cursor:pointer;}
.conn .btn_page{padding:20px 0 30px 0;height:38px;text-align:right; border-top:1px solid #dee0e0; width:880px; margin:0 auto;}
.conn .btn_page .btn_r{width:42px; height:38px; display:block; margin-right:5px; float:right;background:url(../../images/activity/canon/btn_lr.jpg?2012020801) no-repeat;cursor: pointer;}
.conn .btn_page .btn_l{width:42px; height:38px; display:block;float:right;background:url(../../images/activity/canon/btn_lr.jpg?2012020801) -47px 0 no-repeat;cursor: pointer;}
.conn .btn_page .cur_r{background-position:0 -50px}
.conn .btn_page .cur_l{background-position:-47px -50px}
.shopcoon{padding:0; width:880px; margin:0 auto;}
.shopcoon .shoptit{font-size:16px; color:#333; height:30px; border-bottom:1px solid #999;}
.shopcoon .shoptit img{margin-left:10px; display:inline;}
.shopcoon .txtfile{padding:10px 0; background:url(../../images/activity/canon/bg_dot.jpg?2012020801) 0 bottom repeat-x; line-height:22px;}
.shopcoon .add{padding:10px 0; background:url(../../images/activity/canon/bg_dot.jpg?2012020801) 0 bottom repeat-x; margin-right:5px;}
.shopcoon .add img{margin-right:10px; display:inline;}
.shopcoon .shoppic{padding:20px 0; height:300px;}
.shopcoon .shoppic .map{ border-right:1px solid #bababa; border-bottom:1px solid #bababa;float:left;width:430px; height:280px; display:block;-webkit-box-shadow:1px 1px 1px #949494;-moz-box-shadow:1px 1px 1px #949494}
.shopcoon .shoppic .hall{ border-right:1px solid #bababa; border-bottom:1px solid #bababa;float:left;width:430px; height:280px; margin-left:17px; display:inline;-webkit-box-shadow:1px 1px 1px #949494;-moz-box-shadow:1px 1px 1px #949494}
.shop_fst{padding:40px 0 0;}
.eventcoon{padding:40px 0; width:880px; margin:0 auto; overflow:hidden; *zoom:1;}
.eventcoon .eventtit{background:url(../../images/activity/canon/bg_line_t.jpg?2012020801) 0 0 repeat-y; padding:0 25px;}
.eventcoon .eventtit h3{font-size:22px; color:#333; padding:0 0 12px;}
.eventcoon .eventtit .btn img{margin-right:10px; display:inline;}
.eventcoon .eventtxt{height:390px;padding:20px 0 0 25px; background:url(../../images/activity/canon/bg_line_c.jpg?2012020801) 0 0 repeat-y;}
.eventcoon .eventtxt .txtl{float:left;width:400px; display:block; line-height:24px;}
.eventcoon .eventtxt .txtl p{padding-bottom:15px; color:#777}
.eventcoon .eventtxt .txtl a,.eventcoon .eventtxt .txtl a:hover{color:#1fd1ef;text-decoration: underline;}
.eventcoon .eventtxt .imgr{float:left;width:430px; height:280px; margin-left:17px; display:inline;-webkit-box-shadow:1px 1px 1px #949494;-moz-box-shadow:1px 1px 1px #949494}
.facelist{width:970px; height:290px; margin:0 auto;}
.facelist h5{float:left;font-size:22px; color:#666}
.facelist h5 span{font-size:16px}
.facelist .uearface {float: left;margin-top: 24px; height:50px; padding-left:4px;}
.facelist .uearface li {float: left; padding: 0 7px 20px 7px;width: 60px;}
.facelist .uearface li .avatar {height: 60px; width: 60px;}
.facelist .uearface li .avatar img{border:5px solid #2e3232;}
.facelist .uearface li .name {height: 18px;line-height: 22px;overflow: hidden;padding: 6px 0 4px;text-align: center;}
.facelist .uearface li .name a,.facelist .uearface li .name a:hover{color:#999}
.facelist .usertit{ padding:35px 0 20px;width:950px; height:25px;  margin:0 auto; background:url(../../images/activity/canon/bg_dot02.jpg?2012020801) 0 bottom repeat-x;}
.facelist .face_page{float:right; width:180px; margin:0 auto;}
.facelist .face_page .btn_r{width:30px; height:38px; display:block; margin-right:5px; float:right;background:url(../../images/activity/canon/btn_rl.jpg?2012020801) no-repeat;cursor: pointer;}
.facelist .face_page .btn_l{width:30px; height:38px; display:block;float:right;background:url(../../images/activity/canon/btn_rl.jpg?2012020801) -35px 0 no-repeat;cursor: pointer;}
.facelist .face_page .cur_r{background-position:0 -50px}
.facelist .face_page .cur_l{background-position:-35px -50px}
.container_bd{padding:56px 0;}
.container_bd .conn{position: relative;background:#fff;-moz-border-radius: 11px;-khtml-border-radius: 11px;-webkit-border-radius: 11px;border-radius: 11px;-webkit-box-shadow:10px 3px 19px #2d3131;-moz-box-shadow:10px 3px 19px #2d3131}
.container_bd .conn .list{padding:40px 0px 0 33px;}
.container_bd .conn .list li{float:left; width:284px; padding-bottom:30px;}
.container_bd .conn .list li .pic{width:284px;height:180px;}
.container_bd .conn .list li img{width:284px; height:180px; /*border-right:1px solid #bababa; border-bottom:1px solid #bababa*/}
.conn_border .list{margin-top:56px;}
.conn_border_a{border-bottom:1px solid #3a3d3e; padding-bottom:20px}
.conn_border_b{border-bottom:1px solid #2e3232;}
.conn_border_c{border-top:1px solid #3a3d3e;border-bottom:1px solid #2e3232;padding-bottom:20px}
.conn_border_d{border-top:1px solid #3a3d3e}

.piclist{position:relative; width:100%; height:360px; overflow:hidden;}
.piclist_l li{float:left; _display:inline; *zoom:1;}
.piclist_l li img{float:left;}
.piclist_l li.txtbox,.piclist_r li.txtbox{width:232px; height:360px; background:#81cfd8; display:block;}
.piclist_l li.txtbox p,.piclist_r li.txtbox p{padding:70px 34px 50px; color:#fff; line-height:22px}
.footer{background:#fff; padding:40px 0 70px;}
.footer div{width:950px; margin:0 auto;text-align:right;}
.footer p{float:left;}
.footer p a,.footer p a:hover{color:#848484;}

/* �Ż�ȯ */
.preferential{width:590px;}
.preferential .pf01{height:154px;}
.preferential .pf02{height:236px;}
.preferential_con{height:214px; background:url(../../images/activity/canon/img_preferential03.jpg?2012020801) 0 0 no-repeat;}
.preferential_con .list{height:200px;padding: 14px 0 0 44px;}
.preferential_con .list li{float:left; width:160px; margin-right:10px;}
.preferential_con .list li .pic{position: relative;width:160px; height:114px;}
.preferential_con .list li .pic .data{position: absolute; bottom:0; right:0; width:auto; font-size:16px; position:absolute; text-align: right; padding:0 10px; display:none; height:26px; line-height:26px; overflow:hidden; background:#00dffc; color:#fff;}
.preferential_con .list li .pic img{width:160px; height:114px;-webkit-box-shadow:1px 1px 1px #949494;-moz-box-shadow:1px 1px 1px #949494}
.preferential_con .list li .tit{font-size:14px; font-weight:bold;padding:10px 0 5px; color:#666}
.preferential_con .list li strong {float: left;font-weight: normal;padding-right: 4px;}
.preferential_con .list li p {overflow: auto;color:#999;word-wrap: break-word;}
.preferential_con .list li a,.preferential_con .list li a:hover{color:#999;}

/* ����POP */
.pop{position: absolute; *padding:5px 0 0;}
.pop_conn{position: absolute;border:1px solid #333; width:548px; height:386px; background:#fff; color:#333; margin:5px;}
.poptit{height:44px; line-height:44px; font-size:14px; font-weight:bold; padding-left:20px;background:#f8f8f8; border-bottom:1px solid #e8e8e8; color:#333;}
.poptit img{position: absolute; top:17px; right:20px;}
.pop_conn .txt01{padding:30px 0 12px 30px;}
.pop_conn .txt02{padding:0 0 12px 30px;}
.pop_conn .txt02 input{border:1px solid #999; padding-left:4px;}
.pop_conn .txt03{background:#f8f8f8; border:1px solid #e8e8e8; width:486px; height:123px; margin:0 auto; line-height:20px;}
.pop_conn .txt03 strong {float: left;font-weight: normal;padding-right: 4px; padding:20px 5px 50px 98px;color:#999;}
.pop_conn .txt03 p{overflow: auto;color:#999;word-wrap: break-word; padding:20px 98px 0 0;}
.pop_conn .txt03 p span{color:#22d0f2;}
.popbtn{margin-top:30px; text-align:center}
.popbg{position: absolute;width:550px; height:388px;left:0;top:0; border:5px solid #2a2c2c;opacity:.5;-moz-opacity:.5;filter:alpha(opacity=50);}