body{ margin:0px; background:url(../images/bg_page_body.png) repeat-x; font:normal 11px Tahoma, Geneva, sans-serif; color:#555555;}
a:link,a:visited{ outline:none; color:#555555; text-decoration:none;}
a:hover,a:active{ text-decoration:underline; color:#999;}
img{ border:0px;}
.containner{ width:100%; }
.containner .skyTop{ width:100%; height:21px; background-color:#000;}
.containner .wrapper{ position:relative; width:980px; margin:0 auto; float:none;
    top: 0px;
    left: 0px;
}
.header{ width:100%; height:140px;}
.header .logo_iFamily{ float:left; width:253px; padding:13px 0 0 20px;}
.main_menu{ float:left; width:676px; padding:39px 20px 0 0;}
.box-login{ float:left; width:98%; padding:10px 2% 0 0; text-align:right;}
.box-login,.box-login a{ color:#FFF;}
.BT-login{ width:69px; height:30px; display:inline-block; overflow:hidden; margin:0 5px 0 5px; font:bold 10px Tahoma, Geneva, sans-serif; vertical-align:middle; background:url(../images/bt-member.gif) 0 0 no-repeat;}
.BT-login:hover{  text-decoration:none; background:url(../images/bt-member.gif) 0 -32px no-repeat;}
.BT-regist{ width:69px; height:30px; display:inline-block; overflow:hidden; margin:0 5px 0 5px; font:bold 10px Tahoma, Geneva, sans-serif; vertical-align:middle; background:url(../images/bt-member.gif) 0 -64px no-repeat;}
.BT-regist:hover{  text-decoration:none; background:url(../images/bt-member.gif) 0 -96px no-repeat;}
.BT-logout{ width:69px; height:30px; display:inline-block; overflow:hidden; margin:0 5px 0 5px; font:bold 10px Tahoma, Geneva, sans-serif; vertical-align:middle; background:url(../images/bt-member.gif) 0 -128px no-repeat;}
.BT-logout:hover{  text-decoration:none; background:url(../images/bt-member.gif) 0 -160px no-repeat;}
.BT-TMX{ width:69px; height:30px; display:inline-block; overflow:hidden; margin:0 3px 0 3px; font:bold 10px Tahoma, Geneva, sans-serif; vertical-align:middle; background:url(../images/bt-member.gif) 0 -192px no-repeat;}
.BT-TMX:hover{  text-decoration:none; background:url(../images/bt-member.gif) 0 -224px no-repeat;}
/*-- Menu --*/
#navigation {
	float:right;
  list-style: none; margin:0px;
}

#navigation li {
  float: left;
}

#navigation a * {
  display: none;
}

#navigation a,
#navigation a .hover {
  height: 30px;
	position: relative;
	display: block;
	background:url(../images/menu_ifamily.gif) 0 0 no-repeat;
}

/* individual navigation items */
#navigation a.home {
  background-position: 0 0;
  width: 77px; overflow:hidden;
}

#navigation .highlight a.home:hover,
#navigation a.home .hover {
  background-position: 0 -30px;
}

#navigation a.services {
  background-position: -88px -0px;
  width:60px; overflow:hidden;
}
#navigation a.shopping {
  background-position: -653px 0;
  width:92px; overflow:hidden;
}
#navigation .highlight a.services:hover,
#navigation a.services .hover {
  background-position: -88px -30px;
}

#navigation a.promotion {
  background-position: -157px 0;
  width:74px; overflow:hidden;
}

#navigation .highlight a.promotion:hover,
#navigation a.promotion .hover {
  background-position: -157px -30px;
}


#navigation a.news {
  background-position: -236px 0;
  width:133px; overflow:hidden;
}

#navigation .highlight a.news:hover,
#navigation a.news .hover {
  background-position: -236px -30px;
}

#navigation a.place {
  background-position: -380px 0;
  width: 77px; overflow:hidden;
}

#navigation .highlight a.place:hover,
#navigation a.place .hover {
  background-position: -380px -30px;
}

#navigation a.webboard {
  background-position: -464px 0;
  width: 74px; overflow:hidden;
}

#navigation .highlight a.webboard:hover,
#navigation a.webboard .hover {
  background-position: -464px -30px;
}

#navigation a.contact {
  background-position: -548px 0;
  width:92px; overflow:hidden;
}

#navigation .highlight a.contact:hover,
#navigation a.contact .hover {
  background-position: -548px -30px;
}


