/* --PC�����------------------------------------- */ *{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;} .w_top{ width:100%; background-color:#f9697e;} /* 主視覺左右背景 */ .w_g1 { width: 100%;background:url(../../../../activities/201510/MAJIBANK/images/kv_bg.jpg) no-repeat top center;} /* 主視覺左右背景end */ .w_g2{width:100%; background-color:#fe4723; display:block;} .w_g2_M{width:100%; background-color:#fe4723; display:none;} /* 下方底色 */ .w_g3 { width: 100%;background-color: #ff641e;}/*背景底色*/ /* 下方底色end */ /*說明底色*/ .w_g4 {background: #333;} .w_gback{ width:100%;background:#000;} #fb-like_WW { z-index:1010; float: right; width: 188px;height: 47px; padding: 14px 0px 0px 42px; display:block; background:url(../../../../activities/201510/MAJIBANK/images/FB_bt.png) no-repeat top left;background-size:188px 47px; margin:0px 0px 0px 10px; } #fb-like_PP {position: absolute; top: 15px; right: 20px; z-index:10100; display:none; /*background-color:#000; width:130px; height:30px;*/ } #line_PP {position: absolute; top: 15px; right: 135px; z-index:10100; display:block; width:84px; height:20px; display:none; } .a{ letter-spacing:1px;} p.font_indent_no{text-indent:-9999px; line-height:0px; font-style:0px; } /*瘚格偌�㫲banner��见��*/ .BOX_menu{ position: fixed;top:105px; display:block; margin-left:1030px; } .BOX_menu .box_link a.linkID{ display:block; text-indent:-9999px; line-height:0px; margin:0px 0px 5px 0px;} .BOX_menu .box_link a.linkID img{display:block; width:105px; height:55px;} .BOX_menu .box_link a.linkID_1{ display:block; text-indent:-9999px; line-height:0px; margin:0px 0px 5px 0px;} .BOX_menu .box_link a.linkID_1 img{display:block; width:105px; height:105px;} .BOX_menu .box_link a.linkID_2{ display:block; text-indent:-9999px; line-height:0px; margin:0px 0px 5px 0px;} .BOX_menu .box_link a.linkID_2 img{display:block; width:105px; height:155px;} /*瘚格偌�㫲banner蝯鞉��*/ /*撌行筑瘞游㫲banner��见��*/ .BOX_ableft{ position: absolute; left:0px; top:0px; display:block; width:500px; height:580px; background:url(../../../../activities/201510/MAJIBANK/images/BOX_ableft.png) no-repeat left top; } .box_ph{ width:60%; color: #000; font-size: 18px; line-height: 30px; margin: 20px 0px 0px 20px; display:block; float:left;} .box_ph span.b_font{ color:#fff;height:30px; line-height:30px; background:url(../../../../activities/201510/MAJIBANK/images/tad_bg01.png) no-repeat left top; padding: 0px 12px 0px 3px; float:left; } .box_ph span.b_font_m{ color:#fff;height:30px; line-height:30px;float:left;} .box_ph input{height:29px;border:1px solid #999;background:#fff;padding:0 5px;width:180px;font-size:13px;color:#888; margin:0px 5px 0px 0px; float:left;} .box_ph a.font_bt{ color:#FFF; background-color:#ff3300; float:left; display:block;text-align:center; width:80px; border-radius: 3px;} .box_ph a.font_bt:hover{ color:#FFF; background-color:#fc7100;} .ph_box{ float:left; display:block; width:100%; margin:10px 0px 0px 0px;} /*瘚桀椰瘞游㫲banner蝯鞉��*/ /*TOP��见��*/ .BOX_top{ position:fixed; width:35px; height:35px; bottom:95px; display:block; margin-left: 1040px;} .BOX_top .box_bt{display:block; background-color:#454545;border-radius:30px;} .BOX_top .box_bt a.topbt{ display:block;line-height:35px;color:#fbfbfb; font-size:11px; text-align:center; } /*TOPbanner蝯鞉��*/ .he-wrap {width: 100%; height: auto;margin: 0;padding: 0;} .container_12 {margin: 0 auto; width:100%;} .he-rstbox { position: relative;} .e-toppic, .m-e-toppic {width: 100%;height: auto;position: relative;z-index: 889; overflow: hidden; padding:70px 0px 0px 0px;} .e-toppic .toptitle {position: relative; max-width:1029px; height: auto; margin: 0px auto; z-index: 999;} .e-toppic .toptitle .imgtop{ width:100%; height:0; padding-bottom:60%; background-image:url(../../../../activities/201510/MAJIBANK/images/card_01_01.gif); background-size:cover; background-color:#fe4477;} .e-toppic .toptitle .imgtop h1{ width:100%; height:0; text-indent:-9999px;} .e-toppic .toptitle .imgtop p.font01{ width: 40%; color: #858585; font-size: 13px; line-height: 1.3em; margin: 38% 0px 0px 65px; display:block;} .e-toppic .boxtitle {position: relative;max-width:1029px;height: auto;margin: 0px auto;z-index: 888; display:block; overflow:hidden;} .e-toppic .boxtitle_WW {position: relative;max-width:1029px;height: auto;margin: 0px auto;z-index: 888; display: block;} .e-toppic .boxtitle_WW .imgbox{ width:100%; height:0; background-size:cover;} .e-toppic .boxtitle_BB {position: relative;max-width:1029px;height: auto;margin: 0px auto;z-index: 888; display: none;} .e-toppic .boxtitle_BB .imgbox{ width:100%; height:0; background-size:cover;} .e-toppic .boxtitle .imgbox{ width:100%; height:0; background-size:cover;} .e-toppic .boxtitle .imgbox_50{ width:50%; height:0; background-size:cover;float:left; position:relative;} .e-toppic .boxtitle_WW .BOXimg02{ padding-bottom:41.6%; background-image:url(../../../../activities/201510/MAJIBANK/images/card_02.gif); text-indent:-9999px;} .e-toppic .boxtitle_WW .BOXimgTV{ padding-bottom:41.6%; background:url(../../../../activities/201510/MAJIBANK/images/card_TV01.jpg) no-repeat left top; text-indent:-9999px;} .e-toppic .boxtitle_BB .BOXimg02{ padding-bottom:56.25%; background-image: none; text-indent:-9999px;} .e-toppic .boxtitle_WW .BOXfont2{ width:100%; height: auto; padding:10px 0 10px 0px; position: absolute; bottom: 3%; left:0px; letter-spacing:1px;/* background:#000;*/ } .e-toppic .boxtitle_WW .BOXfont2 p.font02{ width: 100%; color:#fff; font-size: 14px; line-height: 1.5em; display:block; text-align:center;} .e-toppic .boxtitle_WW .BOXfont2 a.fontlink{ font-weight:700; color:#FF0; text-decoration:underline;} .e-toppic .boxtitle_BB .BOXfont2{ width:100%; height: auto; padding:10px 0 10px 0px; position: inherit; bottom: 0%; left:0px; /*background:#000; */} .e-toppic .boxtitle_BB .BOXfont2 p.font02{ width: 100%; color:#fff; font-size: 12px; line-height: 1.5em; display:block;} .e-toppic .boxtitle_BB .BOXfont2 a.fontlink{ font-weight:700; color:#FF0; text-decoration:underline;} .e-toppic .boxtitle_WW .BOXimg02 h2.fonerh2{text-indent:-9999px;} .e-toppic .boxtitle_BB .BOXimg02 h2.fonerh2{text-indent:-9999px;} .BOXimg02_WW h2.fonerh2{text-indent:-9999px;} /*�批捆��见��*/ .e-toppic .boxtitle .BOXimg{ padding-bottom: 57%; background-image: url(../../../../activities/201510/MAJIBANK/images/center-0529.png);} .e-toppic .boxtitle .Bimg_L{background-image: url(../../../../activities/201510/MAJIBANK/images/card__02_l.jpg);background-size: cover;padding-bottom:76%; } .e-toppic .boxtitle .Bimg_R{background-image: url(../../../../activities/201510/MAJIBANK/images/card__02_r.jpg);background-size: cover;padding-bottom:76%; } .e-toppic .boxtitle .H2img{ padding-bottom:10.6%; background-image:url(../../../../activities/201510/MAJIBANK/images/BOXimg02_bg.gif); } .e-toppic .boxtitle .H3img{ padding-bottom:8.6%; background-image:url(../../../../activities/201510/MAJIBANK/images/BOXimg03_bg.gif); } .e-toppic .boxtitle .BOXimg_2{ padding-bottom:50%; margin:0px 0px 10px 0px;} .e-toppic .boxtitle .BOXimg_3{ padding-bottom:51%; } .e-toppic .boxtitle .BOXimg_4{ padding-bottom:85%;} .e-toppic .boxtitle .BOXimg_4_L{ padding-bottom:70%; background-image:url(../../../../activities/201510/MAJIBANK/images/pid/pid_004.jpg);} .e-toppic .boxtitle .BOXimg_4_R{ padding-bottom:70%; background-image:url(../../../../activities/201510/MAJIBANK/images/pid/pid_005.jpg);} h2.fonerh2{text-indent:-9999px; font-size:0px;} .BOXimg a ,.H2img a ,.BOXimg_2 a ,.BOXimg_3 a ,.BOXimg_4 a{ display:block; width:100%; height:auto;} /*.BOXimg a img ,.H2img a img ,.BOXimg_2 a img ,.BOXimg_3 a img ,.BOXimg_4 a img{ width:100%; height:auto;padding-bottom:76%;}*/ a.appbt{ width:100%; display:block; position:absolute; bottom:0px; right:0px;} .e-toppic .boxtitle .BOXimg01{ padding-bottom:43.416667%; background-image:url(../../../../activities/201510/MAJIBANK/images/card__08.jpg); text-indent:-9999px;} .e-toppic .boxtitle .BOXimg01 h2.fonerh2{text-indent:-9999px;} /*敶梁��蜓閬𤥁死��见��*/ .e-toppic .boxtitle .BOXimg-TV-WW { padding-bottom:21.083333%; /*padding-bottom:18.83333%;*/ background-image: url(../../../../activities/201510/MAJIBANK/images/TV4300-_h1.jpg); display:block; } .e-toppic .boxtitle .BOXimg-TV-WW h2.fonerh2{text-indent:-9999px;} .e-toppic .boxtitle .BOXimg-TV-BB { padding-bottom:21.083333%; /*padding-bottom:18.83333%;*/ background-image: url(../../../../activities/201510/MAJIBANK/images/TV4300-_h1.jpg); display: none;} .e-toppic .boxtitle .BOXimg-TV-BB h2.fonerh2{text-indent:-9999px;} /*敶梁��蜓閬𤥁死r蝯鞉��*/ /*BLUG��见��*/ .e-toppic .boxtitle .BOXimg14 { padding-bottom:21.083333%; /*padding-bottom:18.83333%;*/ background-image: url(../../../../activities/201510/MAJIBANK/images/blug/blug4300-_h1.jpg); } .e-toppic .boxtitle .BOXimg14 h2.fonerh2{text-indent:-9999px;} .e-toppic .boxtitle .Blug_con{ width:100%; height: auto; padding:0px 5%; position: inherit;left:0px;} .e-toppic .boxtitle .Blug_con ul.Blug_C{ width:100%; padding-bottom:35px;} .e-toppic .boxtitle .Blug_con ul.Blug_C li.Blug_box{ float:left; width:50%; height:auto; padding:0px 5px; margin:10px 0px 10px 0px; border:none;} .e-toppic .boxtitle .Blug_con ul.Blug_C li.Blug_box a.i_img{ width:100%; height:auto;} .e-toppic .boxtitle .Blug_con ul.Blug_C li.Blug_box p.font{ font-size:13px; color:#444; line-height:1.25em; margin:10px 0px;} .e-toppic .boxtitle .Blug_con ul.Blug_C li.Blug_box p.font a{ color:#395697;} .e-toppic .boxtitle .Blug_con ul.Blug_C li.Blug_box p.font a:hover{ text-decoration:underline; color:#395697;} .e-toppic .boxtitle .Blug_con ul.Blug_C .bcbox{ float:left; width:100%; height:auto; padding:0px 5px; margin:5px 0px; border:none;} .e-toppic .boxtitle .Blug_con ul.Blug_C .bcbox p.font{ font-size:13px; color:#656565;} .e-toppic .boxtitle .Blug_con ul.Blug_C .bcbox p.font span.fid{ padding:8px 0px 5px 0px; font-size:22px; display:block;} .e-toppic .boxtitle .Blug_con ul.Blug_C .bcbox p.font span.f_p{ padding:2px 0px; font-size:13px; display:block;} .e-toppic .boxtitle .Blug_con ul.Blug_C .bcbox p.font a{ display:block;} .e-toppic .boxtitle .Blug_con ul.Blug_C .bcbox p.font a:hover{ text-decoration:underline; color:#FFF;} ul.Blug_C .bcbox img.idimg{ float:left; display:block; margin:0px 15px 0px 0px;} /*BLUG蝯鞉��*/ .e-toppic .boxtitle .BOXimg08{ padding-bottom:47.5%; background-image:url(../../../../activities/201510/MAJIBANK/images/card_08.gif);} .e-toppic .boxtitle .BOXimg08 h2.fonerh2{text-indent:-9999px;} p.font08{ width: 100%; color: #fff; font-size: 14px; line-height: 1.5em; display:block;} a.fontlink{ font-weight:700; color:#FF0; text-decoration:underline; font-weight:normal;} a.fontlink:hover{ color:#FF0;} /*����堒���见��*/ .e-toppic .boxtitle .BOXfont9{ float:left; width:100%;padding:2% 4%; } .e-toppic .boxtitle .BOXfont9-none{ border:none;} .e-toppic .boxtitle .BOXfont9 h2.h2-font-1 { width: 20%;background-color: #fdfdfd; color: #444; font-size: 22px; line-height: 1.5em; display: block; padding: 20px 4px; text-align: center; border-radius: 2px; font-family: "蘋果儷中黑","Apple LiGothic Medium","微軟正黑體","Microsoft JhengHei","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; } .e-toppic .boxtitle .BOXfont9 h2.h2-font { width: 20%;background-color: #d8d6c5; color: #444; font-size: 22px; line-height: 1.5em; display: block; padding: 20px 4px; text-align: center; border-radius: 2px; font-family: "蘋果儷中黑","Apple LiGothic Medium","微軟正黑體","Microsoft JhengHei","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; } .e-toppic .boxtitle .BOXfont9 p.font09{ width: 100%; color: #FFF; font-size: 18px; line-height: 1.5em; display:block; margin:20px 0px 0px 0px; letter-spacing :1px;} .e-toppic .boxtitle .BOXfont9 p.font09 span{color: #FFF !important;} .e-toppic .boxtitle .BOXfont9 p.font_align{ text-align: left; font-size:24px;} .e-toppic .boxtitle .BOXfont9 a.fontlink{ font-weight:700; color:#FF0; text-decoration:underline; font-weight:normal;} .e-toppic .boxtitle .BOXfont9 a.fontlink:hover{ color:#FF0;} /*����堒�蝯鞉��*/ /*慦㘾�娪�见��*/ /*慦㘾�𠉛�鞉��*/ .e-toppic .boxtitle .BOXimg09{ padding-bottom:13%;/* padding-bottom:60.83%;*/background-image:url(../../../../activities/201510/MAJIBANK/images/card_09-0.gif);} .e-toppic .boxtitle .BOXimg09 h2.fonerh2{text-indent:-9999px;} .e-toppic .boxtitle ul.boxapp{ width:100%; height:0; background-size:cover; background:#333; position:relative;} .e-toppic .boxtitle ul.boxapp li.BOXli{float:left; display:block; width:25%; height:auto;background:#000;text-indent:-9999px; position:relative;} .e-toppic .boxtitle ul.boxapp li.BOXli p.fontlili01{ width:23px; height:41px;display:block; text-indent:-9999px; background:url(../../../../activities/201510/MAJIBANK/images/icon_lili.png) no-repeat left top; position:absolute; top:81%; right:0%;} .e-toppic .boxtitle ul.boxapp li img{width:100%; height:auto;display:block;} /*WEB銝贝��*/ /*��𧢲�煺�贝��*/ .divbox01_PP{width:100%;height:70px; position:fixed; left: 0px;top: 0px;margin: 0px 0px 0px 0px;text-align: center; z-index: 1000; display:block; /*opacity:0.9;*/ background-color:#666;}/* PC版header底色 */ .divbox01_PP .PP_box{ width:1000px; height:60px; margin: 0 auto; margin-top:10px;} .divbox01_PP a.googleplay_bt ,.divbox01_PP a.ios_bt{float: right; text-indent:-9999px; width: 188px;height: 47px; display:block;background-size:188px 47px; margin:0px 0px 0px 10px;} .divbox01_PP a.googleplay_bt{ background:url(../../../../activities/201510/MAJIBANK/images/googleplan_bt.png) no-repeat top left;} .divbox01_PP a.ios_bt{ background:url(../../../../activities/201510/MAJIBANK/images/ios_bt.png) no-repeat top left;} .divbox01_PP a.gomaji_home{ float: left; text-indent:-9999px; width: 145px;height: 50px; display:block; background:url(../../../../activities/201510/MAJIBANK/images/gomaji_bt.png) no-repeat top left;background-size:145px 50px; margin:0px 0px 0px 10px;} /*��厰��*/ .divbox01_PP2{width:100%; text-align: center; display:block; background-color:#ffb636; display:block;} .divbox01_PP2 .PP_box{ width:1000px; margin: 0 auto; padding:0px 0px 30px 0px; float:left;} .divbox01_PP2 a.bt{float: right; width: 350px;height: 47px; display:block; background: url(../../../../activities/201510/MAJIBANK/images/gomaji_fb.png) no-repeat top left;background-size:188px 47px; padding:16px 0px 0px 162px; color:#454545; margin:0px 0px 0px 80px;} /* ==��撠曉�=========== */ .footer{ position:relative; width:100%;height:80px;z-index:888; /*background:url(../../../../activities/201510/MAJIBANK/images/footer_bg.gif) repeat-x left top;*//*position:fixed;bottom:0;*/background-color: #000;} .footer h3{color:#FFF;font-size:12px;line-height:80px;text-shadow:0 1px 2px #FF6600; background: url(../../../../activities/201510/MAJIBANK/images/logo_footer.png) no-repeat left top; text-indent:145px;text-align: left; width:50%;float: left; text-indent:-99999px;} .footer .PP_BT{ width: auto; height:auto; margin:0 auto; display:block;} .footer p.googleplay_box{ text-align:left; float:right; display:block;} .footer p.googleplay_box a.googlebt{ display:block; width:160px; height:55px; text-indent:-9999px; margin:13px 20px 0px 0px; background:url(../../../../activities/201510/MAJIBANK/images/googleplan_bt_m.png) no-repeat top left;} .footer p.googleplay_box p.googlebt{ display:block; width:160px; height:55px; text-indent:-9999px; margin:13px 20px 0px 0px; background:url(../../../../activities/201510/MAJIBANK/images/googleplan_bt_m.png) no-repeat top left;} .footer p.ios_box{ text-align:left; float:right; display:block;} .footer p.ios_box a.iosbt{ display:block; width:160px; height:55px; text-indent:-9999px; margin:13px 20px 0px 0px; background:url(../../../../activities/201510/MAJIBANK/images/ios_bt_m.gif) no-repeat top left;} .footer p.ios_box span.iosbt{ display:block; width:160px; height:55px; text-indent:-9999px; margin:13px 20px 0px 0px; background:url(../../../../activities/201510/MAJIBANK/images/ios_bt_m.gif) no-repeat top left;} #WRAPPER{width:640px;/*height:360px*/;position: absolute;left: 50%;top: 46%;margin-left: -320px;margin-top: -180px;background-color:#FFF; border: 5px solid #000;} #VVV{width:100%;height:0;padding-bottom:56.25%;position:relative;/*ios閬����*/} #VVV iframe{width:100%;height:100%;position:absolute;/*ios閬����*/left:0;/*ios閬����*/top:0;/*ios閬����*/} /*��𧢲��*/ .wbox{ max-width: 1067px; height: auto; margin: 0 auto;/* text-align: center; */display: block; padding-bottom: 28px;} .ba {padding: 0px;margin: 0px;} .e-toppic .block .wbox .bframe { height: auto; display: inline-block; margin: 6px 3px;} .bfr30 {width: 31.5%; background: #fbfbfb; } .e-toppic .block .wbox .bframe .logo30_1 { width: 100%; height: 90px; background-size: cover; background-position: center top; position: relative;} .e-toppic .block .wbox .bframe .bor h2 { font-family: "微軟正黑體"; color: #1e1e1e; width: 100%; font-size: 72px; text-align: center;margin:10px 0px; border-bottom:1px solid #f5f2f2; padding:10px 0px 15px 0px; font-weight:bold; height:135px;} h2 span.font-1{ font-size:14px;} h2 span.font-0{ text-indent:-9999px; display:none;} .e-toppic .block .wbox .bframe .bor p { font-family: "微軟正黑體"; color: #1e1e1e; width: 100%; font-size: 18px; text-align: left; margin:20px 0px; padding:0px 20px; height:172px; line-height:1.3em;} .e-toppic .block .wbox .bframe .bor div.btn { font-family: "微軟正黑體"; font-size: 15px; background: #fe4723; width: 50%;text-align: center; line-height: 29px; border-radius: 20px; color: #fff; margin:0 auto; display:block;} .e-toppic .block .wbox .bframe .bor { width: 100%; height: auto; display: inline-block; padding:0px 15px 20px 15px; } /*LOGO*/ span.M10{ margin-top:10px; font-weight:normal; display:block;} .logo-p1-1 { background: url(../../../../activities/201510/MAJIBANK/images/pic/pic30_logo-p1-1.gif) no-repeat 0px 0px; background-color:#d82430; border-top:5px solid #d82430; padding-bottom:26.785714%} span.p1-1{ color:#d82430; font-size:53px;} .logo-p1-2 { background: url(../../../../activities/201510/MAJIBANK/images/pic/pic30_logo-p1-12.jpg) repeat-x 0px 0px; background-color:#ffffff; border-top:5px solid #00abeb; padding-bottom:26.785714%} span.p1-2{ color:#004883; font-size:53px;} .logo-p1-3 { background: url(../../../../activities/201510/MAJIBANK/images/pic/pic30_logo-p1-21.jpg) no-repeat 0px 0px; background-color:#007D7D; border-top:5px solid #007D7D; padding-bottom:26.785714%} span.p1-3{ color:#007D7D; font-size:53px;} .logo-p1-4 { background: url(../../../../activities/201510/MAJIBANK/images/pic/pic30_logo-p1-4.gif) no-repeat 0px 0px; background-color:#ffffff; border-top:5px solid #4f84b3; padding-bottom:26.785714%} span.p1-4{ color:#4f84b3; font-size:53px;} .logo-p1-5 { background: url(../../../../activities/201510/MAJIBANK/images/pic/pic30_logo-p1-5.gif) no-repeat 0px 0px; background-color:#fff; border-top:5px solid #009043; padding-bottom:26.785714%} span.p1-5{ color:#009043; font-size:53px;} .p1-5 em { font-style: normal; font-size: 15px; color: #000; vertical-align: middle; } .logo-p1-6 { background: url(../../../../activities/201510/MAJIBANK/images/pic/pic30_logo-p1-6.gif) no-repeat 0px 0px; background-color:#fff; border-top:5px solid #ae8833; padding-bottom:26.785714%} span.p1-6{ color:#d82430; font-size:53px;} .logo-p1-7 { background: url(../../../../activities/201510/MAJIBANK/images/pic/pic30_logo-p1-7.gif) no-repeat 0px 0px; background-color:#fff; border-top:5px solid #005598; padding-bottom:26.785714%} span.p1-7{ color:#005598; font-size:53px;} .logo-p1-8 { background: url(../../../../activities/201510/MAJIBANK/images/pic/pic30_logo-p1-8.gif) no-repeat 0px 0px; background-color:#fff; border-top:5px solid #0295c3; padding-bottom:26.785714%} span.p1-8{ color:#0295c3; font-size:53px;} .logo-p1-9 { background: url(../../../../activities/201510/MAJIBANK/images/pic/pic30_logo-p1-22.jpg) no-repeat 0px 0px; background-color:#fff; border-top:5px solid #ee2e24; padding-bottom:26.785714%} span.p1-9{ color:#ee2e24; font-size:53px;} .logo-p1-10 { background: url(../../../../activities/201510/MAJIBANK/images/pic/pic30_logo-p1-10.jpg) no-repeat 0px 0px; background-color:#fff; border-top:5px solid #ee2e24; padding-bottom:26.785714%} span.p1-10{ color:#ee2e24; font-size:53px;} .logo-p1-11 { background: url(../../../../activities/201510/MAJIBANK/images/pic/pic30_logo-p1-1-10.gif) no-repeat 0px 0px; background-color:#fff; border-top:5px solid #ee2e24; padding-bottom:26.785714%} span.p1-11{ color:#ee2e24; font-size:53px;} .logo-p1-12 { background: url(../../../../activities/201510/MAJIBANK/images/pic/pic30_logo-p1-11.gif) no-repeat 0px 0px; background-color:#fff; border-top:5px solid #ee2e24; padding-bottom:26.785714%} span.p1-12{ color:#005598; font-size:53px;} .logo-p1-13 { background: url(../../../../activities/201510/MAJIBANK/images/pic/pic30_logo-p1-13.jpg) no-repeat 0px 0px; background-color:#fff; border-top:5px solid #bc0233; padding-bottom:26.785714%} span.p1-13{ color:#bc0233; font-size:53px;} .logo-p1-14 { background: url(../../../../activities/201510/MAJIBANK/images/pic/pic30_logo-p1-14.jpg) no-repeat 0px 0px; background-color:#01a89e; border-top:5px solid #00a098; padding-bottom:26.785714%} span.p1-14 { color:#007c7c; font-size:53px;} .logo-p1-15 { background: url(../../../../activities/201510/MAJIBANK/images/pic/pic30_logo-p1-15.gif) no-repeat 0px 0px; background-color:#fff; border-top:5px solid #005BAC; padding-bottom:26.785714%} span.p1-15 { color:#005BAC; font-size:53px;} .logo-p1-16 { background: url(../../../../activities/201510/MAJIBANK/images/pic/pic30_logo-p1-16.gif) no-repeat 0px 0px; background-color:#FFFFFF; border-top:5px solid #BC0233; padding-bottom:26.785714%} span.p1-16 { color:#d82430; font-size:53px;} .p1-16 em { font-style: normal; font-size: 15px; color: #000; vertical-align: middle; } span.p1-17 {line-height: 73px; font-family: "微軟正黑體"; color: #004e98; width: 100%; font-size: 45px; text-align: center; margin: 10px 0px; border-bottom: 1px solid #f5f2f2; padding: 10px 0px 15px 0px; font-weight: bold;} .logo-p1-18 { background: url(../../../../activities/201510/MAJIBANK/images/pic/pic30_logo-p1-18.jpg) no-repeat 0px 0px; background-color:#FFFFFF; border-top:5px solid #BC0233; padding-bottom:26.785714%} span.p1-18 { color:#BC0233; font-size:53px;} .logo-p1-19 { background: url(../../../../activities/201510/MAJIBANK/images/pic/pic30_logo-p1-19.gif) no-repeat 0px 0px; background-color:#FFFFFF; border-top:5px solid #88AA00; padding-bottom:26.785714%} span.p1-19 { color:#88AA00; font-size:53px;} .logo-p1-20 { background: url(../../../../activities/201510/MAJIBANK/images/pic/pic30_logo-p1-11.gif?1) no-repeat 0px 0px; background-color:#FFFFFF; border-top:5px solid #0A5B45; padding-bottom:26.785714%} span.p1-20 { color:#0A5B45; font-size:53px;} .logo-p1-21 { background: url(../../../../activities/201510/MAJIBANK/images/pic/pic30_logo-p1-20.jpg) no-repeat 0px 0px; background-color:#FFFFFF; border-top:5px solid #d82430; padding-bottom:26.785714%} span.p1-21 { color:#d82430; font-size:53px;} .logo-p1-23 { background: url(../../../../activities/201510/MAJIBANK/images/pic/pic30_logo-p1-23.jpg) no-repeat 0px 0px; background-color:#FFFFFF; border-top:5px solid #c00000; padding-bottom:26.785714%} span.p1-23 { color:#c00000; font-size:53px;} .logo-p1-24 { background: url(../../../../activities/201510/MAJIBANK/images/pic/pic30_logo-p1-24.jpg) no-repeat 0px 0px; background-color:#FFFFFF; border-top:5px solid #d51524; padding-bottom:26.785714%} span.p1-24 { color:#d51524; font-size:53px;} .logo-p1-25 { background: url(../../../../activities/201510/MAJIBANK/images/pic/pic30_logo-p1-25.jpg) no-repeat 0px 0px; background-color:#FFFFFF; border-top:5px solid #138d6b; padding-bottom:26.785714%} span.p1-25 { color:#138d6b; font-size:53px;} .logo-p1-26 { background: url(../../../../activities/201510/MAJIBANK/images/pic/pic30_logo-p1-26.jpg) no-repeat 0px 0px; background-color:#FFFFFF; border-top:5px solid #faec32; padding-bottom:26.785714%} span.p1-26 { color:#989898; font-size:53px;} .logo-p1-27 { background: url(../../../../activities/201510/MAJIBANK/images/pic/pic30_logo-p1-27.jpg) no-repeat 0px 0px; background-color:#FFFFFF; border-top:5px solid #ea5504; padding-bottom:26.785714%} span.p1-27 { color:#ea5504; font-size:53px;} .card_BOX { position: absolute; top: 50.8%; right: 10.2%; background: url(../../../../activities/201510/MAJIBANK/images/logo-1.gif) no-repeat left top; border-radius: 15px; width: 229px; height: 134px; display: none; } /* --��𧢲�毺����------------------------------------- */ @media screen and ( max-width:768px) {.bfr30 {width: 90%; background: #fbfbfb; margin: 0 auto;}} @media screen and ( max-width:736px) {.card_BOX{ width:229px; height:134px; display:none;} } @media screen and ( max-width:736px) { .w_g2{width:100%; background-color:#fe4723; display:none;} .w_g2_M{width:100%; background-color:#fe4723; display: block;} *{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;} #fb-like_WW {position: absolute; bottom: 61px; right: 220px; z-index:1010; display:none; } #fb-like_PP {position: absolute; top: 15px; right: 20px; z-index:10100; display:block; } #line_PP {position: absolute; top: 15px; right: 135px; z-index:10100; display:block; width:84px; height:20px; } /*瘚格偌�㫲banner��见��*/ .BOX_menu{ position: fixed; bottom:10%; right:50px; display: none; } .BOX_menu .box_link{} .BOX_menu .box_link a.linkID{ display:block; text-indent:-9999px; line-height:0px;} .BOX_menu .box_link a.linkID img{display:block; width:150px; height:55px;} .BOX_menu .box_link a.linkID_1{ display:block; text-indent:-9999px; line-height:0px; margin:0px 0px 5px 0px;} .BOX_menu .box_link a.linkID_1 img{display:block; width:105px; height:105px;} .BOX_menu .box_link a.linkID_2{ display:block; text-indent:-9999px; line-height:0px; margin:0px 0px 5px 0px;} .BOX_menu .box_link a.linkID_2 img{display:block; width:105px; height:155px;} /*瘚格偌�㫲banner蝯鞉��*/ /*撌行筑瘞游㫲banner��见��*/ .BOX_ableft{ position: inherit; left:0px; top:0px; display:block; width:100%; height:110px; background: #04b586;} .box_ph{ width:300px; color: #000; font-size: 20px; line-height: 30px; display:block; margin:0 auto; float:none; padding:20px 0px; } .box_ph span.b_font{ color:#fff;height:30px; line-height:30px; background:url(../../../../activities/201510/MAJIBANK/images/tad_bg01.png) no-repeat left top; padding: 0px 20px 0px 3px; float:left; font-size:18px; } .box_ph span.b_font_m{ color:#fff;height:30px; line-height:30px;float:left;} .box_ph input{height:36px;border:1px solid #999;background:#fff;padding:0 5px;width:210px;font-size:13px;color:#888; margin:0px 5px 0px 0px; float:left;} .box_ph a.font_bt{ color:#FFF; background-color:#ff3300; float:left; display:block;text-align:center; width:80px; border-radius: 3px; height:36px; line-height:36px;} .box_ph a.font_bt:hover{ color:#FFF; background-color:#fc7100;} .ph_box{ float:left; display:block; width:100%; margin:10px 0px 0px 0px;} /*瘚桀椰瘞游㫲banner蝯鞉��*/ /*TOP��见��*/ .BOX_top{ position:fixed; width:35px; height:35px; bottom:95px; display:block; margin-left: 1220px;} .BOX_top .box_bt{display:block; background-color:#454545;border-radius:30px;} .BOX_top .box_bt a.topbt{ display:block;line-height:35px;color:#fbfbfb; font-size:11px; text-align:center; } /*TOPbanner蝯鞉��*/ .he-wrap {width: 100%; height: auto;margin: 0;padding: 0;} .container_12 {margin: 0 auto; width:100%;} .he-rstbox { position: relative;} .e-toppic, .m-e-toppic {width: 100%;height: auto;position: relative;z-index: 888; overflow: hidden; padding:0px 0px 0px 0px;} .e-toppic .boxtitle {position: relative;width:100%;height: auto; margin: 0px auto; z-index: 999;} .e-toppic .toptitle .imgtop{ width:100%; height:0; padding-bottom:60%; background-image:url(../../../../activities/201510/MAJIBANK/images/card_01_m.jpg); background-size:cover;} .e-toppic .toptitle .imgtop h1{ width:100%; height:0; text-indent:-9999px;} .e-toppic .toptitle .imgtop p.font01{ width: 40%; color: #858585; font-size: 13px; line-height: 1.3em; margin: 38% 0px 0px 65px; display:none;} .e-toppic .boxtitle {position: relative;max-width:1029px;height: auto;margin: 0px auto;z-index: 888; display: block;} .e-toppic .boxtitle_WW {position: relative;max-width:1029px;height: auto;margin: 0px auto;z-index: 888; display: none;} .e-toppic .boxtitle_BB {position: relative;max-width:100%;height:auto; margin: 0px auto;z-index: 888; display: block; padding:0px 0px 30px 0px;} .e-toppic .boxtitle .imgbox{ width:100%; height:0; background-size:cover;} .e-toppic .boxtitle .imgbox_50{ width:100%; height:0; background-size:cover;float:left; position:relative;} .e-toppic .boxtitle_WW .BOXimg02{ padding-bottom:41.6%; background-image:url(../../../../activities/201510/MAJIBANK/images/card_02.gif); text-indent:-9999px;} .e-toppic .boxtitle_WW .BOXimgTV{ padding-bottom:41.6%; background:url(../../../../activities/201510/MAJIBANK/images/card_TV01.jpg) no-repeat left top; text-indent:-9999px;} .e-toppic .boxtitle_BB .BOXimg02{ padding-bottom:56.25%; background-image: none; text-indent:-9999px;} .e-toppic .boxtitle_WW .BOXimg02 h2.fonerh2{text-indent:-9999px; font-size:0px; line-height:0px;} .e-toppic .boxtitle_BB .BOXimg02 h2.fonerh2{text-indent:-9999px; font-size:0px; line-height:0px;} .e-toppic .boxtitle_WW .BOXfont2{ width:100%; height: auto; padding:10px 0 10px 0px; position: inherit; bottom: 0%; left:0px; background:#000; } .e-toppic .boxtitle_WW .BOXfont2 p.font02{ width: 100%; color:#fff; font-size: 15px; line-height: 1.5em; display:block;} .e-toppic .boxtitle_WW .BOXfont2 a.fontlink{ font-weight:700; color:#FF0; text-decoration:underline;} .e-toppic .boxtitle_BB .BOXfont2{ width:100%; height: auto; padding:10px 0 10px 0px; position: inherit; bottom: 0%; left:0px; background:#000; } .e-toppic .boxtitle_BB .BOXfont2 p.font02{ width: 100%; color:#fff; font-size: 12px; line-height: 1.5em; display:block; text-align:center;} .e-toppic .boxtitle_BB .BOXfont2 a.fontlink{ font-weight:700; color:#FF0; text-decoration:underline;} .e-toppic .boxtitle_WW .BOXimg02 h2.fonerh2{text-indent:-9999px;} .e-toppic .boxtitle_BB .BOXimg02 h2.fonerh2{text-indent:-9999px;} .BOXimg02_WW h2.fonerh2{text-indent:-9999px;} /*�批捆��见��*/ .e-toppic .boxtitle .BOXimg{ padding-bottom:51%; background-image:url(../../../../activities/201510/MAJIBANK/images/center-0529.png);} .e-toppic .boxtitle .Bimg_L{background-image: url(../../../../activities/201510/MAJIBANK/images/m_01.jpg);background-size: cover;padding-bottom:76%; } .e-toppic .boxtitle .Bimg_R{background-image: url(../../../../activities/201510/MAJIBANK/images/m_02.gif);background-size: cover;padding-bottom:76%; } .e-toppic .boxtitle .H2img{ padding-bottom:26%; background-image:url(../../../../activities/201510/MAJIBANK/images/BOXimg02_bg_m.gif); } .e-toppic .boxtitle .H3img{ padding-bottom:24%; background-image:url(../../../../activities/201510/MAJIBANK/images/BOXimg03_bg_m.gif); } .e-toppic .boxtitle .BOXimg_2{ padding-bottom:100%; margin:5px 0px 0px 0px;} .e-toppic .boxtitle .BOXimg_3{ padding-bottom:51%; } .e-toppic .boxtitle .BOXimg_4{ padding-bottom:170%;} .e-toppic .boxtitle .BOXimg_4_L{ padding-bottom:140%; background-image:url(../../../../activities/201510/MAJIBANK/images/pid/pid_004_M.jpg);} .e-toppic .boxtitle .BOXimg_4_R{ padding-bottom:140%; background-image:url(../../../../activities/201510/MAJIBANK/images/pid/pid_005_M.jpg);} h2.fonerh2{text-indent:-9999px; font-size:0px;} .BOXimg a ,.H2img a ,.BOXimg_2 a ,.BOXimg_3 a ,.BOXimg_4 a{ display:block; width:100%; height:auto;} /*.BOXimg a img ,.H2img a img ,.BOXimg_2 a img ,.BOXimg_3 a img ,.BOXimg_4 a img{ width:100%; height:auto;padding-bottom:76%;}*/ a.appbt{ width:100%; display: none; position:absolute; bottom:0px; right:0px;} .e-toppic .boxtitle .BOXimg01{ padding-bottom:43.416667%; background-image:url(../../../../activities/201510/MAJIBANK/images/card__08.jpg); text-indent:-9999px;} .e-toppic .boxtitle .BOXimg01 h2.fonerh2{text-indent:-9999px;} /*敶梁��蜓閬𤥁死��见��*/ .BOXimg02_PP h2.fonerh2{text-indent:-9999px;} .e-toppic .boxtitle .BOXimg01_l ,.e-toppic .boxtitle .BOXimg01_r{ padding-bottom:76%; text-indent:-9999px; } .e-toppic .boxtitle .BOXimg01_l h2.fonerh2 ,.e-toppic .boxtitle .BOXimg01_r h2.fonerh2{text-indent:-9999px;} .e-toppic .boxtitle .BOXimg01_l{background-image:url(../../../../activities/201510/MAJIBANK/images/card__02_l.jpg);} .e-toppic .boxtitle .BOXimg01_r{ background-image:url(../../../../activities/201510/MAJIBANK/images/card__02_r.jpg);} .e-toppic .boxtitle .BOXimg01{ padding-bottom:43.416667; background-image:url(../../../../activities/201510/MAJIBANK/images/card_08_p.jpg); text-indent:-9999px;} .e-toppic .boxtitle .BOXimg01 h2.fonerh2{text-indent:-9999px;} /*敶梁��蜓閬𤥁死��见��*/ .e-toppic .boxtitle .BOXimg-TV-WW { padding-bottom:21.083333%; /*padding-bottom:18.83333%;*/ background-image: url(../../../../activities/201510/MAJIBANK/images/TV4300-_h1.jpg); display:none; } .e-toppic .boxtitle .BOXimg-TV-WW h2.fonerh2{text-indent:-9999px;} .e-toppic .boxtitle .BOXimg-TV-BB { padding-bottom:21.083333%; /*padding-bottom:18.83333%;*/ background-image: url(../../../../activities/201510/MAJIBANK/images/TV4300-_h1-BB.jpg); display: block; } .e-toppic .boxtitle .BOXimg-TV-BB h2.fonerh2{text-indent:-9999px;} /*敶梁��蜓閬𤥁死r蝯鞉��*/ /*BLUG��见��*/ .e-toppic .boxtitle .BOXimg14 { padding-bottom:21.083333%; /*padding-bottom:18.83333%;*/ background-image: url(../../../../activities/201510/MAJIBANK/images/blug/blug4300-_h1.jpg); } .e-toppic .boxtitle .BOXimg14 h2.fonerh2{text-indent:-9999px;} .e-toppic .boxtitle .Blug_con{ width:100%; height: auto; padding:0px 5%; position: inherit;left:0px;} .e-toppic .boxtitle .Blug_con ul.Blug_C{ width:100%; padding:0px;} .e-toppic .boxtitle .Blug_con ul.Blug_C li.Blug_box{ float:left; width:100%; height:auto; padding:0px 5px; margin:10px 0px 0px 0px; border:none;} .e-toppic .boxtitle .Blug_con ul.Blug_C li.Blug_box a.i_img{ width:100%; height:auto;} .e-toppic .boxtitle .Blug_con ul.Blug_C li.Blug_box p.font{ font-size:13px; color:#444; line-height:1.5em; margin:10px 0px;} .e-toppic .boxtitle .Blug_con ul.Blug_C li.Blug_box p.font a{ color:#395697;} .e-toppic .boxtitle .Blug_con ul.Blug_C li.Blug_box p.font a:hover{ text-decoration:underline; color:#395697;} .e-toppic .boxtitle .Blug_con ul.Blug_C .bcbox{ float:left; width:100%; height:auto; padding:0px 0px; margin:0px 0px 5px 0px; border:none;} .e-toppic .boxtitle .Blug_con ul.Blug_C .bcbox p.font{ font-size:13px; color:#656565;} .e-toppic .boxtitle .Blug_con ul.Blug_C .bcbox p.font span.fid{ padding:8px 0px 5px 0px; font-size:22px; display:block;} .e-toppic .boxtitle .Blug_con ul.Blug_C .bcbox p.font span.f_p{ padding:2px 0px; font-size:13px; display:block;} .e-toppic .boxtitle .Blug_con ul.Blug_C .bcbox p.font a{ display:block;} .e-toppic .boxtitle .Blug_con ul.Blug_C .bcbox p.font a:hover{ text-decoration:underline; color:#FFF;} ul.Blug_C .bcbox img.idimg{ width:50px; padding-bottom:30px; margin:0px 8px 0px 0px;} /*BLUG蝯鞉��*/ .e-toppic .boxtitle .BOXimg08{ padding-bottom:47.5%; background-image:url(../../../../activities/201510/MAJIBANK/images/card_08.gif);} .e-toppic .boxtitle .BOXimg08 h2.fonerh2{text-indent:-9999px;} p.font08{ width: 100%; color:#fff; font-size: 12px; line-height: 1.5em; display:block;} a.fontlink{ font-weight:700; color:#fff; text-decoration:underline; font-weight:normal;} /*����堒���见��*/ .e-toppic .boxtitle .BOXfont9{ float:left; width:100%;padding:8% 5%; font-family: Arial,MingLiU,sans-serif;} .e-toppic .boxtitle .BOXfont9-none{ border:none;} .e-toppic .boxtitle .BOXfont9 h2.h2-font{width:20%; color: #444; font-size:22px; line-height: 1.5em; display:block; background-color:#8fddde; padding:20px 4px; text-align:center; border-radius:2px;font-family: "蘋果儷中黑","Apple LiGothic Medium","微軟正黑體","Microsoft JhengHei","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;} .e-toppic .boxtitle .BOXfont9 h2.h2-font-1{width:20%; color: #444; font-size:22px; line-height: 1.5em; display:block; background-color:#eada57; padding:20px 4px; text-align:center; border-radius:2px;font-family: "蘋果儷中黑","Apple LiGothic Medium","微軟正黑體","Microsoft JhengHei","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;} .e-toppic .boxtitle .BOXfont9 p.font_align{ text-align:center; font-size:24px;} .e-toppic .boxtitle .BOXfont9 a.fontlink{ font-weight:700; color:#FF0; text-decoration:underline; font-weight:normal;} .e-toppic .boxtitle .BOXfont9 a.fontlink:hover{ color:#FF0;} /*����堒�蝯鞉��*/ /*��𧢲��-慦㘾�娪�见��*/ /*��𧢲��-擃𠉛�鞉��*/ /*.e-toppic .boxtitle .BOXimg09{ padding-bottom:60.83%;background-image:url(../../../../activities/201510/MAJIBANK/images/card_09.gif); text-indent:-9999px;}*/ .e-toppic .boxtitle .BOXimg09{ padding-bottom:29.166%;/* padding-bottom:60.83%;*/background-image: url(../../../../activities/201510/MAJIBANK/images/card_09-p.gif);} .e-toppic .boxtitle .BOXimg09 h2.fonerh2{text-indent:-9999px;} .e-toppic .boxtitle ul.boxapp{ width:100%; height:0; background-size:cover; background:#333; position:relative;} .e-toppic .boxtitle ul.boxapp li.BOXli{float:left; display:block; width:100%; height:auto;background:#000;text-indent:-9999px; position:relative;} .e-toppic .boxtitle ul.boxapp li.BOXli p.fontlili01{ width:40px; height:20px;display:block; text-indent:-9999px; background:url(../../../../activities/201510/MAJIBANK/images/icon_lili_p.png) no-repeat left top; position: inherit; top: -3%; right:-50%; margin-left: -20px; margin-top: -30px;} .e-toppic .boxtitle ul.boxapp li img{width:100%; height:auto;display:block;} /*WEB銝贝��*/ /*��𧢲�煺�贝��*/ .divbox01_PP{width:100%;height:40px; position: relative; left: 0px;top: 0px;margin: 0px 0px 0px 0px;text-align: center; z-index: 1000; display:block; background-color:#8CDBDD; opacity:0.9;} .divbox01_PP .PP_box{ width:100%; height:35px; padding-top:5px; margin: 0 auto;} .divbox01_PP a.googleplay_bt ,.divbox01_PP a.ios_bt{float: right; text-indent:-9999px; width: 188px;height: 47px; display: none;background-size:188px 47px; margin:0px 0px 0px 10px;} .divbox01_PP a.googleplay_bt{ background:url(../../../../activities/201510/MAJIBANK/images/googleplan_bt.png) no-repeat top left;} .divbox01_PP a.ios_bt{ background:url(../../../../activities/201510/MAJIBANK/images/ios_bt.png) no-repeat top left;} .divbox01_PP a.gomaji_home{ float: none;text-indent:text-indent:-9999px; width: 90px;height: 32px; display:block; background:url(../../../../activities/201510/MAJIBANK/images/gomaji_bt.png) no-repeat top left;background-size:90px 32px; margin: 0px auto;} /*��厰��*/ .divbox01_PP2{width:100%; text-align: center; display:block; background-color:#ffb636; display:none;} /*.divbox01_PP2 .PP_box{ width:1000px; margin: 0 auto; padding:0px 0px 20px 0px; float:left;} .divbox01_PP2 a.bt{float: right; width: 188px;height: 47px; display:block; background: url(../../../../activities/201510/MAJIBANK/images/gomaji_fb.png) no-repeat top left;background-size:188px 47px; padding:54px 0px 0px 0px; color:#09F;} */ /* ==��撠曉�=========== */ .footer{/* position:relative;*/ width:100%;height:50px;z-index:888; background:url(../../../../activities/201510/MAJIBANK/images/footer_bg.gif) repeat-x left top;position:fixed;bottom:0;} .footer h3{color:#FFF;font-size:12px;line-height:45px; text-shadow:0 1px 2px #FF6600; background: url(../../../../activities/201510/MAJIBANK/images/logo_footer_m.png) no-repeat left top / 72px 45px; width:72px; height:45px; text-align:left; float: none; text-indent:-99999px; margin-left:10px;} .footer .PP_BT{ width: auto; height:auto; margin:0 auto; display: none;} .footer p.googleplay_box{ text-align:left; float:right; display:block;} .footer p.googleplay_box a.googlebt{ display:block; width:160px; height:55px; text-indent:-9999px; margin:13px 20px 0px 0px; background:url(../../../../activities/201510/MAJIBANK/images/googleplan_bt_m.png) no-repeat top left;} .footer p.ios_box{ text-align:left; float:right; display:block;} .footer p.ios_box a.iosbt{ display:block; width:160px; height:55px; text-indent:-9999px; margin:13px 20px 0px 0px; background:url(../../../../activities/201510/MAJIBANK/images/ios_bt_m.gif) no-repeat top left;} .footer p.ios_box span.iosbt{ display:block; width:160px; height:55px; text-indent:-9999px; margin:13px 20px 0px 0px; background:url(../../../../activities/201510/MAJIBANK/images/ios_bt_m.gif) no-repeat top left;} #WRAPPER_PP{width:100%;height:auto;background-color:#000; padding:1%;} #VVV_PP{width:100%;height:0;padding-bottom:56.5%;position:relative;/*ios閬����*/} #VVV_PP iframe{width:100%;height:100%;position:absolute;/*ios閬����*/left:0;/*ios閬����*/top:0;/*ios閬����*/} /*��𧢲��*/ .wbox{ max-width: 1067px; height: auto; margin: 0 auto; text-align: center; display: block; padding-bottom: 28px;} .ba {padding: 0px;margin: 0px;} .e-toppic .block .wbox .bframe { height: auto; display: block; margin: 0 auto 12px auto;} .e-toppic .block .wbox .bframe .logo30_1 { width: 100%; height: auto; background-size: cover; background-position: center top; position: relative; background-size: 91% auto; padding-bottom: 26%;} .e-toppic .block .wbox .bframe .bor h2 { font-family: "微軟正黑體"; color: #1e1e1e; width: 100%; font-size: 80px; text-align: center;margin:10px 0px; border-bottom:1px solid #f5f2f2; padding:0px 0px 15px 0px;font-weight:bold;} h2 span.font-1{ font-size:14px;} h2 span.font-0{ text-indent:-9999px; display:none;} .e-toppic .block .wbox .bframe .bor p { font-family: "微軟正黑體"; color: #1e1e1e; width: 100%; font-size: 14px; text-align: left;margin:10px 0px; padding:10px 10px 15px 10px; height:auto; } .e-toppic .block .wbox .bframe .bor div.btn { font-family: "微軟正黑體"; font-size: 17px; background: #fe4723; width: 50%; text-align: center; line-height: 25px; border-radius: 20px; color: #fff; margin:0 auto;} .e-toppic .block .wbox .bframe .bor { width: 100%; height: auto; display: inline-block; padding:0px 10px 15px 10px; } /*LOGO*/ .logo-p1-1 { background: url(../../../../activities/201510/MAJIBANK/images/pic/pic30_logo-p1-1.gif) no-repeat 0px 0px; position: relative; background-color:#d82430; border-top:5px solid #d82430; } } /* 隞乩�讠�� 撟單踎�𤓖�� */ @media screen and (min-width: 1025px) and (max-width: 1080px) { span.p1-17 {font-size:31px;} } @media screen and (min-width: 768px) and (max-width: 1024px) { .w_g2{width:100%; background-color:#fe4723; display:block;} .w_g2_M{width:100%; background-color:#fe4723; display:none;} *{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;} #fb-like_WW {position: absolute; bottom: 61px; right: 220px; z-index:1010; display:none; } #fb-like_PP {position: absolute; top: 15px; right: 20px; z-index:10100; display:block; } #line_PP {position: absolute; top: 15px; right: 135px; z-index:10100; display:block; width:84px; height:20px; display:none; } /*瘚格偌�㫲banner��见��*/ .BOX_menu{ position: fixed; bottom:10%; right:50px; display: none; } .BOX_menu .box_link{} .BOX_menu .box_link a.linkID{ display:block; text-indent:-9999px; line-height:0px;} .BOX_menu .box_link a.linkID img{display:block; width:150px; height:55px;} /*瘚格偌�㫲banner蝯鞉��*/ /*撌行筑瘞游㫲banner��见��*/ .BOX_ableft{ position: absolute; left:0px; top:0px; display:block; width:500px; height:580px; background:url(../../../../activities/201510/MAJIBANK/images/BOX_ableft.png) no-repeat left top; } .box_ph{ width:60%; color: #000; font-size: 18px; line-height: 30px; margin: 20px 0px 0px 20px; display:block; float:left;} .box_ph span.b_font{ color:#fff;height:30px; line-height:30px; background:url(../../../../activities/201510/MAJIBANK/images/tad_bg01.png) no-repeat left top; padding: 0px 12px 0px 3px; float:left; } .box_ph span.b_font_m{ color:#454545;height:30px; line-height:30px;float:left;} .box_ph input{height:29px;border:1px solid #999;background:#fff;padding:0 5px;width:180px;font-size:13px;color:#888; margin:0px 5px 0px 0px; float:left;} .box_ph a.font_bt{ color:#FFF; background-color:#ff3300; float:left; display:block;text-align:center; width:80px; border-radius: 3px;} .box_ph a.font_bt:hover{ color:#FFF; background-color:#fc7100;} .ph_box{ float:left; display:block; width:100%; margin:10px 0px 0px 0px;} /*瘚桀椰瘞游㫲banner蝯鞉��*/ /*TOP��见��*/ .BOX_top{ position:fixed; width:35px; height:35px; bottom:95px; display:block; margin-left: 1220px;} .BOX_top .box_bt{display:block; background-color:#454545;border-radius:30px;} .BOX_top .box_bt a.topbt{ display:block;line-height:35px;color:#fbfbfb; font-size:11px; text-align:center; } /*TOPbanner蝯鞉��*/ .he-wrap {width: 100%; height: auto;margin: 0;padding: 0;} .container_12 {margin: 0 auto; width:100%;} .he-rstbox { position: relative;} .e-toppic, .m-e-toppic {width: 100%;height: auto;position: relative;z-index: 888; overflow: hidden; padding:0px 0px 0px 0px;} .e-toppic .boxtitle {position: relative;max-width:100%;height: auto; margin: 0px auto; z-index: 999;} .e-toppic .toptitle .imgtop{ width:100%; height:0; padding-bottom:60%; background-image:url(../../../../activities/201510/MAJIBANK/images/card_01_01.jpg); background-size:cover;} .e-toppic .toptitle .imgtop h1{ width:100%; height:0; text-indent:-9999px;} .e-toppic .toptitle .imgtop p.font01{ width: 40%; color: #858585; font-size: 13px; line-height: 1.3em; margin: 38% 0px 0px 65px; display:none;} .e-toppic .boxtitle {position: relative;max-width:1029px;height: auto;margin: 0px auto;z-index: 888; display: block;} .e-toppic .boxtitle_WW {position: relative;max-width:1029px;height: auto;margin: 0px auto;z-index: 888; display: none;} .e-toppic .boxtitle_BB {position: relative;max-width:100%;height:auto; margin: 0px auto;z-index: 888; display: block;} .e-toppic .boxtitle .imgbox{ width:100%; height:0; background-size:cover;} .e-toppic .boxtitle .imgbox_50{ width:50%; height:0; background-size:cover;float:left; position:relative;} .e-toppic .boxtitle_WW .BOXimg02{ padding-bottom:41.6%; background-image:url(../../../../activities/201510/MAJIBANK/images/card_02.gif); text-indent:-9999px;} .e-toppic .boxtitle_WW .BOXimgTV{ padding-bottom:41.6%; background:url(../../../../activities/201510/MAJIBANK/images/card_TV01.jpg) no-repeat left top; text-indent:-9999px;} .e-toppic .boxtitle_BB .BOXimg02{ padding-bottom:56.25%; background-image: none; text-indent:-9999px;} .e-toppic .boxtitle_WW .BOXfont2{ width:100%; height: auto; padding:10px 0 10px 0px; position: inherit; bottom: 0%; left:0px; background:#000; } .e-toppic .boxtitle_WW .BOXfont2 p.font02{ width: 100%; color:#fff; font-size: 15px; line-height: 1.5em; display:block;} .e-toppic .boxtitle_WW .BOXfont2 a.fontlink{ font-weight:700; color:#FF0; text-decoration:underline;} .e-toppic .boxtitle_BB .BOXfont2{ width:100%; height: auto; padding:10px 0 10px 0px; position: inherit; bottom: 0%; left:0px; background:#000; } .e-toppic .boxtitle_BB .BOXfont2 p.font02{ width: 100%; color:#fff; font-size: 12px; line-height: 1.5em; display:block; text-align:center;} .e-toppic .boxtitle_BB .BOXfont2 a.fontlink{ font-weight:700; color:#FF0; text-decoration:underline;} .e-toppic .boxtitle_WW .BOXimg02 h2.fonerh2{text-indent:-9999px;} .e-toppic .boxtitle_BB .BOXimg02 h2.fonerh2{text-indent:-9999px;} .BOXimg02_WW h2.fonerh2{text-indent:-9999px;} /*�批捆��见��*/ .e-toppic .boxtitle .BOXimg{ padding-bottom:58.309038%; background-image:url(../../../../activities/201510/MAJIBANK/images/card__02.jpg);} .e-toppic .boxtitle .Bimg_L{background-image: url(../../../../activities/201510/MAJIBANK/images/m_01.jpg);background-size: cover;padding-bottom:76%; } .e-toppic .boxtitle .Bimg_R{background-image: url(../../../../activities/201510/MAJIBANK/images/card__02_r.jpg);background-size: cover;padding-bottom:76%; } .e-toppic .boxtitle .H2img{ padding-bottom:10.6%; background-image:url(../../../../activities/201510/MAJIBANK/images/BOXimg02_bg.gif); } .e-toppic .boxtitle .H3img{ padding-bottom:8.6%; background-image:url(../../../../activities/201510/MAJIBANK/images/BOXimg03_bg.gif); } .e-toppic .boxtitle .BOXimg_2{ padding-bottom:50%; margin:0px 0px 10px 0px;} .e-toppic .boxtitle .BOXimg_3{ padding-bottom:51%;} .e-toppic .boxtitle .BOXimg_4{ padding-bottom:85%;} .e-toppic .boxtitle .BOXimg_4_L{ padding-bottom:70%; background-image:url(../../../../activities/201510/MAJIBANK/images/pid/pid_004.jpg);} .e-toppic .boxtitle .BOXimg_4_R{ padding-bottom:70%; background-image:url(../../../../activities/201510/MAJIBANK/images/pid/pid_005.jpg);} h2.fonerh2{text-indent:-9999px; font-size:0px;} .BOXimg a ,.H2img a ,.BOXimg_2 a ,.BOXimg_3 a ,.BOXimg_4 a{ display:block; width:100%; height:auto;} /*.BOXimg a img ,.H2img a img ,.BOXimg_2 a img ,.BOXimg_3 a img ,.BOXimg_4 a img{ width:100%; height:auto;padding-bottom:76%;}*/ a.appbt{ width:100%; display:block; position:absolute; bottom:0px; right:0px;} .e-toppic .boxtitle .BOXimg01{ padding-bottom:43.416667%; background-image:url(../../../../activities/201510/MAJIBANK/images/card__08.jpg); text-indent:-9999px;} .e-toppic .boxtitle .BOXimg01 h2.fonerh2{text-indent:-9999px;} /*敶梁��蜓閬𤥁死��见��*/ .e-toppic .boxtitle .BOXimg-TV-WW { padding-bottom:21.083333%; /*padding-bottom:18.83333%;*/ background-image: url(../../../../activities/201510/MAJIBANK/images/TV4300-_h1.jpg); display:none; } .e-toppic .boxtitle .BOXimg-TV-WW h2.fonerh2{text-indent:-9999px;} .e-toppic .boxtitle .BOXimg-TV-BB { padding-bottom:21.083333%; /*padding-bottom:18.83333%;*/ background-image: url(../../../../activities/201510/MAJIBANK/images/TV4300-_h1.jpg); display: none;} .e-toppic .boxtitle .BOXimg-TV-BB h2.fonerh2{text-indent:-9999px;} /*敶梁��蜓閬𤥁死r蝯鞉��*/ .e-toppic .boxtitle .BOXimg08{ padding-bottom:47.5%; background-image:url(../../../../activities/201510/MAJIBANK/images/card_08.gif);} .e-toppic .boxtitle .BOXimg08 h2.fonerh2{text-indent:-9999px;} p.font08{ width: 100%; color:#fff; font-size: 12px; line-height: 1.5em; display:block;} a.fontlink{ font-weight:700; color:#FF0; text-decoration:underline; font-weight:normal;} /*����堒���见��*/ .e-toppic .boxtitle .BOXfont9{ float:left; width:100%;padding:2% 8%;} .e-toppic .boxtitle .BOXfont9-none{ border:none;} .e-toppic .boxtitle .BOXfont9 h2.h2-font{width:20%; color: #444; font-size:22px; line-height: 1.5em; display:block; background-color:#8fddde; padding:20px 4px; text-align:center; border-radius:2px;font-family: "蘋果儷中黑","Apple LiGothic Medium","微軟正黑體","Microsoft JhengHei","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;} .e-toppic .boxtitle .BOXfont9 h2.h2-font-1{width:20%; color: #444; font-size:22px; line-height: 1.5em; display:block; background-color:#eada57; padding:20px 4px; text-align:center; border-radius:2px;font-family: "蘋果儷中黑","Apple LiGothic Medium","微軟正黑體","Microsoft JhengHei","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;} .e-toppic .boxtitle .BOXfont9 p.font_align{ text-align: left;} .e-toppic .boxtitle .BOXfont9 a.fontlink{ font-weight:700; color:#FF0; text-decoration:underline; font-weight:normal;} .e-toppic .boxtitle .BOXfont9 a.fontlink:hover{ color:#FF0;} /*����堒�蝯鞉��*/ /*撟單踎-慦㘾�娪�见��*/ /*撟單踎-蝯鞉��*/ /*.e-toppic .boxtitle .BOXimg09{ padding-bottom:60.83%;background-image:url(../../../../activities/201510/MAJIBANK/images/card_09.gif); text-indent:-9999px;}*/ .e-toppic .boxtitle .BOXimg09{ padding-bottom:29.166%;/* padding-bottom:60.83%;*/background-image: url(../../../../activities/201510/MAJIBANK/images/card_09-p.gif);} .e-toppic .boxtitle .BOXimg09 h2.fonerh2{text-indent:-9999px;} .e-toppic .boxtitle ul.boxapp{ width:100%; height:0; background-size:cover; background:#333; position:relative;} .e-toppic .boxtitle ul.boxapp li.BOXli{float:left; display:block; width:25%; height:auto;background:#000;text-indent:-9999px; position:relative;} .e-toppic .boxtitle ul.boxapp li.BOXli p.fontlili01{ width:23px; height:41px;display:block; text-indent:-9999px; background:url(../../../../activities/201510/MAJIBANK/images/icon_lili_pid.png) no-repeat left top; position:absolute; top:80%; right:1%;} .e-toppic .boxtitle ul.boxapp li img{width:100%; height:auto;display:block;} /*WEB銝贝��*/ /*��𧢲�煺�贝��*/ .divbox01_PP{width:100%;height:70px; position:fixed; left: 0px;top: 0px;margin: 0px 0px 0px 0px;text-align: center;background:url(../../../../activities/201510/MAJIBANK/images/divbox01_PP_bg.jpg) repeat-x left top; z-index: 1000; display: none; /*border-bottom:2px solid #04b586;*/} .divbox01_PP .PP_box{ width:320px; height:40px; margin:0 auto;} .divbox01_PP a.googleplay_bt ,.divbox01_PP a.ios_bt{float: left; text-indent:-9999px; width: 148px;height: 37px; display:block; margin:10px 0px 0px 10px; } .divbox01_PP a.googleplay_bt{ background:url(../../../../activities/201510/MAJIBANK/images/googleplan_bt.png) no-repeat top left;background-size:148px 37px;} .divbox01_PP a.ios_bt{ background:url(../../../../activities/201510/MAJIBANK/images/ios_bt.png) no-repeat top left;background-size:148px 37px; } .divbox01_PP a.gomaji_home{ float: left; text-indent:-9999px; width: 188px;height: 47px; display: none; background:url(../../../../activities/201510/MAJIBANK/images/gomaji_bt.png) no-repeat top left;background-size:188px 47px; margin:0px 0px 0px 10px;} /*��厰��*/ .divbox01_PP2{width:100%; text-align: center; display:block; background-color:#ffb636; display:none;} /*.divbox01_PP2 .PP_box{ width:1000px; margin: 0 auto; padding:0px 0px 20px 0px; float:left;} .divbox01_PP2 a.bt{float: right; width: 188px;height: 47px; display:block; background: url(../../../../activities/201510/MAJIBANK/images/gomaji_fb.png) no-repeat top left;background-size:188px 47px; padding:54px 0px 0px 0px; color:#09F;} */ /* ==��撠曉�=========== */ .footer{ position:relative; width:100%;height:50px;z-index:888; background:url(../../../../activities/201510/MAJIBANK/images/footer_bg.gif) repeat-x left top;/*position:fixed;bottom:0;*/} .footer h3{color:#FFF;font-size:12px;line-height:50px;text-shadow:0 1px 2px #FF6600; background: none; text-indent:20px; text-align:left; width:100%;float: none;text-indent:-99999px;} .footer .PP_BT{ width: auto; height:auto; margin:0 auto; display: none;} .footer p.googleplay_box{ text-align:left; float:right; display:block;} .footer p.googleplay_box a.googlebt{ display:block; width:160px; height:55px; text-indent:-9999px; margin:13px 20px 0px 0px; background:url(../../../../activities/201510/MAJIBANK/images/googleplan_bt_m.png) no-repeat top left;} .footer p.ios_box{ text-align:left; float:right; display:block;} .footer p.ios_box a.iosbt{ display:block; width:160px; height:55px; text-indent:-9999px; margin:13px 20px 0px 0px; background:url(../../../../activities/201510/MAJIBANK/images/ios_bt_m.gif) no-repeat top left;} .footer p.ios_box span.iosbt{ display:block; width:160px; height:55px; text-indent:-9999px; margin:13px 20px 0px 0px; background:url(../../../../activities/201510/MAJIBANK/images/ios_bt_m.gif) no-repeat top left;} #WRAPPER_PP{width:100%;height:auto;background-color:#000; padding:1%;} #VVV_PP{width:100%;height:0;padding-bottom:56.5%;position:relative;/*ios閬����*/} #VVV_PP iframe{width:100%;height:100%;position:absolute;/*ios閬����*/left:0;/*ios閬����*/top:0;/*ios閬����*/} /*��𧢲��*/ .wbox{ max-width: 1067px; height: auto; margin: 0 auto; text-align: center; display: block; padding: 0 0 20px 0; margin-top: -10px;} .bo{padding: 0px;margin: 0px;} .e-toppic .block .wbox .bframe { height: auto; display: block; margin: 10px auto;} .bfr30 {width: 90%; background: #fbfbfb;} .e-toppic .block .wbox .bframe .logo30_1 { width: 100%; height: auto; background-size: cover; background-position: center top; position: relative; background-size: 91% auto; padding-bottom: 26%;} .e-toppic .block .wbox .bframe .bor h2 { font-family: "微軟正黑體"; color: #1e1e1e; width: 100%; font-size: 100px; text-align: center;margin:10px 0px; border-bottom:1px solid #f5f2f2; padding:0px 0px 10px 0px; font-weight:bold;} h2 span.font-1{ font-size:14px;} h2 span.font-0{ text-indent:-9999px; display:none;} .e-toppic .block .wbox .bframe .bor p { font-family: "微軟正黑體"; color: #1e1e1e; width: 100%; font-size: 15px; text-align: left;margin:20px 0px; padding:0px 20px; height:80px; } .e-toppic .block .wbox .bframe .bor div.btn { font-family: "微軟正黑體"; font-size: 15px; background: #fe4723; width: 50%;text-align: center; line-height: 29px; border-radius: 20px; color: #fff;margin:0 auto;} .e-toppic .block .wbox .bframe .bor { width: 100%; height: auto; display: inline-block;padding:0px 15px 20px 15px; } /*LOGO*/ } /*RWD*/ @media screen and (max-width: 1024px) and (min-width: 768px) { .e-toppic .boxtitle .BOXimg { padding-bottom: 57%; background-image: url(../../../../activities/201510/MAJIBANK/images/center-0529_m.png); } } @media screen and (max-width: 736px) { .divbox01_PP { background-color: #000;/* m版header底色 */ } .e-toppic .boxtitle .BOXimg { padding-bottom: 57%; background-image: url(../../../../activities/201510/MAJIBANK/images/center-0529_m.png); } .e-toppic .boxtitle .BOXfont9 h2.h2-font { background-color: #d8d6c5; } .e-toppic .boxtitle .BOXfont9 h2.h2-font-1 { background-color: #fdfdfd; } }