/****** home ******/ #home #home-project {width:636px;} #home .sidebar {width:304px;} #home-info {border-bottom:1px solid #adadad; margin-top:25px; margin-bottom:30px; padding-bottom:30px;} #home-info .home-makebtn {margin-top:0px;} #home-info .home-makebtn ul {margin-top:15px;} #home-info .home-makebtn li {float:left;} #v2 #home-info .home-makebtn li a {height:90px; width:202px; display:block; margin-right: 14px;} #home-info .home-makebtn li a:hover {text-decoration:none;} #home-info .home-makebtn li a h5{font-size:13px;color:#9c9c9c;font-weight:bold;text-decoration:none;padding-top:75px;text-align:center;} #home-info .home-makebtn .home-ttbtn , #home-info .home-makebtn a.home-ttbtn {background:url(/images/tintint/zh_TW/home/home-make-online.gif?s=2) no-repeat; } #home-info .home-makebtn a:hover.home-ttbtn {background:url(/images/tintint/zh_TW/home/home-make-online-hover.gif?s=3) no-repeat;} #home-info .home-makebtn .home-appbtn , #home-info .home-makebtn a.home-appbtn {background:url(/images/tintint/zh_TW/home/home-make-mobile.gif?s=2) no-repeat;} #home-info .home-makebtn a:hover.home-appbtn {background:url(/images/tintint/zh_TW/home/home-make-mobile-hover.gif?s=3) no-repeat; } #home-info .home-makebtn .home-snapcard_btn , #home-info .home-makebtn a.home-snapcardbtn {background:url(/images/tintint/zh_TW/home/home-make-facebook.gif?s=2) no-repeat; margin-right: 0px;} #home-info .home-makebtn a:hover.home-snapcardbtn {background:url(/images/tintint/zh_TW/home/home-make-facebook-hover.gif?s=3) no-repeat;} #v2 #home-info #tt-block {width: 304px; line-height:25px; color:#333;} #home-info #tt-block .text {padding:25px 15px; font-size:13px;} #home-info #tt-block .title {font-weight:bold; letter-spacing:2px; font-size:15px;} /** home-info v3 **/ #v3 #home-info #tt-block { line-height:25px; color:#333;position: relative;right: -15px;} #v3 #home-info .home-makebtn li a {display: block; background-position: center top;} /** sidebar **/ #sidebar-store {margin:15px 0; padding-bottom:15px;} #sidebar-store .store_img {width:100px; height:100px; padding-right:10px; padding-bottom:10px;} #follow-us {background:#ffffff; padding:0 0 7px 0;} #follow-us .title {padding:3px 15px 0px 15px; width:261px; line-height:28px; font-weight:bold;} #follow-us a.follow-fb {background-image:url(/images/tintint/common/home/follow_us_up.gif); width:88px; height:29px;display:block; margin-left:7px;} #follow-us a:hover.follow-fb {background-image:url(/images/tintint/common/home/follow_us_over.gif);} #follow-us a.follow-plurk {background-image:url(/images/tintint/common/home/follow_us_up.gif); width:65px; height:29px;display:block; background-position: -88px 0;} #follow-us a:hover.follow-plurk {background-image:url(/images/tintint/common/home/follow_us_over.gif);} #follow-us a.follow-twitter {background-image:url(/images/tintint/common/home/follow_us_up.gif); width:70px; height:29px;display:block; background-position: -153px 0;} #follow-us a:hover.follow-twitter {background-image:url(/images/tintint/common/home/follow_us_over.gif);} #follow-us a.follow-blog {background-image:url(/images/tintint/common/home/follow_us_up.gif); width:63px; height:29px;display:block; background-position: -223px 0;} #follow-us a:hover.follow-blog {background-image:url(/images/tintint/common/home/follow_us_over.gif);} #follow-us .clear {padding-left:3px;} #follow .follow-ig {margin:0 5px 0 10px;} #follow .title {margin: 5px 0 0 0;} #follow {margin-top:-20px;} #follow.block-info {padding: 13px 13px 10px 13px;} #sidebar-step {padding:13px 0; border-top:0;} #sidebar-step .title {padding-left:13px;} #sidebar-testimony li {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} #app-box {padding:6px 0;} #app-box a ,#app_box a:hover {color:#333; text-decoration: none; text-align:center; width:91px; height:33px; display:block; padding-top:60px; line-height:14px; font-size:13px;} #app-box .title {color:#9c9c9c; font-weight:bold; padding:0 12px 10px 12px; letter-spacing:1px;} #app-box .sidebar_tt_app {background:#ececec url(/images/tintint/common/home/home_sidebar_tt_app.gif) no-repeat center top; margin:0 3px 0px 5px;} #app-box .sidebar_cal_app {background:#ececec url(/images/tintint/common/home/home_sidebar_calendar_app.gif) no-repeat center top;} #app-box .sidebar_card_app {background:#ececec url(/images/tintint/common/home/home_sidebar_card_app.gif) no-repeat center top; margin:0 5px 0px 3px;} #sidebar-login .title {border:0px;} #sidebar-login .text {padding-bottom:10px;} #sidebar-login.block-inner {margin-bottom: 20px;} #sidebar-login .fb-sign-btn {display:block;line-height:36px;text-align:center;text-decoration:none;border-radius:5px;color:#fff;font-size:14px;cursor: pointer;letter-spacing: 1px;background:#4d699f; margin: 5px 0;} #app-box-single {padding:6px 0;} #app-box-single .sidebar_tt_app_single {background:#ececec url(/images/tintint/common/home/home_sidebar_tt_app_2.png) no-repeat center 5px; margin: 0px 5px 0px 7px;} #app-box-single a.sidebar_tt_app_single {color:#333; text-decoration: none; text-align:center; width:144px; height:73px; display:block; padding-top:53px; line-height:14px; font-size:13px;} #app-box-single .title {color:#9c9c9c; font-weight:bold; padding:0 12px 10px 12px; line-height: 28px;letter-spacing:4px;} #app-box-single img {margin-bottom:5px;} /** home-nivoSlider **/ .home-slider img {width:980px;} .home-slider .nivo-controlNav{position:absolute; left:895px; top:345px;} #slider .home-startbtn a {width:188px; height:48px;} #slider .home-startbtn a:hover {background:url(/images/tintint/common/home/btn-try-over.png) repeat left top ; width:188px; height:48px;} #v2 #slider .home-firstbtn {padding:3px 0 0 5px; height:19px; text-align:center;} #v2 #slider .home-firstbtn a{color:#d8740e;} #v2 #slider .home-firstbtn a:hover{color:#d8740e;} /** home-slong **/ #home-slong {margin:15px 0px 10px 0px; letter-spacing:1px;} #home-slong .slong {font-size:16px; font-weight:bold; text-align:center; width:800px; padding-left: 90px;} /** home-special **/ #special {margin-top:11px;} #special ul li {height: 220px; text-align: center; margin-top: 10px; margin-right: 16px;} #special ul li.right {margin-right: 0;} #special ul li a {color:#333; font-size:15px; letter-spacing:1px; font-weight:bold;} #special ul li a:hover {color:#e37b10; text-decoration: none;} #special .special-block1 {background:#ececec; padding:10px; width:274px; margin: 0;} #special .special-block1 img {width:263px; padding:5px; background:#fff;} #special img {width:314px; margin-bottom: 5px;} /** home-pd **/ #home-pd .title {color:#9c9c9c; padding: 0 0 25px 18px; font-weight:bold; font-size:15px; letter-spacing: 2px;} #home-pd small {letter-spacing:0.5px;font-weight:bold;margin-right:5px;} #home-pd a h5 {color:#333;font-size:13px;font-weight:bold;text-align:center;text-decoration:none;letter-spacing:0.5px;line-height:20px;} #home-pd a h5 span {display:inline-block;padding:0 10px;} #home-pd a:hover h5 span {opacity:1;text-decoration:none;color:#fff;background-color:#333;display:inline-block;border-radius:15px;line-height:20px;} #home-pd a:hover {text-decoration:none;} #home-bunko:hover, #home-shashinbooks:hover, #home-shashinbook-l:hover, #home-squarebook-l:hover, #home-layflat-portraitbook-lh:hover, #home-snapcard:hover, #home-postcard:hover, #home-notebook:hover, #home-desk-calendar:hover, #home-wall-calendar:hover, #home-shashinbook:hover, #home-shashinbook-h:hover, #home-storybook:hover, #home-handycard:hover, #home-canvas:hover, #home-canvas-25s:hover, #home-flipbk:hover, #home-framed:hover, #home-framed-15s:hover, #home-desk-calendar-s:hover, #home-diary:hover, #home-wedding-folded-card:hover, #home-xmas-greenting-folded-card:hover, #home-invitation-folded-card:hover, #home-squarebook:hover, #home-2016notebook:hover, #home-photoprint:hover, #home-classic-clothbound-portraitbook:hover, #home-photoprints:hover{opacity:0.8;} /* home-pd-new */ #home-pd {display:block;padding-top:30px;} #home-pd ul.pd-series {width:980px;display:inline-block;border:2px solid #efefef;margin-top:10px;} #v2 #home-pd ul.pd-series li {display:block;float:left;position:relative;text-align:center;width:244px;border-right:1px solid #dedede;padding:15px 10px;background-repeat:no-repeat;background-size:60%;background-position:center 60%;cursor:pointer;} #home-pd ul.pd-series li:hover {background-color:#efefef;} #home-pd ul.pd-series li.right {border-right:none;} #home-pd ul.pd-series div{display:inline-block;} #home-pd ul.pd-series div.border-top {border-top:1px solid #dedede;} #home-pd ul.pd-series li img {width:150px;height:auto;} #home-pd ul.pd-series li p {display:block;letter-spacing:0;line-height:1.5;color:#999;z-index:999;} #home-pd ul.pd-series li p a{display:inline;font-weight:bold;color:#666;letter-spacing:0.2px;} #home-pd ul.pd-series li p a:hover {color:#D47B1C;} #home-pd ul.pd-series li a {display:block;height:180px;} #home-pd ul.pd-series li a h5 {font-size:15px;line-height:1.3;letter-spacing:0.5px;display:inline-block;z-index:2;} #home-pd ul.pd-series li a:hover h5 {color:#fff;background-color:#999;padding:0 20px;border-radius:15px;display:inline-block;} #home-pd ul.pd-series li a h5 span {padding:0 5px;line-height:1.3;} #home-pd ul.pd-series li a:hover h5 span {background:none;} #home-pd ul.pd-series li.photobook {background-image:url(/images/tintint/zh_TW/home/pd-series/pd-squarebook-display.png);} #home-pd ul.pd-series li.hardcover {background-image:url(/images/tintint/zh_TW/home/pd-series/pd-layflat-portraitbook-lh-display.png);background-size:52%;} #home-pd ul.pd-series li.framed-prints {background-image:url(/images/tintint/zh_TW/home/pd-series/pd-canvas-display.png);} #home-pd ul.pd-series li.notebook {background-image:url(/images/tintint/zh_TW/home/pd-series/pd-notebook-display.png);} #home-pd ul.pd-series li.notebook-year {background-image:url(/images/tintint/zh_TW/home/pd-series/pd-year-notebook-display.png);} #home-pd ul.pd-series li.card {background-image:url(/images/tintint/zh_TW/home/pd-series/pd-greeting-folded-card-display.png);} #home-pd ul.pd-series li.prints {background-image:url(/images/tintint/zh_TW/home/pd-series/pd-snapcard-bulk-display.png);} #home-pd ul.pd-series li.photoprints {background-image:url(/images/tintint/zh_TW/home/pd-series/pd-photoprints-display.png);} #home-pd ul.pd-series li.calendar {background-image:url(/images/tintint/zh_TW/home/pd-series/pd-desk-calendar-double-display.png?s=1);} /*home-pd- layout-v3*/ #v3 #home-pd ul.pd-series {width: inherit;display: inherit;border: 1px solid #efefef;margin-top:30px;} #v3 #home-pd ul.pd-series div {display: inherit;} #v3 #home-pd ul.pd-series li {display:block;float:left;text-align:center;background-repeat:no-repeat;background-size:60%;background-position:center 60%;cursor:pointer;padding-top: 35px;padding-bottom: 30px;background-size: contain; background-origin: content-box;border: 1px solid #efefef;} #v3 #home-pd ul.pd-series li p {margin: 0px -10px;position: relative;top: 15px;} #v3 #home-pd ul.pd-series li a {height: 145px;} #v3 #home-pd ul.pd-series li a h5 {position: relative;top: -20px;} #v3 #home-pd ul.pd-series li.hardcover {background-size: contain;} #display-book, #display-hardcover, #display-goods, #display-photoprints {display:inline-block;margin:15px 0px;background:#ffffff;} #display-book {border-right:1px solid #cecece;} #display-hardcover {border-right:1px solid #cecece;} #display-goods {border-right:1px solid #cecece;} #display-sale {width:323px; margin:15px 0px 15px 0; border-right: 1px solid #cecece;} #display-special #display-book {width:330px;} #display-special #display-goods {width:323px; border:0px;} #display-special #display-calendar {width:322px; border-right: 1px solid #cecece;} #display-special .title .right {font-size:13px; letter-spacing:1px;} #display-special .title .text-important {padding:1px 2px 1px 8px;} /*event-lovecnysale*/ #display-special #display-lovecny{width:530px;border-right: 1px solid #cecece;margin: 15px 1px 15px 0;} #display-special #display-book-two{width:220px;border-right: 1px solid #cecece;margin: 15px 1px 15px 0;} #display-special #display-goods-two{width:220px;margin: 15px 1px 15px 0;} #display-special #display-lovecny .title{color:#ff8a6c;font-weight:bold;} #display-special #display-lovecny .title .text-important{background-color:#ff8a6c;letter-spacing:1px;text-align:center;display:inline-block;} /*bunko*/ #home-bunko {margin:0 5px 0 4px;} #home-bunko a h5, #home-bunko a:hover h5{margin-left:17px;} #home-bunko ,#home-bunko a{background:url(/images/tintint/zh_TW/home/home_pro2_bunko.gif?=3); display:block; width:80px; height:121px;margin-right:10px;} /*shashinbook Series*/ #home-shashinbooks ,#home-shashinbooks a{background:url(/images/tintint/zh_TW/home/home_pro2_a5series.gif?s=3); display:block; width:115px; height:121px;margin-right:10px;} /*squarebook-l*/ #home-squarebook-l ,#home-squarebook-l a{background:url(/images/tintint/zh_TW/home/home_pro1_squarebook_l.gif?=3); display:block; width:85px; height:121px;margin-right:10px;} /*layflat-portraitbook-lh*/ #home-layflat-portraitbook-lh ,#home-layflat-portraitbook-lh a{background:url(/images/tintint/zh_TW/home/home_pro_layflat-portraitbook-lh.gif?=3); display:block; width:100px; height:121px;} /*classic-clothbound-portraitbook*/ #home-classic-clothbound-portraitbook ,#home-classic-clothbound-portraitbook a{background:url(/images/tintint/zh_TW/home/home_pro2_classic-clothbound-portraitbook.gif) no-repeat; display:block; width:108px; height:121px;} /*snapcard*/ #home-snapcard ,#home-snapcard a{background:url(/images/tintint/zh_TW/home/home_pro1_snapcardcard.gif?=3) center center; display:block; width:110px; height:121px;margin-right:10px;} /*postcard*/ #home-postcard ,#home-postcard a{background:url(/images/tintint/zh_TW/home/home_pro2_postcard.gif?=3); display:block; width:93px; height:121px;margin-right:10px;} /*notebook*/ #home-notebook ,#home-notebook a{background:url(/images/tintint/zh_TW/home/home_pro2_notebook.gif?=3); display:block; width:84px; height:121px;} /*desk-calendar*/ #home-desk-calendar ,#home-desk-calendar a{background:url(/images/tintint/zh_TW/home/home_pro2_deskcan.gif?s=4); display:block; width:87px; height:121px;} #home-desk-calendar {margin:0 12px 0 18px;} /*wall-calendar*/ #home-wall-calendar ,#home-wall-calendar a{background:url(/images/tintint/zh_TW/home/home_pro2_wallcan.gif?=3); display:block; width:95px; height:121px; } /********************************************************************************************************************************************************/ /*shashinbook*/ #home-shashinbook ,#home-shashinbook a{background:url(/images/tintint/zh_TW/home/home_pro2_a5.gif); display:block; width:91px; height:121px;} /*shashinbook-L*/ #home-shashinbook-l ,#home-shashinbook-l a{background:url(/images/tintint/zh_TW/home/home_pro2_a5large.gif?=1); display:block; width:91px; height:121px;} /*shashinbook-h*/ #home-shashinbook-h ,#home-shashinbook-h a{background:url(/images/tintint/zh_TW/home/home_pro1_shashinbook-h.gif); display:block; width:113px; height:121px;} #home-shashinbook-h {margin-right:6px;} /*squarebook*/ #home-squarebook ,#home-squarebook a{background:url(/images/tintint/zh_TW/home/home_pro1_squarebook.gif); display:block; width:84px; height:121px;} /*storybook*/ #home-storybook ,#home-storybook a{background:url(/images/tintint/zh_TW/home/home_pro2_storybk.gif); display:block; width:79px; height:121px;} /*handycard*/ #home-handycard ,#home-handycard a{background:url(/images/tintint/zh_TW/home/home_pro2_handycard.gif); display:block; width:89px; height:121px;} /*canvas*/ #home-canvas ,#home-canvas a{background:url(/images/tintint/zh_TW/home/home_pro2_canvas.gif); display:block; width:94px; height:121px;} /*canvas-25s*/ #home-canvas-25s ,#home-canvas-25s a{background:url(/images/tintint/zh_TW/home/home_pro1_canvas-25s.gif); display:block; width:99px; height:121px;} #home-canvas-25s {margin-left:13px;} /*flipbookk*/ #home-flipbk , #home-flipbk a{background:url(/images/tintint/zh_TW/home/home_pro_flipbook.jpg) no-repeat; display:block; width:110px; height:121px;} /*framed-prints*/ #home-framed, #home-framed a{background:url(/images/tintint/zh_TW/home/home_pro1_framed.gif); display:block; width:82px; height:121px;} /*framed-prints-15s*/ #home-framed-15s, #home-framed-15s a{background:url(/images/tintint/zh_TW/home/home_pro2_framed15s.gif); display:block; width:85px; height:121px;} /*desk-calendar-s*/ #home-desk-calendar-s ,#home-desk-calendar-s a{background:url(/images/tintint/zh_TW/home/home_pro2_desk_s.gif) center center; display:block; width:90px; height:121px;} /*diary*/ #home-diary, #home-diary a{background:url(/images/tintint/zh_TW/home/home_pro2_diary.gif?=1); display:block; width:72px; height:121px;} /*wedding-folded-card*/ #home-wedding-folded-card, #home-wedding-folded-card a{background:url(/images/tintint/zh_TW/home/home_pro2_wedding-folded-card.gif); display:block; width:81px; height:121px;} /*greenting-folded-card*/ #home-xmas-greenting-folded-card, #home-xmas-greenting-folded-card a{background:url(/images/tintint/zh_TW/home/home_pro1_greenting_folded_card.gif); display:block; width:100px; height:121px; margin-right:10px;} /*invitation-folded-card*/ #home-invitation-folded-card ,#home-invitation-folded-card a{background:url(/images/tintint/zh_TW/home/home_pro2_invitation-folded-card.gif); display:block; width:81px; height:121px;} /*2015notebook*/ #home-2015notebook, #home-2015notebook a{background:url(/images/tintint/zh_TW/home/home_pro2_2015notebook.gif); display:block; width:84px; height:121px; padding-right: 10px;} /*2016notebook*/ #home-2016notebook, #home-2016notebook a{background:url(/images/tintint/zh_TW/home/home_pro2_2016notebook.gif); display:block; width:84px; height:121px; padding-right: 10px;} /*photoprints*/ #home-photoprints, #home-photoprints a{background:url(/images/tintint/zh_TW/home/home_pro_photoprints.jpg) no-repeat; display:block; width:110px; height:121px;} /** staff picks **/ #home-picks .block-ef {margin:15px 0 35px 0; padding:0 15px; height:287px;} #home-picks .block-ff {height:137px; padding:15px;} #home-picks .picks-author {padding:15px 15px 0 15px; width:360px; color:#333;} #home-picks h3 {font-weight:bold; font-size:20px; line-height:28px;white-space: nowrap; width: 300px; text-overflow: ellipsis; overflow: hidden;} #home-picks h3 a {color:#333;} #home-picks h3 a:hover {color:#adadad; text-decoration: none;} #home-picks .description {height:45px; padding-bottom:5px; overflow:hidden; color:#6d6460; border-bottom:1px solid #cecece; margin-bottom:7px;} #home-picks p {line-height:16px;} #home-picks .left .left {margin:0 5px;} .picks-author .picks-top {background: url(/images/tintint/zh_TW/home/popular_title.gif) no-repeat right top; width:100%; height:70px;} .bookfair .picks-author .picks-top {background: url(/images/tintint/zh_TW/home/popular_title_bookfair.gif) no-repeat right top; width:100%; height:70px;} /*homeXL_bunko*/ .bunko-home, .bunko-l-home {background:url(/images/tintint/zh_TW/home/bunko_bgl.png) no-repeat top center; padding:23px 27px 20px 24px; display:block; margin:5px auto;width: 221px;height: 270px;_behavior: url("/stylesheets/iepngfix.htc?v=1");} a.bunko-home, a:bunko-l-home {cursor: pointer;} a:hover.bunko-home, a:hover.bunko-l-home {background:url(/images/tintint/zh_TW/home/bunko_bgl_over.png) no-repeat top center;} .bunko-home img, .bunko-l-home img {width:170px; height:227px; margin:0 auto!important;} .bunko-home .pro-top, .bunko-l-home .pro-top { z-index:1; background:url(/images/tintint/zh_TW/home/bunko_bgl_top.png) no-repeat top left; display:block; position:absolute; width:171px; height:228px; _behavior: url("/stylesheets/iepngfix.htc?v=1");} /*homeXL_storybk*/ .storybook-home, .storybook-l-home {background:url(/images/tintint/zh_TW/home/storybk_bgl.png) no-repeat top center; padding:53px 15px 11px 13px; display:block; margin:5px auto; width:223px; height:259px;_behavior: url("/stylesheets/iepngfix.htc?v=1");} a.storybook-home, .storybook-l-home {cursor: pointer;} a:hover.storybook-home, a:hover.storybook-l-home {background:url(/images/tintint/zh_TW/home/storybk_bgl_over.png) no-repeat top center;} .storybook-home img, .storybook-l-home img {width:195px; height:195px; margin:0 auto!important;} .storybook-home .pro_top, .storybook-l-home .pro-top { z-index:1; background:url(/images/tintint/zh_TW/home/storybk_bgl_top.png) no-repeat top left; display:block; position:absolute; width:195px; height:195px; _behavior: url("/stylesheets/iepngfix.htc?v=1");} /*homeXL_shashinbk*/ .shashinbook-home, .shashinbook-l-home {background:url(/images/tintint/zh_TW/home/shashinbk_bgl.png) no-repeat top center; padding:91px 12px 24px 13px; display:block; margin:5px auto; width:225px; height:265px; _behavior: url("/stylesheets/iepngfix.htc?v=1");} a.shashinbook-home, .shashinbook-l-home {cursor: pointer;} a:hover.shashinbook-home, a:hover.shashinbook-l-home {background:url(/images/tintint/zh_TW/home/shashinbk_bgl_over.png) no-repeat top center;} .shashinbook-home img, .shashinbook-l-home img {width:200px; height:150px; margin:0 auto!important;} .shashinbook-home .pro_top, .shashinbook-l-home .pro-top { z-index:1; background:url(/images/tintint/zh_TW/home/shashinbk_bgl_top.png) no-repeat top left; display:block; position:absolute; width:200px; height:150px; _behavior: url("/stylesheets/iepngfix.htc?v=1");} /*homeXL_shashinbook-h*/ .shashinbook-h-home, .shashinbook-h-home {background:url(/images/tintint/zh_TW/home/shashinbk_bgl.png) no-repeat top center; padding:91px 12px 24px 13px; display:block; margin:5px auto; width:225px; height:265px; _behavior: url("/stylesheets/iepngfix.htc?v=1");} a.shashinbook-h-home, .shashinbook-h-home {cursor: pointer;} a:hover.shashinbook-h-home, a:hover.shashinbook-h-home {background:url(/images/tintint/zh_TW/home/shashinbk_bgl_over.png) no-repeat top center;} .shashinbook-h-home img, .shashinbook-h-home img {width:200px; height:150px; margin:0 auto!important;} .shashinbook-h-home .pro_top, .shashinbook-h-home .pro-top { z-index:1; background:url(/images/tintint/zh_TW/home/shashinbk-h_bgl_top.png) no-repeat top left; display:block; position:absolute; width:200px; height:150px; _behavior: url("/stylesheets/iepngfix.htc?v=1");} /*homeXL_flipbook*/ .flipbook-home, .flipbook-l-home {background:url(/images/tintint/common/home/flipbook_bgl.png) no-repeat top center; padding:118px 12px 25px 27px; display:block; margin:5px auto; width:224px; height:268px; _behavior: url("/stylesheets/iepngfix.htc?v=1");} a.flipbook-home, .flipbook-l-home {cursor: pointer;} a:hover.flipbook-home, a:hover.flipbook-l-home {background:url(/images/tintint/common/home/flipbook_bgl_over.png) no-repeat top center;} .flipbook-home img, .flipbook-l-home img {width:187px; height:126px; margin:0 auto!important;} .flipbook-home .pro_top, .flipbook-l-home .pro-top { z-index:1; background:url(/images/tintint/common/home/flipbook_bgl_top.png) no-repeat top left; display:block; position:absolute; width:187px; height:126px; _behavior: url("/stylesheets/iepngfix.htc?v=1");} /*homeXL_deskcalendar*/ .desk-calendar-home {background:url(/images/tintint/common/home/beskcan_bgl.png) no-repeat top center; padding:43px 23px 36px 27px; display:block; margin:5px auto; width:223px; height:269px; _behavior: url("/stylesheets/iepngfix.htc?v=1");} a.desk-calendar-home {cursor: pointer;} a:hover.desk-calendar-home {background:url(/images/tintint/common/home/beskcan_bgl_over.png) no-repeat top center;} .desk-calendar-home img {width:174px; height:190px; margin:0 auto!important;} .desk-calendar-home .pro-top { z-index:1; background:url(/images/tintint/common/home/deskcan_bgl_top.png) no-repeat top left; display:block; position:absolute; width:174px; height:190px; _behavior: url("/stylesheets/iepngfix.htc?v=1");} /*homeXL_deskcalendar-s*/ .desk-calendar-s-home, .desk-calendar-s-biz-home {background:url(/images/tintint/common/home/deskcan-s_bgl.png) no-repeat top center; padding:36px 40px 49px 45px; display:block; margin:8px auto; width:220px; height:270px; _behavior: url("/stylesheets/iepngfix.htc?v=1");} a.desk-calendar-s-home, a.desk-calendar-s-biz-home {cursor: pointer;} a:hover.desk-calendar-s-home, a:hover.desk-calendar-s-biz-home {background:url(/images/tintint/common/home/deskcan-s_bgl_over.png) no-repeat top center;} .desk-calendar-s-home img, .desk-calendar-s-biz-home img {width:135px; height:185px; margin:0 auto!important;} .desk-calendar-s-home .pro-top, .desk-calendar-s-biz-home .pro-top { z-index:1; background:url(/images/tintint/common/home/deskcan-s_bgl_top.png) no-repeat top left; display:block; position:absolute; width:135px; height:185px; _behavior: url("/stylesheets/iepngfix.htc?v=1");} /*homeXL_postcard_landscape*/ .postcard-landscape-home {background:url(/images/tintint/common/home/postcard_landscape_bgl.png) no-repeat top center; padding:98px 19px 27px 16px; display:block; margin:5px auto; width:227px; height:269px; _behavior: url("/stylesheets/iepngfix.htc?v=1");} a.postcard-landscape-home {cursor: pointer;} a:hover.postcard-landscape-home {background:url(/images/tintint/common/home/postcard_landscape_bgl_over.png) no-repeat top center;} .postcard-landscape-home img {width:192px; height:144px; margin:0 auto!important;} .postcard-landscape-home .pro-top { z-index:1; position:absolute;} /*homeXL_postcard*/ .postcard-home {background:url(/images/tintint/common/home/postcard_landscape_bgl.png) no-repeat top center; padding:98px 19px 27px 16px; display:block; margin:5px auto; width:227px; height:269px; _behavior: url("/stylesheets/iepngfix.htc?v=1");} a.postcard-home {cursor: pointer;} a:hover.postcard-home {background:url(/images/tintint/common/home/postcard_landscape_bgl_over.png) no-repeat top center;} .postcard-home img {width:192px; height:144px; margin:0 auto!important;} .postcard-home .pro-top { z-index:1; position:absolute;} /*homeXL_postcard_bulk*/ .postcard-bulk-home {background:url(/images/tintint/common/home/postcard_landscape_bgl.png) no-repeat top center; padding:98px 19px 27px 16px; display:block; margin:5px auto; width:227px; height:269px; _behavior: url("/stylesheets/iepngfix.htc?v=1");} a.postcard-bulk-home {cursor: pointer;} a:hover.postcard-bulk-home {background:url(/images/tintint/common/home/postcard_landscape_bgl_over.png) no-repeat top center;} .postcard-bulk-home img {width:192px; height:144px; margin:0 auto!important;} .postcard-bulk-home .pro-top { z-index:1; position:absolute;} /*homeXL_postcard_portrait*/ .postcard-portrait-home {background:url(/images/tintint/common/home/postcard_portrait_bgl.png) no-repeat top center; padding:48px 40px 27px 37px; display:block; margin:5px auto; width:223px; height:269px; _behavior: url("/stylesheets/iepngfix.htc?v=1");} a.postcard-portrait-home {cursor: pointer;} a:hover.postcard-portrait-home {background:url(/images/tintint/common/home/postcard_portrait_bgl_over.png) no-repeat top center;} .postcard-portrait-home img {width:146px; height:194px; margin:0 auto!important;} .postcard-portrait-home .pro_top { z-index:1; position:absolute;} /*homeXL_canvas-r*/ .canvas-25r-home, .canvas-30r-home, .canvas-40r-home, .canvas-50r-home {background:url(/images/tintint/common/home/canvas-sr-bgl.png) repeat-y top center; padding:80px 15px 19px 12px; display:block; margin:5px auto; width:221px; height:270px;_behavior: url("/stylesheets/iepngfix.htc?v=1");} a.canvas-25r-home, a.canvas-30r-home, a.canvas-40r-home, a.canvas-50r-home {cursor: pointer;} .canvas-25r-home img, .canvas-30r-home img, .canvas-40r-home img, .canvas-50r-home img {width:200px;height:150px;} a:hover.canvas-25r-home, a:hover.canvas-30r-home, a:hover.canvas-40r-home, a:hover.canvas-50r-home {background:url(/images/tintint/common/home/canvas-sr-bgl_over.png) no-repeat top center;} /*homeXL_canvas-s*/ .canvas-25s-home, .canvas-30s-home, .canvas-40s-home, .canvas-50s-home {background:url(/images/tintint/common/home/canvas-25s_bgl.png) no-repeat top center; padding:56px 15px 19px 11px; display:block; margin:5px auto; width:221px; height:270px;_behavior: url("/stylesheets/iepngfix.htc?v=1");} a.canvas-25s-home, a.canvas-30s-home, a.canvas-40s-home, a.canvas-50s-home {cursor: pointer;} .canvas-25s-home img, .canvas-30s-home img, .canvas-40s-home img, .canvas-50s-home img {width: 195px;height: 195px;} a:hover.canvas-25s-home, a:hover.canvas-30s-home, a:hover.canvas-40s-home, a:hover.canvas-50s-home {background:url(/images/tintint/common/home/canvas-25s_bgl_over.png) no-repeat top center;} .framed-canvas-25s img, .framed-canvas-30s img, .framed-canvas-40s img, .framed-canvas-50s img {width:195px; height:195px; margin:0 auto!important;} .framed-canvas-25s .pro-top, .framed-canvas-30s .pro-top, .framed-canvas-40s .pro-top, .framed-canvas-50s .pro-top { z-index:1; display:block; position:absolute; width:195px; height:195px;} /*homeXL_wallcan*/ .wall-calendar-home, .wall-calendar-biz-home {background:url(/images/tintint/zh_TW/home/wallcan_bgl.png) no-repeat top center; padding:91px 12px 35px 10px; display:block; margin:5px auto; width:222px; height:245px;_behavior: url("/stylesheets/iepngfix.htc?v=1");} a.wall-calendar-home, a.wall-calendar-biz-home {cursor: pointer;} a:hover.wall-calendar-home, a:hover.wall-calendar-biz-home {background:url(/images/tintint/zh_TW/home/wallcan_bgl_over.png) no-repeat top center;} .wall-calendar-home img, .wall-calendar-biz-home img {width:200px; height:144px; margin:0 auto!important;} .wall-calendar-home .pro_top, .wall-calendar-biz-home .pro_top { z-index:1; background:url(/images/tintint/zh_TW/home/wallcan_bgl_top.png) no-repeat top left; display:block; position:absolute; width:200px; height:144px; _behavior: url("/stylesheets/iepngfix.htc?v=1");} /*homeXL_datebook*/ .diary-home {background:url(/images/tintint/common/home/datebook_bgl.png) no-repeat top center; padding:32px 33px 22px 39px; display:block; margin:5px auto; width:225px; height:270px;_behavior: url("/stylesheets/iepngfix.htc?v=1");} a.diary-home {cursor: pointer;} a:hover.diary-home {background:url(/images/tintint/common/home/datebook_bgl_over.png) no-repeat top center;} .diary-home img {width:153px; height:216px; margin:0 auto!important;} .diary-home .pro-top { z-index:1; background:url(/images/tintint/common/home/datebook_bgl_top.png) no-repeat top left; display:block; position:absolute; width:153px; height:216px; _behavior: url("/stylesheets/iepngfix.htc?v=1");} /*homeXL_framed-print-15s*/ .framed-prints-15s-home {background:url(/images/tintint/common/home/framed-print_bgl.png) no-repeat top center; padding:56px 15px 19px 11px; display:block; margin:5px auto; width:220px; height:270px;_behavior: url("/stylesheets/iepngfix.htc?v=1");} a.framed-prints-15s-home {cursor: pointer;} a:hover.framed-prints-15s-home {background:url(/images/tintint/common/home/framed-print_bgl_over.png) no-repeat top center;} .framed-prints-15s-home img {width:195px; height:195px; margin:0 auto!important;} .framed-prints-15s-home .pro-top { z-index:1; display:block; position:absolute; width:195px; height:195px;} /*homeXL_framed-print-25s*/ .framed-prints-25s-home {background:url(/images/tintint/common/home/framed-print_bgl.png) no-repeat top center; padding:56px 15px 19px 11px; display:block; margin:5px auto; width:220px; height:270px;_behavior: url("/stylesheets/iepngfix.htc?v=1");} a.framed-prints-25s-home {cursor: pointer;} a:hover.framed-prints-25s-home {background:url(/images/tintint/common/home/framed-print_bgl_over.png) no-repeat top center;} .framed-prints-25s-home img {width:195px; height:195px; margin:0 auto!important;} .framed-prints-25s-home .pro-top { z-index:1; display:block; position:absolute; width:195px; height:195px;} /*homeXL_framed-print-30s*/ .framed-prints-30s-home {background:url(/images/tintint/common/home/framed-print_bgl.png) no-repeat top center; padding:56px 15px 19px 11px; display:block; margin:5px auto; width:220px; height:270px;_behavior: url("/stylesheets/iepngfix.htc?v=1");} a.framed-prints-30s-home {cursor: pointer;} a:hover.framed-prints-30s-home {background:url(/images/tintint/common/home/framed-print_bgl_over.png) no-repeat top center;} .framed-prints-30s-home img {width:195px; height:195px; margin:0 auto!important;} .framed-prints-30s-home .pro-top { z-index:1; display:block; position:absolute; width:195px; height:195px;} /*homeXL_framed-print-40s*/ .framed-prints-40s-home {background:url(/images/tintint/common/home/framed-print_bgl.png) no-repeat top center; padding:56px 15px 19px 11px; display:block; margin:5px auto; width:220px; height:270px;_behavior: url("/stylesheets/iepngfix.htc?v=1");} a.framed-prints-40s-home {cursor: pointer;} a:hover.framed-prints-40s-home {background:url(/images/tintint/common/home/framed-print_bgl_over.png) no-repeat top center;} .framed-prints-40s-home img {width:195px; height:195px; margin:0 auto!important;} .framed-prints-40s-home .pro-top { z-index:1; display:block; position:absolute; width:195px; height:195px;} /*homeXL_framed-print-50s*/ .framed-prints-50s-home {background:url(/images/tintint/common/home/framed-print_bgl.png) no-repeat top center; padding:56px 15px 19px 11px; display:block; margin:5px auto; width:220px; height:270px;_behavior: url("/stylesheets/iepngfix.htc?v=1");} a.framed-prints-50s-home {cursor: pointer;} a:hover.framed-prints-50s-home {background:url(/images/tintint/common/home/framed-print_bgl_over.png) no-repeat top center;} .framed-prints-50s-home img {width:195px; height:195px; margin:0 auto!important;} .framed-prints-50s-home .pro-top { z-index:1; display:block; position:absolute; width:195px; height:195px;} /*homeXL_snapcard*/ .snapcard-home {background:url(/images/tintint/common/home/snapcard_portrait_bgl.png) no-repeat top center; padding:48px 40px 27px 45px; display:block; margin:5px auto; width:211px; height:265px; _behavior: url("/stylesheets/iepngfix.htc?v=1");} a.snapcard-home {cursor: pointer;} a:hover.snapcard-home {background:url(/images/tintint/common/home/snapcard_portrait_bgl_over.png) no-repeat top center;} .snapcard-home img {width:126px; height:190px; margin:0 auto!important;} .snapcard-home .pro-top { z-index:1; position:absolute;} /*homeXL_snapcard-bulk*/ .snapcard-home {background:url(/images/tintint/common/home/snapcard_portrait_bgl.png) no-repeat top center; padding:48px 40px 27px 45px; display:block; margin:5px auto; width:211px; height:265px; _behavior: url("/stylesheets/iepngfix.htc?v=1");} a.snapcard-bulk-home {cursor: pointer;} a:hover.snapcard-bulk-home {background:url(/images/tintint/common/home/snapcard_portrait_bgl_over.png) no-repeat top center;} .snapcard-bulk-home img {width:126px; height:190px; margin:0 auto!important;} .snapcard-bulk-home .pro-top { z-index:1; position:absolute;} /*homeXL_snapcard4facebook*/ .snapcard4facebook-home {background:url(/images/tintint/common/home/snapcard_portrait_bgl.png) no-repeat top center; padding:48px 40px 27px 45px; display:block; margin:5px auto; width:211px; height:265px; _behavior: url("/stylesheets/iepngfix.htc?v=1");} a.snapcard4facebook-home {cursor: pointer;} a:hover.snapcard4facebook-home {background:url(/images/tintint/common/home/snapcard_portrait_bgl_over.png) no-repeat top center;} .snapcard4facebook-home img {width:126px; height:190px; margin:0 auto!important;} .snapcard4facebook-home .pro-top { z-index:1; position:absolute;} /*homeXL_snapcard4iphone*/ .snapcard4iphone-home {background:url(/images/tintint/common/home/snapcard_portrait_bgl.png) no-repeat top center; padding:48px 40px 27px 45px; display:block; margin:5px auto; width:211px; height:265px; _behavior: url("/stylesheets/iepngfix.htc?v=1");} a.snapcard4iphone-home {cursor: pointer;} a:hover.snapcard4iphone-home {background:url(/images/tintint/common/home/snapcard_portrait_bgl_over.png) no-repeat top center;} .snapcard4iphone-home img {width:126px; height:190px; margin:0 auto!important;} .snapcard4iphone-home .pro-top { z-index:1; position:absolute;} /*homeXL_snapcard4android*/ .snapcard4android-home {background:url(/images/tintint/common/home/snapcard_portrait_bgl.png) no-repeat top center; padding:48px 40px 27px 45px; display:block; margin:5px auto; width:211px; height:265px; _behavior: url("/stylesheets/iepngfix.htc?v=1");} a.snapcard4android-home {cursor: pointer;} a:hover.snapcard4android-home {background:url(/images/tintint/common/home/snapcard_portrait_bgl_over.png) no-repeat top center;} .snapcard4android-home img {width:126px; height:190px; margin:0 auto!important;} .snapcard4android-home .pro-top { z-index:1; position:absolute;} /*homeXL_squarebook*/ .layflat-squarebook-home, .layflat-squarebook-l-home {background:url(/images/tintint/zh_TW/home/squarebook_bgl.png) no-repeat top center; padding:53px 0px 11px 16px; display:block; margin:5px auto; width:228px; height:264px;_behavior: url("/stylesheets/iepngfix.htc?v=1");} .layflat-squarebook-home img, .layflat-squarebook-l-home img {width: 198px; height: 195px;} a.squarebook-home, a.layflat-squarebook-l-home {cursor: pointer;} a:hover.squarebook-home, a:hover.layflat-squarebook-l-home {background:url(/images/tintint/zh_TW/home/squarebook_bgl_over.png) no-repeat top center;} .squarebook-home img, .layflat-squarebook-l-home img {width:195px; height:195px; margin:0 auto!important;} .squarebook-home .pro-top, .layflat-squarebook-l-home .pro-top { z-index:1; background:url(/images/tintint/zh_TW/home/squarebook_bgl_top.png) no-repeat top left; display:block; position:absolute; width:195px; height:195px; _behavior: url("/stylesheets/iepngfix.htc?v=1");} /*homeXL_notebook*/ .notebook-home, .notebook2015-home, .notebook2016-home {background:url(/images/tintint/zh_TW/home/bunko_bgl.png) no-repeat top center; padding:23px 27px 20px 24px; display:block; margin:5px auto; width:221px; height:270px;_behavior: url("/stylesheets/iepngfix.htc?v=1");} a.notebook-home, a.notebook2015-home, a.notebook2016-home {cursor: pointer;} a:hover.notebook-home, a:hover.notebook2015-home, a:hover.notebook2016-home {background:url(/images/tintint/zh_TW/home/bunko_bgl_over.png) no-repeat top center;} .notebook-home img, .notebook2015-home img, .notebook2016-home img {width:170px; height:227px; margin:0 auto!important;} .notebook-home .pro_top, .notebook2015-home .pro_top, .notebook2016-home .pro_top { z-index:1; background:url(/images/tintint/zh_TW/home/bunko_bgl_top.png) no-repeat top left; display:block; position:absolute; width:171px; height:228px; _behavior: url("/stylesheets/iepngfix.htc?v=1");} /*homeXL_folded-card*/ .invitation-folded-card-home, .invitation-folded-card_home {background:url(/images/tintint/zh_TW/home/folded-card_bgl.png) no-repeat top center; padding:53px 15px 11px 13px; display:block; margin:5px auto; width:224px; height:259px;_behavior: url("/stylesheets/iepngfix.htc?v=1");} a.invitation-folded-card-home, .invitation-folded-card_home {cursor: pointer;} a:hover.invitation-folded-card-home, a:hover.invitation-folded-card_home {background:url(/images/tintint/zh_TW/home/folded-card_bgl_over.png) no-repeat top center;} .invitation-folded-card-home img, .invitation-folded-card_home img {width:195px; height:195px; margin:0 auto!important;} .invitation-folded-card-home .pro_top, .invitation-folded-card_home .pro_top { z-index:1; background:url(/images/tintint/zh_TW/home/folded-card_top.png) no-repeat top left; display:block; position:absolute; width:195px; height:195px; _behavior: url("/stylesheets/iepngfix.htc?v=1");} /*homeXL_greeting-folded-card*/ .greeting-folded-card-home {background:url(/images/tintint/common/home/greeting-folded-card_bgl.png) no-repeat top center; padding:99px 19px 27px 16px; display:block; margin:5px auto; width:227px; height:270px; _behavior: url("/stylesheets/iepngfix.htc?v=1");} a.greeting-folded-card-home {cursor: pointer;} a:hover.greeting-folded-card-home {background:url(/images/tintint/common/home/greeting-folded-card_bgl_over.png) no-repeat top center;} .greeting-folded-card-home img {width:192px; height:144px; margin:0 auto!important;} .greeting-folded-card-home .pro-top { z-index:1; position:absolute;} /*homeXL_blogbook*/ .blogbook-home {background:url(/images/tintint/zh_TW/home/bunko_bgl.png) no-repeat top center; padding:23px 27px 20px 24px; display:block; margin:5px auto; width:221px; height:270px;_behavior: url("/stylesheets/iepngfix.htc?v=1");} a.blogbook-home {cursor: pointer;} a:hover.blogbook-home {background:url(/images/tintint/zh_TW/home/bunko_bgl_over.png) no-repeat top center;} .blogbook-home img {width:170px; height:227px; margin:0 auto!important;} .blogbook-home .pro_top { z-index:1; background:url(/images/tintint/zh_TW/home/bunko_bgl_top.png) no-repeat top left; display:block; position:absolute; width:171px; height:228px; _behavior: url("/stylesheets/iepngfix.htc?v=1");} /*homeXL_layflat-portraitbook-lh*/ .layflat-portraitbook-lh-home {background:url(/images/tintint/zh_TW/home/a4_bgl.png) no-repeat top center; padding:22px 25px 20px 26px; display:block; margin:5px auto; width:221px; height:269px;_behavior: url("/stylesheets/iepngfix.htc?v=1");} a.layflat-portraitbook-lh-home {cursor: pointer;} a:hover.layflat-portraitbook-lh-home {background:url(/images/tintint/zh_TW/home/a4_bgl_over.png) no-repeat top center;} .layflat-portraitbook-lh-home img {width:166px; height:228px; margin:0 auto!important;} .layflat-portraitbook-lh-home .pro-top { z-index:1; background:url(/images/tintint/zh_TW/home/a4_bgl_top.png) no-repeat top left; display:block; position:absolute; width:166px; height:228px; _behavior: url("/stylesheets/iepngfix.htc?v=1");} /*homeXL_blogbook*/ .blogbook_home {background:url(/images/tintint/zh_TW/home/bunko_bgl.png) no-repeat top center; padding:23px 27px 20px 24px; display:block; margin:5px auto; width:221px; height:270px;_behavior: url("/stylesheets/iepngfix.htc?v=1");} a.blogbook_home {cursor: pointer;} a:hover.blogbook_home {background:url(/images/tintint/zh_TW/home/bunko_bgl_over.png) no-repeat top center;} .blogbook_home img {width:170px; height:227px; margin:0 auto!important;} .blogbook_home .pro_top { z-index:1; background:url(/images/tintint/zh_TW/home/bunko_bgl_top.png) no-repeat top left; display:block; position:absolute; width:171px; height:228px; _behavior: url("/stylesheets/iepngfix.htc?v=1");} /*homeXL_classic-clothbound-portraitbook*/ .classic-clothbound-portraitbook-home {background:url(/images/tintint/zh_TW/home/bunko_bgl.png) no-repeat top center; padding:22px 27px 20px 24px; display:block; margin:5px auto;width: 221px;height: 270px;_behavior: url("/stylesheets/iepngfix.htc?v=1");} a.classic-clothbound-portraitbook-home {cursor: pointer;} a:hover.classic-clothbound-portraitbook-home {background:url(/images/tintint/zh_TW/home/bunko_bgl_over.png) no-repeat top center;} .classic-clothbound-portraitbook-home img {width:170px; height:227px; margin:0 auto!important;} .classic-clothbound-portraitbook-home .pro-top { z-index:1; background:url(/images/tintint/zh_TW/home/clothbound-portraitbook-home_bgl_top.png) no-repeat top left; display:block; position:absolute; width:171px; height:228px; _behavior: url("/stylesheets/iepngfix.htc?v=1");} /*homeXL_desk-calendar-landscape*/ .desk-calendar-landscape-home, .desk-calendar-landscape-biz-home {background:url(/images/tintint/common/home/beskcan_l_bgl.png) no-repeat top center; padding:69px 17px 46px 17px; display:block; margin:5px auto; width:222px; height:245px;_behavior: url("/stylesheets/iepngfix.htc?v=1");} a.desk-calendar-landscape-home, a.desk-calendar-landscape-biz-home {cursor: pointer;} a:hover.desk-calendar-landscape-home, a:hover.desk-calendar-landscape-biz-home {background:url(/images/tintint/common/home/beskcan_l_bgl_over.png) no-repeat top center;} .desk-calendar-landscape-home img, .desk-calendar-landscape-biz-home img {width:187px; height:132px; margin:0 auto!important;} .desk-calendar-landscape-home .pro-top, .desk-calendar-landscape-biz-home .pro-top { z-index:1; background:url(/images/tintint/common/home/deskcan_l_bgl_top.png) no-repeat top left; display:block; position:absolute; width:187px; height:132px; _behavior: url("/stylesheets/iepngfix.htc?v=1");} /****** contactus ******/ #conractus .conractus-tag-md-line, #conractus .conractus-tag-lg-line{ border-right:1px solid #cecece; } #conractus .btn-fb:focus {background-color:#2e5e86; border:1px solid #2e5e86;} #conractus .btn-ig {background-color:#2e5e86!important; border:1px solid #2e5e86!important;} #conractus .btn-line {background-color:#66af4e!important; border:1px solid #66af4e!important; width: 100%; max-width: 200px;} @media (max-width:992px){ #conractus .conractus-tag-lg-line{ border-right: 0; } } @media (max-width:768px){ #conractus .conractus-tag-md-line{ border-right: 0; } } /****** editor ******/ #editor h5 span {color:#999;font-size:180%;font-weight:normal;} #editor .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } /****** firsttime ******/ #firsttime {text-align:center; color:#333;} #firsttime .block {padding:40px 0;} /* #firsttime .about-title {text-align:left; margin-bottom:10px;} */ /* #firsttime h2 {margin-bottom:20px; font-size:22px;} */ #firsttime h3 { /* font-weight:normal; */ letter-spacing:2px; /* line-height:26px; */ } /* #firsttime .header {border-bottom:1px solid #cecece;} */ /* #firsttime .header img {width:980px;} */ #firsttime-easy {background:url(/images/tintint/zh_TW/firsttime/tin_02.gif) no-repeat bottom right;} #firsttime-easy h2 , #firsttime-product h2 { margin-bottom:10px;} #firsttime-easy ul { /* margin-top:30px; line-height:30px; */ /* font-size:15px; */ } @media (max-width: 992px){ #firsttime-easy{ background: none; } } #firsttime-edit {margin-bottom:10px;} #firsttime-edit a {color:#333;} #firsttime-edit .top {width:478px; height:173px; position:absolute; padding:15px; margin:-15px 0 0 -15px; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;} #firsttime-edit .top:hover {background:rgba(0, 0, 0, 0.2);} #firsttime-edit .firsttime-onlinedit, #firsttime-edit .firsttime-mobile {width:480px; height:175px; padding:15px; border:1px solid #efefef;} #firsttime-edit .firsttime-onlinedit {background:url(/images/tintint/common/firsttime/tintint-about-onlineedit.png) no-repeat center;} #firsttime-edit .firsttime-mobile {background:url(/images/tintint/common/firsttime/tintint-about-mobile.gif) no-repeat center;} #firsttime-edit .firsttime-edit-title {text-align:left; padding:10px 0 0 170px; height:50px;} #firsttime-edit .firsttime-edit-text {padding-top:25px; color:#8f8f8f;} /* */ #firsttime-movie .block-f4{padding:10px 5px;} #firsttime-movie h3 {margin-bottom:10px;} #firsttime-product {letter-spacing:1px;} #firsttime-product .product-list {margin-top:5px; background:url(/images/tintint/common/firsttime/tintint-about-product.jpg) no-repeat center top; width:980px; height:240px;} #firsttime-product .product-list ul {padding:2px 34px; margin-bottom:40px;} #firsttime-product .product-list li {float:left;} #firsttime-product .product-list li a {width:114px; padding-top:145px; font-weight:bold; letter-spacing:1px; display:block;} #firsttime-product .product-list li a:hover {text-decoration:none;} #firsttime-product .product-list .btn-border-l a {padding:10px 40px;} #firsttime-product .owl-carousel.pd-content{ background-image: url(/images/tintint/common/bonus/bookshelf_w1150.png); background-repeat: no-repeat; background-position: center 0.5rem; background-size: auto; overflow: hidden; } #firsttime-product .owl-carousel .owl-item{ display: inline-block; } /****** terms ******/ .terms-content {margin: 15px auto 0 auto; padding:40px; border:3px solid #efefef;} /****** document ******/ #document .document-list li a {display:block; color:#333; line-height:30px; font-weight:bold; border-bottom: 1px solid #dedede; padding: 10px 10px; letter-spacing:1px;} #document .document-list li a:hover {color:#333; background:#e6e6e6; text-decoration:none;} #document .document-list .inner {line-height:25px; color:#333; } #document .document-list .block-ff {padding:25px; border-bottom: 1px solid #dedede; border-left: 1px solid #dedede; border-right: 1px solid #dedede; background:#fff;} #document hr {margin:15px 0;} #document .search {height:32px;} #document .block-f4 {padding:25px; margin-top:10px;} #document p {line-height:23px;} #document .menubox b , #testimony .menubox b {color:#333; font-weight:normal;} /*product_newdesign2014*/ .document_menu {padding:0px 0px 35px 8px; width:105px;} .document_menu li {text-align:left;} .document_menu .block-ef {width:105px; background:url(/images/tintint/zh_TW/tt_box_line.gif) no-repeat left bottom; line-height:40px; padding-bottom:15px; margin-bottom:14px; font-weight:bold; overflow:hidden;} .document_menu a {background:url(/images/tintint/zh_TW/gray_icon.gif) no-repeat center left; padding:4px 0 4px 13px; line-height:30px;} .document_menu .selected {background:url(/images/tintint/zh_TW/bk_icon.gif) no-repeat center left; font-weight:bold; color:#595959;} .document_menu a:hover.selected ,.document_menu a:visited.selected{font-weight:bold; color:#595959; text-decoration: none;} #blogtobook .main {margin-top:20px;} #blogtobook h1 ,#blogtobook .bb_title {margin-bottom:20px;} #blogtobook .bb_img {border:1px solid #ececec;} /****** sign ******/ /* #sign .border,.border_center {text-align:center; padding:30px;} */ /* #sign .border_center {border-left:1px solid #cecece; border-right:1px solid #cecece;} */ #sign .tt-sign {margin:0px auto; padding:0px 15px;} #sign .tt-sign table {margin:0 auto;} /* #sign td {} */ #sign .sign-btn input, #sign .fb-sign-btn, #signup .sign-btn, #signup .fb-sign-btn, #signup .signup-fin-input {width:240px;display:inline-block;line-height:36px;text-align:center;text-decoration:none;border-radius:5px;color:#fff;font-size:14px;cursor: pointer;letter-spacing: 1px;} /* #sign .sign-btn input, #signup .sign-btn, #signup .signup-fin-input{background: #eb0a4b;border:1px solid #eb0a4b;} */ /* #sign .fb-sign-btn, #signup .fb-sign-btn {background: #4d699f;border:1px solid #4d699f;} */ /* #sign .fb-sign-btn:hover, #signup .sign-btn:hover, #signup .fb-sign-btn:hover{opacity:0.7;} */ /* #sign-tt , #sign-fb { width:50%; height:410px; text-align:center; padding: 25px 15px; margin-top:15px; display:inline-block; float:left } */ /* #signup-tt , #signup-fb {width:450px; min-height:550px; padding: 25px 15px; margin-top:15px;} */ /* #sign-tt .block-ff , #sign-fb .block-ff { margin:10px 0 20px 0; padding:15px; text-align:center; min-height:250px; } */ /* #sign-tt .box-border {padding:5px;} */ /* #signup-tt .box-border {width:210px;} */ /* #signup-fb .block-ff {margin:10px 0; padding:15px;} */ /* #sign-tt table { margin:0 auto 10px auto; height:112px; } */ /* #signup-tt table {margin-top:25px;} */ /* #sign-tt input.singin:hover {opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )";} */ /* .signin_bt {background:#ffffff; border:1px solid #333333;} */ .linkin_bt a{background:#ffffff; padding:20px 50px;} .linkin_bt a:hover{background:#dddddd; padding:20px 50px; color:#333333; text-decoration:none;} #sign .main, #sign .sidebar {height:350px; text-align:center;} #sign .sign_fb {margin:25px 20px 20px 20px; padding:40px 15px 0px 15px; height:150px; text-align:center;} #sign .link-tintint {margin:25px 20px 20px 20px; height:235px; text-align:center;} #sign .sign-link {margin:25px 20px 20px 20px; padding:30px 15px 0px 15px; height:235px; text-align:left;} #sign .sign-link table {margin:20px auto 5px auto;} #forgetpassword .box-pad {min-height:180px;} /* #forgetpassword .msg {padding:20px 0 10px 0;} */ /*#forgetpassword h2 { margin:20px 0 20px 0; color: #666; }*/ /* new */ #forgetpassword .fg-content{ max-width: 460px; width: 100%; margin: auto; } #forgetpassword.box-pad{ padding: 10px 15px 30px 15px; } #forgetpassword #resetpassword {width:500px; margin:0 auto 20px auto;} #forgetpassword #resetpassword td {padding:5px 10px;} .signin-input-list .signin-username {padding:5px; margin-bottom:5px;} .signin-input-list .signin-password {padding:5px;} /* #sign-tt .btn-primary {padding: 6px 101px;} */ /****** signup ******/ /* #signup td {line-height:20px; padding:0 5px; height:55px;} #signup td b {font-size:15px; letter-spacing:1px;} #signup input.box-border , #signup select {padding:5px;} #signup .code {font-weight: bold; background: #7C4824; border: 1px solid #efefef; padding: 5px; color: #fff; letter-spacing: 1px;} */ #signup_form .code { font-weight: bold; background: #EB9164; padding: 0.375rem .75rem; color: #fff; letter-spacing: 1px; /* margin-left: 10px; */ font-size: 12px; } .password-eye { transform: translateY(-50%); cursor: pointer; } /* #signup .block-f4,#sign .block-f4 { padding:30px 15px; display:inline-block; float:left; width:50%; } */ /* #signup .block-f4 { padding:30px 15px; display:inline-block; float:left; width:50%; } */ /* #signup .main,#signup .sidebar,#sign .main,#sign .sidebar {width:417px;} */ /* #signup .signup-up {margin-top:30px;} #signup .sign_fb {margin:45px 20px 0 20px; padding:15px 15px 20px 15px; text-align:center;} #signup .mission-noty {padding-top: 8px; padding-bottom: 8px;} #signup .title {text-align:center;} #signup .icon-points {clear:both;display: inline-block;} #signup .signup-fin-input{padding:0;} */ /*#signup-fb a.btn {min-width:180px!important;}*/ /* @media (max-width: 980px) { #sign .sign-blocks { display: flex; flex-direction: column; } #sign .sign-blocks>.block-f4 { width: 100%; } } */ /* @media (max-width: 540px) { #sign .sign-blocks>.block-f4>div { margin-left:0px; margin-right:0px; } #sign .sign-blocks>.block-f4>.main { margin-left:0px; margin-right:0px; } #sign .sign-blocks>.block-f4 #signup-line-desc { min-width:auto !important; } #sign .tt-sign { padding: 0px } } */ /****** help ******/ /* .ask-top15 {padding: 20px;margin-bottom: 30px;} */ /* .ask-top15 a {margin-left: 7px;} */ /* .ask-top15 h2 {font-size: 16px;letter-spacing: 1px;padding-bottom: 5px;} */ /* .ask-top15 table {width: 100%;} .ask-top15 table td {padding: 5px;} */ /* .ask-top15 .product-edit {width: 35%;} .ask-top15 .order-payment {width: 35%;} .ask-top15 .product-shipment {width: 30%;} */ /* .ask-top15 .link-to-document {border-top: 1px solid #CECECE;margin-top: 30px;padding-top: 10px;color:#6c6c6c;} */ /* .ask-top15 .link-to-document>a {margin-left:0px;} */ .ask-cs h2 { /* margin-top: 20px; */ /* margin-bottom: 20px; */ font-size: 16px; /* letter-spacing: 1px; */ } /* .ask-cs .ask-form {margin-top: 15px;} */ /* .ask-cs .ask-form label {padding: 3px;} */ /* .ask-cs .ask-form .input, .ask-cs .ask-form .textarea { width: 412px; } */ .ask-cs .ask-form .input{ width: 412px; } /* .ask-cs .ask-form button {margin-left: 90px;} */ /* #asked .table .question {width: 30%;} #asked .table .created-at {width: 55%;} #asked .table .status {width: 15%;} */ #help-thread > h2 {margin: 20px 0;word-break: break-all;} #help-thread .thread { /* margin-bottom: 30px; padding: 10px; border-radius: 5px; */ background-color: #fff; } /* #help-thread .input-box label {width: 20%;} */ /* #help-thread .input-box #comment {width: 65%;} */ /* #help-thread button {margin-left:157px;} */ #help-thread #nextstep.arrow_box:after, .arrow_box:before {top: 100%;} #help-thread #nextstep.arrow_box:after {border-top-color: #ffffff;border-bottom-color:transparent;} #help-thread #nextstep.arrow_box:before {border-top-color: #e7e5e2;border-bottom-color:transparent;} #help-thread #nextstep h4 {margin-top:0;} #help-thread #nextstep .btn {padding:6px 25px;} #help-thread #nextstep small {display:inline-block; color:#999; letter-spacing:0;} /* .thread .tt-reply, .thread .user-ask {margin-bottom: 15px;padding: 15px 0;} */ .thread .tt-reply {background-color: #efefef;} .thread .tt-reply .thread-title {color: #D47B1C;} .thread .user-ask {border-bottom: 1px solid #efefef;} /* .thread span {padding: 15px 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} */ /* .thread .thread-title {width: 20%;} .thread .thread-detail {width: 65%;} .thread .thread-time {width: 15%;text-align: right;} */ .help-raty { /* margin-bottom: 20px; padding: 25px 15px; border-radius: 5px; */ background: #ffffff; } /* .help-raty span {display: inline-block;vertical-align: middle;} */ /* .help-raty .satisfication {width: 58%;} .help-raty .is-answered {width: 42%;} */ .help-raty .raty img {display: inline-block;vertical-align: sub;} .help-raty .raty_comment {font-size: 13px;color: #f3a24a;} .help-raty .raty_tip {width: 76px;margin-left: 10px;cursor: default;color: #fff;font-size: 10px;border: 0px;background: rgb(230, 135, 33);border-radius: 15px;padding: 0px 8px;} .raty_status {color: #f3a24a;} #help .block-ff, #help .block-c7 {line-height:35px;} #help .block-ff {border-bottom:1px solid #E1E1E1;} #help td {padding:0 10px;} #help table {background:#ffffff;} #help .thread td{background:#ffffff; padding-top:15px; padding-bottom:15px; border-bottom: 1px solid #EFEFEF;} #help .thread {background:#ffffff; margin-bottom:15px;} #help .tt-answer .box-border {width:400px; margin-bottom:15px;} #help .line_t {border-top:1px solid #E1E1E1;} #help h1 {color:#a55c3f;} .tt-answer td{background:#efefef!important;} .help-annoucement {margin-bottom: 26px; } .help-annoucement h2 {font-size:13px; letter-spacing:1px; } #help .qus-my {padding:25px 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px;} #help .thread .box-border {width:400px;} .help_new {color:#333; line-height:1.8em; font-size:13px; margin:10px 0 30px 0; padding:15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color:#fff; border:1px solid #CECECE;} .help_new p {font-size:13px;} .help_new .btn.user-confirm {margin-top: 15px;} .help_new h2 {font-size:13px; font-weight:bold; color:#333; letter-spacing:1px; line-height:1.5em;} .help_new .text-important {display: inline-flex; -moz-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px; padding:0px 20px; letter-spacing:2px; font-weight:bold; margin-bottom:10px;} .vacation-noty {text-align:center;} #help-thread .attachments a {margin:0 5px 5px 0;} #help .attachments a {margin:0 0 5px 0;} #help-thread .attachments a small, #help .attachments a small {display:block;line-height:1.5;width:100px;text-align:center;color:#999;} #help-thread .attachments a .img-thumbnail {width:100px;height:100px;} #help .attachments a .img-thumbnail {width:90px;height:90px;} /****** account ******/ .account { /* margin-left:27px; margin-right:27px; overflow: hidden; */ } .account .subhead {margin-bottom: 24px;color: #333;font-size: 15px;font-weight: bold;letter-spacing: 1px;} /*.account .input-box label {width: 140px;}*/ /* #account-profile button {margin-left:160px;} */ #account-profile .social-network tbody {background: #efefef;} #account-profile .social-network tr {border-bottom: none;} #account-profile .social-network td {padding: 5px;} /* #account-password button {margin-left: 155px;} */ /* #account-email button {margin-left: 155px;} */ #account-email .input-box .old-email {padding: 5px;} #account-email .input-box span.text-bold {line-height:27px;padding-left:5px;} #account-email .input-box span.text-important {background: #A3A3A3;padding: 2px 15px;letter-spacing: 1px;} /* #account {margin-left:27px;margin-right:27px;} */ #account td {padding:5px;} #account select {height:28px;} #account input.box-border {height:20px;} #account .request-friend-img {text-align:center; letter-spacing:1px;} #account .request-friend-img img {height:130px;} #account .box-border {width:400px;} #account .main {margin:0px;} #account .confirm input {height:30px;} #account .confirm td{background:#ffffff; line-height:30px; padding:15px 10px; border-bottom:1px solid #ffffff;} /* #address table {margin:10px 0;} */ /* #address .block-c7 th {padding: 10px 8px; font-weight: bold; line-height: 15px;} */ /* #address .btn {margin-left:0;} */ #mywork-block .account-fb h2 {padding-left:0px;} .account-fb .block-ff {padding:20px; margin-bottom:20px;} .account-fb .submit-gray {line-height:13px; margin:10px;} #updateFacebookAccount-form {padding: 5px 20px;} #updateFacebookAccount-form input[type=submit] {height: 28px;} .form-element {margin: 0 0 18px 0;} .form-element input {padding: 2px 5px;} .form-element span {color:#333; font-size: 13px; font-weight: normal; display: inline-block;} .form-element.checkbox {margin: 0 0 0 2px;} .form-element.checkbox input {margin-top: -1px;} .form-element.checkbox .error-message {margin-left: 16px;} .form-element.button input{width: 200px; margin: 28px 0 0 2px;} .width-30 {width: 30%;} .label-text {font-size: 14px; color: #222;} .label-block {display: block; margin-bottom: 5px;} .error-message {color: #dd4b39;} .label-tip {color: #D47B1C;} .form-error {border: 1px solid #dd4b39;} #account.account-fb .btn {margin-left:0;} /*e-invoice*/ .account.e-invoice p {line-height:1.5;font-size:14px;} #account-profile.account.e-invoice button {margin:40px 0 5px 0;} /****** alert ******/ #alert-my .time {width: 14%;} #alert-my .info {width: 76%;} #alert-my .delete {width: 10%;} #alert-my .text-important {line-height: 15px;font-size: 13px;margin: 0 5px;} /* #alert-setting {margin: 27px;} */ /* #alert-setting .input-box label {width: 480px;} #alert-setting button {margin-left: 490px;} */ /* #alert-info .button {padding: 10px 20px;} #alert-info .text {margin: 20px 0;} */ #alert .text-important {line-height:15px; font-size:13px; margin:0 5px;} /* #alert.form-link b {color:#333;} #alert.form-link a tr {color:#D47B1C;} */ @media (max-width:750px) { #alert-setting .input-box label {width: auto;} #alert-setting button {margin-left: 0px;} } /****** survey ******/ /*#survey {color:#333333; font-size:15px;}*/ /* #survey a{font-size:13px;font-weight:normal;} */ #survey .ss-powered-by {font-size:13px;font-weight:normal;} /* #survey .ss-form-title {color:#4d4742;} */ #survey .ss-form-desc {font-size:15px; color:#da5200; font-weight:bold;} #survey .ss-required-asterisk {color:#ca7c00; font-size:13px;} #survey .errorbox-good {background:#ffffff; padding:6px; margin-right:15px;} #survey .ss-q-short {padding:3px;} #survey .ss-legal {float:right; padding-top:10px;} #survey .submit_orange {padding:8px 15px; margin:20px 0;} .survey_pad {width:890px; padding:8px 13px; margin-bottom:5px;} /* #survey textarea {width:500px;} */ /** testimony **/ #testimony #testimony-box li {padding:18px 4px 18px 4px; text-align:left; border-bottom:1px solid #ffffff;} #testimony #testimony-box li p {padding:5px 0;} #testimony #testimony-box li p a {color:#333;} #testimony .author {padding:15px 10px; text-align:left; font-size:13px;} /* ttcolumn */ #column {width:703px; padding-left:105px;} #column a:hover img ,#ttcolumn a:hover img {opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )";} #column_qa font {color:#3a8e89;} #column_qa {line-height:22px; font-size:13px;} #column_pj {background:url(/images/tintint/zh_TW/column/bookstory/20110603/column0603_pj_pic.jpg) no-repeat bottom center; height:303px; width:702px; margin-bottom:30px;} #column_pd {background:url(/images/tintint/zh_TW/column/bookstory/20110603/column0603_pd_pic.gif) no-repeat left top; height:189px; width:702px;} #ttcolumn .main {border-left:1px solid #dedede;} #ttcolumn .main ul {margin:30px 0 0 20px;} #ttcolumn .main li {width:340px; float:left; height:200px;} #ttcolumn .main li .inner {padding:0 18px 40px 20px; font-size:13px;} #ttcolumn .column_share {width:720px; margin:60px 0 0 30px; font-size:13px; border-top:1px solid #ABABAB;} #ttcolumn .column_share font {color:#595452; line-height:32px;} /****** gift ******/ #gift .header #sliderPanel img { /* width:790px; */ width: 100%; height: auto; } #gift .header_express {font-size: 13px; padding: 5px;} #gift .header_express img {padding-right:5px;} #gift .title-block h2 {letter-spacing: 1px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; padding: 3px 10px; line-height: normal;} #gift .gift-tag {margin:40px 0 40px;} #gift .gift-tag ul { padding: 0; margin: 0 0 10px 0; border-top-left-radius: 5px; border-top-right-radius: 5px; float: none; border-bottom: 0px; display: -moz-flex; display: -webkit-flex; display: flex; white-space: nowrap; overflow-x: auto; -ms-overflow-style: none; flex-wrap: nowrap; border-bottom:1px solid #cecece; /* border-bottom: 1px solid #C7C7C7; */ } #gift .gift-tag ul li.active{ color: var(--bs-cta); } #gift .gift-tag ul .valen_tag.active{ color: var(--bs-cta); } #gift .gift-tag ul .valen_tag.active + div, #gift .gift-tag ul li.active > .line{ border-top: 3px solid var(--bs-cta); position: relative; bottom: 0px; width: 90%; margin: auto; } #gift .gift-tag ul li .line{ margin-bottom: 0; border: none; } /* #gift .gift-tag li { float:left; border-right:1px solid #e6e6e6; } */ #gift .gift-tag .block-ef {border-left:1px solid #e6e6e6; padding:7px 20px; font-weight:bold;} #gift .gift-tag li a {display:block; color:#333; padding:7px 20px;} #gift .gift-tag li a:hover ,#gift .gift-tag li:hover { color: var(--bs-cta); text-decoration: none; cursor: pointer; } #gift-price .content_pro .pro-center {text-align:center; width:160px; height:150px; margin-top:16px;} #gift-price .pro-center img {width:130px;} #gift-price .pro-center img.blogbook {width:120px!important;} #gift .active-banner h1 {color:#D47B1C; line-height:45px; font-size:24px;} #gift .active-banner h1:hover {color:#f3a24a;} .gift-content .gift-tag .tabs-nav { display: flex; white-space: nowrap; overflow-x: auto; margin-bottom:30px; } .gift-content .gift-tag .tabs-nav::-webkit-scrollbar { display: none; } .gift-content .gift-tag .tabs-nav li .gift-name{ display:block; padding:7px 20px; } .gift-content .gift-tag .tabs-nav li {display: inline-block;} /* .gift-content .gift-tag .tabs-nav li.active {background:#efefef;} */ .gift-content .tabs-block {display:none;} .gift-content .tabs-block.active {display:block;} .gift-content .display-8block li {width:180px;float:left;text-align:center;padding:3px;list-style:none;} .gift-content .display-8block li + li {padding-left:20px;} #gift .gift-express h4 {margin-top:20px; color:#D47B1C; line-height:25px;} #gift .span6-left {width:385px; margin-right:20px;} #gift .span6-left img {width:385px;} #gift .header-text {font-weight: normal; font-size:16px; letter-spacing: 1px; line-height: 28px;} #gift .header_bottom {margin-top:10px;} #gift .block {margin-top:40px;} #gift .box-border .span6-left {width:339px;} #gift .block-top {margin-top:15px;} #gift .block-t {margin-bottom:30px;} /* #gift h3 {letter-spacing:2px; line-height:26px; margin:-5px 0 10px 0;} */ #gift .border_b {border-bottom:1px solid #CECECE; padding-bottom:30px;} #gift .block_inner {padding:20px;} #gift h2 a ,#gift h2 a:visited {color:#333;} #gift .category_banner {margin-top:10px;} #gift .menubox {padding: 0px;} #gift #offer .header img {width:790px;} #gift .content_card span {color:#e88621; font-size:13px; font-weight:normal;} #gift .content_card .block_photo1 {margin-bottom:15px;} /*#gift .content_card .display-4block {height:245px;}*/ #gift .display-pd {margin:0px;font-size:14px;position:relative;} /* #gift .display-pd a, #gift .display-pd-text a {font-size:15px;line-height:2;color:#333;font-weight:bold;} */ #gift .display-pd-text a{--bs-link-color: #333; font-size: 15px; line-height: 2; font-weight: bold;} #gift span.price {font-size:13px;font-weight:bold;color:#666;display:block;} #gift .product_set .display_pd {text-align:left;} #gift .product_set p {text-decoration:line-through;} #gift .product_set font {color:#e88621;} #gift .block_inner .span6-left {width:365px;} #gift .block_inner .span6-left img {width:365px;} #gift .span6-right {line-height:24px; min-width:365px;} #gift .content_info ul {padding-top:5px;} #gift .content_info li {padding:3px 0;} #gift .content_pro li {float:left; width:196px; padding:13px; font-size:13px; height: 255px;} #gift .content_pro a , #2column .content_pro a:visited , #2column .content_pro a:hover {color:#333;} #gift .content_active ul {width:736px;} #gift .content_active li {float:left; width:355px; padding:5px 6px; font-size:13px;} #gift .content_active a , #2column .content_active a:visited , #2column .content_active a:hover {color:#333;} #gift .tag {background-color:#BBB; padding:2px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color:#fff; letter-spacing:1px; margin-top:10px; font-weight:bold;} #gift .set_inner li {float:left; width:120px; color:#333; font-weight:bold; text-align:center;} #gift .offer-coupon {padding:5px 10px; width:250px;} #gift .menu-all ul {border-bottom:1px solid #e6e6e6;} #gift .box-border {padding:20px; display: block; margin-top:40px;} #gift .btn-default-border {margin-left:0;} #gift .display-4block .btn-sm {padding:2px 20px;} #gift .top-link {display:block;clear:both;} #gift-graduation .gift-content .gift-tag {margin-top:20px;} #gift-graduation h1 {font-size:24px;} #gift-graduation .title-block h2 {background:#00aaec; color: #fff;} /* #gift-graduation .title-block h3 {color: #00aaec; font-weight:bold; letter-spacing: 1px;} */ #gift-graduation .title-block h5 {line-height:24px;} #gift-graduation .title-block h5 span {color: #00aaec;} #gift-graduation .title-block h5 span strong {font-size:20px;} #gift-graduation .graduation-yellow {background-image: url(/images/tintint/zh_TW/gift/graduation/gift_school_share_bk.jpg); width:736px; height:193px; margin-top:20px;} #gift-graduation .graduation-yellow .submit_orange_l a {background:#FFEA00; color:#00aaec;} #gift-graduation .graduation-yellow .submit_orange_l a:hover {background:#fff88f;} #gift-graduation .share-signin {background-image: url(/images/tintint/zh_TW/gift/graduation/gift_school_share2_bk.gif); width:676px; height:93px; padding:25px 0 0 60px;} #gift-graduation .share-signin li {line-height:27px;} #gift-graduation .share-fin {background: url(/images/tintint/zh_TW/gift/graduation/gift_school_share2_fin.gif) no-repeat center center; width:36px; height:27px; margin-right:5px;} #gift-graduation .share-yet {width:36px; height:19px; margin-right:5px;} #gift-graduation .share-signin a {color:#fff; text-decoration: underline;} #gift-graduation .share-signin {color:#fff;} #gift-graduation .share-signin b {color:#333;} #gift-graduation .gift-testimony {margin-top:35px;} #gift-graduation .gift-testimony .left {margin-right:10px;} #gift-graduation .gift-testimony .block-ef {padding:15px; margin-top:20px;} #gift-graduation .graduation-share {background:url(/images/tintint/zh_TW/gift/graduation/gift_school_share2_bar.gif); width:424px; height:27px;} #gift-graduation .graduation-share li {float:left;} #gift-graduation .graduation-share a {display:block; width:25px; height:30px;} #gift-graduation .graduation-share .js-share-fb {margin-left:40px;} #gift-graduation .graduation-share .share-fb a:hover {background:url(/images/tintint/zh_TW/gift/graduation/gift_school_share2_bar_hover.gif) no-repeat -348px 0;} #gift-graduation .graduation-share .share-pk a:hover {background:url(/images/tintint/zh_TW/gift/graduation/gift_school_share2_bar_hover.gif) no-repeat -373px 0;} #gift-graduation .graduation-share .share-tw a:hover {background:url(/images/tintint/zh_TW/gift/graduation/gift_school_share2_bar_hover.gif) no-repeat -398px 0;} #gift-graduation .graduation-share .referer-link {font-size: 13px; width: 280px; color: #8F8F8F;} #gift-graduation .graduation-share .js-share-input {padding:0 13px;} #gift-graduation .graduation-share .not-signin a {width:424px; height:30px; position:absolute; z-index:20; display:block;} #gift-graduation .share-signin .js-referer-signin .graduation-share {margin:0px; position: relative; z-index: 5; top: -6px; left: 10px;} #gift-graduation .school-project {border:2px solid #00aaec; padding:30px;border-radius:15px;font-weight:bold!important;} #gift-graduation .school-project h3 {font-size:20px;} #gift-graduation .submit_orange_l a {font-size:15px;letter-spacing:2px;} #gift-graduation .header-text .graduation-icon { width: 75px; margin: auto; } #gift-graduation .header-text .graduation-icon img{ width: 100%; height: auto; } #gift-graduation .school-project {letter-spacing:0.5px;} #gift-graduation .school-project .right {margin-top:10px;max-width:50%;} #gift-graduation .school-project .right img {margin-top:-3px;} #gift-graduation .school-project .left h4 {line-height:24px;margin:10px 0;} #gift-graduation .school-project .text-important.clothbound {background-color:#ed9110;} #gift-graduation .school-project .classic-clothbound-portraitbook-double {border-bottom:1px solid #efefef;padding-bottom:15px;} #gift-graduation .school-project .classic-clothbound-portraitbook-double h4 a {color:#333;} #gift-graduation .school-project .classic-clothbound-portraitbook-double h4 a:hover {opacity:0.7;} #gift-graduation .school-project .classic-clothbound-portraitbook-double strong, #gift-graduation .school-project .classic-clothbound-portraitbook-double span {color:#ed9110;} #gift .icon-newcard {background:#ff564f;width:42px;height:42px;border-radius:40px;color:#fff;font-size:12px;font-weight:600;text-align:center;line-height:40px;position:absolute;top:10px;right:0;box-shadow:0px 1px 1px rgba(0%,0%,0%,0.5);} #gift li .display_pd {position:relative;} #gift-graduation span.highlight {background-color:#ffea00;color:#333333;font-weight:normal;font-size:15px;line-height:28px;} #gift-graduation .check-icon { width:16px; margin:0 3px 0 0; } #gift-graduation .block_inner img {margin:0 20px 20px 0;} #gift-graduation .block_inner h3 {margin-top:5px;} /*gift-graduation - school-project-survey*/ .school-project-survey {background:#efefef;padding:40px 0;margin-top:15px;} .school-project-survey .collects {background:#fff;width:776px;margin:0 auto;padding:20px;max-width:100%;} .school-project-survey .collects img {width:100%;} .school-project-survey .collects.finish {height:300px;border-radius:15px;} .school-project-survey .collects.finish h2 {text-align:center;margin:50px 0;} .school-project-survey h1 {color:#00aaec;line-height:48px;} .school-project-survey p {color:#6c6c6c; line-height:22px;} .school-project-survey ul li{line-height:36px;font-weight:bold;} .school-project-survey label {display:inline-block;min-width:250px;font-weight:bold;letter-spacing:0.5px;} .school-project-survey label span {color:#E68721; line-height:30px;} .school-project-survey label span.white {color:#fff; line-height:30px;} .school-project-survey .block input {width:300px;line-height:20px;padding:0 5px;margin:5px 0;} .school-project-survey .block .radio label {padding-left:0;} .school-project-survey .block .radio span.select {margin-right:20px;} .school-project-survey .block .radio input {width:15px;margin:12px 0 0 0;position:relative;} .school-project-survey .block .checkbox input {width:15px;margin:12px 0 0 -20px!important;} .school-project-survey .block .checkbox {width:300px;} .school-project-survey .block .checkbox span {width:80px;display:inline-block;float:left;margin-left:20px;} .school-project-survey .upload {border:2px solid #cecece; padding:10px; margin:10px 0 20px 0;} .school-project-survey .upload label {min-width:50px;} .school-project-survey .btn {margin:15px 0;padding:5px 70px;} .school-project-survey ul.block.block-ef {width:776px;margin:20px auto 0 auto;padding:10px 0;line-height:24px;color:#6c6c6c;box-sizing:border-box;max-width:90%;} .school-project-survey ul.block.block-ef li {list-style:none;font-weight:normal;font-size:14px;line-height:24px;margin:10px 0;} .project-slider {position: relative;} .project-slider .js-slider-nav { position: absolute; width: 36px; height: 36px; /* top: 190px; */ top: calc(50% - 50px); z-index:99; } .project-slider .active img:hover {opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"; cursor: pointer;} .project-slider .js-slider-nav[data-slider-nav="prev"] {left: -10px;} .project-slider .js-slider-nav[data-slider-nav="next"] {right: -10px;} .project-slider .js-slider { /* width: 734px; */ width: 100%; height: 490px; overflow: hidden; position: relative; z-index:2; } .project-slider .js-slider .slider-page { /* margin: 0 0 0 55px; */ margin: 0; } .project-slider .js-slider > div {width: 100%; height: 100%; position: absolute; display: none;} .project-slider .js-slider div.active, .project-slider .js-slider div.animate {display: block;} .project-slider .slider-switches {text-align: center;} /* .project-slider .js-slider-switch {width: 20px; height: 20px; background-color:#EFEFEF; display: inline-block; line-height:20px;} */ .project-slider .js-slider-switch.active {background-color:#333; color:#fff;} .project-slider .js-slider-switch:hover {cursor: pointer; background-color:#B9B9B9;} .project-slider .project-block {float: left; margin:10px; text-align:center; font-size:13px; width:140px; min-height:230px;} .active_banner .line {border-top:3px solid var(--bs-cta); margin-bottom:0;margin-top:15px;} .active_banner h1 a:hover {text-decoration:none;} .time_attention_text {background:url(/images/tintint/common/gift/gift_mothersday_time_bg.gif) no-repeat top left; height:25px; line-height:25px;letter-spacing:1px; padding-left:30px;} .time_attention_tail {background:url(/images/tintint/common/gift/gift_mothersday_time_bg.gif) no-repeat bottom right; height:25px; width:13px;} #imageModal h3.modal-title { transition: all .5s; } /****** careers ******/ #careers { letter-spacing:1px; } #careers .opacity a:hover, #careers .opacity div:hover {opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"; -moz-transition: all 0.1s ease-in; -webkit-transition: all 0.1s ease-in;} #careers .opacity a, #careers .opacity div{ -moz-transition: all 0.1s ease-in; -webkit-transition: all 0.1s ease-in;} #careers .careers-list {margin-top:10px;} #careers .careers-list li a {display:block; color:#333333; background:#efefef; line-height:30px; font-weight:bold; border-bottom: 3px solid #fff; padding: 10px 25px; letter-spacing:2px; border-radius: 8px;} #careers .careers-list li a:hover {color:#333333; background:#e6e6e6; text-decoration:none;} #careers .careers-list .inner {line-height:26px; color:#333333; padding:25px;} #careers .careers-list .block-ff b , #careers .careers-list .block-ff font {line-height:33px; font-size:18px; letter-spacing:2px; color:#875528;} #careers .careers-list .block-ff font {font-size:16px; font-weight:bold;} /****** cooperation ******/ #cooperation {margin-top:50px;} .cooperation-list {text-align:center;} .cooperation-second {padding:10px 0px;} .cooperation-second li {float:left; width:284px; margin:25px 20px;} .cooperation-list li {letter-spacing:1px; margin-bottom:50px;} .cooperation-list .list-img img {width:284px; height:100px; border:1px solid #CECECE;} .cooperation-list .list-title a , .cooperation-list .list-title {font-size:16px; font-weight:bold; margin-top:10px;} .cooperation-list .list-desc {margin:5px 0 10px 0;} .cooperation-list .list-date {color:#C7C7C7; font-size:13px; letter-spacing:2px;} .footer-center {text-align: center;margin: 40px 0;} /****** invite ******/ #invite .title {font-size:17px; color:#707070; font-weight:bold; font-family:Arial;} #invite .message {background:transparent url(/images/tintint/zh_TW/invite/invite_mes_bg.gif) repeat-y left top; color:#333333; margin-top:10px;} #invite .message td {padding:40px 60px 20px 60px; background:transparent url(/images/tintint/zh_TW/invite/invite_mes_top.gif) no-repeat left top;} #invite .title_footer {background:transparent url(/images/tintint/zh_TW/invite/invite_mes_footer.gif) no-repeat left bottom; width:767px; height:21px;} #invite .message input {height:40px; padding:0px 5px 0px 40px; *padding:0px 5px 0px 5px; display:block; color:#ffffff;} #invite .message .bt {background:transparent url(/images/tintint/zh_TW/invite/invite_bt.gif) no-repeat left top; height:40px; display:block; float:left; border:0px;} #invite .message .bt_right {background:transparent url(/images/tintint/zh_TW/invite/invite_bt.gif) no-repeat right bottom; width:7px; height:40px; float:left;} #invite .message p {line-height:30px; color:#696969;} #invite .me {height:40px; border:2px solid #e7e7e7;} /****** referer ******/ .my-referer {padding:25px 15px; margin:20px 0 50px 0;} .my-referer td {padding:10px;} .my-referer .box-border {width:450px; background:#F5F5F5;} /****** forum ******/ #forum-top td {padding:10px 5px;} #forum-top .block-c7 {color:#ffffff; padding:5px;} #forum-top .tr_over {background:#eaeaea; text-decoration: none;} #forum-top .tr_over a:hover {text-decoration: none;} #forum-top h3 {font-weight:bold; color:#c65a19;} /****** store checkin ******/ #hd.sc #nav-top { padding: 20px 0 20px 0; width: 980px; margin: 0 auto; overflow: hidden; } #hd.sc #hd-info { margin-top: 5px; font-size: 13px; } #store-checkin{} #store-checkin .sc-slider { background-image: url(/images/tintint/common/member/sc-sliderBG.jpg); background-size: cover; background-position: center top; min-height: 620px; text-align: center; position: relative; } .sc-slider .sc-content { display: inline-block; margin: 0 auto; color: #fff; padding-top: 60px; } .sc-slider .sc-content.star { padding-top: 180px; } .sc-content h1 { background: url(/images/tintint/common/member/title.png) no-repeat center; width: 375px; height: 55px; display: inline-block; text-indent: -5000px; margin-bottom: 25px; } .sc-content h2 { font-size: 21px; margin-bottom: 15px; } .sc-content h3 { font-size: 14px; margin-bottom: 20px; font-weight: 100; line-height: 1.6; } .sc-content h3 a { text-decoration: underline; } .sc-content hr { background-color: #fff; opacity: .2; font-weight: 100; } .sc-content-box { background: #fff; border-radius: 3px; padding: 12px 40px; } .sc-content-box .form-group { padding: 0; color: #555; border-bottom: 1px solid #ececec; margin-bottom: 10px; position: relative; } .sc-content-box .form-group:first-child:after { content: '*必填'; position: absolute; top: 10px; right: 0; font-size: 12px; color: #a94442; } .sc-content-box .form-group label { vertical-align: middle; padding: 0; width: inherit; } .sc-content-box .form-group input { font-size: 18px; color: #333; text-align: center; padding: 10px 0; margin-bottom: 8px; border: 0; } .sc-content-box .sc-finsh { font-size: 34px; color: #e88621; font-weight: bold; margin: 18px 0 30px 0; letter-spacing: 2px;} .sc-content-box .sc-finsh span { font-size: 30px; color: #dcdcdc; margin: 0 5px; } .sc-content-box .sc-finsh b { font-size: 40px; position: relative; top: 4px; } .sc-content-box p { color: #555; font-size: 16px; line-height: 1.6; letter-spacing:1px;} .sc-content-box hr { background-color: #dcdcdc; opacity: .6; } .btn-checkin, .btn-logout { font-size: 24px; font-family:'Roboto', Arial, Helvetica, "Microsoft JhengHei", "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-weight:bold; color:#fff; text-decoration:none; text-align:center; letter-spacing:1px; line-height:2; border-radius:4px; position:relative; background:#e88621; display:inline-block; padding:8px 70px; margin:10px 5px; cursor:pointer; border: 0; -webkit-transition: all .35s; -moz-transition: all .35s; transition: all .35s; } .btn-checkin:hover, a.btn-checkin:hover, .btn-logout:hover, a.btn-logout:hover { opacity:.7; text-decoration:none; color:#fff; } .btn-logout { font-size: 18px; padding:3px 30px; } .btn-checkin img { margin-right: 5px; } #footer.sc { margin-top: 80px; } #footer.sc .reserved-center { width: 980px; } #store-checkin .sc-slider .sc-news { position:absolute; top:50px; right:100px; } #store-checkin .sc-slider .sc-news .sc-mobile { display:none; } #store-checkin .sc-content-box .sc-gift { background:url(/images/tintint/common/member/gift-s.png); width:258px; height:81px; color:#fff; margin:0 auto; padding:10px 0 0 75px; margin-bottom: 10px; } #store-checkin .sc-content-box .sc-step { color:#fff; background: #d3d3d3; font-weight: bold; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; text-align: center; margin: 10px 0; } @media (max-width:980px) { #hd.sc #nav-top { width: 90%; } #footer.sc .reserved-center { width: 90%; } #footer.sc .reserved-center .left, #footer.sc .reserved-center .right { float: none; text-align: center; margin-bottom: 5px; } .sc-content h1 { background: url(/images/tintint/common/member/title-s.png) no-repeat center; width: 280px; height: 41px; } .sc-content-box { padding: 30px 20px; } #store-checkin .sc-slider .sc-news .sc-desktop { display:none; } #store-checkin .sc-slider .sc-news .sc-mobile { display:block; } #store-checkin .sc-slider .sc-news { position: absolute; bottom: 50px; display: inline-block; margin-left: -5px; right: inherit; top: inherit; } } @media (max-width:320px) { .sc-slider .sc-content { padding-top: 60px; } .btn-checkin { font-size: 20px; padding: 10px 50px; } .sc-content-box .form-group input { font-size: 16px; text-align: left; } } #sidebar-occasion {margin:-1px 0 20px 0;} @media (max-width:991px) { .project-slider .js-slider{ height: 680px; } } @media (max-width:750px) { #testimony .box-pad {padding:15px;} #testimony #testimony-box li {padding:15px 0;} #testimony .pagination {display:none;} #testimony li a {font-weight:bold;} #testimony li p a {font-weight:normal;} #testimony .tab-main2 a {padding:5px;margin:0 8px 8px 0;border:1px solid #efefef;height:auto;} /* #editor {padding:10px;} */ /* #editor h4 {font-size:1.5rem;} */ #editor h4 span {font-size:150%;} #editor-step li {width:50%;padding:0 5px;} #editor-step li .block-ef {margin-bottom:15px;} #editor #video {width:100%;padding: 10px 4px 10px 6px;border:none;} #editor #video #video_info {margin:5px 5px 5px 0;} #editor .btn {width:98%;margin:0 1% 0 0;} #editor #video object, #editor #video embed { max-width: 100%;} /* */ /* .ask-cs .ask-form button{ margin-left: 0px; } */ /* .ask-cs .ask-form .input, .ask-cs .ask-form .textarea { width: 100%; } */ .ask-cs .ask-form .input { width: 100%; } /* new */ #forgetpassword .fg-content{ padding-left: 15px; padding-right: 15px; } #gift .content_info li { font-size: 13px; padding: 0; line-height: 1.5; margin: 5px 0; } } @media (max-width: 540px){ #gift .gift-tag ul{ justify-content: space-between; } #gift .gift-tag li a.valen_tag, #gift .gift-tag li .gift-name{ padding: 7px 10px; } #gift .gift-tag ul .valen_tag.active + div{ width: 100%; } }