/******** Home ********/ .start_btn {position : relative; top:205px; left:155px; *left:0px; background:url(/images/en_US/facebook/start_btn.png) no-repeat; width:168px; height:184px;} .start_btn a {background:url(/images/en_US/facebook/start_btn.png) no-repeat; width:168px; height:184px; display:block;} .start_btn a:hover {*filter: none; -moz-opacity: 0.9; opacity: 0.9; background:url(/images/en_US/facebook/start_btn_hover.png) no-repeat;} .beta_text {background:url(/images/en_US/facebook/home_beta_text.png) no-repeat; width:338px; height:83px; position : absolute; top:307px; left:70px;} .bonus_text {background:url(/images/en_US/facebook/home_bonus_text.png) no-repeat; width:338px; height:83px; position : absolute; top:307px; left:70px;} .bonus_text:hover {background:url(/images/en_US/facebook/home_bonus_text_hover.png) no-repeat; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;} .mode_switch {position: relative; top: 215px; left: 167px; height: 26px; width: 144px; background:url(/images/common/mode_switch_bk.png) no-repeat;} .switch_single .label_single {background:url(/images/en_US/facebook/label_single.png) no-repeat; width:40px; height:19px; float:left; margin:4px 0 0 9px;} .switch_single .label_fans {background:url(/images/en_US/facebook/label_fans_btn.png) no-repeat;width:85px; height:19px; float:right; margin:4px 7px 0 0;} .switch_single .label_fans a {background:url(/images/en_US/facebook/label_fans_btn.png) no-repeat; display:block; width:85px; height:19px;} .switch_single .label_fans a:hover {background:url(/images/en_US/facebook/label_fans_btn_hover.png) no-repeat; display:block; width:85px; height:19px;} .switch_fans .label_single {background:url(/images/en_US/facebook/label_single_btn.png) no-repeat; width:85px; height:19px; float:left; margin:4px 0 0 8px;} .switch_fans .label_single a {background:url(/images/en_US/facebook/label_single_btn.png) no-repeat; display:block; width:85px; height:19px;} .switch_fans .label_single a:hover {background:url(/images/en_US/facebook/label_single_btn_hover.png) no-repeat; display:block; width:85px; height:19px;} .switch_fans .label_fans {background:url(/images/en_US/facebook/label_fans.png) no-repeat; width:40px; height:19px; float:right; margin:4px 6px 0 0px;} .fpt_fbtn a {background:url(/images/common/fpt_fbtn.png) no-repeat; width:28px; height:28px; display:block;} .fpt_fbtn a:hover {*filter: none; -moz-opacity: 0.9; opacity: 0.9; background:url(/images/common/fpt_fbtn_hover.png) no-repeat;} .fpt_tbtn a {background:url(/images/common/fpt_tbtn.png) no-repeat; width:28px; height:28px; display:block;} .fpt_tbtn a:hover {*filter: none; -moz-opacity: 0.9; opacity: 0.9; background:url(/images/common/fpt_tbtn_hover.png) no-repeat;} .fpt_pbtn a {background:url(/images/common/fpt_pbtn.png) no-repeat; width:28px; height:28px; display:block;} .fpt_pbtn a:hover {*filter: none; -moz-opacity: 0.9; opacity: 0.9; background:url(/images/common/fpt_pbtn_hover.png) no-repeat;} .order_icon{background:url(/images/common/all_icon.gif) no-repeat -24px 0; width:24px; height:24px; float:left;} .cart_icon{background:url(/images/common/all_icon.gif) no-repeat 0 0; width:24px; height:24px; float:left;} #start .home_content {width:383px; margin:80px auto 0 auto; text-align:center;} .linkfb_btn {width:341px; height:73px; margin:0 auto 10px; auto; background:url(/images/en_US/facebook/home_linkfb_btn.png) no-repeat;} .linkfb_btn a {background:url(/images/en_US/facebook/home_linkfb_btn.png) no-repeat; width:341px; height:73px; display:block;} .linkfb_btn a:hover {filter:'alpha(opacity=90)'; *filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; background:url(/images/en_US/facebook/home_linkfb_btn_hover.png) no-repeat;} #start_my .home_content {width:500px; margin:80px auto 0 auto; text-align:center;} #start_my .gostart_btn {width:218px; height:62px; background:url(/images/en_US/facebook/home_started_btn.png) no-repeat; margin:0 auto;} #start_my .gostart_btn a {background:url(/images/en_US/facebook/home_started_btn.png) no-repeat; width:218px; height:62px; display:block;} #start_my .gostart_btn a:hover {filter:'alpha(opacity=90)'; *filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; background:url(/images/en_US/facebook/home_started_btn_hover.png) no-repeat;} #start_my .keepfb_btn {width:218px; height:62px; background:url(/images/en_US/facebook/home_keepfb_btn.png) no-repeat; float:left; margin-bottom:21px;} #start_my .keepfb_btn a {background:url(/images/en_US/facebook/home_keepfb_btn.png) no-repeat; width:218px; height:62px; display:block;} #start_my .keepfb_btn a:hover {filter:'alpha(opacity=90)'; *filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; background:url(/images/en_US/facebook/home_keepfb_btn_hover.png) no-repeat;} #start_my .keepfbnew_btn {width:218px; height:62px; background:url(/images/en_US/facebook/home_keepfbnew_btn.png) no-repeat; float:left; margin:0 21px 10px 21px;} #start_my .keepfbnew_btn a {background:url(/images/en_US/facebook/home_keepfbnew_btn.png) no-repeat; width:218px; height:62px; display:block;} #start_my .keepfbnew_btn a:hover {filter:'alpha(opacity=90)'; *filter: alpha(opacity=90); opacity: 0.9; background:url(/images/en_US/facebook/home_keepfbnew_btn_hover.png) no-repeat;} .sorry_tip {text-align:center; color:#fff; font-weight:bold; font-size:16px; line-height:40px; background:#313435; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; margin:30px 30px 10px 30px;} .bg_nav { position : fixed; top : 0px; left : 0px; z-index : 99; } .bg_nav .bg_nav_menu { float : left; display : block; } .bg_nav .bg_nav_menu { background:url(/images/zh_TW/facebook/bg_nav_menu2.png) repeat-y; display : block; height : 45px; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .bg_nav .bg_nav_menu:hover { background:url(/images/zh_TW/facebook/bg_nav_menu2_hover.png) repeat-y; display : block; } .bg_nav a.active .bg_nav_menu { background:url(/images/zh_TW/facebook/bg_nav_menu2_active.png) repeat-y; display : block; } .bg_nav .bg_nav_btn1 , .bg_nav .bg_nav_btn1:hover , .bg_nav a.active .bg_nav_btn1 { background-position : 0px 0px; width : 183px; } .bg_nav .bg_nav_btn2 , .bg_nav .bg_nav_btn2:hover , .bg_nav a.active .bg_nav_btn2{ background-position : -282px 0px; width : 119px; } .bg_nav .bg_nav_btn3 , .bg_nav .bg_nav_btn3:hover , .bg_nav a.active .bg_nav_btn3{ background-position : -170px 0px; width : 120px; } .bg_nav .bg_nav_btn4 , .bg_nav .bg_nav_btn4:hover , .bg_nav a.active .bg_nav_btn4{ background-position : -393px 0px; width : 85px; } .slide-btn { display : none; position : fixed; background-color : white; top : 200px; width : 68px; height : 92px; cursor : pointer; *filter: none; -moz-opacity: 0.6; opacity: 0.6; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .bgslider-content { width : 410px; height : 258px; } #slidePrev { left : 0px; background:url(/images/common/home_prv.png) no-repeat; } #slideNext { right : 0px; background:url(/images/common/home_next.png) no-repeat; } #slidePrev:hover , #slideNext:hover {*filter: none; -moz-opacity: 0.9; opacity: 0.9; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;} #product-info .step_image {width:622px; height:72px; background:url(/images/common/facebook/home_step_bg.gif) no-repeat top center; margin-top:15px;} /******** PhotoPicker ********/ .navbar .brand {background:url(/images/common/PhotoPicker/edit_logo.gif) no-repeat; width:309px; height:43px; margin:10px 0 0 0px; font-size:0px;} .navbar .brand:hover {filter:'alpha(opacity=70)'; *filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;} .navbar .fans_brand {background:url(/images/en_US/PhotoPicker/fans_edit_logo.gif) no-repeat; width:355px; height:43px;} .container-fluid {background:url(/images/common/PhotoPicker/picker_block_gray_bk.gif) repeat top center; padding:0 70px; } /** nav-tabs **/ .picker-left .nav-tabs {text-align:center; background-color: #c0cee3; } .top-tab {width:207px; height:43px;} .top-tab .nav {margin:0 0 0 20px;} .nav-tabs { border:0px; border-bottom:0px;} .nav-tabs > li {z-index:2;} .nav-tabs > .picker-btn-timeline > a{ background:url(/images/en_US/PhotoPicker/tab_timeline_bottom.png) no-repeat top center; width:119px; height:43px; z-index:2; position : absolute;} .nav-tabs > .picker-btn-album > a{background:url(/images/en_US/PhotoPicker/tab_album_bottom.png) no-repeat top center; width:113px; height:43px; z-index:2; position : absolute; left: 190px;} .nav-tabs > .active-right > a{background:url(/images/en_US/PhotoPicker/tab_timeline_top.png) no-repeat top center; width:119px; height:43px; z-index:3; filter:'alpha(opacity=100)'; *filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1;} .nav-tabs > .active > a{background:url(/images/en_US/PhotoPicker/tab_album_top.png) no-repeat top center; width:113px; height:43px; z-index:3; filter:'alpha(opacity=100)'; *filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1;} .nav-tabs > .active-right > a:hover {filter:'alpha(opacity=100)'; *filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1;} .nav-tabs > .active > a:hover {filter:'alpha(opacity=100)'; *filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1;} .nav-tabs > li > a:hover {background-color:transparent; border:0px; filter:'alpha(opacity=80)'; *filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; z-index:4;} .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active-right > a, .nav-tabs > .active-right > a:hover {background-color:transparent; border:0px; cursor: default;} .nav-tabs > li > a { padding: 0px; margin:0px; ine-height: 20px; border: 0px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; font-size:0px; width:113px; height:43px;} .nav-list > .active > a, .nav-list > .active > a:hover {background-color: #627aad;} .nav-list > li > a, .nav-list > li > a:hover {color:#627aad; border-radius: 12px;} .picker-timeline .nav-list > li > a, .nav-list .nav-header {margin-left: 0;} .picker-timeline .nav-list > li > a, .picker-timeline .nav-list > li > a:hover {border-radius: 0 12px 12px 0;} .picker-left .nav .nav-header {padding-left:0;} /******** Order ********/ .btn-addCart , .order-list .btn-addCart , .order-list .btn-clearCart , .order-list .btn-backCart {padding:8px 20px 8px 40px; color:#fff;} .btn-addCart {background:#333 url(/images/common/cart_icon_white.png) no-repeat 15px 8px; color:#fff;} .btn-addCart:hover {background:#C99342 url(/images/common/cart_icon_white.png) no-repeat 15px 8px;} .btn-clearCart {background:#bbbbbb url(/images/common/clear_icon_white.png) no-repeat 15px 8px; color:#fff;} .btn-clearCart:hover {background:#C99342 url(/images/common/clear_icon_white.png) no-repeat 15px 8px;} .btn-backCart {background:#909090 url(/images/common/PhotoPicker/edit_all_icon.png) no-repeat 10px -146px; float:left; padding-left:20px;} .btn-backCart:hover {background:#C99342 url(/images/common/PhotoPicker/edit_all_icon.png) no-repeat 10px -146px;} /******** preview *******/ #preview_hd {color: white; letter-spacing: 1px; font-size: 30px; background: url(/images/common/preview_hd.gif) top right; width:916px; height: 56px; overflow: hidden; margin:0 auto;} #preview_ft {color: white; letter-spacing: 1px; font-size: 30px; background: url(/images/common/preview_footer.gif) bottom left; width:916px; height: 16px; overflow: hidden; margin:0 auto;} /******** beta ********/ .beta_right {background:url(/images/common/line_vertical.png) repeat-y left top;} .betaStart_btn {width:307px; height:62px; margin:0 auto 10px; auto; background:url(/images/en_US/facebook/home_betastart_btn.png) no-repeat;} .betaStart_btn a {background:url(/images/en_US/facebook/home_betastart_btn.png) no-repeat; width:307px; height:62px; display:block;} .betaStart_btn a:hover {*filter: none; -moz-opacity: 0.9; opacity: 0.9; background:url(/images/en_US/facebook/home_betastart_btn_hover.png) no-repeat;} .betaJoin_btn {width:307px; height:62px; margin:0 auto 10px; auto; background:url(/images/en_US/facebook/home_betajoin_btn.png) no-repeat;} .betaJoin_btn a {background:url(/images/en_US/facebook/home_betajoin_btn.png) no-repeat; width:307px; height:62px; display:block;} .betaJoin_btn a:hover {*filter: none; -moz-opacity: 0.9; opacity: 0.9; background:url(/images/en_US/facebook/home_betajoin_btn_hover.png) no-repeat;} /******** browser ********/ .home_ie6 {background:url(/images/en_US/facebook/home_ie6.jpg) no-repeat center center; width:100%; height:640px;} /******** pages ********/ .gallery_nav .bg_nav .bg_nav_menu { background:url(/images/zh_TW/facebook/bg_nav_pagesmenu.png) repeat-y; display : block; height : 45px; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .gallery_nav .bg_nav .bg_nav_menu:hover { background:url(/images/zh_TW/facebook/bg_nav_pagesmenu_hover.png) repeat-y; display : block; } .gallery_nav .bg_nav a.active .bg_nav_menu { background:url(/images/zh_TW/facebook/bg_nav_pagesmenu_active.png) repeat-y; display : block; } .gallery_nav .bg_nav .bg_nav_btn1 , .gallery_nav .bg_nav .bg_nav_btn1:hover , .gallery_nav .bg_nav a.active .bg_nav_btn1 { background-position : -10px 0px; width : 229px; } .gallery_nav .bg_nav .bg_nav_btn2 , .gallery_nav .bg_nav .bg_nav_btn2:hover , .gallery_nav .bg_nav a.active .bg_nav_btn2{ background:url(/images/zh_TW/facebook/bg_nav_pagesmenu_active.png) repeat-y; background-position : -234px 0px; width : 210px; } .gallery_nav .bg_nav .bg_nav_btn3 , .gallery_nav .bg_nav .bg_nav_btn3:hover , .gallery_nav .bg_nav a.active .bg_nav_btn3{ background-position : -428px 0px; width : 224px; }