.gallery .control-operator:target~.controls .control-button .uiDot{background-color:#fff}.gallery .control-button:first-of-type .uiDot,.gallery .control-operator:nth-of-type(1):target~.controls .control-button:nth-of-type(1) .uiDot,.gallery .control-operator:nth-of-type(2):target~.controls .control-button:nth-of-type(2) .uiDot,.gallery .control-operator:nth-of-type(3):target~.controls .control-button:nth-of-type(3) .uiDot,.gallery .control-operator:nth-of-type(4):target~.controls .control-button:nth-of-type(4) .uiDot,.gallery .control-operator:nth-of-type(5):target~.controls .control-button:nth-of-type(5) .uiDot{background-color:#64b7ec}.gallery .item:first-of-type{position:static;pointer-events:auto;opacity:1}.gallery .item{position:absolute;top:0;left:0;width:100%;margin:0;padding:0;pointer-events:none;opacity:0;transition:opacity .5s;background-color:#f0f8ff}.gallery .control-operator{display:none}.gallery .control-operator:target~.item{pointer-events:none;opacity:0;animation:none}.gallery .control-operator:target~.controls .control-button{animation:none}@keyframes controlAnimation-2{0%{color:#ccc;color:rgba(255,255,255,.4)}14.3%,50%{color:#fff;color:rgba(255,255,255,.8)}64.3%,100%{color:#ccc;color:rgba(255,255,255,.4)}}@keyframes galleryAnimation-2{0%{opacity:0}14.3%,50%{opacity:1}64.3%,100%{opacity:0}}.gallery .control-operator:nth-of-type(1):target~.item:nth-of-type(1){pointer-events:auto;opacity:1}.gallery .control-operator:nth-of-type(2):target~.item:nth-of-type(2){pointer-events:auto;opacity:1}.items-2.autoplay .control-button{animation:controlAnimation-2 14s infinite}.items-2.autoplay .item{animation:galleryAnimation-2 14s infinite}.items-2 .control-button:nth-of-type(1),.items-2 .item:nth-of-type(1){animation-delay:-2s}.items-2 .control-button:nth-of-type(2),.items-2 .item:nth-of-type(2){animation-delay:5s}@keyframes controlAnimation-3{0%{color:#ccc;color:rgba(255,255,255,.4)}9.5%,33.3%{color:#fff;color:rgba(255,255,255,.8)}42.9%,100%{color:#ccc;color:rgba(255,255,255,.4)}}@keyframes galleryAnimation-3{0%{opacity:0}9.5%,33.3%{opacity:1}42.9%,100%{opacity:0}}.gallery .control-operator:nth-of-type(1):target~.item:nth-of-type(1){pointer-events:auto;opacity:1}.gallery .control-operator:nth-of-type(2):target~.item:nth-of-type(2){pointer-events:auto;opacity:1}.gallery .control-operator:nth-of-type(3):target~.item:nth-of-type(3){pointer-events:auto;opacity:1}.items-3.autoplay .control-button{animation:controlAnimation-3 21s infinite}.items-3.autoplay .item{animation:galleryAnimation-3 21s infinite}.items-3 .control-button:nth-of-type(1),.items-3 .item:nth-of-type(1){animation-delay:-2s}.items-3 .control-button:nth-of-type(2),.items-3 .item:nth-of-type(2){animation-delay:5s}.items-3 .control-button:nth-of-type(3),.items-3 .item:nth-of-type(3){animation-delay:12s}@keyframes controlAnimation-4{0%{color:#ccc;color:rgba(255,255,255,.4)}7.1%,25%{color:#fff;color:rgba(255,255,255,.8)}32.1%,100%{color:#ccc;color:rgba(255,255,255,.4)}}@keyframes galleryAnimation-4{0%{opacity:0}7.1%,25%{opacity:1}32.1%,100%{opacity:0}}.gallery .control-operator:nth-of-type(1):target~.item:nth-of-type(1){pointer-events:auto;opacity:1}.gallery .control-operator:nth-of-type(2):target~.item:nth-of-type(2){pointer-events:auto;opacity:1}.gallery .control-operator:nth-of-type(3):target~.item:nth-of-type(3){pointer-events:auto;opacity:1}.gallery .control-operator:nth-of-type(4):target~.item:nth-of-type(4){pointer-events:auto;opacity:1}.items-4.autoplay .control-button{animation:controlAnimation-4 28s infinite}.items-4.autoplay .item{animation:galleryAnimation-4 28s infinite}.items-4 .control-button:nth-of-type(1),.items-4 .item:nth-of-type(1){animation-delay:-2s}.items-4 .control-button:nth-of-type(2),.items-4 .item:nth-of-type(2){animation-delay:5s}.items-4 .control-button:nth-of-type(3),.items-4 .item:nth-of-type(3){animation-delay:12s}.items-4 .control-button:nth-of-type(4),.items-4 .item:nth-of-type(4){animation-delay:19s}@keyframes controlAnimation-5{0%{color:#ccc;color:rgba(255,255,255,.4)}5.7%,20%{color:#fff;color:rgba(255,255,255,.8)}25.7%,100%{color:#ccc;color:rgba(255,255,255,.4)}}@keyframes galleryAnimation-5{0%{opacity:0}5.7%,20%{opacity:1}25.7%,100%{opacity:0}}.gallery .control-operator:nth-of-type(1):target~.item:nth-of-type(1){pointer-events:auto;opacity:1;color:#64b7ec}.gallery .control-operator:nth-of-type(2):target~.item:nth-of-type(2){pointer-events:auto;opacity:1;color:#64b7ec}.gallery .control-operator:nth-of-type(3):target~.item:nth-of-type(3){pointer-events:auto;opacity:1;color:#64b7ec}.gallery .control-operator:nth-of-type(4):target~.item:nth-of-type(4){pointer-events:auto;opacity:1;color:#64b7ec}.gallery .control-operator:nth-of-type(5):target~.item:nth-of-type(5){pointer-events:auto;opacity:1;color:#64b7ec}.items-5.autoplay .control-button{animation:controlAnimation-5 35s infinite}.items-5.autoplay .item{animation:galleryAnimation-5 35s infinite}.items-5 .control-button:nth-of-type(1),.items-5 .item:nth-of-type(1){animation-delay:-2s}.items-5 .control-button:nth-of-type(2),.items-5 .item:nth-of-type(2){animation-delay:5s}.items-5 .control-button:nth-of-type(3),.items-5 .item:nth-of-type(3){animation-delay:12s}.items-5 .control-button:nth-of-type(4),.items-5 .item:nth-of-type(4){animation-delay:19s}.items-5 .control-button:nth-of-type(5),.items-5 .item:nth-of-type(5){animation-delay:26s}.gallery{position:relative}.gallery .item{overflow:hidden;text-align:center;background-color:#fff}.gallery .controls{position:absolute;bottom:14px;width:100%;text-align:center;z-index:100}.gallery .control-button{display:inline-block;transition:color .1s}.uiDot{width:1.5em;height:1.5em;margin-left:.3em;margin-right:.3em;border-radius:50%;border:1px solid #64b7ec;background-color:#fff}.uiDot:hover{border:1px solid #3292ce;background-color:#3292ce}.bookTypeWrap{display:grid;grid-template-columns:repeat(2,1fr);gap:0}@media only screen and (max-width:768px){.bookTypeWrap{grid-template-columns:repeat(1,1fr)}.bookTypeWrap>div:nth-of-type(1){order:2}.bookTypeWrap>div:nth-of-type(1){order:1}#photobookType section{}.paddingHalfGrid{padding:16px!important;text-align:center!important}.paddingHalfGrid>a{text-decoration:underline}.paddingHalfGrid>a>h1{font-size:16px!important}}@import 'assets/css/swiper.min.css';h2{font-size:28px!important}hr{width:1120px;border:1px solid #ededed}.fullWidth{width:100%}.gridFull{margin:0 auto;width:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:0}.g12x{grid-template-columns:repeat(12,1fr)!important;grid-gap:0!important}.g3x{grid-template-columns:repeat(3,1fr)!important;grid-gap:0!important}.grid{margin:0 auto;width:1120px;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:10px}.gridNoGap{margin:0 auto;width:1120px;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:0}.grid3{margin:0 auto;display:grid;width:100%;grid-template-columns:repeat(3,1fr);grid-gap:0}.grid4{display:none}.grid5{display:none}.grid10{margin:0 auto;width:1120px;display:grid;grid-template-columns:repeat(10,1fr);grid-gap:10px}.gridMobile{display:none}.fluidGrid{margin:0 auto;width:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:0}.fluidNoGrid{margin:0 auto;width:100%;display:grid;grid-gap:0}.row-1-1{grid-row:1/2}.row-2-3{grid-row:2/3}.grid-1-1{grid-column:1/2}.grid-1-2{grid-column:1/3}.grid-1-3{grid-column:1/4}.grid-1-4{grid-column:1/5}.grid-1-5{grid-column:1/6}.grid-1-6{grid-column:1/7}.grid-1-7{grid-column:1/8}.grid-1-8{grid-column:1/9}.grid-1-9{grid-column:1/10}.grid-1-12{grid-column:1/13}.grid-2-2{grid-column:2/3}.grid-2-3{grid-column:2/4}.grid-2-4{grid-column:2/5}.grid-2-5{grid-column:2/6}.grid-2-6{grid-column:2/7}.grid-2-11{grid-column:2/12}.grid-2-12{grid-column:2/13}.grid-3-3{grid-column:3/4}.grid-3-4{grid-column:3/5}.grid-3-6{grid-column:3/7}.grid-3-9{grid-column:3/10}.grid-3-10{grid-column:3/11}.grid-4-4{grid-column:4/5}.grid-4-6{grid-column:4/7}.grid-4-7{grid-column:4/8}.grid-4-8{grid-column:4/9}.grid-4-9{grid-column:4/10}.grid-4-12{grid-column:4/13}.grid-5-6{grid-column:5/7}.grid-5-7{grid-column:5/7}.grid-5-8{grid-column:5/9}.grid-5-12{grid-column:5/13}.grid-6-7{grid-column:6/8}.grid-6-9{grid-column:6/10}.grid-6-10{grid-column:6/11}.grid-7-8{grid-column:7/9}.grid-7-9{grid-column:7/10}.grid-7-10{grid-column:7/11}.grid-7-12{grid-column:7/13}.grid-8-9{grid-column:8/10}.grid-8-10{grid-column:8/10}.grid-11-12{grid-column:11/12}.grid-8-11{grid-column:8/12}.grid-8-12{grid-column:8/13}.grid-9-10{grid-column:9/11}.grid-9-12{grid-column:9/13}.grid-10-12{grid-column:10/13}.grid-11-12{grid-column:11/13}.grid-6-12{grid-column:6/13}.grid-7-11{grid-column:7/12}.grid-1-12{grid-column:1/13}.p1{padding:1px}.p5{padding:5px}.p10{padding:10px}.p20{padding:20px}.p25{padding:25px}.p50p20{padding:50px 20px}.p50{padding:50px}.p100{padding:100px}.p10-left{padding-left:10px}.p10-right{padding-right:10px}.p30-left{padding-left:30px!important}.p30-right{padding-right:30px!important}.p20-left{padding-left:20px}.p-b-20{padding-bottom:20px}.p-b-30{padding-bottom:30px}.p-b-40{padding-bottom:40px}.p-b-50{padding-bottom:50px}.containerText{position:relative;overflow:hidden}.hoverDetails{position:absolute;padding-top:5px!important;top:81%;background-color:rgba(255,255,255,.7);width:100%!important;padding-right:0!important;margin-left:0!important;-moz-transition:all .4s ease-in-out 0s;-webkit-transition:all .4s ease-in-out 0s;-ms-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s}.containerText:hover .hoverDetails,.containerText.active .hoverDetails{background-color:rgba(255,255,255,.95);border:solid 1px;border-color:#c8c8c8;top:50%;display:block}.fullHoverDetails{position:absolute;padding-top:5px!important;top:81%;background-color:rgba(255,255,255,.7);width:100%!important;padding-right:0!important;margin-left:0!important;-moz-transition:all .4s ease-in-out 0s;-webkit-transition:all .4s ease-in-out 0s;-ms-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s}.containerText:hover .fullHoverDetails,.containerText.active .fullHoverDetails{background-color:rgba(255,255,255,.95);border:solid 1px;border-color:#c8c8c8;top:18%;display:block}.containerText:hover .textDetails,.containerText.active .textDetails{top:50%;display:block}.spacing{line-height:1.6;letter-spacing:1px}.headerText{color:#47484a}.containerText:active .headerText,.containerText:hover .headerText{color:#000}.circularImage{border-radius:50%;padding:20px}.textDetails{display:none}.backgroundImg{width:100%;z-index:-1}.center{margin:0 auto}.noPadding{padding:0!important}.centerButton{display:grid;justify-content:center}.spanButton{padding:5px;font-size:15px}.right{text-align:right}.left{text-align:left}.bgBlue{background-color:#e9edf8}.bgBlueSpecial{background-color:#dbeaf5}.paddingHalfGrid{text-align:left;padding:5em 3em 0 20em}.lmargin0{margin-left:0!important}.bgLightGray{background-color:#f7f7f7;border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3}.bgLightGrayAlt{background-color:#fcfcfc}.bgOrange{background-color:#faeadd}.bgVelvet{background-color:#7f2a3c}.m{font-size:1.2rem}.bold{font-weight:700}.fontWhite{color:#fff}.groupLink{line-height:2em}.darkLink{color:#000;text-decoration:underline;font-weight:700}.darkLink:hover{text-decoration:none}.blueLink{color:#71b7e5;text-decoration:none;font-weight:700}.blueLink:hover{text-decoration:underline}.blueLinkUnderline{color:#71b7e5;text-decoration:underline;font-weight:700}.blueLinkUnderline:hover{text-decoration:none}.blueLinkNoBold{color:#71b7e5;text-decoration:none}.blueLinkNoBold:hover{text-decoration:underline}.goldLinkUnderline{color:#dead8c!important;text-decoration:underline}.goldLinkUnderline:hover{text-decoration:none}.linkUnderline{text-decoration:underline}.linkUnderline:hover{text-decoration:none}.tabButtonGroup{padding:0;margin:0}.tabButtonGroup div{display:inline-block;padding:14px;padding-left:26px;padding-right:26px;margin:0;border:1px solid #000;font-weight:700;font-size:14px;margin-right:-4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tabButtonGroup div:hover{background-color:#dceaf5;cursor:pointer}.tabButtonGroup div.active{background-color:#dceaf5}.blueLink18{color:#63b7eb;font-size:18px;text-decoration:underline}.goldLink{color:#ddad8b;text-decoration:underline}.goldLabel{color:#dead8c!important}.fontSize32{font-size:32px;font-weight:900!important}.labelSize16{font-size:18px!important}.labelSize-16{font-size:16px!important}.labelSize30{font-size:30px!important;line-height:90%}.labeltablegold{color:#eea787!important;text-transform:uppercase;font-weight:900!important;font-size:14px!important}.labeltable{text-transform:uppercase;font-weight:900!important}.lightblue{background-color:#e8f3f9}.price{font-weight:600!important;font-size:42px!important}.rightborder{border-right:2px solid gray}.goldLabelUnderline{color:#dead8c!important;text-decoration:underline}.goldLabelUnderline: hover{text-decoration:none}#classicMaterialSlider .swiper-container,#leatheretteMaterialSlider .swiper-container{width:100%}#classicMaterialSlider .swiper-slide,#leatheretteMaterialSlider .swiper-slide{display:inline-block!important;text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}#classicMaterialSlider .swiper-wrapper,#leatheretteMaterialSlider .swiper-wrapper{height:200px!important}.swiper-slide{margin-right:10px!important;cursor:pointer}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-slide-active{opacity:1}.colorcontent{display:inline-block;margin:5px}.varietycolor{border-radius:50%;display:inline-block;width:10px;margin:5px;padding:10px;height:10px}.textBoxFont{right:20px;font-size:26px;text-transform:uppercase;text-align:right}.textBox{width:270px;height:46px;background-color:#d1f3ff;text-transform:uppercase;color:#424b52;font-size:20px;font-weight:700;padding-top:10px;text-align:center}.thumbnail{width:90px;padding:5px}.thumbnail label{color:#ddad8b}.whiteGrow{text-shadow:3px 3px 5px #fff,3px 3px 5px #ccc}.white{color:#fff}.greenTick{color:green;font-size:16px}[class*=grid-]>p>a{text-decoration:underline;text-weight:bold;color:#71b7e5}[class*=grid-]>p>a:hover{text-decoration:none}.mobile{display:none}.d4m2{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.dmc{width:1120px;margin:0 auto}@media only screen and (max-width:768px){#bottomNavigation,hr{width:96%}.d4m2{grid-template-columns:repeat(2,1fr)!important}.dmc{width:100%}}@media only screen and (max-width:600px){.gridNoGap,.grid{width:96%;grid-template-columns:repeat(1,1fr);grid-gap:0;display:block}.gridFull{grid-template-columns:repeat(1,1fr);display:block}.gridlinen2{margin:0 auto;display:grid;width:80%;grid-template-columns:repeat(2,1fr);grid-gap:0}.gridMobile{margin:0 auto;width:98%;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:0}.grid3{display:none}.grid4{margin:0 auto;display:grid;width:100%;grid-template-columns:repeat(4,1fr);grid-gap:0}.grid5{margin:0 auto;display:grid;width:100%;grid-template-columns:repeat(5,1fr);grid-gap:0}.grid2{width:100%;margin:0 auto;grid-template-columns:repeat(2,1fr);grid-gap:10px;display:grid}.grid13{width:96%;grid-template-columns:repeat(4,1fr);grid-gap:0;margin:0 auto;display:inline-block}.fluidGrid{display:block}[class*=grid-]{width:100%}[class*=grid-].desp{width:unset}.p20-2x{padding-top:20px;padding-bottom:20px;margin:0 auto}.mobile{display:block}.desktop{display:none}. .promo-countdown-time-label{line-height:0;vertical-align:top}.cpLinks,.cp{text-align:center}.cpLinks{padding-right:0}.cpLinks>a{font-size:12px!important}}.icoSocial{display:inline-block}.faq{background-color:#fff!important;color:#000;cursor:pointer;padding:18px;padding-top:30px!important;padding-bottom:30px!important;width:100%;border:none;text-align:left;outline:none;font-size:16pt;font-weight:700;transition:.4s!important}.fact,.faq:hover{background-color:babyblue;border:none;outline:none}.faq:after{content:url(https://pbstoragepub.s3.ap-southeast-1.amazonaws.com/photo-book/images/ui/ico-down.svg)!important;margin-top:6px;width:14px!important;height:14px!important;color:#777;font-weight:700;float:right;margin-left:5px;outline:none}.fact:after{content:url(https://pbstoragepub.s3.ap-southeast-1.amazonaws.com/photo-book/images/ui/ico-up.svg)!important;margin-top:6px;width:14px!important;height:14px!important;outline:none}.ans{padding:0 18px;background-color:#fff;max-height:0;overflow:hidden;transition:max-height .2s ease-out!important;border-bottom:1px solid gray}.circleLabel{border-radius:30px;padding:10px 40px;font-weight:700}.bgLightgray{background-color:#e2e3e8}.card{box-shadow:0 4px 8px rgba(0,0,0,.2);transition:.3s}.card:hover{box-shadow:0 8px 16px rgba(0,0,0,.2)}.icoDownload:after{content:url(https://pbstoragepub.s3.ap-southeast-1.amazonaws.com/photo-book/images/ui/ico-download.svg)!important;width:14px!important;height:14px!important;float:right;margin-left:5px}.fcLeft:after{content:url(https://fcs3pub.s3.ap-southeast-1.amazonaws.com/photo-book/images/icon/left-arrow.svg)}.fcRight:after{content:url(https://fcs3pub.s3.ap-southeast-1.amazonaws.com/photo-book/images/icon/right-arrow.svg)}