.MRegisterArea { padding:10px 20px; line-height:20px; /*border:solid 6px #ACF;*/ } .MRegisterArea em { font-style:normal;} .MRegisterArea form legend { display:none; } .MRegisterArea .Waiting { height:30px; width:500px; text-align:center; line-height:25px; border:solid 1px #CCC; } .MRegisterArea ol li { padding-bottom:10px; } .MRegisterArea .BtnArea { display:block; position:relative; width:74px; border:solid 0px; margin:10px auto 0px auto; } /***SecTitleBlock**/ .SecTitleBlock { position:relative; margin-bottom:10px; background:url(../images/subtitle/sub_join_under.jpg) no-repeat right bottom; } .SecTitleBlock span { display:block; width:223px; height:78px; background-color:#FFF; background-repeat:no-repeat; color:#FFF; } .SecTitleBlock em { position:absolute; left:230px; top:20px; } .MRegisterArea .Contract {/* border:solid 1px;*/} .MRegisterArea .Contract H1 { margin:10px 0px; font-size:15px; } .MRegisterArea .Contract dt { margin:10px 0px 3px 0px; color:#333; font-weight:bold; } .MRegisterArea .Contract dt.BigTitle { font-size:15px; color:#09C; } .MRegisterArea .Contract dl div { border:solid 1px #DDD; height:350px; overflow-y:scroll; padding:5px; } .MRegisterArea .CheckArea { width:300px; margin:20px auto 10px auto;} .MRegisterArea .CheckArea fieldset { float:left; margin-left:15px;} .MRegisterArea .InputArea { width:100%; position:relative; } .MRegisterArea .InputArea input { border:solid 1px #CCC; } .MRegisterArea .InputArea h4 { color:#09C; text-align:center; } .MRegisterArea .InputArea fieldset { border-top:solid 1px #DDD; padding:20px 0px; } .MRegisterArea .InputArea div { padding-left:140px; position:relative;} .MRegisterArea .InputArea div span { position:absolute; left:0px; _left:-140px; text-align:right; text-indent:18px; background:url(../images/icon/icon_arrow_02.gif) no-repeat left center; } .MRegisterArea .InputArea div strong { font-weight:normal; } .MRegisterArea .InputArea .FirstOne, .MRegisterArea .InputArea .PhoneCheck { border:none; } .MRegisterArea .PhoneCheck a { left:140px; top:-19px; } .PhoneCheck .Checked input, .PhoneCheck .Checked a, .PhoneCheck .Checked br, .PhoneCheck div strong, .PhoneCheck div em { display:none;} .PhoneCheck .Checked strong, .PhoneCheck .Checked em { display:inline;} .PhoneCheck .Checked { padding-bottom:15px; clear:both;} .PhoneCheck .Checked em { padding-left:50px; font-weight:bold; } .MRegisterArea .CheckArea .radiobox, .MRegisterArea .InputArea .radiobox, .MRegisterArea .InputArea .Checkedbox, .MRegisterArea .Checkedbox { border:none; vertical-align:middle;} .MessageList H2 { position:relative; height:40px; line-height:40px; text-indent:25px; width:100%; margin-bottom:5px; } .MessageList .BtnArea { text-indent:0px; position:absolute; right:10px; top:10px; } .MessageList ul { border:Solid 0px; width:100%;} .MessageList li { border-bottom:dotted 1px #CCC; } .MessageList li.NameTitle { border-bottom:solid 3px #E7E7E7; } .MessageList li.NameTitle span { color:#888;text-align:center; } .MessageList li span { position:relative; height:30px; float:left; margin-left:2px; padding-left:5px; overflow:hidden; line-height:25px; *line-height:15px; white-space:nowrap; text-overflow:ellipsis; vertical-align:middle; } .MessageList li .Date { width:120px; color:#888; } .MessageList li .MContent{ width:550px; color:#000; } .MessageList li .Checkedbox { position:absolute; right:0px; top:10px; *top:-5px;/**IE**/ } .RuleList { width:100%; position:relative; } .RuleList li { line-height:25px; margin-bottom:10px; } .NowCall, .MakeCenter, .ThankReg { position:relative; width:550px; margin:auto; padding-top:10px; } .NowCall { width:500px; } .ThankReg { width:600px; } .ThankReg span { display:block; text-align:center; } .SubTitle { height:21px; margin:15px 0px; } .NewLogin { background-image:url(../images/subtitle/Nmember_pw.gif); background-position:70px top; } .SpecialLog { background-image:url(../images/subtitle/Splogin.gif); background-position:70px top; } .OtherLog { background-image:url(../images/subtitle/login_other.gif); background-position:70px top; } .WriteDeta { background-image:url(../images/subtitle/member_deta_w.gif); } .IDDeta { background-image:url(../images/subtitle/member_deta_w02.gif); } .MIDProve { background-image:url(../images/subtitle/member_account_prove.gif); } .MIDOK { background-image:url(../images/subtitle/sub_idok.gif); } .MTAgree { background-image:url(../images/subtitle/transfor_agree.gif); } .PhoneLockSet { background-image:url(../images/subtitle/phonepw_set.gif); } .PhoneLock { background-image:url(../images/subtitle/phonepw.gif); } .PhoneProve { background-image:url(../images/subtitle/phone_prove.gif); } .PhoneLockChange{ background-image:url(../images/subtitle/phonepw_change.gif); } .PhoneApply { background-image:url(../images/subtitle/phonepw_ov_apply.gif); } .PhoneManage { background-image:url(../images/subtitle/phonepw_ov_manage.gif); } .PhoneProtect { background-image:url(../images/subtitle/phonepw_protect.gif); } .UserAd { background-image:url(../images/subtitle/user_ad.gif); } .HowToUse { background-image:url(../images/subtitle/howtouse.gif); } .SearchPw { background-image:url(../images/subtitle/search.gif); } .SearchPw02 { background-image:url(../images/subtitle/sub_pwsearch.gif); } .MDeta { background-image:url(../images/subtitle/modify_deta.gif); } .MDeta02 { background-image:url(../images/subtitle/modify_deta02.gif); } .MCode { background-image:url(../images/subtitle/modify_mcode.gif); } .SaveCode { background-image:url(../images/subtitle/savecode.gif); } .ProveUp { background-image:url(../images/subtitle/upload_prove.gif); } .Mtransfor { background-image:url(../images/subtitle/transfor.gif); } .Transfor_OMG { background-image:url(../images/subtitle/transfor_omg.gif); } .Transfor_News { background-image:url(../images/subtitle/transfor_news.gif); } .MMessage { background-image:url(../images/subtitle/message.gif); } .GCardLost { background-image:url(../images/subtitle/guard_lost.gif); } .GCardApply { background-image:url(../images/subtitle/guard_apply.gif); } .GCardChange { background-image:url(../images/subtitle/guard_change.gif); } .GCardFunct { background-image:url(../images/subtitle/guard_function.gif); } .GCard98173 { background-image:url(../images/subtitle/guard_98173.gif); } .Set_NickName { background-image:url(../images/subtitle/nick_set.gif); } .SubFlow { height:32px; margin:15px 0px; background-image:url(../images/subtitle/sub_flow.png); background-repeat:no-repeat; text-indent:-6000px; } .F_Basic { background-position:left top; } .F_Tw { background-position:left center; } .F_Over { background-position:left bottom; } /***MemberSection Area**/ .MSection div { position:relative; height:158px; background-repeat:no-repeat; background-image:url(../images/banner/member_section.jpg); overflow:hidden; margin-top:10px; } .MSection .Manage { background-position:left -158px; } .MSection .Protect { background-position:left -316px; } .MSection .Birth { background-position:left bottom; } .MSection p { position:absolute; top:66px; left:204px; width:370px; } .MSection .Manage p, .MSection .Join p { top:56px; } /***TransferSection Area**/ .TransferSection { width:699px; margin:auto; position:relative;} .TransferSection a { display:block; height:139px; background-image:url(../images/banner/Transfor.jpg); background-repeat:no-repeat; text-indent:-6000px; margin:30px 0px 25px 0px; } .TransferSection a:hover { background-position:left -138px; } .TransferSection .Transfer_Omg { background-position:left -276px; } .TransferSection .Transfer_Omg:hover { background-position:left -414px; } .TransferSection .Transfer_News { background-position:left -552px; } .TransferSection .Transfer_News:hover { background-position:left -690px; } /***Section Title Image**/ .SecTitleImg_join, .SecTitleImg_applycard, .SecTitleImg_advertence, .SecTitleImg_confirm, .SecTitleImg_message, .SecTitleImg_modify, .SecTitleImg_transfor, .SecTitleImg_phone, .SecTitleImg_overphone, .SecTitleImg_oversea, .SecTitleImg_searchpw, .SecTitleImg_searchpw02, .SecTitleImg_upload, .SecTitleImg_contract, .SecTitleImg_phonelock, .SecTitleImg_member, .SecTitleImg_protect, .SecTitleImg_sitemap, .SecTitleImg_about, .SecTitleImg_copyright, .SecTitleImg_collaborate, .SecTitleImg_nick,.SecTitleImg_memb, .SubTitle { background-repeat:no-repeat; text-indent:-6000px; } .SecTitleImg_join { background-image:url(../images/subtitle/sub_join.jpg); } .SecTitleImg_applycard { background-image:url(../images/subtitle/sub_applycard.jpg); } .SecTitleImg_Cancel { background-image:url(../images/subtitle/sub_cancelcard.jpg); } .SecTitleImg_advertence { background-image:url(../images/subtitle/sub_advertence.jpg); } .SecTitleImg_confirm { background-image:url(../images/subtitle/sub_confirm.jpg); } .SecTitleImg_message { background-image:url(../images/subtitle/sub_message.jpg); } .SecTitleImg_modify { background-image:url(../images/subtitle/sub_modify.jpg); } .SecTitleImg_transfor { background-image:url(../images/subtitle/sub_transfor.jpg); } .SecTitleImg_phone { background-image:url(../images/subtitle/sub_phone.jpg); } .SecTitleImg_overphone { background-image:url(../images/subtitle/sub_over_phone.jpg); } .SecTitleImg_oversea { background-image:url(../images/subtitle/sub_oversea_confirm.jpg); } .SecTitleImg_searchpw { background-image:url(../images/subtitle/sub_oversea_pwid.jpg); } .SecTitleImg_searchpw02 { background-image:url(../images/subtitle/sub_oversea_pwid02.jpg); } .SecTitleImg_upload { background-image:url(../images/subtitle/sub_upload.jpg); } .SecTitleImg_contract { background-image:url(../images/subtitle/sub_contract.jpg); } .SecTitleImg_phonelock { background-image:url(../images/subtitle/sub_phonelock.jpg); } .SecTitleImg_member { background-image:url(../images/subtitle/sub_member.jpg); } .SecTitleImg_protect { background-image:url(../images/subtitle/sub_protect.jpg); } .SecTitleImg_sitemap { background-image:url(../images/subtitle/sub_sitemap.jpg); } .SecTitleImg_about { background-image:url(../images/subtitle/sub_about.png); } .SecTitleImg_copyright { background-image:url(../images/subtitle/sub_copyright.png); } .SecTitleImg_collaborate{ background-image:url(../images/subtitle/sub_collaborate.png); } .SecTitleImg_nick { background-image:url(../images/subtitle/sub_nick.jpg); } .SecTitleImg_memb { background-image:url(../images/subtitle/sub_service_05.jpg); } /***Banner Image**/ .Contract .FlowImg { background-image:url(../images/banner/flow.gif); text-indent:-6000px; height:96px; margin:15px 0px 30px 0px; } .FloatBanner { position:relative; width:600px; margin:20px auto;} .FloatBanner a, .FloatBanner li { float:left; position:relative; display:block; width:241px; height:197px; margin:0px 0px 20px 30px; overflow:hidden; text-indent:-6000px; } /*.FloatBanner a:hover, .MailProve_Banner a:hover { background-position:left bottom; }*/ .FloatBanner a:hover { background-position:left bottom; } .SelectIP a { width:211px; height:184px; margin-left:60px; _margin-left:40px;} .SelectArea a { height:196px; } .OverseaBanner a { height:174px;} .GuardBanner li { width:211px; height:184px; margin-left:50px; _margin-left:30px;/*IE6 Only*/ background-position:left bottom; position:relative; } .GuardBanner li a { position:absolute; height:100px; left:-30px; top:0px; } .GuardBanner li a:hover{ background-position:left bottom; } .GuardBanner li .Info { left:128px; top:138px; width:42px; height:20px; background-image:url(../images/banner/btn_exp.gif); text-indent:-6000px; } .MailProve_Banner, .MailProve_Banner .Remail, .MailProve_Banner .Othermail, .Contract .FlowImg, .NowCall p, .GuardBanner li, .FloatBanner a { background-repeat:no-repeat; } .MailProve_Banner { position:relative; width:600px; height:200px; background-image:url(../images/banner/MailProve.gif); margin-top:15px; } .MailProve_Banner a { display:block; position:absolute; bottom:40px; height:51px; text-indent:-6000px; } .MailProve_Banner .Remail { width:179px; left:165px; background-image:url(../images/banner/MailProve_01.gif); } .MailProve_Banner .Othermail { width:220px; right:25px; background-image:url(../images/banner/MailProve_02.gif); } .FloatBanner .Taiwan { background-image:url(../images/banner/AddNemberTw1.gif); } .FloatBanner .Other { background-image:url(../images/banner/AddNemberWorld.gif); } .FloatBanner .Taiwan_MP { background-image:url(../images/banner/AddNemberTw1_02.gif); } .FloatBanner .Other_MP { background-image:url(../images/banner/AddNemberWorld_02.gif); } .FloatBanner .Phone { background-image:url(../images/banner/phone_prove.jpg); } .FloatBanner .Upload { background-image:url(../images/banner/phone_upload.jpg); } .FloatBanner .Singa { background-image:url(../images/banner/area_siga.gif); } .FloatBanner .Malai { background-image:url(../images/banner/area_malai.gif); } .FloatBanner .HK { background-image:url(../images/banner/area_hk.gif); } .FloatBanner .Singa_02 { background-image:url(../images/banner/oarea_siga.png); } .FloatBanner .Malai_02 { background-image:url(../images/banner/oarea_malai.png); } .FloatBanner .HK_02 { background-image:url(../images/banner/oarea_hk.png); } .FloatBanner .OtherCity { background-image:url(../images/banner/area_other.gif); } .FloatBanner .Check_Mobile { background-image:url(../images/banner/mobile2.gif); } .FloatBanner .Check_Message { background-image:url(../images/banner/mobile.gif); } .FloatBanner .Check_Phone { background-image:url(../images/banner/chack_phone.gif); } .FloatBanner .Check_ID { background-image:url(../images/banner/chack_ID.gif); } .FloatBanner .Check_Mail { background-image:url(../images/banner/chack_mail.gif); } .FloatBanner .Phone_Tw { background-image:url(../images/banner/PhonePW_Tw.jpg); } .FloatBanner .Phone_Oversea { background-image:url(../images/banner/PhonePW_Ov.jpg); } .GuardBanner .User_Advance { background-image:url(../images/banner/user_advance_b.gif); } .User_Advance a { background-image:url(../images/banner/user_advance.gif); } .GuardBanner .Guard_Apply { background-image:url(../images/banner/gcard_apply_b.gif); } .Guard_Apply a { background-image:url(../images/banner/gcard_apply.gif); } .GuardBanner .Guard_Start { background-image:url(../images/banner/gcard_start_b.gif); } .Guard_Start a { background-image:url(../images/banner/gcard_start.gif); } .GuardBanner .Guard_Change { background-image:url(../images/banner/gcard_change_b.gif); } .Guard_Change a { background-image:url(../images/banner/gcard_change.gif); } .GuardBanner .Guard_Cancel { background-image:url(../images/banner/gcard_cancel_b.gif); } .Guard_Cancel a { background-image:url(../images/banner/gcard_cancel.gif); } .GuardBanner .Guard_Resend { background-image:url(../images/banner/gcard_send_b.gif); } .Guard_Resend a { background-image:url(../images/banner/gcard_send.gif); } .PhonePw_Set { background-image:url(../images/banner/phonepw_set_b.gif); } .PhonePw_Set a { background-image:url(../images/banner/phonepw_set.gif); } .PhonePw_Change { background-image:url(../images/banner/phonepw_change_b.gif); } .PhonePw_Change a { background-image:url(../images/banner/phonepw_change.gif); } .PhonePw_Cancel { background-image:url(../images/banner/phonepw_cancel_b.gif); } .PhonePw_Cancel a { background-image:url(../images/banner/phonepw_cancel.gif); } .PhonePw_Advence { background-image:url(../images/banner/phonepw_advence_b.gif); } .PhonePw_Advence a { background-image:url(../images/banner/phonepw_advence.gif); } .PhonePw_Over_Advence { background-image:url(../images/banner/phonepw_oversea_advence_b.gif); } .PhonePw_Over_Advence a { background-image:url(../images/banner/phonepw_oversea_advence.gif); } .PhonePw_Over_Apply { background-image:url(../images/banner/phonepw_oversea_apply_b.gif); } .PhonePw_Over_Apply a { background-image:url(../images/banner/phonepw_oversea_apply.gif); } .PhonePw_Over_Set { background-image:url(../images/banner/phonepw_oversea_set_b.gif); } .PhonePw_Over_Set a { background-image:url(../images/banner/phonepw_oversea_set.gif); } .PhonePw_Over_Cancel { background-image:url(../images/banner/phonepw_oversea_cancel_b.gif); } .PhonePw_Over_Cancel a { background-image:url(../images/banner/phonepw_oversea_cancel.gif); } .NowCall p { margin:10px 0px 20px 0px; text-indent:-6000px; height:152px; } p.HkCall02, p.MalaiCall02, p.SigaCall02, p.PhoneCall_03, p.PhoneCall_04 { margin:10px 0px; height:33px; text-indent:-6000px; background-repeat:no-repeat; } .PhoneCall { background-image:url(../images/banner/call_01.jpg); } .PhoneCall_02 { background-image:url(../images/banner/call_03.jpg); } .PhoneCall_03 { background-image:url(../images/banner/call_01.gif); } .PhoneCall_04 { background-image:url(../images/banner/call_02.gif); } .MobileCall { background-image:url(../images/banner/call_02.jpg); } .MalaiCall { background-image:url(../images/banner/call_malai.jpg);} .MalaiCall02 { background-image:url(../images/banner/call_malai.gif);} .SigaCall { background-image:url(../images/banner/call_siga.jpg); } .SigaCall02 { background-image:url(../images/banner/call_siga.gif); } .HkCall { background-image:url(../images/banner/call_hk.jpg); } .HkCall02 { background-image:url(../images/banner/call_hk.gif); } .OtherCall { background-image:url(../images/banner/call_other.jpg);} .Way_Upload, .Way_Fax { background-repeat:no-repeat; height:195px; position:relative; } .Way_Fax{ background-image:url(../images/banner/fax.jpg); } .Way_Upload{ background-image:url(../images/banner/upload.jpg); } .Way_Upload p, .Way_Fax p { position:relative; width:500px; left:50px; top:83px; color:#F00; } .Way_Upload p span { display:block; position:relative; width:300px; height:20px; top:8px; left:128px; border:solid 1px #CCC; } .Way_Fax a, .Way_Upload .Yes { display:block; position:absolute; height:37px; background-repeat:no-repeat; text-indent:-6000px; } .Way_Upload .Yes { left:220px; bottom:17px; width:122px; background-image:url(../images/banner/upload_b.gif); } .Way_Fax a { left:199px; bottom:30px; width:166px; background-image:url(../images/banner/fax_b.gif); } .Way_Fax a:hover, .Way_Upload a.Yes:hover { background-position:left -37px; } .MRegisterArea .InputTitle { position:relative; border:solid 0px; padding:0px 0px 10px 70px; top:10px; margin-bottom:5px; } .MRegisterArea .InputTitle b { position:absolute; left:245px; top:-5px; _left:180px;/*IE6 Only*/ font-size:20px; } /**登入頁面版型 三種color**/ #Login01 { background:url(../images/login/tobg_green.png) no-repeat top center; } #Login02 { background:url(../images/login/tobg_blue.png) no-repeat top center; } #Login03 { background:url(../images/login/tobg_orange.png) no-repeat top center;} #Login04 { background:url(../images/login/tobg_orange2.png) no-repeat top center;} #Login01 .MRegisterArea, #Login02 .MRegisterArea, #Login03 .MRegisterArea, #Login04 .MRegisterArea { background-repeat:no-repeat; background-position:top center; margin:auto; width:601px; height:870px; position:relative; top:188px; left:20px; } #Login01 .MRegisterArea { background-image:url(../images/login/content_bg.png); } #Login02 .MRegisterArea { background-image:url(../images/login/content_bg_b.png);} #Login03 .MRegisterArea { background-image:url(../images/login/content_bg_o.png);} #Login04 .MRegisterArea { background-image:url(../images/login/content_bg_o2.png);} #Login01 .MRegisterArea .RepeatBg { background:url(../images/login/content_bg02.png) repeat-y; } #Login01 .MRegisterArea .RepeatBg, x:-moz-any-link { margin-top:20px; }/**FF only**/ #Login02 .MRegisterArea .Fix { background:url(../images/login/content_bg02_b.png) repeat-y; } #Login01 .Logo, #Login02 .Logo, #Login03 .Logo, #Login04 .Logo { background-repeat:no-repeat; display:block; width:192px; height:83px; text-indent:-6000px; position:absolute; left:40px; top:-90px; } #Login01 .Logo { background:url(../images/login/logo_g.png) } #Login02 .Logo { background:url(../images/login/logo_b.png) } #Login03 .Logo { background:url(../images/login/logo_o.png) } #Login04 .Logo { background:url(../images/login/logo_o2.png) } #Login01 ul, #Login03 ul, #Login04 ul { position:absolute; right:60px; top:-21px;} #Login01 ul li, #Login03 ul li, #Login04 ul li { float:left; width:98px; height:29px; padding-left:5px; position:relative;} #Login01 ul li a, #Login03 ul li a, #Login04 ul li a { display:block; position:absolute; width:100%; height:29px; background:url(../images/tab/tab_bg.png) no-repeat; background-position:left bottom; background-repeat:no-repeat; line-height:29px; color:#000; overflow:hidden; } #Login01 ul li a:hover, #Login03 ul li a:hover { background-position:left top; text-decoration:none; } #Login01 ul b, #Login03 ul b { position:absolute; left:0px; top:0px; } #Login01 ul .home a, #Login03 ul .home a { text-indent:40px; } #Login01 ul .join a, #Login03 ul .join a { text-indent:35px; } #Login01 ul .home b, #Login03 ul .home b { background:url(../images/icon/icon_home.gif) no-repeat 20px 7px; } #Login01 ul .join b, #Login03 ul .join b { background:url(../images/icon/icon_id.gif) no-repeat 10px 9px; } #Login01 .InputArea, #Login02 .InputArea, #Login03 .InputArea { width:350px; margin:auto; position:relative;} #Login04 .InputArea { width:400px; margin:auto; position:relative;} #Login01 .InputArea div, #Login02 .InputArea div, #Login03 .InputArea div, #Login04 .InputArea div { padding-left:60px; margin-bottom:5px; } #Login01 .InputArea div p, #Login02 .InputArea div p, #Login03 .InputArea div p, #Login04 .InputArea div p { padding:2px 0px 0px 0px; border:solid 1px #DDD; width:200px; height:18px; line-height:20px; } #Login01 .InputArea div input, #Login02 .InputArea div input, #Login03 .InputArea div input, #Login04 .InputArea div input { border:none; } #Login01 .InputArea fieldset, #Login02 .InputArea fieldset, #Login03 .InputArea fieldset, #Login04 .InputArea fieldset { padding:10px;} #Login01 .InputArea p, #Login02 .InputArea p, #Login03 .InputArea p, #Login04 .InputArea p { padding-left:75px; position:relative;} #Login01 .InputArea p span, #Login02 .InputArea p span, #Login03 .InputArea p span, #Login04 .InputArea p span { display:block; background:url(../images/icon/icon_dot_02.gif) no-repeat left center; padding-left:10px; } #Login01 .InputArea p a, #Login02 .InputArea p a, #Login03 .InputArea p a, #Login04 .InputArea p a { background:url(../images/icon/icon_star.gif) no-repeat left center; padding-left:15px;} #Login01 .BtnArea, #Login02 .BtnArea, #Login03 .BtnArea { position:absolute; top:-3px; right:-10px; } #Login04 .BtnArea { position:relative; } #Login01 .BtnArea .Login, #Login02 .BtnArea .Login, #Login03 .BtnArea .Login { display:block; width:73px; height:58px; background:url(../images/login/btn_log.png) no-repeat; text-indent:-6000px; } #Login04 .BtnArea .Login { display:block; width:73px; height:58px; background:url(../images/login/btn_log.png) no-repeat; text-indent:-6000px; } #Login01 .BtnArea .Login:hover, #Login02 .BtnArea .Login:hover, #Login03 .BtnArea .Login:hover { background-position:left -57px; } #Login04 .BtnArea .Login:hover { background-position:left -57px; } #Login01 .BtnArea .PW, #Login03 .BtnArea .PW, #Login04 .BtnArea .PW { background:url(../images/icon/icon_help.gif) no-repeat; padding:1px 0px 2px 20px; text-decoration:underline; line-height:25px; } #Login01 blockquote, #Login03 blockquote, #Login04 blockquote { width:450px; margin:auto; position:relative; top:40px; *top:20px; } #Login01 blockquote { width:480px; padding:10px; border-top:solid 1px #DDD; } *+html #Login01 blockquote, *+html #Login03 blockquote, *+html #Login04 blockquote { top:20px; }/*IE8 Only*/ #Login01 blockquote a.SpecialLogin, #Login03 blockquote a.SpecialLogin, #Login04 blockquote a.SpecialLogin { background:url(../images/login/btn_special.gif) no-repeat; position:absolute; right:-25px; bottom:10px; width:74px; height:32px; text-indent:-6000px; } #Login01 blockquote a.SpecialLogin:hover, #Login03 blockquote a.SpecialLogin:hover, #Login04 blockquote a.SpecialLogin:hover { background-position:left bottom; } #Login01 .Notice { width:430px; margin:auto; background-color:#EFEFEF; border:solid 1px #DDD; padding:15px; margin-top:20px; } /*SitemapeArea*/ .SiteMapArea { position:relative; width:720px; _width:730px;/*IE6 Only*/ margin:auto; } .SiteMapArea ul { width:100%; height:auto; } .SiteMapArea li { position:relative; width:160px; min-height:200px; _height:200px;/*IE6 Only*/ margin:5px 0px 5px 15px; display: inline-block;/*For IE8 Firefox3.0*/ vertical-align:Top;;/*For IE8 Firefox3.0*/ zoom: 1;/*For IE*/ *display: inline;/*For IE7 IE6*/ } .SiteMapArea li p { background-image:url(../images/banner/sitemap_b.png); background-repeat:no-repeat; width:136px; height:65px; position:relative; overflow:hidden; text-indent:-6000px; cursor:hand; } .SiteMapArea li a:hover p { background-image:url(../images/banner/sitemap_b_r.png); } .SiteMapArea .SMap02 { background-position:-133px top; } .SiteMapArea .SMap03 { background-position:-266px top; } .SiteMapArea .SMap04 { background-position:-399px top; } .SiteMapArea .SMap05 { background-position:left -62px; } .SiteMapArea .SMap06 { background-position:-133px -62px; } .SiteMapArea .SMap07 { background-position:-266px -62px; } .SiteMapArea .SMap08 { background-position:-399px -62px; } .SiteMapArea .SMap09 { background-position:left -124px; } .SiteMapArea .SMap10 { background-position:-133px -124px; } .SiteMapArea .SMap11 { background-position:-266px -124px; } .SiteMapArea .SMap12 { background-position:-399px -124px; } .SiteMapArea .SMap13 { background-position:left bottom; } .SiteMapArea .SMap14 { background-position:-133px bottom; } .SiteMapArea .SMap15 { background-position:-266px bottom; } .SiteMapArea dl { padding-left:20px; } .SiteMapArea dl a {color:#000; } .SiteMapArea dl a:hover { color:#09C;} .SiteMapArea dt { position:relative; background:url(../images/icon/icon_dot.gif) no-repeat left 10px; text-indent:10px; } .SiteMapArea dt.Plus, .SiteMapArea dt.Close { background-repeat:no-repeat; background-position: left 6px; position:relative; text-indent:10px; } .SiteMapArea dt.Plus { background-image:url(../images/icon/icon_plus.gif); } .SiteMapArea dt.Close { background-image:url(../images/icon/icon_close.gif); } .SiteMapArea dd { padding-left:3px; font-size:11px; } .SiteMapArea dd a { padding-left:8px; color:#888; display:block; } /** 合作提案聯繫表單 **/ .CollaborForm { width:700px; margin:50px auto; position:relative; } .CollaborForm H1 { position:absolute; width:702px; height:32px; top:-32px; left:-1px; background:url(../images/subtitle/sub_colla_form.png) no-repeat left top; text-indent:-6000px; } .CollaborForm ul { border:solid 1px #CCC; border-top:none; padding:0px 0px 20px 0px; } .CollaborForm li { width:100%; list-style:none; border-bottom:solid 1px #DDD; position:relative; } .CollaborForm .Item { float:left; text-align:center; width:180px; border:solid 0px; background-color:#ffffe6; height:52px; line-height:52px; margin-right:10px; } .CollaborForm .Needed b { color:#F00; } .CollaborForm .Needed { background-color:#ffffd2; } .CollaborForm .InputArea{ position:relative; top:13px;} .CollaborForm .InputArea em { font-weight:normal; color:#974; } .CollaborForm .InputArea textarea { border:1px solid #CCC; background-color:#F0F0F0; overflow-x:hidden; overflow-y:scroll; width:495px; height:120px; text-align:left; font-size:12px; padding:2px; } .CollaborForm .InputArea input { height:20px; line-height:18px; /*for IE*/ border:1px solid #CCC; background-color:#F9F9F9; width:180px; padding-left:3px; } .CollaborForm .InputArea select { border-color:#CCC; /*for FF*/ } .CollaborForm ul p.BtnArea { width:200px; }