/*-- End Menu --*/
.pageAll{position:relative; float:left; width:980px; background-color:#f5f5f5; clear:left;}
.pageAll .cgHead{ width:100%; height:38px;}
.pageAll .cgHead h1{  width:980px; height:38px; margin:0px; overflow:hidden;}
.pageAll .cgHead h1 span{ display:block;width: 100%; height: 100%; background:url(../images/cg_head_page.jpg) no-repeat;}
.pageAll .cgHead a{ position:absolute; top:13px; right:40px; width:101px; height:12px; display:block; background:url(../images/logo_ifamilypluss2.gif) 0 0 no-repeat;}
.pageAll .cgHead a:hover{background:url(../images/logo_ifamilypluss2.gif) 0 -12px no-repeat;}
.lighlight{ width:938px; height:298px; padding:0 21px 0 21px;}
.boxModule{ float:left; width:924px; padding:37px 28px 5px 28px;}
.boxModule .column2{ float:left; width:100%;}
.boxModule .column2 .co1{ float:left; width:480px;}
.boxModule .column2 .co2{ float:left; width:431px; padding:0 0 0 13px;}
.boxModule .column3{ float:left; width:100%;}
.boxModule .column3 .box01{ float:left; width:225px; overflow:hidden;}
/*-- Menu --*/
.line_section{background:url(../images/line_section.gif) 0 0 repeat-y;}
.heads{ font-weight:none; font-size:22px; text-indent:12px; color:#333; text-decoration:none;}
.menuLeft{ float:left; width:218px; padding:0 1px 0 0; overflow:hidden;
    height:auto;
}
.menuLeft .boxMenu{ margin:0px; width:100%;list-style-position:inside; list-style-type:none;
    height: 563px;
}
.menuLeft .boxMenu .list{ width:100%; margin:0px;  list-style-type:none;}
.menu_h_service{ height:40px; background:url(../images/cg_menu.gif) 0 0px no-repeat;}
.menu_h_agent{ height:40px; background:url(../images/cg_menu.gif) 0 -383px no-repeat;}
.menu_h_tutorial{ height:33px; background:url(../images/cg_menu.gif) 0 -435px no-repeat;}
.menu_h_1{ height:28px; /*background:url(../images/cg_menu.gif) 0 -43px no-repeat;*/}
.menu_h_2{ height:28px; /*background:url(../images/cg_menu.gif) 0 -123px no-repeat;*/}
.menu_h_3{ height:28px; /*background:url(../images/cg_menu.gif) 0 -342px no-repeat;*/}
.menuLeft .boxMenu a{ display:block; width:100%; margin:0px; list-style-position:inside; list-style-type:none;}
a.menu1, a.menu2, a.menu3, a.menu4, a.menu5{height:22px; text-indent:27px; line-height:22px; background:url(../images/bullet01.gif) no-repeat 11px 5px;}
a.menu1:hover, a.menu2:hover, a.menu3:hover, a.menu4:hover, a.menu5:hover{ text-indent:27px;}

/*a.menu1{ height:22px; text-indent:27px; line-height:22px;background:url(../images/cg_menu.gif) 0 -68px no-repeat;}
a.menu2{height:22px;  background:url(../images/cg_menu.gif) 0 -156px no-repeat;}
.menu2:hover{  background:url(../images/cg_menu.gif) 0 -178px no-repeat;}
a.menu3{height:22px;  background:url(../images/cg_menu.gif) 0 -200px no-repeat;}
.menu3:hover{  background:url(../images/cg_menu.gif) 0 -222px no-repeat;}
a.menu4{height:22px;  background:url(../images/cg_menu.gif) 0 -244px no-repeat;}
.menu4:hover{  background:url(../images/cg_menu.gif) 0 -266px no-repeat;}
a.menu5{height:22px;  background:url(../images/cg_menu.gif) 0 -288px no-repeat;}
.menu5:hover{  background:url(../images/cg_menu.gif) 0 -310px no-repeat;}*/

/*-- Content --
.content{ float:left; width:684px; padding:0 0 0 20px;}
.module01{ width:301px; overflow:hidden;}
.module01 .top{ width:293px; height:12px; padding:0 0 0 8px; overflow:hidden; background:url(../images/cg_corner.gif) 0 0 no-repeat;}
.module01 .top span{ display:block; width:100%; height:100%; background:url(../images/cg_corner.gif) right 0 no-repeat;}
.module01 .bottom{ width:293px; height:8px; padding:0 0 0 8px; overflow:hidden; background:url(../images/cg_corner.gif) 0 -12px no-repeat;}
.module01 .bottom span{ display:block; width:100%; height:100%; background:url(../images/cg_corner.gif) right -12px no-repeat;}
.module01 .content{ width:269px; height:175px; padding:0 15px 0 15px; border-right:1px solid #cfcfcf; border-left:1px solid #cfcfcf;}
.module01 .content h1{ font:bold 16px Tahoma, Geneva, sans-serif; color:#f37423; padding:0 0 5px 0; margin:0;}  */
.content{ float:left; width:684px; padding:0 0 0 20px;}
.module01{ width:100%; overflow:hidden;}
.module01 .top{ width:215px; height:12px; padding:0 0 0 8px; overflow:hidden; background:url(../images/cg_corner.gif) 0 0 no-repeat;}
.module01 .top span{ display:block; width:100%; height:100%; background:url(../images/cg_corner.gif) right 0 no-repeat;}
.module01 .bottom{ width:215px; height:8px; padding:0 0 0 8px; overflow:hidden; background:url(../images/cg_corner.gif) 0 -12px no-repeat;}
.module01 .bottom span{ display:block; width:100%; height:100%; background:url(../images/cg_corner.gif) right -12px no-repeat;}
.module01 .content{ width:201px; height:175px; padding:0 10px 0 10px; border-right:1px solid #cfcfcf; border-left:1px solid #cfcfcf;}
.module01 .content h1{ display:block; width:100%; height:60px; 
font:bold 16px Tahoma, Geneva, sans-serif; color:#f37423; padding:0 0 5px 0; margin:0; overflow:hidden; text-overflow:  ellipsis; }
.detail{ display:block; width:93%; padding-left:7%;}
.paddingR7{ padding:0 7px 0 0;}



.activity{ width:480px;}
.activity .top{width:100%; height:12px; overflow:hidden; background:url(../images/cg_corner.gif) 0 0 no-repeat;}
.activity .bottom{width:100%; height:8px; overflow:hidden; background:url(../images/cg_corner.gif) 0 -12px no-repeat;}
.activity .content{ width:464px; height:354px; padding:0 7px 0 7px; border-right:1px solid #cfcfcf; border-left:1px solid #cfcfcf;}
.activity .content h3{font-size:14px; margin:0px;}
.activity .content h3 a{ color:#000000; }
.prPromotion{width:411px; height:319px; padding:50px 0 0 20px; font-size:12px; border-bottom:1px solid #959595; background:url(../images/bg_promotion.png) right 0 no-repeat; color:#888888;}
.footer{ float:left; width:980px;}
.footer .h_foot{ width:980px; height:23px; display:block; background:#f66500 url(../images/cg_foot.gif) 0 0 no-repeat;}
.footer .showFooter{ width:929px; height:105px; padding:0 23px 0 28px;}
.footer .showFooter .left{ float:left; width:68%;
}
.footer .showFooter .left img{ padding:15px;}
.footer .showFooter .right{ float:left; width:31%; 
text-align:right; line-height:100px; color:#9d9d9d;
}
/**/
.clearAll{ clear:both; margin:0px; height:0px;}
.bgbright{ background-color:#f5f5f5;}
.paddingTB5{ padding:5px 0 5px 0;}
.paddingR10{ padding:0 10px 0 0;}
.font10{ font-size:10px;}



body.ovt1{ padding:0; margin:0; background:none;}
.popup1, .popup2{ width:530px; height:176px; padding:350px 0 0 270px;}
.popup3{width:530px; height:226px; padding:300px 0 0 270px;}
.popup1{background:url(../images/ovtpmt1.jpg) no-repeat; }
.popup2{background:url(../images/ovtpmt2.jpg) no-repeat; }
.popup3{background:url(../images/ovtpmt5.jpg) no-repeat; }
.btn_ovt1, .btn_ovt2{ float:left; display:block; width:192px; height:50px; background:url(../images/btnaccept.gif) no-repeat; margin:0 0 0 20px;}
.btn_ovt1{ background-position: 0 -66px;}
.btn_ovt2{ background-position: 0 -119px;}
.btn_ovt3{ display:block; width:245px; height:43px; background:url(../images/btnaccept.gif) no-repeat 0 -171px; margin:30px 0 0 20px;}
.ovtterm{ width:507px; height:384px; background:url(../images/ovtpmt3.jpg) no-repeat; padding:142px 0 0 293px;}
.trems{ width:435px; height:264px; overflow-y:scroll; overflow-x:hidden; font-size:12px;}
.sec_btn{ width:73%; height:auto; padding:25px 0 0 22%;}
.accept_, .cancel_{float:left; display:block; width:150px; height:31px; margin:0 0 0 15px;}
.accept_{background:url(../images/btnaccept.gif) no-repeat;}
.cancel_{background:url(../images/btnaccept.gif) no-repeat 0 -33px;}
.p_tag{padding:8px 0 0 0; margin:0;}
.m_center{ display:block; width:245px; height:43px; margin:0 auto;}