/****** category ******/ #pd-category {margin-top: 17px;} /*** category header ***/ #pd-list .block-f4 {padding:0 0 0 10px; margin-bottom:20px;} #pd-list .pd-item {float:left; padding:10px 5px;min-width:93px;} #pd-list .pd-item img { position: relative; top: -3px;display:none;} #pd-list .pd-item li img {margin:0px;top:-1.5px;display:inline;} #pd-list .pd-item b {color:#333; line-height:30px; font-size:15px;} #pd-list .pd-item ul {margin-top:3px;} #pd-list .pd-item li {font-size:13px; line-height:23px;} #pd-list .pd-item li a:hover {text-decoration: none;} #pd-list .title-pad .right {margin-top:10px;} #pd-list .pd-bottom .pd-item {padding:15px 17px;} /*** category sidebar ***/ #shipping-block {text-align:center; color:#333; border:2px solid #e7e5e2; padding:5px 8px; font-size:13px;} #shipping-block .pd-shipping a:after{border-top: 6px solid #e88621;border-bottom: 6px solid #e88621;border-left:6px solid #fff;top:8px;left: 30px;content: '';display: inline-block;vertical-align: middle;position: absolute;} #shipping-block h3 {font-size:19px; letter-spacing:2px;} #shipping-block .block-ef h3 {margin-top:5px;} #shipping-block .block-ef {padding:20px 0;margin-bottom:5px;} #shipping-block .pd-tips{position: relative;} #shipping-block .rescue-tips {display:none; position: absolute; margin: -130px 0 0 -142px;opacity:0.8;} #shipping-block .pd-tips:hover .rescue-tips {display:block;} #shipping-block .rescue-tips .tips-bg {background-color: #000; color:#fff;padding: 10px; width: 280px; font-size: 13px; letter-spacing: 0px; border-radius: 5px; line-height: 25px;} #shipping-block .rescue-tips .tips-bottom {width:10px; height:8px; position: absolute; background: url(/images/tintint/common/icon/gray_buble_bottom.png?s=1) no-repeat ; margin-left: 143px;} #shipping-block .pd-express {background:#efefef; padding:8px; text-align:center;font-weight:normal;} #shipping-block .payment {padding-top:15px;border-top:1px solid #cecece;margin-top:10px;display:block;} #pd-category #app-box a {width:85px; height:40px; padding-top: 65px;} #pd-category .app-tag img {width:65px; padding:2px 5px 2px 0px;} #pd-category .app-tag img:hover {opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )";} #pd-category .app-tag > div.left {padding-right:10px;} #giftcard-block {text-align:center; padding: 10px; border: 1px solid #DBDBDB; border-radius: 5px; margin-bottom: 15px;} #giftcard-block .title {font-size:15px; letter-spacing:1px; line-height:30px;} #giftcard-block .text-important {display: initial; letter-spacing:2px; color:#efefef; background: #6c6c6c;} #giftcard-block img {padding-top:5px;} #giftcard-block a {color:#333; display:block;} #giftcard-block a:hover {text-decoration: none; opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )";} #pd-category a.circular {background:#DEDEDE; display: block; color:#fff; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; width: 120px; height: 120px; margin: 0 auto 20px auto; letter-spacing: 5px; line-height: 120px; font-size:16px;} #pd-category a:hover.circular {text-decoration: none;} /*** pd-btn ***/ #pd-category .pd-morebtn {padding:10px 0; margin:0 auto; width:102px;text-align:center;} .pd-morebtn a {font-size:13px;line-height:31px;font-weight:bold;letter-spacing:1px;border:1px solid #eb0a4b;color:#eb0a4b;width:94px; height:31px;display:block; padding-left:8px;border-radius:5px;position:relative;} .pd-morebtn a:after{border-top: 6px solid #fff;border-bottom: 6px solid #fff;border-left:6px solid #eb0a4b;top:10px;left: 15px;content: '';display: inline-block;vertical-align: middle;position: absolute;} .pd-morebtn2 a {background-image:url(/images/tintint/zh_TW/pd/product_pink_more_2.gif); width:132px; height:31px; display:block;padding:0px;} .pd-morebtn a:hover, .pd-morebtn2 a:hover {opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )";text-decoration:none;} .pd-singlebtn{width:263px; height:47px; display:block; border:0px; cursor: pointer;} .pd-singlebtn a {color:#e88621;font-size:15px;font-weight:bold;letter-spacing:2px;text-align:center;text-decoration:none;border-radius:5px; background:#fff;border:1px solid #e88621;width:263px;height:47px;line-height:47px;display:block;cursor:pointer;position:relative;} .pd-singlebtn a:after{border-top: 7px solid #fff;border-bottom: 7px solid #fff;border-left: 7px solid #e88621;top: 16px;right: 70px;content: '';display: inline-block;position: absolute;} .pd-startbtn , .pd-singlebtn {margin:0px 6px 0 6px;} a .pd-startbtn {background:url(/images/tintint/zh_TW/pd/pd_start_bt.png?=1) no-repeat top left; width:263px; height:47px; display:block; border:0px; cursor: pointer;} .pd-startbtn a, .pd-startbtn-input input{color:#eb0a4b;font-size:15px;font-weight:bold;letter-spacing:2px;text-align:center;text-decoration:none;border-radius:5px; background:#fff;border:1px solid #eb0a4b;width:263px;height:47px;line-height:47px;display:block;cursor: pointer;position:relative;} .pd-startbtn-input{position:relative;} .pd-startbtn a:after{border-top: 7px solid #fff;border-bottom: 7px solid #fff;border-left: 7px solid #eb0a4b;top: 16px;right: 77px;content: '';display: inline-block;position: absolute;} .pd-startbtn-input:after{border-top: 7px solid #fff;border-bottom: 7px solid #fff;border-left: 7px solid #eb0a4b;top: 18px;right: 77px;content: '';display: inline-block;position: absolute;} .pd-startbtn-input:hover, .pd-startbtn:hover, .pd-startbtn a:hover , a:hover .pd-startbtn , .pd-startbtn2 a:hover , .pd-singlebtn:hover, .pd-appbtn:hover , .pd-appbtn a:hover {opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )";} .pd-startbtn2 a {background:url(/images/tintint/zh_TW/pd/product_pink_make.gif) no-repeat top left; width:132px; height:31px; display:block; border:0px; cursor: pointer;} .pd-appbtn, .pd-appbtn a , a .pd-appbtn {background:url(/images/tintint/zh_TW/pd/pd_start_app_bt.png?=1) no-repeat top left; width:263px; height:47px; display:block; border:0px; cursor: pointer; margin-top:30px;} .pd-cartbtn, .pd-cartbtn a , a .pd-cartbtn {background:url(/images/tintint/zh_TW/pd/pd_cart_bt.png) no-repeat top left; width:263px; height:40px; display:block; border:0px; cursor: pointer; margin-top:30px;} .pd-cartbtn:hover, .pd-cartbtn a:hover , a:hover .pd-cartbtn {opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )";} /*** family ***/ /* .family-info table {margin-top:30px; color:#333;} .family-info ul {margin-top:30px; color:#333;} .family-member img.special{width:200px;height:133px;} .member-image {position: relative;} .member-image .left {padding: 5px 0px 10px 0px;} #accessorybox ul {margin-top:20px;} #accessorybox .pd-morebtn {margin: 0 23px;} .photo-book .product-family , .photo-little .product-family , .calendar .product-family, .blog-book .product-family {border-bottom:1px solid #c5c5c5; padding:35px 0;} ul.product-family li {float: left;} .family-info.normal-info {max-width:320px;} .family-info.normal-info .special-title, .product-family a.special-title {font-size:22px;color:#000;text-decoration:none;letter-spacing:0.5px;} .family-info.short-info .special-title {font-size:22px;color:#000;text-decoration:none;letter-spacing:0.5px;} .family-info.short-info {max-width: 180px;} .family-info li {font-size:13px;} .product-family .accessory {margin:0 5px;width:210px;display:inline-block;}*/ .product-family {border-bottom:1px solid #cecece; padding:30px 0;} .product-family .left.info {margin-top:25px;} .product-family .family-info {vertical-align:top;margin:0 5px;line-height:22px;color:#333;} h2.special-title {font-weight:normal;font-size:22px;letter-spacing:1px;line-height:36px;} .family-dec {font-size:14px;font-weight:bold;line-height:30px;letter-spacing:0.5px;} .product-family .family-info a .family-dec {color:#333;} .product-family .family-info img {margin-top:5px;width:314px;} .product-family .family-info .family-title {width:inherit;} .family-member {margin-left:25px;} .family-member img.member-image {width:auto;height:140px;margin-bottom:5px;} .family-member p.desc {letter-spacing:0;font-weight:bold;color:#999;margin-bottom:5px;} .family-member a:hover p.desc {background-color:#999;border-radius:15px;color:#fff;padding:0 10px;display:inline-block;} .family-member ul li {width:155px; display:inline-block;text-align:center;float:left;} .family-member h5.member-title {font-size:1.15rem;font-weight:bold;letter-spacing:0.5px;line-height:1.5;color:#333;text-decoration:none;} .family-member .pd-snapcard4instagram h5.member-title {letter-spacing:0.3px;} .family-member b.member-price {font-size:13px;color:#333;white-space:nowrap;} .family-member b.member-price>small {display: block;} .family-member a:hover img.member-image, .family-member a:hover button, .family-info a img:hover {opacity:0.7;} .family-member a:hover .member-price, .family-member a:hover .member-title {color:#6c6c6c;text-decoration:none;} #pd-category .tintintstore {display:inline-block;width:100%;border-bottom: 1px solid #cecece;} #pd-category .tintintstore img.store {display:block;width:33.3%;padding:10px 0 30px 0;height:250px;} #pd-category .tintintstore img.store.right {width:33.4%;} #pd-category .tintintstore a:hover img {display:block;opacity:0.8;} #flatbag .product-family h5.member-title {line-height:22px;} /*** special ***/ #special-hightlight .title {background:#e88621;} #special-hightlight .product-family {padding: 20px 10px 25px 10px; border: 3px solid #e7e5e2; margin-top: 10px;} #special-hightlight .giftcard .member-price b {font-size:0px; line-height: 13px;} /* special - earlybird */ #special-hightlight.earlybird .title {background:url(/images/tintint/zh_TW/2014-09_box.gif) no-repeat;} #special-hightlight.earlybird .morelink {display:block; background:url(/images/tintint/zh_TW/2014-09_box.gif) no-repeat right bottom; width:40%; line-height: 24px; height: 24px;} #special-hightlight.earlybird .title b {padding-left:40px!important;} /* special - valentinsday2015 */ #special-hightlight.valentinsday2015 .title {background:#FFB6AC url(/images/tintint/common/special/feb2015_icon.png) no-repeat 5px 3px;} #special-hightlight.valentinsday2015 .title b {padding-left:28px;} /* special - cny2015 */ #special-hightlight.cny2015 .title {background:#d3a14f url(/images/tintint/common/special/cny2015_icon.png) no-repeat 5px 3px;} #special-hightlight.cny2015 .title b {padding-left:28px;} /** special -lovecny2016 **/ #special-hightlight .title.lovecny {background:#ff8a6c;} #special-hightlight .member-image img {height:120px;} #special-hightlight .family-member ul li{margin-top:20px;} .discount-icon img, .discount-icon-88 img , .notebook-remind img {width:46px; height:46px;} .discount-icon, .discount-icon-88 , .notebook-remind {display:none; position:absolute; top:98px; right:8px; z-index:99;} .discount-icon a, .discount-icon-88 a , .notebook-remind a {width:45px; height:45px; display:block;} #special-hightlight .pd-framed-prints-25s .discount-icon-88, #special-hightlight .pd-bunko .discount-icon-88, #special-hightlight .pd-bunko-l .discount-icon-88, #special-hightlight .pd-desk-calendar .discount-icon-88, #special-hightlight .pd-2016notebook .discount-icon-88, #special-hightlight .pd-diary .discount-icon-88, #special-hightlight .pd-layflat-squarebook .discount-icon-88 {display:block; top:75px;right:24px;width:45px; height:45px;background:url(/images/tintint/zh_TW/pd/display-sticky-lovecny-88.png) no-repeat;} .pd-framed-prints-25s .discount-icon-88, .pd-bunko .discount-icon-88, .pd-bunko-l .discount-icon-88, .pd-canvas-sr .discount-icon-88, .pd-desk-calendar .discount-icon-88, .pd-desk-calendar-s .discount-icon-88, .pd-desk-calendar-ss .discount-icon-88, .pd-wall-calendar .discount-icon-88, .pd-2016notebook .discount-icon-88, .pd-diary .discount-icon-88, .pd-layflat-squarebook .discount-icon-88 {display:block; top:96px;right:17px;width:45px; height:45px;background:url(/images/tintint/zh_TW/pd/display-sticky-lovecny-88.png) no-repeat;} .notebook-remind {display:block; top:88px; right:24px;width:45px; height:45px;background:url(/images/tintint/zh_TW/pd/display-2016notebook-sticky-remind.png) no-repeat;} .pd-photoprints-4x4 .discount-icon, .pd-photoprints-4x6 .discount-icon {display:block; top:90px;} .pd-photoprints-4x4 .discount-icon a, .pd-photoprints-4x6 .discount-icon a {width:53px; height:53px;background:url(/images/tintint/zh_TW/pd/display-sticky-photoprints-8.png) no-repeat;} .pd-photoprints-4x4 .discount-icon a:hover, .pd-photoprints-4x6 .discount-icon a:hover {opacity:0.9;} .pd-2016notebook .discount-icon {top:90px; right:12px;} .pd-layflat-portraitbook-lh .discount-icon {display: none; top: 90px;} .pd-layflat-portraitbook-lh .discount-icon a {display: block; background:url(/images/tintint/zh_TW/pd/pd-display-new.png) no-repeat; width:53px; height:53px;} .pd-layflat-portraitbook-lh .discount-icon a:hover {opacity: 0.9; filter: alpha(opacity=90); -ms-filter: "alpha( opacity=90 )";} /*** pd-proup-editmode ***/ #editmode {color:#333; margin-bottom:20px; display:block; width:663px; height:180px; letter-spacing:1px;} #editmode h4 {display:block; width:645px; margin:5px 0 15px 0;} #editmode .onlineedit h4, #editmode .mobile h4 {display:block; width:645px; margin:0; letter-spacing:2px;} #editmode .onlineedit .title-01, #editmode .mobile .title-01{color:#333; font-size:13px;} #editmode .onlineedit .title-02, #editmode .mobile .title-02{color:#666; font-size:13px;} #editmode .onlineedit {width:330px; height:130px; display:block; text-align:left; margin:10px 0; background:url(/images/tintint/common/editmode_online.gif) no-repeat center;} #editmode .onlineedit .onlineedit-title {margin:10px 0 0 170px; padding-right:10px;} #editmode .mobile {width:331px; height:130px; display:block; margin:10px 0; background:url(/images/tintint/common/editmode_mobile.gif) no-repeat center; border-left:1px solid #e7e5e2;} #editmode .mobile .mobile-title {margin:10px 0 0 120px; padding-right:10px;} #editmode .top {width:331px; height:130px ;position:absolute; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;} #editmode .top:hover {background:rgba(0, 0, 0, 0.1);} /****** accessory category ******/ #pd-category .product-family .more-text {margin:10px 0 5px 0;} /****** product-info / accessory-info ******/ #product .main {margin-top:50px;} #v2 #product .main {width:622px;} #v3 #product .main {width:100%;} #pd-gallerys table, #theme-gallerys ul {font-size:13px; margin-top:6px;} #v3 #pd-gallerys table {width:100%;} #theme-gallerys h2.title {padding: 0 0 20px 40px; position: relative;} #theme-gallerys h2.title:before {background: url(/images/tintint/common/gift/gift_mothersday_card_icon.gif); content: ""; width: 35px; height: 23px; display: block; position: absolute; left: 0;} #theme-gallerys ul.tab-title {background:#f7f4f1; overflow:hidden; padding:8px 0 0 8px; margin:0 0 10px 0; border-top-left-radius:5px; border-top-right-radius:5px;} #theme-gallerys .tab-title li {width:inherit; padding:0; font-size:15px; margin-bottom:0;} #theme-gallerys .tab-title li a {color:#555; padding:10px; display:block;} #theme-gallerys .tab-title li.active a, #theme-gallerys .tab-title li a:hover {background:#fff; color:#a55d2e; font-weight:600; border-top-left-radius:5px; border-top-right-radius:5px;} #theme-gallerys .tab-title li:last-child {padding-right: 0;} #theme-gallerys .tab-title li:last-child:after {content: "";padding-left: 0;} #theme-gallerys li .theme-title {margin-bottom: 5px;} #pd-gallerys td, #theme-gallerys li {margin-bottom:30px;} #theme-gallerys li {float:left; padding-top:6px; padding-bottom:6px; text-align:center; position: relative; list-style: none; width: 33.333%;} #theme-gallerys li:hover .buttom_radius {opacity: .7;} #pd-gallerys td {padding-right:15px;} #theme-gallerys .buttom_radius a {padding:3px 15px; letter-spacing:1px; margin-top:10px;} #theme-gallerys a {max-height:50px; overflow:hidden;} #pd-gallerys td, #theme-gallerys td {padding-bottom: 20px;} #v3 #pd-gallerys td:last-child {padding:0px;} .label-new-arrival {background: #ff564f; width: 40px; height: 40px; line-height: 38px; border-radius: 40px; border: 2px solid #fff; color: #fff; text-align: center; font-size: 12px; font-weight: 600; position: absolute; top: 10px; right: 10px;} #v3 #pd-gallerys img {width: 100%;} #v3 #bd #product #pd-sidebar {margin-left: 20px;} #v3 #breadcrumbs-parent+div.border-overlay { position: relative;} @media (max-width: 750px) { #v3 #breadcrumbs-parent+div.border-overlay { padding-left: 20px; padding-right: 20px; } } @media (max-width: 750px) and (min-width: 641px) { #v3 #pd-gallerys tr { -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } #v3 #pd-gallerys td { width: calc(50% - 6px); padding: 0px; } } @media (max-width: 640px) { #v3 #bd #product #pd-sidebar { width: 100%; } #v3 #sliderThumbnail { display: none; } #v3 #product .main { margin-top: 10px; } #v3 #pd-gallerys td { margin-bottom: 5px; padding-bottom: 0px; } #v3 #bd #product #pd-sidebar { margin-left: 0px; } } /*** product-hd ***/ #product-hd {padding-bottom:1px;} #v3 #product-hd {position: relative;} #product-hd #slider {width:685px;} .product-hd .pd-comingsoon {font-size:16px; font-weight:bold; letter-spacing:2px; color:#c6751e; width:280px; text-align:center; margin-top:240px;} #product-hd .nivo-radius {background:url(/images/tintint/common/pd/nivo-slice-radius.png) no-repeat top left; width:11px; height:331px; position:absolute; z-index:80;} #product-hd .pd-bulletin {margin: 295px 0 0px 14px; border: 1px solid #6C6763; color:#6C6763; padding: 1px 8px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; font-size: 13px; position: absolute;} #product-hd .spac {height:10px; } #product-hd .slider-text a {line-height:30px; letter-spacing:1px; font-size: 13px;font-weight: bold;} #product-hd .slider-text a:hover {text-decoration:none;} #product-hd #sliderPanel img {width:685px;} #image-slider.in-product-info {width:685px!important;} #product-hd #image-slider #sliderPanel img {-moz-border-radius: 9px 0 0 9px; -webkit-border-radius: 9px 0 0 9px; border-radius: 9px 0 0 9px;} @media (max-width: 540px) { /*#v3 .pd-desk-series #product-hd { background-image: url(/images/tintint/common/calendar/mobile/product_top01-2020.png); height: 92vw; background-size: cover; }*/ #v3 .pd-desk-series #product-hd>.pc-hide { display: block; } #v3 .pd-desk-series #product-hd>.mobile-hide { display: none; } } /*** product-hd-text ***/ .slider-text {background:#efe9e4; width:295px; height:331px; -moz-border-radius:0 9px 9px 0; -webkit-border-radius:0 9px 9px 0; border-radius:0 9px 9px 0;} .start-btn {background:url(/images/tintint/zh_TW/pd/product_top_start.png?=2) no-repeat; height:39px; margin:235px 0 0 62px;} .start-btn a {background:url(/images/tintint/zh_TW/pd/product_top_start.png?=2) no-repeat; height:39px; display:block;} .start-btn a:hover {background:url(/images/tintint/zh_TW/pd/product_top_start_over.png?=2) no-repeat;} .single-btn {height:39px; margin:222px 0 0 62px;} .single-btn a {background:url(/images/tintint/zh_TW/pd/product_top_single.png?=2) no-repeat; height:39px; display:block;} .single-btn a:hover {background:url(/images/tintint/zh_TW/pd/product_top_single_over.png?=1) no-repeat;} .app-btn {height:39px; margin:222px 0 0 35px;} .app-btn a {background:url(/images/tintint/zh_TW/pd/product_top_start_app.png?=2) no-repeat; height:39px; display:block;} .app-btn a:hover {background:url(/images/tintint/zh_TW/pd/product_top_start_app_over.png?=1) no-repeat;} #product-hd .slider-text .prepaid-btn a {background: #fff; border: 1px solid #F4094B; border-radius: 5px; width: 160px; margin:8px auto -5px auto; display: block; color:#F4094B; line-height: 18px; padding: 2px 5px;} #product-hd .slider-text .prepaid-btn a:hover {background: #fff; border: 1px solid #FB748B; color:#fff; background:#FB748B;} /*#product-hd .slider-text .prepaid-btn:before {position: absolute; content: url(/images/tintint/common/icon/cart_icon_pink.png?=1); z-index: 1; float:left; margin: 4px 0 0 -70px;}*/ .pd_addbtn a {background:url(/images/tintint/zh_TW/pd/accessory_top_add.gif) no-repeat; width:175px; height:44px; display:block; margin:222px 0 0 53px;} .pd_addbtn a:hover {background:url(/images/tintint/zh_TW/pd/accessory_top_add_over.gif) no-repeat;} a.pd_header_link {color:#e73a56; padding-left:83px; line-height:30px; text-decoration: underline; font-size:10px;} a:hover.pd_header_link {color:#f17589;} /*** photoprints-slider-radio ***/ #pd-photoprints .slider-radio {position: relative; top: 225px;} #pd-photoprints .slider-radio .radio {cursor: pointer; padding:0px 5px 0px 10px; width:60px; font-weight:bold; letter-spacing:2px; border-radius: 15px; display: inline-block; background-color:#928D89; color:#fff;} #pd-photoprints .slider-radio .radio:hover {background-color:#ff758c; color:#fff;} #pd-photoprints .slider-radio .selected {background-image:url(/images/tintint/common/icon/pd-slider-radio-selected.png) ; background-repeat: no-repeat; background-position: 10px;} #pd-photoprints .slider-radio .selected , #pd-photoprints .slider-radio .selected:hover {background-color:#f4094b; color:#fff;} /*** product-slider-icon ***/ .discount88-icon {display:none; background:url(/images/tintint/zh_TW/image-slider-discount88-icon.png) no-repeat left bottom ; width:106px; height:111px; position:absolute; z-index:1;} #pd-canvas-sr .discount88-icon , #pd-framed-prints .discount88-icon , #pd-greeting-folded-card .discount88-icon , #pd-framed-prints-15s .discount88-icon {display:block;} .discount85-icon {display:none; background:url(/images/tintint/zh_TW/image-slider-discount85-icon.png) no-repeat left bottom ; width:106px; height:111px; position:absolute; z-index:1;} #pd-desk-calendar .discount85-icon , #pd-desk-calendar-s .discount85-icon , #pd-diary .discount85-icon , #pd-2016notebook .discount85-icon , #pd-wall-calendar .discount85-icon{display:block;} .discount9-icon {display:none; background:url(/images/tintint/zh_TW/image-slider-discount9-icon.png) no-repeat left bottom ; width:106px; height:111px; position:absolute; z-index:1;} #pd-desk-calendar .discount9-icon , #pd-desk-calendar-s .discount9-icon , #pd-diary .discount9-icon , #pd-2016notebook .discount9-icon , #pd-wall-calendar .discount9-icon{display:block;} .discount8-icon {display:none; background:url(/images/tintint/zh_TW/image-slider-discount8-icon.png) no-repeat left bottom ; width:106px; height:111px; position:absolute; z-index:1;} #pd-photoprints .discount8-icon , #pd-photoprints-4x6 .discount8-icon , #pd-photoprints-4x4 .discount8-icon {display:block;} .circleday2016-icon {display:none; background:url(/images/tintint/zh_TW/image-slider-circleday2016-icon.png) no-repeat left bottom ; width:106px; height:111px; position:absolute; z-index:1;} #pd-desk-calendar .circleday2016-icon , #pd-desk-calendar-s .circleday2016-icon , #pd-diary .circleday2016-icon , #pd-2016notebook .circleday2016-icon , #pd-wall-calendar .circleday2016-icon{display:block;} /* product hd-xmas-dailysale */ .discount300-icon{display:none;background:url(/images/tintint/zh_TW/image-slider-discount300-icon.png) no-repeat left bottom ; width:106px; height:111px; position:absolute; z-index:3;} #pd-layflat-portraitbook-lh .discount300-icon{display:block;} .discount150-icon{display:none;background:url(/images/tintint/zh_TW/image-slider-discount150-icon.png) no-repeat left bottom ; width:106px; height:111px; position:absolute; z-index:3;} #pd-storybook .discount150-icon{display:block;} .discount250-icon{display:none;background:url(/images/tintint/zh_TW/image-slider-discount250-icon.png) no-repeat left bottom ; width:106px; height:111px; position:absolute; z-index:3;} #pd-shashinbook-l .discount250-icon{display:block;} .discount200-icon{display:none;background:url(/images/tintint/zh_TW/image-slider-discount200-icon.png) no-repeat left bottom ; width:106px; height:111px; position:absolute; z-index:3;} #pd-storybook-l .discount200-icon, #pd-layflat-squarebook-l .discount200-icon{display:block;} .discount-dailysale-icon{display:none;background:url(/images/tintint/zh_TW/image-slider-discount-dailysale-icon.png) no-repeat left bottom ; width:106px; height:111px; position:absolute; z-index:3;} #pd-storybook-l .discount-dailysale-icon, #pd-layflat-squarebook-l .discount-dailysale-icon, #pd-shashinbook-l .discount-dailysale-icon{display:block;} /* product hd-newyearexp */ .newyearexp-icon{display:none;background:url(/images/tintint/zh_TW/image-slider-newyearexp-icon.png) no-repeat left bottom ; width:106px; height:111px; position:absolute; z-index:2;} #pd-flipbook .newyearexp-icon, #pd-framed-prints .newyearexp-icon, #pd-photoprints .newyearexp-icon, #pd-bunko .newyearexp-icon, #pd-bunko-l .newyearexp-icon, #pd-shashinbook .newyearexp-icon, #pd-postcard .newyearexp-icon, #pd-snapcard .newyearexp-icon, #pd-greeting-folded-card .newyearexp-icon, #pd-blogbook .newyearexp-icon, #pd-notebook .newyearexp-icon, #pd-handycard .newyearexp-icon, #pd-canvas-sr .newyearexp-icon, #pd-giftcard .newyearexp-icon ,#pd-desk-calendar .newyearexp-icon, #pd-desk-calendar-s .newyearexp-icon ,#pd-desk-calendar-ss .newyearexp-icon, #pd-desk-calendar .newyearexp-icon ,#pd-wall-calendar .newyearexp-icon, #pd-2016notebook .newyearexp-icon{display:block;} #pd-2016notebook .newyearexp-icon{margin:2px 0 0 10px;} #pd-photoprints .newyearexp-icon {margin:110px 0 0 5px;} /* product hd-newyearurgent */ .newyearurgent-icon{display:none;background:url(/images/tintint/zh_TW/image-slider-newyearurgent-icon.png) no-repeat left bottom ; width:106px; height:111px; position:absolute; z-index:1;} #pd-flipbook .newyearurgent-icon, #pd-framed-prints .newyearurgent-icon, #pd-photoprints .newyearurgent-icon, #pd-canvas-sr .newyearurgent-icon, #pd-giftcard .newyearurgent-icon {display:block;} #pd-photoprints .newyearurgent-icon {margin:110px 0 0 5px;} /* product hd-photoprints */ .photoprints8-icon{display:none;background:url(/images/tintint/zh_TW/image-slider-photoprints8-icon.png) no-repeat left bottom ; width:106px; height:111px; position:absolute; z-index:3;} #pd-photoprints .photoprints8-icon{display:block;} .photoprints8-icon-pre{display:none;background:url(/images/tintint/zh_TW/image-slider-photoprints8-icon-pre.png) no-repeat left bottom ; width:106px; height:111px; position:absolute; z-index:3;} #pd-photoprints .photoprints8-icon-pre{display:block;} /* storybook-1224 */ .discount-storybooksale-icon{display:none;background:url(/images/tintint/zh_TW/image-slider-storybooksale-icon.png) no-repeat left bottom ; width:106px; height:111px; position:absolute; z-index:4;} #pd-storybook .discount-storybooksale-icon{display:block;} /* squarebook-1225 */ .discount-squarebooksale-icon{display:none;background:url(/images/tintint/zh_TW/image-slider-discount-square-icon.png) no-repeat left bottom ; width:106px; height:111px; position:absolute; z-index:4;} #pd-layflat-squarebook .discount-squarebooksale-icon, #pd-layflat-portraitbook-lh .discount-squarebooksale-icon{display:block;} /* discount9-prepaid */ .discount9-prepaid-icon{display:none;background:url(/images/tintint/zh_TW/image-slider-discount9-prepaid-icon.png) no-repeat left bottom ; width:106px; height:111px; position:absolute; z-index:3;} #pd-shashinbook-l .discount9-prepaid-icon, #pd-shashinbook-h .discount9-prepaid-icon, #pd-storybook .discount9-prepaid-icon, #pd-storybook-l .discount9-prepaid-icon, #pd-layflat-squarebook-l .discount9-prepaid-icon, #pd-layflat-portraitbook-lh .discount9-prepaid-icon{display:block;} .discount9-shashin-icon{display:none;background:url(/images/tintint/zh_TW/image-slider-discount9-shashin-icon.png) no-repeat left bottom ; width:106px; height:111px; position:absolute; z-index:3;} #pd-shashinbook .discount9-shashin-icon{display:block;} .discount9-square-icon{display:none;background:url(/images/tintint/zh_TW/image-slider-discount9-square-icon.png) no-repeat left bottom ; width:106px; height:111px; position:absolute; z-index:3;} #pd-layflat-squarebook .discount9-square-icon{display:block;} /* discount88-lovecny */ .discount88-lovecny-icon{display:none;background:url(/images/tintint/zh_TW/image-slider-discount88-lovecny-icon.png) no-repeat left bottom ; width:106px; height:111px; position:absolute; z-index:1;} #pd-framed-prints .discount88-lovecny-icon, #pd-bunko .discount88-lovecny-icon, #pd-bunko-l .discount88-lovecny-icon, #pd-canvas-sr .discount88-lovecny-icon, #pd-desk-calendar .discount88-lovecny-icon, #pd-desk-calendar-s .discount88-lovecny-icon ,#pd-desk-calendar-ss .discount88-lovecny-icon, #pd-wall-calendar .discount88-lovecny-icon, #pd-2016notebook .discount88-lovecny-icon, #pd-diary .discount88-lovecny-icon, #pd-layflat-squarebook .discount88-lovecny-icon{display:block;} /* product hd badge */ .product-discount-badge {display:block; background-repeat:no-repeat; background-position: left bottom ; width:106px; height:111px; position:absolute; z-index:1;} /*** product sidebar ***/ .tip-app {background:#efefef url(/images/tintint/common/pd/tip_app.png) no-repeat 15px 4px; padding:5px 0 5px 60px; margin:0 0 20px 0;} .tip-app h5 {font-size:14px;font-weight:bold;line-height:1.5;} #product-fb {text-align:left; font-size:13px; height:33px; width:100%; margin-top: 15px;} #product-fb .follow {line-height: 18px; letter-spacing: 1px; font-weight: bold; color: #9F9F9F; margin-right: 15px;} #product-fb .follow a {color:#9F9F9F;} #product-fb .follow a:hover {text-decoration: none; color:#bfbfbf;} #product-fb .follow .right {margin-left:7px;} #product-fb .follow img {width:22px;} @media (max-width: 640px) { #v3 #product-fb { position: absolute; width: 65px; top: -63px; right: 20px; } #v3 #product-fb .follow { display: none; } } .slider-text .cart-btn .btn {background: url(/images/tintint/zh_TW/pd/product_top_add_l.png) no-repeat; width:220px; height:40px; border: 0; font-size: 0px; margin: 20px auto 0 auto;} .slider-text .cart-btn .btn:hover {background:url(/images/tintint/zh_TW/pd/product_top_add_l_over.png) no-repeat;} .slider-text .cart-btn:after {display:none;} #product .text-important {font-size: 13px;} /*** pd-news ***/ #pd-news-sidebar {margin-top:10px; border:solid 2px #e7e5e2; text-align:left; padding:8px;} #pd-news-sidebar h3 {font-weight:bold; font-size:13px; padding-bottom:3px;} #pd-news-sidebar p {font-size:13px;} #pd-ft {padding:10px 0; margin-top:20px; font-size:13px; border-top:1px solid #C7C7C7; color:#ADADAD;} #pd-ft .bar-info {margin-top:20px;} #pd-ft .bar-info li {float:left; } #pd-ft .bar-info li a {text-align:center; display: block;} #pd-ft .bar-item a {width:88px; height:70px; padding:10px 0; border-right:1px solid #E7E7E7;} #pd-ft .bar-more a {width:86px; height:100%; padding:15px 0; box-sizing:border-box;} #pd-ft .bar-item a:hover , #pd-ft .bar-more a:hover {background:#efefef;} #situation h1 {width:256px; margin:15px 0 0 20px;} #pd-category #authorized-pro, #product-info #accessory-pro {border:3px solid #e7e5e2; padding: 10px; margin-top: 20px; font-size:13px; } #pd-category .itembox {padding-bottom:20px;} #authorized-pro ul {padding:5px 0 10px 0;} #authorized-pro li {width:200px; text-align:center; float:left;} .authorized-title {padding-right:40px;} #authorized-sidebar .text {margin:10px 0;border:solid 2px #e7e5e2; padding:5px 14px 8px 14px; text-align:center; font-size:13px;} #authorized-sidebar .text b {font-size:13px; line-height:30px;} #product .table-border table {width:622px; margin-bottom:15px;} #v3 #product .table-border table {max-width: calc(100vw - 40px);} #product .table-border td {text-align:center; padding:8px 20px;} #product td.table-border-left {text-align:left;} #product .table-border-title {background:#E4E4E4; font-weight:bold; text-align:center;} /* product info */ .product-intro {background-color: #f7f4f1; padding: 15px; margin: 5px 0 30px 0;; width:622px;} #v3 .product-intro {width:100%; max-width: 622px;} .product-intro .news {width:100%;background:#fff;display:block;line-height:1.5;padding:5px;border-radius:5px;margin-top:-60px;} .product-intro .product-intro-news {padding-top:12px; border-top:1px solid #dfdfdf; line-height:2;} .product-intro .product-intro-news p {font-size: 13px;} .product-intro .product-intro-news a, .product-intro .product-intro-news a:visited {text-decoration: none; color:#c6751e;} .product-intro .product-intro-news a:hover {color:#ddb412;} .product-intro2 {background-color: #d72c15; padding: 15px; margin-top: 10px; } .intro-header {font-weight: bold; font-size: 16px; margin-bottom: 12px; letter-spacing: 1px; line-height:24px;} .product-intro2 .intro-header {color:#fff; margin-bottom:0px;} #product .info-box {margin: 25px 0 10px 0 ;} .box-header, #pd-gallerys .header-description {color:#333333;} #product .header-description b {margin-left:10px;} #product .header-description .padding {margin-left:0px;} .box-header .header-title {font-weight: bold; font-size: 20px; line-height:1.8em; letter-spacing:1px;} .box-image {max-width: 100%; margin-top:10px;} .box-image.image-1, .box-image.image-2 {max-width:306px;} .box-image.image-0, .box-image.image-1 {margin-right:5px;} .box-image.image-0 ~ a>.box-image.box-count-4 {max-width: 32%; margin-right: 5px;} .footer-text {font-size:13px; line-height:1.8em;} .product-intro .intro-description {line-height:24px;} #pd-wall-calendar .intro-header, #pd-post` .intro-header{margin-bottom:0;letter-spacing:0.5px;} #pd-postcard .product-intro {padding:10px;margin-top:15px;} #pd-layflat-squarebook #pd-gallerys {margin-top:10px;} #pd-canvas-sr .product-intro .product-intro-news , #pd-framed-prints-15s .product-intro .product-intro-news ,#pd-framed-prints .product-intro .product-intro-news ,#pd-greeting-folded-card .product-intro .product-intro-news {border-top:none; padding-top:0;} #pd-canvas-sr .intro-header, #pd-framed-prints-15s .intro-header ,#pd-framed-prints .intro-header {display:none;} #pd-classic-clothbound-portraitbook .header-description a, #pd-classic-clothbound-portraitbook .footer-text a {color:#ed9110;font-weight:bold;} #pd-classic-clothbound-portraitbook .header-description a:hover, #pd-classic-clothbound-portraitbook .footer-text a:hover {color:#ffa418;} #pd-greeting-folded-card #theme-gallerys .tab-content li {min-height: 280px;} .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:20px;right:0;display:none;} .icon-newcard.show {display:block;} #pd-invitation-folded-card .icon-newcard { top:0;right:5px; } .info-box .box-header a {text-decoration:none; color:inherit;} .info-box .box-header a:hover {color:#BEBEBE;} #product .footer-text .side-left , #product .footer-text .side-right {width:306px; text-align:center; float:left;} /* product info squarebook */ #pd-layflat-portraitbook-lh .portraitbook-icon {background:url(/images/tintint/zh_TW/layflat-portraitbook-lh/portraitbook-image-slider-new-icon.png) no-repeat left bottom ; width:106px; height:111px; position:absolute; z-index:1;} #pd-layflat-squarebook .product-info {padding:3px 0px 16px 16px; } /* product info greeting-folded-card */ #pd-greeting-folded-card #theme-gallerys .buttom_radius a {margin:0px;} /* arrow-box | pj-start */ .arrow-box {position:relative;background:#fff;border:1px solid #eb0a4b;} .arrow-box:after, .arrow-box:before {top:100%;left:50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;} .arrow-box:after {border-color: rgba(255, 255, 255, 0);border-top-color: #fff;border-width: 5px;margin-left: -5px;} .arrow-box:before {border-color: rgba(235, 10, 75, 0);border-top-color: #eb0a4b;border-width: 6px;margin-left: -6px;} /* arrow-box | more */ .arrow-box2 {position:relative;background:#fff;border:1px solid#cecece;} .arrow-box2:after, .arrow-box2:before {top:100%;left:50%;border:solid transparent;content: " ";height:0;width:0;position: absolute;pointer-events:none;} .arrow-box2:after {border-color:rgba(255, 255, 255, 0);border-top-color:#fff;border-width: 5px;margin-left:-5px;} .arrow-box2:before {border-color:rgba(108, 108, 108, 0);border-top-color:#cecece;border-width:6px;margin-left:-6px;} /* arrow-box | cart*/ .arrow-box3 {position:relative;background:#fff;border: 1px solid #e88621;} .arrow-box3:after, .arrow-box3:before {top:100%;left:50%;border: solid transparent;content: " ";height:0;width:0;position:absolute;pointer-events: none;} .arrow-box3:after {border-color: rgba(255, 255, 255, 0);border-top-color: #fff;border-width: 5px;margin-left: -5px;} .arrow-box3:before {border-color: rgba(232, 134, 33, 0);border-top-color: #e88621;border-width: 6px;margin-left: -6px;} .notebook2014-radio {background:url(/images/tintint/zh_TW/notebook/2014notebook_radio.gif) no-repeat left center;} .notebook2014-radio .selected a{background:url(/images/tintint/zh_TW/notebook/2014notebook_radio_selected.gif) no-repeat left center;} .notebook2014-radio .selected a:hover{background:url(/images/tintint/zh_TW/notebook/2014notebook_radio_selected.gif) no-repeat left center;} .notebook2014-radio a {background:url(/images/tintint/zh_TW/notebook/2014notebook_radio.gif) no-repeat left center; display:block;} .notebook2014-radio a:hover {background:url(/images/tintint/zh_TW/notebook/2014notebook_radio_over.gif) no-repeat left center; text-decoration: none;} .notebook2015-radio {background:url(/images/tintint/zh_TW/notebook/2015notebook_radio.gif) no-repeat left center;} .notebook2015-radio .selected a{background:url(/images/tintint/zh_TW/notebook/2015notebook_radio_selected.gif) no-repeat left center;} .notebook2015-radio .selected a:hover{background:url(/images/tintint/zh_TW/notebook/2015notebook_radio_selected.gif) no-repeat left center;} .notebook2015-radio a {background:url(/images/tintint/zh_TW/notebook/2015notebook_radio.gif) no-repeat left center; display:block;} .notebook2015-radio a:hover {background:url(/images/tintint/zh_TW/notebook/2015notebook_radio_over.gif) no-repeat left center; text-decoration: none;} .notebook2015-radio a .right , .2014notebook-radio a .right , .notebook2015-radio a .right {text-align:left; width:150px; margin-top:14px; color:#333; font-size:13px; line-height:16px;} .notebook2016-radio {background:url(/images/tintint/zh_TW/notebook/2016notebook_radio.gif) no-repeat left center;} .notebook2016-radio .selected a{background:url(/images/tintint/zh_TW/notebook/2016notebook_radio_selected.gif) no-repeat left center;} .notebook2016-radio .selected a:hover{background:url(/images/tintint/zh_TW/notebook/2016notebook_radio_selected.gif) no-repeat left center;} .notebook2016-radio a {background:url(/images/tintint/zh_TW/notebook/2016notebook_radio.gif) no-repeat left center; display:block;} .notebook2016-radio a:hover {background:url(/images/tintint/zh_TW/notebook/2016notebook_radio_over.gif) no-repeat left center; text-decoration: none;} .notebook2016-radio a .right , .2016notebook-radio a .right , .notebook2015-radio a .right {text-align:left; width:150px; margin-top:14px; color:#6C6C6C; font-size:12px; line-height:16px;} /* folded-card-designer */ .folded-card-designer-radio {background:url(/images/tintint/common/greeting-folded-card/folded-card-radio-designer.png) no-repeat left center;} .folded-card-designer-radio .selected a {background:url(/images/tintint/common/greeting-folded-card/folded-card-radio-designer-selected.png) no-repeat left center;} .folded-card-designer-radio .selected a:hover {background:url(/images/tintint/common/greeting-folded-card/folded-card-radio-designer-selected.png) no-repeat left center;} .folded-card-designer-radio a {background:url(/images/tintint/common/greeting-folded-card/folded-card-radio-designer.png) no-repeat left center;} .folded-card-designer-radio a:hover {background:url(/images/tintint/common/greeting-folded-card/folded-card-radio-designer-over.png) no-repeat left center;} /*** wall-calendar-player-block ***/ #pd-wall-calendar #pd-player-block {background:url(/images/tintint/zh_TW/wall-calendar/pro_wallcalendar_player_info.gif) no-repeat ; width:609px; height:454px; border:1px solid #cecece; margin:20px 0 20px 5px;} #pd-wall-calendar .pbox-postion a {width:91px; height:68px; display:block;} #pd-wall-calendar .pbox-postion1 {padding:0; width:400px; height:150px;} #pd-wall-calendar .player1 {padding:36px 0 0 32px;} #pd-wall-calendar .player1 a {width:196px; height:119px; display:block;} #pd-wall-calendar .player1 a:hover {background:url(/images/tintint/zh_TW/wall-calendar/pro_wallcalendar_player_info_over.gif) no-repeat -32px -36px;} #pd-wall-calendar .player2 {padding:155px 0 0 0px;} #pd-wall-calendar .player2 a:hover {background:url(/images/tintint/zh_TW/wall-calendar/pro_wallcalendar_player_info_over.gif) no-repeat -228px -155px;} #pd-wall-calendar .player3 {padding:0px 0 0 46px;} #pd-wall-calendar .player3 a:hover {background:url(/images/tintint/zh_TW/wall-calendar/pro_wallcalendar_player_info_over.gif) no-repeat -46px -223px;} #pd-wall-calendar .player4 {padding:23px 0 0 0;} #pd-wall-calendar .player4 a {width:91px; height:124px; display:block;} #pd-wall-calendar .player4 a:hover {background:url(/images/tintint/zh_TW/wall-calendar/pro_wallcalendar_player_info_over.gif) no-repeat -137px -246px;} #pd-wall-calendar .player5 {padding:23px 0 0 0;} #pd-wall-calendar .player5 a {width:300px; height:124px; display:block;} #pd-wall-calendar .player5 a:hover {background:url(/images/tintint/zh_TW/wall-calendar/pro_wallcalendar_player_info_over.gif) no-repeat -228px -246px;} #pd-wall-calendar .player6 {padding:0px 0 0 0px;} #pd-wall-calendar .player6 a {width:580px; height:83px; display:block;} #pd-wall-calendar .player6 a:hover {background:url(/images/tintint/zh_TW/wall-calendar/pro_wallcalendar_player_info_over.gif) no-repeat 0px -373px;} /* diary nivoSlider */ .slider-block-diary {margin-top: 40px; height: 473px; position: relative;} .slider-block-diary .nivo-controlNav{position:absolute; left:2px; top:411px;} .slider-block-diary .nivo-controlNav a {width:62px; height:58px;} .slider-block-diary .slider-navbg {background:url(/images/tintint/zh_TW/diary/page-text.gif) no-repeat top left; width:622px; height:58px; position: absolute; bottom: 4px;} /* notebook nivoSlider */ .notebook-slider-class {width: 622px; height: 414px; position: relative; background-position: initial initial; background-repeat: no-repeat no-repeat;} .notebook-slider-class #slider{position:relative; width:100%; min-height:300px; background:#efe9e4 url(/images/tintint/common/home/loading_tintint2.gif) no-repeat 50% 50%; margin:0px;} /* yearnotebook nivoSlider */ .yearnotebook-slider-class {width: 622px; height: 414px; position: relative; background-position: initial initial; background-repeat: no-repeat no-repeat;} .yearnotebook-slider-class #slider{position:relative; width:100%; min-height:300px; background:#efe9e4 url(/images/tintint/common/home/loading_tintint2.gif) no-repeat 50% 50%; margin:0px;} .notebook-slider-tab {margin-top: 40px;} .notebook-slider-tab .slider-tab {width:622px; height:48px; margin-bottom:1px; } .notebook-slider-tab .notebook2015-tab {background:url(/images/tintint/common/2015notebook/notebook_page_2015_tab.gif) no-repeat top left;} .notebook-slider-tab .notebook2016-tab {background:url(/images/tintint/common/2016notebook/notebook_page_2016_tab.gif) no-repeat top left;} .notebook-slider-tab .notebook2017-tab {background:url(/images/tintint/common/2017notebook/notebook_page_2017_tab.gif) no-repeat top left;} .notebook-slider-tab .notebook-tab {background:url(/images/tintint/common/2018notebook/notebook_page_2018_tab.gif?s=2) no-repeat top left;} .notebook-slider-tab a .slider-tab-btn , .notebook-slider-tab .slider-tab-btn {width:311px; height:48px; display:block; float:left; text-align:center; padding-left:37px; line-height:48px;} .notebook-slider-tab a .slider-tab-btn {color:#333;} .notebook-slider-tab a:hover .slider-tab-btn {background: rgba(255, 255, 255, 0.3);} .notebook-slider-tab .pd-bulletin {float:left; position: relative; top: -32px; padding-left: 46px; font-size: 13px; color: #d72d16;} .slider-block-notebook {height:473px; position:relative;} .slider-block-notebook .nivo-controlNav{position:absolute; top:414px;} .slider-block-notebook .nivo-controlNav a {width:103.5px; height:50px;} .slider-block-notebook[tag='7'] .nivo-controlNav a {width:88.8px; height:50px;} .slider-block-notebook[tag='15'] .nivo-controlNav a {width:88.8px; height:50px;} .slider-block-notebook .slider-navbg {background:url(/images/tintint/zh_TW/notebook/page-text.gif?v=2) no-repeat top left; width:622px; height:50px;} /* yearnotebook nivoSlider */ #yearnotebook-slider-id-block .slider-navbg {background:url(/images/tintint/zh_TW/notebook/page-year-text.gif) no-repeat top left; width:622px; height:50px;} #yearnotebook-slider-id-block {height:473px;position:relative;} #yearnotebook-slider-id-block .nivo-controlNav{position:absolute; top:414px;} #yearnotebook-slider-id-block .nivo-controlNav a {width:77.7px; height:51px;} /* 2014notebook nivoSlider */ .slider-block-2014notebook {height:473px;position:relative;} .slider-block-2014notebook .nivo-controlNav{position:absolute; top:414px;} .slider-block-2014notebook .nivo-controlNav a {width:77.7px; height:51px;} .slider-block-2014notebook .slider-navbg {background:url(/images/tintint/zh_TW/2014notebook/page-text.gif) no-repeat top left; width:622px; height:50px;} /* 2015notebook nivoSlider */ .slider-block-2015notebook {height:473px;position:relative;} .slider-block-2015notebook .nivo-controlNav{position:absolute; top:414px;} .slider-block-2015notebook .nivo-controlNav a {width:77.7px; height:51px;} .slider-block-2015notebook .slider-navbg {background:url(/images/tintint/zh_TW/2015notebook/page-text.gif) no-repeat top left; width:622px; height:50px;} /* 2016notebook nivoSlider */ .slider-block-2016notebook {height:473px;position:relative;} .slider-block-2016notebook .nivo-controlNav{position:absolute; top:414px;} .slider-block-2016notebook .nivo-controlNav a {width:77.7px; height:51px;} .slider-block-2016notebook .slider-navbg {background:url(/images/tintint/zh_TW/2016notebook/page-text.gif) no-repeat top left; width:622px; height:50px;} /* invitation-folded-card nivoSlider */ .slider-block-invitation-folded-card {height:473px; position: relative;} .slider-block-invitation-folded-card .nivo-controlNav{position:absolute; top:414px;} .slider-block-invitation-folded-card .nivo-controlNav a {width:103.5px; height:51px;} .slider-block-invitation-folded-card .slider-navbg {background:url(/images/tintint/zh_TW/invitation-folded-card/page-text.gif) no-repeat top left; width:622px; height:80px; position: absolute; top: 414px;} /* invitation-folded-card */ #pd-invitation-folded-card .product-intro {background:#fff; padding:0px;} #v2 #pd-invitation-folded-card .box-image.image-2 {padding-right:7px;} /* flipbook */ #pd-photoprints .product-intro {margin-top:60px;} #pd-flipbook .product-intro {background:url(/images/tintint/common/flipbook/product-intro.jpg) no-repeat top left; width:622px; height:250px; padding:20px; color:#333;margin-top:40px;} #pd-flipbook .product-intro .intro-description {margin-left:10px;} @media (max-width: 750px){ #pd-flipbook .product-intro {width:95%;height:auto;padding:0 0 150px 0;background-size:100%;background-position:bottom center;color:#333;margin-top:0;} #pd-flipbook .intro-header {margin-bottom:0;} } /* snapcard */ #pd-snapcard .product-intro {background-color: white; padding: 0 0 0 15px; margin: 60px 0 0 0;} #pd-snapcard .product-intro .intro-description {margin-left:10px;} /* diary #pd-diary .box-image.image-0 {padding-right:10px;} */ /* snapcard */ #pd-snapcard .snapcard-series {background:url(/images/tintint/zh_TW/snapcard/snapcard_what.gif) no-repeat top left; width:622px; height:568px;} #pd-snapcard .snapcard-series ul {padding:215px 0 0 13px;} #pd-snapcard .snapcard-series li {margin:0 10px 15px 0 ; float:left;} #pd-snapcard .series-btn a {width:294px; height:160px; display:block;} #pd-snapcard .series-btn a:hover {background:#fff; opacity: 0.3; filter: alpha(opacity=30); -ms-filter: "alpha( opacity=30 )";} /*** vemio ***/ .vimeo-modal {display:none; width:850px; height:478px; overflow:hidden;} .start-vimeo {padding-top:5px; cursor: pointer;} .info-box .start-vimeo {background:url(/images/tintint/common/notebook/product_video_button.png) no-repeat; width:622px; height:350px; display:block; position:absolute;} .info-box .start-vimeo:hover {background:url(/images/tintint/common/notebook/product_video_button_hover.png) no-repeat;} .sidebar .start-vimeo {background:url(/images/tintint/common/notebook/product_video_s_button.png) no-repeat; width:275px; height:147px; display:block; position:absolute;} .sidebar .start-vimeo:hover {background:url(/images/tintint/common/notebook/product_video_s_button_hover.png) no-repeat;} /****** product-series ******/ #pd-whats-tt .title {font-size:16px; margin-bottom: 15px;} #pd-whats-tt {color:#999; letter-spacing:1px; line-height:22px; padding:14px 12px;} .product-series-block {border-bottom:1px solid #ddd; padding:30px 0;} .product-series-block .tag {background:#a5a5a5; font-size:13px; color:#fff; letter-spacing:1px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; padding:1px 5px; margin-right:5px;} #v2 .product-series-block .info {width:466px;padding-left: 35px;} .product-series-block .info-spec {width:310px; padding-top:5px;} .product-series-block .info-spec h2 {font-size:24px; line-height: 45px;} .product-series-block .info-spec h2 a , .product-series-block .info-spec h2 a:hover {text-decoration: none; color:#333;} .product-series-block .info-spec2 {width:140px;} .product-series-block .pd-title {margin-top:10px;} .product-series-block ul {margin: 20px 0 10px 0;} .product-series-block li {margin:2px 0;} .product-series-block .family-price {margin-top:15px;} .product-series-block .family-price span {font-size:16px; font-weight:bold; letter-spacing:1px;} .product-series-block .pd-startbtn2 {margin-top:5px;} .product-series-block .info-spec .app-block {line-height:35px;} .product-series-block .info-spec .app-block .left {margin-right:5px;} .product-series-block .info-spec .sidebar-border {border:1px solid #ddd; padding:2px;height:29px;} .product-series-block .info-spec .sidebar-border:hover {opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )";} .product-series-block .info-spec2 .pd-block {height:120px; text-align:center;} .product-series-block .info-spec2 .pd-block img {width:120px;} .product-series-block .info-spec2 .btn-block {margin-top:93px; text-align:center; letter-spacing:1px;} .product-series-block .info-spec2 .pd-morebtn2 {margin-top:5px;} .product-series-block .img img {width:470px;} #v3 .product-series-block .img img {max-width:470px;width:100%} #v2 .product-series-block>.use-flexbox { display: table; } #v2 .product-series-block .info>.use-flexbox { display: table; } #v2 .product-series-block>.use-flexbox>* { display: table-cell; vertical-align: top; } #v2 .product-series-block .info>.use-flexbox>* { display: table-cell; vertical-align: top; } @media (max-width: 750px) { .product-series-block .info-spec .sidebar-border {border:0px solid #ddd; padding:0px;height:24px;} } #price-talbe td , #price-talbe th {border:1px solid #ddd; padding:10px; text-align:center; letter-spacing:1px;} @media (max-width: 640px) { #v3 #price-list-block .use-flexbox { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: center; } } /* product-series-circle */ #pd-series .circle-icon {background:#d7a000; -moz-border-radius: 50x; -webkit-border-radius: 50px; border-radius: 50px; width:75px; height:55px; text-align:center; color:#fff; letter-spacing:1px; font-weight:bold; padding-top: 20px; position: absolute; margin: 10px; z-index:2;} #pd-series .circle-icon-2 {background:#F75C2F; -moz-border-radius: 50x; -webkit-border-radius: 50px; border-radius: 50px; width:75px; height:55px; text-align:center; color:#fff; letter-spacing:1px; font-weight:bold; padding-top: 20px; position: absolute; margin: 10px; z-index:2;} #pd-series .circle-icon:hover {text-decoration: none; background:#DAB341;} #pd-series .circle-icon-2:hover, #pd-series .circle-icon-biz:hover, #pd-series .circle-icon-lovecny:hover {text-decoration: none; opacity:0.8;} #pd-series .circle-icon-lovecny {background:#F5896D; -moz-border-radius: 50x; -webkit-border-radius: 50px; border-radius: 50px; width:80px; height:65px; text-align:center; color:#fff; letter-spacing:1px; font-weight:bold; padding-top: 15px; position: absolute; margin: 10px; z-index:2;font-size:16px;} #pd-series .circle-icon-lovecny span{font-size:13px;} /* circle-icon-badge */ #pd-series .circle-icon-badge{display: block; background-repeat: no-repeat; background-position: left top; width: 106px; height: 111px; position: absolute; z-index: 99;} #pd-series .circle-icon-badge:hover{text-decoration: none;opacity:0.8;} /*** product-series-calendar ***/ #calendar .year-notebook-edit {background:#a5a5a5; color:#fff; border-radius: 5px;} #calendar .gallerys-top {letter-spacing:1px; font-size:16px; font-weight:bold; height: initial; line-height: 30px;line-height: 30px;margin-top: 12px;} #v3 #bd #calendar #cal-sidebar {margin-left: 20px;} #calendar #price-list-block {margin:20px 0 60px 0;} #calendar #price-list-block h2 {padding:20px 0;} #calendar #price-list-block .tip {background:#333; color:#fff; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; position:relative; text-align:center; z-index: 99; top:0px; left:0px;} #calendar #price-list-block a:hover {text-decoration: none;} #calendar #price-list-block td a , #calendar #price-list-block th a:visited {color:#333;} #calendar #price-list-block td a:hover {color:#ddb412;} #calendar .price-list-footer {margin:20px 0 30px 0;} #calendar .price-list-footer .btn {padding:10px 20px; font-size:13px; letter-spacing:2px;} @media (max-width: 640px) { #v3 #calendar .gallerys-top { text-align: center; letter-spacing: 0.1px; } #v3 #bd #calendar #cal-sidebar {display: none;} #v3 #price-list-block .use-flexbox h2 { padding: 0px; } } #calendar .text-important {background:#ddd23b; font-size:13px; letter-spacing:1px;} #calendar .text-important:hover {text-decoration: none; background:#e1d864;} #pd-series #product-hd .circle-icon-biz {background: #e88621; width:150px; height:150px; font-size:13px; -moz-border-radius: 100x; -webkit-border-radius: 100px; border-radius: 100px; font-weight: bold; padding-top: 40px; position: absolute; margin: 155px 0 0 805px; z-index: 2; text-align:center; line-height: 25px; color: #fff;} #v3 #pd-series #product-hd .circle-icon-biz { margin-left: calc(97% - 145.5px); margin-top: calc(33.7% - 175px);} #pd-series #product-hd .circle-icon-biz h4 {font-size:19px;} #pd-series #product-hd .text-biz {font-size:14px; font-weight: bold; padding-top: 56px; position: absolute; margin: 170px 0 0 35px; z-index: 2; text-align:left; line-height: 23px; color: #fff; cursor: default;} #v3 #pd-series #product-hd .text-biz {margin-top: calc(25.4% - 79px);} #pd-series #product-hd .text-biz h2 {margin:0 0 10px -10px;} #pd-series #product-hd .text-biz h3{line-height:0px;} #pd-series #product-hd .text-biz a{color: #fff; text-decoration: underline;} @media (max-width: 640px) { #v3 #pd-series #product-hd .circle-icon-biz {display: none;} } /****** shipping ******/ .shipping-left td , .shipping-right td , .caculator {padding:10px;} #shipped select {color:#333333;} .yui-skin-sam .yui-calendar td.calcell a:hover {background:#aa4c0d; color:#ffffff;} #shipped h3 , #world-shipped h2 {line-height:35px;} #shipped .submit_orange {padding:10px 45px; font-size:15px;} #shipped .exp-banner {display:block; padding:20px; width:403px;} #shipped .cacu-express {background:url(/images/tintint/zh_TW/icon_express.gif)no-repeat; background-position:15px 25px; background-color:#efefef;padding:20px 0 0 95px;line-height:24px;text-align:left;font-weight:normal;letter-spacing:0.5px;} .caculator ul {line-height:25px; padding-left:18px;} .caculator li {display: list-item; list-style: disc;} .caculator .alllink {margin-top:20px;} .caculator .result {border:2px solid #ccc; padding:20px; margin-bottom:20px;} .hktips-text {font-size: 13px; padding: 5px; line-height: 25px;} #shipped td.shipping-left {padding:15px 0 15px 15px;} #shipped td.shipping-right {width:443px; padding:15px;} #shipped .select-width {width:300px;} #shipped select {padding:5px; margin:4px 0;} #world-shipped .title {background:url(/images/tintint/zh_TW/globle_shipping.gif) top right no-repeat; height:62px; padding:0px 68px 0 0;} #world-shipped h2 {font-size:20px;} #world-shipped .shipped-list td {border:#ececec solid 1px; padding:10px;} #world-shipped .shipped-list {margin:10px;} #world-shipped .shipped-list .block-ef {font-size:15px;} #shipping_caculator.notice-hk {margin-top:15px;letter-spacing:0.5px;} #shipping_caculator.notice-hk h5 {line-height:2;font-weight:bold;} #shipping_caculator.notice-hk p {line-height:1.5;margin:10px 0;} /****** product-giftcard ******/ #pd-giftcard .pd-list {margin:0 0 10px 0; line-height:25px;} #pd-giftcard .step {margin:40px 0;} #pd-giftcard .step li {float:left; width:25%; text-align:center;} #pd-giftcard .attention {padding:15px; line-height:25px; margin:30px 0;} #pd-giftcard select.giftcard-select {height:30px; color:#333; width:220px; line-height: 30px;} #pd-giftcard select.giftcard-select:hover {cursor: pointer;} #pd-giftcard #product-hd select.giftcard-select {margin:185px 30px 0 30px;} #pd-giftcard #pd-spec-content {max-height:200px;} #pd-giftcard #pd-spec-expandable {height:0px; display:none;} #pd-giftcard #product-hd button.btn-block {max-width:220px!important;padding-left:20px!important;} #pd-giftcard #product-hd .add-btn {font-size:0px; border:0; font-size:0px; margin:20px auto 0 auto;} #pd-giftcard .giftcardto {border:5px solid #e7e5e2; padding:20px; font-size:15px; margin:50px 0; letter-spacing:1px; text-align:center;} #pd-giftcard .giftcardto a, #pd-giftcard .giftcardto a:hover {color:#fff;} /****** theme ******/ #theme .info {margin:50px 10px 30px 10px;} #theme .theme-title {margin:32px 0;} #theme .inner .border {padding:15px; margin:10px 0px 40px 0px;} #theme .inner .border .theme-hd {background:transparent url(/images/tintint/zh_TW/tt_box_line.gif) repeat-x left bottom; height:30px; margin:5px 10px 17px 10px;} #theme .inner .border h3 {padding-right:15px; letter-spacing:2px;} #theme .inner .border p {float:left;} #theme .inner .border .img img {border:1px solid #cecece; margin:10px;} #theme .inner .border.stickers .img img , #theme .block-border.frames .img img {border:0px;} #theme .title h3 {letter-spacing:2px; line-height:30px;} #theme .info .title {letter-spacing:1px;} .icon-next {background:url(/images/tintint/common/next_icon_white.png) no-repeat 170px 13px;} input.pj-button {cursor: pointer; margin:10px 0; line-height:30px;} #pd-theme {border:1px solid #cecece; margin: 30px 0; padding: 20px; letter-spacing:1px;} #pd-theme .title {width:100%; line-height:30px;} #pd-theme ul li {margin:5px auto ; float:left; display:block; width:145px; text-align:center;} #pd-theme ul li a {color:#333;} #pd-theme a:hover {color:#ddb412; text-decoration: none;} .pd-theme-title {margin:32px 0 -10px 0 ; line-height: 30px;} #product #pd-theme {display:none;} /****** express ******/ #express {text-align:center;} #express h1 {line-height: 36px; padding-top:10px ;} #express .center {line-height:25px;} #express h5 {font-size:16px; font-weight:normal; letter-spacing:1px;line-height:1.5;} #express h3 {padding:5px 0;} #express .express-info {width:500px; margin:0 auto;} #express .express-info td {border-top:10px solid #fff; padding:5px;} #express .block-c7 {color:#fff;} #express .express-info .border-ef {border-bottom: 2px solid #efefef;} #express #rule {margin-top:20px; padding:30px; line-height:26px; text-align:left;} #express #rule table {margin: 0 0 20px 10px;} #express #shipping {margin:40px;} #express #shipping .btn {padding: 13px 60px; font-size: 15px; letter-spacing: 1px; margin-top:10px;} #express #shipping .btn:after {border-top: 5px solid rgba(191, 48, 10, 0); border-left: 8px solid #FFFFFF; border-bottom: 5px solid rgba(191, 48, 10, 0); content: ''; display: inherit; margin-left: 15px;} #express .ex-date {margin:15px 0;} #express .ex-bg {height:185px; width:980px;} #express .ex-pd {height:95px; width:359px; margin-left: -17px;} #express .ex-date .left {width:315px; margin-top:10px;} #express .active-banner {border:2px solid #efefef; padding:10px;} #express .active-banner b {letter-spacing:3px;} #express .ex-date ul {text-align:center;display:block;} #express .ex-date ul li {width:300px;height:195px;background:#FFBEAD;margin:20px 10px 80px 10px;border-radius:5px;padding:10px 0;display:inline-block;} #express .ex-date ul li h3 {color:#fff;font-size:46px;padding:10px 0;} #v3 #express .ex-date ul li h3 {padding:5px 0;} #express .ex-date ul li h3 span{color:#fff;font-size:15px;} #express .ex-date ul li h4 {color:#fff;font-size:15px;line-height:24px;margin:10px 0 0 0;letter-spacing:1px;font-weight:bold;} #express .ex-date ul li h5 {font-size:14px;font-weight:bold;line-height:21px;background:#fff;display:inline-block;border-radius:14px;text-align:center;letter-spacing:2px;color:#F5896D;margin:10px 0 0 0;padding:2px 10px;} #express .ex-date ul li div h5 {color:#333 !important; font-size:16px; font-weight:normal; letter-spacing:1px; line-height:1.5;} #express .ex-date ul li.normal {background:#bbbbbb;} #express .ex-date ul li.express {background:#FFAE99;} #express .ex-date ul li.urgent {background:url(/images/tintint/common/express/express_urgent_bg_white.png) top right;background-color:#ddb26e;} #express .ex-date ul li.normal h5 {color:#666;} #express .ex-date ul li.express h5 {color:#F5896D;} #express .ex-date ul li.urgent h5 {color:#DCAA5B;} #express .express-text-important { line-height: 1.5; display: inline-block; white-space: normal;background: #e88621; padding: 1px 8px 2px 8px; border-radius: 15px; color: #fff; font-size: 12px; vertical-align: text-top;} /** 2016momsday **/ #express.activity_2016mothersday .ex-date ul li.express {background:#ff9999;} #express.activity_2016mothersday .ex-date ul li.urgent {background:url(/images/tintint/common/express/express_urgent_bg_white.png) top right;background-color:#f55850;} #express.activity_2016mothersday .ex-date ul li.express h5 {color:#ff9999;} #express.activity_2016mothersday .ex-date ul li.urgent h5 {color:#f55850;} /** 2016 Fathersday **/ #express.activity_2016fathersday .ex-date ul li.express {background:#e6b763;} #express.activity_2016fathersday .ex-date ul li.urgent {background:url(/images/tintint/common/express/express_urgent_bg_white.png) top right;background-color:#b36f28;} #express.activity_2016fathersday .ex-date ul li.express h5 {color:#e6b763;} #express.activity_2016fathersday .ex-date ul li.urgent h5 {color:#b36f28;} #express.activity_2016fathersday a.btn {background:#fb775e;color:#fff;padding:6px 30px;} /** 2016 CV **/ #express.activity_2016cvalentine .ex-date ul li.express {background:#ffad8c;} #express.activity_2016cvalentine .ex-date ul li.urgent {background:url(/images/tintint/common/express/express_urgent_bg_white.png) top right;background-color:#fb775e;} #express.activity_2016cvalentine .ex-date ul li.express h5 {color:#ffad8c;} #express.activity_2016cvalentine .ex-date ul li.urgent h5 {color:#fb775e;} #express.activity_2016cvalentine a.btn {background:#b36f28;color:#fff;padding:6px 30px;} /** 2016 xmas **/ #express.activity_2016xmas .ex-date ul li.express {background:#2a5a42;} #express.activity_2016xmas .ex-date ul li.urgent {background:url(/images/tintint/common/express/express_urgent_bg_white.png) top right;background-color:#cf2727;} #express.activity_2016xmas .ex-date ul li.express h5 {color:#2a5a42;} #express.activity_2016xmas .ex-date ul li.urgent h5 {color:#cf2727;} #express.activity_2016xmas a.btn {background:#cf2727;color:#fff;padding:6px 30px;} /** 2017 newyear **/ #express.activity_2017newyear .ex-date ul li.express {background:#ca331f;} #express.activity_2017newyear .ex-date ul li.urgent {background:url(/images/tintint/common/express/express_urgent_bg.png) top right;background-color:#d0a055;} #express.activity_2017newyear .ex-date ul li.express h5 {color:#ca331f;} #express.activity_2017newyear .ex-date ul li.urgent h5 {color:#d0a055;} #express.activity_2017newyear a.btn {background:#ca331f;color:#fff;padding:6px 30px;} /** 2017 cnewyear **/ #express.activity_2017cnewyear .ex-date ul li.express {background:#d64347;} #express.activity_2017cnewyear .ex-date ul li.express h5 {color:#d64347;} #express.activity_2017cnewyear a.btn {background:#d64347;color:#fff;padding:6px 30px;} #express.activity_2017cnewyear a.btn.link {background:#F5896D;} #express.activity_2017cnewyear a.btn.link:after {border-top:6px solid #F5896D;border-bottom: 6px solid #F5896D;border-left: 6px solid #fff;} #express.activity_2017cnewyear .ex-date {margin:0 auto;display:inline-block;} /** 2017 valentine **/ #express.activity_2017valentine .ex-date ul li.express {background:#F5896D;} #express.activity_2017valentine .ex-date ul li.express h5 {color:##F5896D;} #express.activity_2017valentine a.btn {background:#F5896D;color:#fff;padding:6px 30px;} #express.activity_2017valentine a.btn.link {background:#d64347;} #express.activity_2017valentine a.btn.link:after {border-top:6px solid #d64347;border-bottom: 6px solid #d64347;border-left: 6px solid #fff;} #express.activity_2017valentine .ex-date {margin:0 auto;display:inline-block;} /** 2017 momsday **/ #express.activity_2017mothersday .ex-date ul li.express {background:#ff6666;} #express.activity_2017mothersday .ex-date ul li.express h5 {color:#ff6666;} #express.activity_2017mothersday a.btn {background:#ff6666;color:#fff;padding:6px 30px;} #express.activity_2017mothersday .ex-date {margin:0 auto;display:inline-block;} #express.activity_2017mothersday .ex-date ul li.urgent {background:url(/images/tintint/common/express/express_urgent_bg_white.png) top right;background-color:#e03d18;} #express.activity_2017mothersday .ex-date ul li.urgent h5 {color:#e03d18;} /** 2017 fathersday **/ #express.activity_2017fathersday .ex-date ul li.express {background:#003366;} #express.activity_2017fathersday .ex-date ul li.express h5 {color:#003366;} #express.activity_2017fathersday a.btn {background:#003366;color:#fff;padding:6px 30px;} #express.activity_2017fathersday .ex-date {margin:0 auto;display:inline-block;} #express.activity_2017fathersday .ex-date ul li.urgent {background:url(/images/tintint/common/express/express_urgent_bg_white.png) top right;background-color:#e03d18;} #express.activity_2017fathersday .ex-date ul li.urgent h5 {color:#e03d18;} /** 2017 cvday **/ #express.activity_2017cvalentine .ex-date ul li.express {background:#f8675c;} #express.activity_2017cvalentine .ex-date ul li.express h5 {color:#f8675c;} #express.activity_2017cvalentine a.btn {background:#f8675c;color:#fff;padding:6px 30px;} #express.activity_2017cvalentine .ex-date {margin:0 auto;display:inline-block;} #express.activity_2017cvalentine .ex-date ul li.urgent {background:url(/images/tintint/common/express/express_urgent_bg_white.png) top right;background-color:#e03d18;} #express.activity_2017cvalentine .ex-date ul li.urgent h5 {color:#e03d18;} /** 2017 xmas **/ #express.activity_2017xmas .ex-date ul li.express {background:#2a5a42;} #express.activity_2017xmas .ex-date ul li.urgent {background:url(/images/tintint/common/express/express_urgent_bg_white.png) top right;background-color:#cf2727;} #express.activity_2017xmas .ex-date ul li.express h5 {color:#2a5a42;} #express.activity_2017xmas .ex-date ul li.urgent h5 {color:#cf2727;} #express.activity_2017xmas a.btn {background:#cf2727;color:#fff;padding:6px 30px;} /** 2018 newyear **/ #express.activity_2018newyear .ex-date ul li.express {background:#ca331f;} #express.activity_2018newyear .ex-date ul li.urgent {background:url(/images/tintint/common/express/express_urgent_bg.png) top right;background-color:#d0a055;} #express.activity_2018newyear .ex-date ul li.express h5 {color:#ca331f;} #express.activity_2018newyear .ex-date ul li.urgent h5 {color:#d0a055;} #express.activity_2018newyear a.btn {background:#ca331f;color:#fff;padding:6px 30px;} /****** coupon-event 20110508 ******/ .coupon_banner {background:url(/images/tintint/zh_TW/home/home_coupon_m0508_banner_bottom.gif) no-repeat bottom left; padding:0 0 10px 0;} .coupon_banner .inner {padding:0 10px;} .coupon_banner .inner b {font-size:15px; color:#451905;} .coupon_postcard {background:url(/images/tintint/zh_TW/event/coupon/coupon_postcard.gif) no-repeat bottom center; height:197px; width:327px;} .coupon_postcard a {height:197px; width:327px; display:block;} .coupon_postcard a:hover {background:url(/images/tintint/zh_TW/event/coupon/coupon_postcard_hover.gif) no-repeat bottom center; height:197px; width:327px; display:block;} .sale {background:url(/images/tintint/zh_TW/event/coupon/coupon_sale_botom.gif) no-repeat bottom center; width:916px; color:#451905;} .sale .info strong {color:#ec1212;} .sale .info b,.sale .cart b {font-size:20px;} .sale .cart {border:1px solid #451905; padding:10px; width:272px;} .sale .cart .timebar {background:url(/images/tintint/zh_TW/event/coupon/coupon_timeup.gif) no-repeat bottom center; width:278px; height:22px; color:#ffffff;} .sale .cart strong {color:#ffffff; font-weight:bold; background:#ec1212; line-height:35px; padding:2px;} .sale .cart .cart_btn {background:url(/images/tintint/zh_TW/event/coupon/coupon_cart_btn.gif) no-repeat bottom left; height:41px; width:158px; } .sale .cart .cart_btn a {height:41px; width:158px; display:block;} .sale .cart .cart_btn a:hover {background:url(/images/tintint/zh_TW/event/coupon/coupon_cart_btn_over.gif) no-repeat bottom left; display:block;} .sale .cart .add_btn {background:url(/images/tintint/zh_TW/event/coupon/coupon_add_btn.gif) no-repeat bottom left; height:41px; width:158px; } .sale .cart .add_btn a {height:41px; width:158px; display:block;} .sale .cart .add_btn a:hover {background:url(/images/tintint/zh_TW/event/coupon/coupon_add_btn_over.gif) no-repeat bottom left; display:block;} #coupon .main {width:570px;} #coupon .main .text {padding-left:20px; line-height:26px;} #coupon .sidebar {width:300px;} #coupon .sidebar h1 {color:#461905; font-weight:bold; font-size:15px; line-height:30px;} #coupon .inner {width:267px; padding:7px 12px 0 12px; color:#333333; font-size:10px;} #coupon .sticker_box .bottom {height:53px; width:271px; padding:10px 10px 0 10px; margin-bottom:8px;} #coupon .coupon_box .inner {line-height:180%;font-size:13px;} /* coupon-premm */ .coupon_premm_bunko {background:url(/images/tintint/zh_TW/event/coupon/coupon_premm_bunko.gif) no-repeat bottom center; height:223px; width:327px;} .coupon_premm_bunko a {height:223px; width:327px; display:block;} .coupon_premm_bunko a:hover {background:url(/images/tintint/zh_TW/event/coupon/coupon_premm_bunko_over.gif) no-repeat bottom center; height:223px; width:327px; display:block;} .coupon_premm_storyl {background:url(/images/tintint/zh_TW/event/coupon/coupon_mother_storyl.gif) no-repeat bottom center; height:223px; width:327px;} .coupon_premm_storyl a {height:223px; width:327px; display:block;} .coupon_premm_storyl a:hover {background:url(/images/tintint/zh_TW/event/coupon/coupon_mother_storyl_over.gif) no-repeat bottom center; height:223px; width:327px; display:block;} .coupon_premm_story {background:url(/images/tintint/zh_TW/event/coupon/coupon_mother_story.gif) no-repeat bottom center; height:223px; width:327px;} .coupon_premm_story a {height:223px; width:327px; display:block;} .coupon_premm_story a:hover {background:url(/images/tintint/zh_TW/event/coupon/coupon_mother_story_over.gif) no-repeat bottom center; height:223px; width:327px; display:block;} .coupon_premm_shashin {background:url(/images/tintint/zh_TW/event/coupon/coupon_mother_shashin.gif) no-repeat bottom center; height:223px; width:327px;} .coupon_premm_shashin a {height:223px; width:327px; display:block;} .coupon_premm_shashin a:hover {background:url(/images/tintint/zh_TW/event/coupon/coupon_mother_shashin_over.gif) no-repeat bottom center; height:223px; width:327px; display:block;} .coupon_premm_shashinl {background:url(/images/tintint/zh_TW/event/coupon/coupon_mother_shashinl.gif) no-repeat bottom center; height:223px; width:327px;} .coupon_premm_shashinl a {height:223px; width:327px; display:block;} .coupon_premm_shashinl a:hover {background:url(/images/tintint/zh_TW/event/coupon/coupon_mother_shashinl_over.gif) no-repeat bottom center; height:223px; width:327px; display:block;} /* coupon-canvas */ .coupon_cavans {background:url(/images/tintint/zh_TW/event/coupon/coupon_mother_canvas.gif) no-repeat bottom center; height:223px; width:327px;} .coupon_cavans a {height:223px; width:327px; display:block;} .coupon_cavans a:hover {background:url(/images/tintint/zh_TW/event/coupon/coupon_mother_canvas_over.gif) no-repeat bottom center; height:223px; width:327px; display:block;} /****** handycard-myid-event ******/ #pd_handycard_myid .pd_myid {width:916px; height:307px; background:url(/images/tintint/zh_TW/myid/myid_top.jpg) no-repeat;} .myid_card_info {background:url(/images/tintint/zh_TW/myid/myid_card_info.gif) no-repeat; width:559px; height:412px; } .myid_card_text {background:url(/images/tintint/zh_TW/myid/myid_card_text.gif) no-repeat; width:357px; height:412px;} .myid_giftcard_info {background:url(/images/tintint/zh_TW/myid/myid_giftcard_info.gif) no-repeat; width:559px; height:285px;} #pd_handycard_myid .pd_myid a {margin:135px 0 0 551px; background:url(/images/tintint/zh_TW/myid/myid_top_buttom.gif) no-repeat; width:178px; height:46px; display:block;} #pd_handycard_myid .pd_myid a:hover {background:url(/images/tintint/zh_TW/myid/myid_top_buttom_over.gif) no-repeat;} .myid_card_info a {margin:345px 0 0 61px; background:url(/images/tintint/zh_TW/myid/myid_card_buttom.gif) no-repeat; width:250px; height:44px; display:block;} .myid_card_info a:hover {background:url(/images/tintint/zh_TW/myid/myid_card_buttom_over.gif) no-repeat;} .myid_giftcard_info a {margin:195px 0 0 61px; background:url(/images/tintint/zh_TW/myid/myid_giftcard_buttom.gif) no-repeat; width:250px; height:44px; display:block;} .myid_giftcard_info a:hover {background:url(/images/tintint/zh_TW/myid/myid_giftcard_buttom_over.gif) no-repeat;} .myid_text {padding:0px 2px 20px 30px; width:272px; height:310px; overflow:hidden;} .myid_text p {line-height:17px;} #myid_diff .pad {width:900px; background-color:#858709; color:#ffffff; } #myid_diff td {border:2px solid #858709; padding:2px;} #myid_diff .green {background:#a6a70e;} #myid_diff .green2 {background:#7b7d09;} /* prv_handycard-myid */ #about_book #prv_handycard-myid {background:url(/images/tintint/zh_TW/pj/prv_handycard.gif) no-repeat bottom left; margin-right:15px; width:150px; height:204px;} #about_book #prv_handycard-myid img {width:92px; padding-top:19px; padding-left:28px; } /****** prepaidcard ******/ #prepaidcard select {color:#333333;} #prepaidcard .submit_orange {padding:10px 45px; font-size:15px;} #prepaidcard #step li {float:left; width:192px; padding:0 2px; font-size:13px;} /****** giftcard ******/ #giftcard-start h2 {line-height:1.8em;} #giftcard-start h3 {font-size:20px; font-weight:bold; margin-bottom:27px; letter-spacing:1px; line-height:27px;} .giftcode {background-color:#B1B1B1; padding:2px 10px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; color:#fff; letter-spacing:1px; margin:10px 0;} #giftcard-use .msg {color:#d13d09; padding:0 0 10px 15px;} #giftcard-step {width:880px; margin:0 auto; text-align:center;} #giftcard-step li {float:left; width:220px; text-align:center; padding: 0 10px;} /****** giftcard buy ******/ #giftcard-buy li {float:left; margin-right:4.5px; width:19.5%;} #giftcard-buy .block-ef {height:150px; padding:10px; letter-spacing:1px; line-height:20px;} #giftcard-buy .block-ef h5 {line-height:25px; letter-spacing:0px;} #giftcard-selector {border: 5px solid #EFEFEF; margin-top:30px;} #giftcard-selector .cart-btn:after {top: 13px; left: 17px;} #giftcard-selector .title-center {margin:30px 0;} #giftcard-selector .info {width:500px; margin:0 auto 30px auto;} #giftcard-selector .info select {padding:5px; line-height:30px;} #giftcard-selector #selector-right {padding:30px;} #giftcard-selector #selector-right select {margin-top:10px;} #giftcard-selector #selector-right .cart-btn .btn {padding-left:50px;} /****** giftcard-start ******/ #giftcard-start .giftcard-exchange {padding:20px;border:3px solid #efefef; border-radius:15px;} #giftcard-start h4{line-height:30px;} #giftcard-start .step {margin:40px 0;} #giftcard-start .step ul {width:622px;margin:0 auto;} #giftcard-start .step ul li {float:left;width:25%;text-align:center;} #giftcard-start .step img {margin-top:30px;} #giftcard-start .firsttime-easy {background: url(/images/tintint/zh_TW/firsttime/tin_02.gif) no-repeat 705px 70px;} #giftcard-start .firsttime-easy ul {margin-top:30px;line-height: 30px;font-size:15px;} #giftcard-start .firsttime .block {padding: 40px 0;} #giftcard-start .more{display:inline-block;text-align:center;width:188px;font-size:13px;} #giftcard-start .giftcode {background-color: #B1B1B1;padding: 5px 20px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;color:#fff;letter-spacing:1px;margin:5px 0 20px 0;width:350px;text-align:center;} #giftcard-start .coupon-info {background:#efefef; padding:15px; margin:20px 0;} #giftcard-start .coupon-info b {margin-bottom:10px; letter-spacing:1px;} #giftcard-start .coupon-info p {line-height:1.8em;} #giftcard-start .submit_orange img , #giftcard-start .submit_brown img {padding-left:10px;} #giftcard-start .submit_orange, #giftcard-start .submit_brown {margin-right:10px; padding:10px 30px; font-size:13px; letter-spacing:1px;} /****** event-double ******/ #offer_double {background:url(/images/tintint/zh_TW/pd/offer/double/offer_bk.gif) no-repeat bottom left; width:736px; height:215px; margin: auto;} #offer_double p {font-size:13px; line-height:1.6em;} #offer_double .offer_block01 {float:left; width:348px; padding:60px 0 0 20px;} #offer_double .offer_block02 {float:right; width:336px; padding:82px 0 0 32px;} #use_double h2 {color:#fff; font-size:15px; font-weight:bold; letter-spacing:1px; background-color:#333; -moz-border-radius: 15x; -webkit-border-radius: 15px; border-radius: 15px; padding: 3px 10px; line-height:normal; margin-left:-10px;} #use_double .use_check {background:#f2f1f0; -moz-border-radius: 15x; -webkit-border-radius: 15px; border-radius: 15px; padding:3px 10px;} #use_double ul li {float:left; background:url(/images/tintint/zh_TW/pd/offer/double/icon_check.gif) no-repeat top left; padding-left:18px; padding-right:5px} #use_double .submit_border_orange a, #use_double .submit_border_orange a:visited {text-decoration:none; color:#e88621; display:block;} #use_double .submit_border_orange a:hover {color:#f3a24a;} #use_double .submit_border_orange:hover {border:1px solid #e88621; color:#e88621; opacity:0.7;} #use_double .submit_border_orange img, #use_double .submit_orange img {height:10px;} #use_double .line {margin:30px 0;} /****** pricing ******/ #pricing .itembox-inner font {font-size:13px;} #pricing .pricing-info {margin:10px 0 40px 0;} #pricing table {margin:10px 0;padding-bottom:5px;display:block;max-width:790px;overflow:auto;} #pricing td {padding:7px 5px; background:#fff; font-size:13px;vertical-align:top;} #pricing .pricing-info span {font-size:15px; font-weight:bold; letter-spacing:1px;} #pricing .pricing-additional {width:80%;} #pricing td.price {min-width:85px;letter-spacing:0;} #pricing .mount {width:70px; background:#dbdbdc; text-align:center;} #pricing .paper {width:100px; background:#e8e8e8;} /****** comparison ******/ #comparison {overflow:auto; border:10px solid #efefef;} #comparison-info {width: 100%;} .comparison-table td { border:1px solid #cecece; text-align:center; background:#fff;min-width:165px;padding:5px;} .comparison-table table { text-align:center; border:none; line-height:25px; text-align:center; padding:10px;} .comparison-table table td { text-align:center; border:none;} .comparison-table .pd-name {font-weight:bold; letter-spacing:1px;} .comparison-table .pd-link {font-size:13px;} .comparison-table .pd-link .img-alpha {padding-top:10px;} .offer-tips {color:#eb0a4b; font-size:13px;} .pd-thumb td {border: 0; vertical-align: bottom;} .pd-name {height: 61px;} .pd-size, .pd-printing, .pd-binding, .pd-pricing {height: 26px;} .pd-pages {height: 58px;} .pd-paper {height: 158px;} .pd-start {height: 75px;} .pd-workingdays, .pd-shippingamount {height: 40px;} .comparison-table td.row-name {background-color: #E8E8E8; min-width: 83px; width: 83px;} td.col-bunko, td.col-bunko-l, td.col-shashinbook, td.col-shashinbook-h, td.col-shashinbook-l, td.col-layflat-squarebook, td.col-layflat-squarebook-l, td.col-layflat-portraitbook-lh, td.col-storybook, td.col-storybook-l, td.col-blogbook, td.col-classic-clothbound-portraitbook {background: #9ce8f6;} td.col-diary, td.col-desk-calendar, td.col-desk-calendar-double, td.col-desk-calendar-s, td.col-desk-calendar-landscape, td.col-desk-calendar-ss, td.col-wall-calendar, td.col-2016notebook, td.col-2017notebook {background-color: #fecba1;} td.col-canvas-sr, td.col-framed-prints-25s, td.col-framed-prints-15s, td.col-framed-prints-50s, td.col-canvas-50s, td.col-canvas-50r {background-color: #d0e98f;} td.col-invitation-folded-card, td.col-wedding-folded-card, td.col-greeting-folded-card {background-color: #ffc8cd;} td.col-flipbook, td.col-photoprints-4x6, td.col-photoprints-4x4, td.col-photoprints-4x3-bulk, td.col-photoprints-4x3 {background-color: #dcd7e6;} td.col-handycard, td.col-handycard-bulk, td.col-snapcard, td.col-snapcard-bulk, td.col-postcard, td.col-postcard-bulk, td.col-notebook {background-color: #FFEEBA;} .add-btn {margin:235px 0 0 60px;} .add-btn a {background: url(/images/tintint/zh_TW/pd/product_top_add.png) no-repeat;height:40px;display: block;} .add-btn:hover {opacity:0.7;} .clothbound-color {background-color:rgb(255, 164, 24);} a.label.store {display:block;width:inherit;background-color:#c7a162;line-height:1.5;letter-spacing:1px;margin-bottom:15px;} a:hover.label.store {opacity:0.7;} /*desk-calendar-select-module*/ div.desk-calendar-series {width:622px;height:165px;margin:15px 0 20px 0;padding:10px 0 0 15px;border-radius:6px;border:2px solid #efefef;box-sizing:border-box;} div.desk-calendar-series div.left.border-right {width:49%;box-sizing:border-box;margin-right:5px;border-right:1px solid #efefef;} div.desk-calendar-series div.left {width:49%;} div.desk-calendar-series div.right {width:49%;} div.desk-calendar-series div.desk-calendar.left, div.desk-calendar-series div.desk-calendar-s.left {display:block;height:69px;width:69px;margin-right:20px;border:none;} div.desk-calendar-series div.desk-calendar.left {background: url(/images/tintint/zh_TW/pd/pd-desk-calendar-display.jpg?s=1) no-repeat center top;background-size:95%;} div.desk-calendar-series div.desk-calendar-s.left {background: url(/images/tintint/zh_TW/pd/pd-desk-calendar-s-display.jpg) no-repeat center bottom;background-size:90%;margin:0 10px;} div.desk-calendar-series div.desk-calendar.left:hover, div.desk-calendar-series div.desk-calendar-s.left:hover {opacity:0.7;} div.desk-calendar-series h4 {margin-top:10px;line-height:2;display:inline-block;height:40px;letter-spacing:1px;} div.desk-calendar-series h4 small {color:#333;font-size:70%;display:block;letter-spacing:0;} div.desk-calendar-series h5 {line-height:1.5;font-size:14px;letter-spacing:0;} div.desk-calendar-series div.left {text-align:left!important;} div.desk-calendar-series div a {color:#333;} div.desk-calendar-series div a.border-bottom {;display:inline-block;width:95%;border-bottom:3px double #cecece;margin-bottom:5px;padding-bottom:5px;} div.desk-calendar-series div a.left {width:141px;display:block;margin:0;letter-spacing:0.5px;padding:5px;box-sizing:border-box;} div.desk-calendar-series div a.left:hover {background:#efefef;border-radius:5px;} div.desk-calendar-series div a.left:hover button.btn {background:#eb0a4b;color:#fff!important;} div.desk-calendar-series div a:hover button.btn {opacity:1;display:inline-block;} div.desk-calendar-series div a button.btn.btn-xs {padding:0 3px;margin:10px 5px 10px 0;} div.desk-calendar-series b {font-size:17px;} /*new-desk-calendar-select-module*/ .new-desk-calendar-series {width: 100%; border: 2px solid #efefef; margin: 15px 0px 20px; padding: 10px 15px; border-radius: 6px;box-sizing: border-box;font-size:0px} .new-desk-calendar-series > * {font-size: 100%;} .new-desk-calendar-series > .calendar-item {display: inline-block;width: 33.33%;box-sizing: border-box;border-right: 1px solid #efefef;padding:0px 10px;} .new-desk-calendar-series > .calendar-item:last-child {border-right:0px;} .new-desk-calendar-series .desk-calendar, .new-desk-calendar-series .desk-calendar-s, .new-desk-calendar-series .desk-calendar-landscape {display:block;height:69px;width:69px;border:none;} .new-desk-calendar-series .desk-calendar {background: url(/images/tintint/zh_TW/pd/pd-desk-calendar-display.jpg?s=1) no-repeat center top;background-size:95%;margin-right: 10px;} .new-desk-calendar-series .desk-calendar-s {background: url(/images/tintint/zh_TW/pd/pd-desk-calendar-s-display.jpg) no-repeat center bottom;background-size:90%;} .new-desk-calendar-series .desk-calendar-landscape {background: url(/images/tintint/zh_TW/pd/pd-desk-calendar-landscape-display.jpg?s=1) no-repeat center top;background-size:95%;margin-right: 10px;} .new-desk-calendar-series > .calendar-item:first-child {padding-left: 0px;} .new-desk-calendar-series > .calendar-item:last-child {padding-right:0px;} .new-desk-calendar-series .desk-calendar:hover, .new-desk-calendar-series .desk-calendar-s:hover, .new-desk-calendar-series .desk-calendar-landscape:hover {opacity:0.7;} .new-desk-calendar-series a {color:#333;} .new-desk-calendar-series .calendar-item > a > * {vertical-align: middle;display: inline-block;} .new-desk-calendar-series .calendar-item > a > h4 {width:50%} .new-desk-calendar-series .calendar-item small {white-space: nowrap;} .new-desk-calendar-series .border-bottom {height: 100%;display: block;border-bottom: 3px double #cecece;margin-bottom: 5px;padding-bottom: 5px;} .new-desk-calendar-series .btn-group {text-align: center;width: 100%;display: table;} .new-desk-calendar-series .btn-group .link-box { display: block;width: 100%; padding: 5px;} .new-desk-calendar-series .btn-group .link-box > div {display: inline-block; font-size: 17px;vertical-align: middle; margin-right: 10px; text-align: left;line-height: 1.5;} .new-desk-calendar-series .btn-group .link-box:hover {background:#efefef;border-radius:5px;} .new-desk-calendar-series .btn-group .link-box:hover button.btn {background: #eb0a4b;color: #fff!important;} .btn.pc-hide {display:none;} p.intro-description, p.header-description {font-size:14px;} /*product-occasion*/ #product-occasion hr {margin:5px 0 20px 0;} #product-occasion .top {width:320px;height:185px;display:block;-moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in;background:rgba(0, 0, 0, 0.1);} #product-occasion .top:hover {background:rgba(0, 0, 0, 0);} #product-occasion .top h3 {color:#fff;font-size:24px;text-align:center;line-height:2;padding-top:65px;letter-spacing:10px;} #product-occasion ul {display:inline-block;margin:15px 0;} #product-occasion ul li {width:320px;margin-right:10px;float:left;} #product-occasion ul li.last {margin-right:0;} #product-occasion ul li.mothersday {background:url(/images/tintint/zh_TW/pd/pd-occasion-mothersday.jpg) no-repeat;} #product-occasion ul li.graduation {background:url(/images/tintint/zh_TW/pd/pd-occasion-graduation.jpg) no-repeat;} #product-occasion ul li.wedding {background:url(/images/tintint/zh_TW/pd/pd-occasion-wedding.jpg) no-repeat;} #product-occasion ul li.baby {background:url(/images/tintint/zh_TW/pd/pd-occasion-baby.jpg) no-repeat;} #product-occasion ul li.valentine {background:url(/images/tintint/zh_TW/pd/pd-occasion-valentine.jpg) no-repeat;} #product-occasion ul li.calendar {background:url(/images/tintint/zh_TW/pd/pd-occasion-calendar.jpg) no-repeat;} #product-occasion h5 a {display:block;font-size:13px;font-weight:bold;color:#999;text-align:center;letter-spacing:1px;line-height:2;} #product-occasion h5 a:hover {opacity:0.7;}