.product-detail-top{padding:60px 0}.product-detail-top-left{max-width:400px;margin:0 auto}#product-slider{padding-bottom:40px}#product-slider .swiper-slide img{width:100%}.select-color{margin-top:25px}ul.select-color-list{margin-top:15px}ul.select-color-list li{width:30px;height:30px;border:1px solid #dbdbdb;border-radius:50%;display:inline-block;margin-right:10px;position:relative;cursor:pointer}ul.select-color-list li.white{background:#fff}ul.select-color-list li.black{background:#0e0e10}ul.select-color-list li.red{background:#ed1c24}ul.select-color-list li.active:after{content:"";background-color:transparent;position:absolute;left:10px;top:6px;width:8px;border-bottom:3px solid #fff;height:13px;border-right:3px solid #fff;transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg)}ul.select-color-list li.white.active:after{border-color:#e3e3e3}.product-gift{margin-top:25px}.product-gift-title{font-size:22px;color:#474747;font-weight:500}ul.product-gift-list li,ul.product-addon-list li{color:#474747;font-size:18px;position:relative;padding-left:30px;margin-bottom:10px}ul.product-gift-list li:before{content:"i";color:#8e8e8e;font-family:"watsons-water" !important;font-style:normal !important;font-weight:normal !important;font-variant:normal !important;text-transform:none !important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;left:0;top:4px}ul.product-addon-list li:before{content:"c";color:#8e8e8e;font-family:"watsons-water" !important;font-style:normal !important;font-weight:normal !important;font-variant:normal !important;text-transform:none !important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;left:0;top:4px}.btn-group-wrap{margin-top:25px}.btn-group-big button{width:200px;margin-right:8px}.btn-group-wrap button:last-child{margin-right:0}.plan-tab.fixed{position:fixed;top:55px;z-index:9;width:100%;background:#fff;box-shadow:0 4px 5px rgba(0,0,0,.15)}.plan-tab-fixed-txt{display:none;border-bottom:1px solid #c7c7c7;padding:8px 0}.plan-tab.fixed .plan-tab-fixed-txt{display:block}.plan-tab .nav-tabs{border-bottom:none}.plan-tab .nav-tabs>li{font-size:24px;font-weight:500;width:50%;text-align:center}.plan-tab .nav-tabs>li>a,.plan-tab .nav-tabs>li>a:hover{color:#474747;border:none;border-radius:0}.plan-tab .nav>li>a:hover,.nav>li>a:focus{background-color:#fff}.plan-tab .nav-tabs>li.active>a,.plan-tab .nav-tabs>li.active>a:hover,.plan-tab .nav-tabs>li.active>a:focus{color:#63be45;border:none;border-bottom:3px solid #63be45}.plan-tab-content{background-color:#fafafa;padding:60px 0}figure.plan-item{text-align:center;background:#f4f6f9;padding:20px;position:relative;height:520px}figure.plan-item img{max-width:100%}.figcaption-border{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(244,246,249,.85);border:3px solid #8cd035;opacity:0}figure.plan-item figcaption{position:absolute;top:335px;left:0;width:100%;padding:0 15px;z-index:1}figure.plan-item:hover figcaption{top:260px}figure.plan-item:hover .figcaption-border{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);transition:opacity .2s ease-in-out,-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out,opacity .2s ease-in-out;transition:transform .2s ease-in-out,opacity .2s ease-in-out,-webkit-transform .2s ease-in-out}figure.plan-item:hover .btn-group-plan{display:block}.plan-title{color:#656565;font-size:20px;font-weight:600;max-width:200px;margin:20px auto;max-height:54px;height:54px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}ul.plan-price-list:after{content:'';display:table;clear:both}ul.plan-price-list li{display:inline-block;float:left;width:50%;border-right:1px solid #c7c7c7}ul.plan-price-list li:last-child{border-right:none}.btn-group-plan{display:none;text-align:center;z-index:1;position:absolute;width:calc(100% - 40px);margin:0 20px;bottom:35px;left:0}.btn-group-plan button{width:45%;margin-right:5%}.btn-group-plan button:last-child{margin-right:0}.plan-price{font-size:30px;font-weight:500;color:#6abc00;line-height:1}.plan-price span.decimal{font-size:20px}.plan-price-txt{font-size:16px;color:#474747;line-height:1}.product-detail-middle{background-color:#f4f6f9;padding:60px 0}.panel-group .panel-introduction{border-radius:0;box-shadow:none;border:none}.panel-introduction .panel-heading{border:1px solid #c7c7c7;border-radius:0;padding:0}.panel-introduction .panel-heading+.panel-collapse>.panel-body{border-top:none}.panel-introduction .panel ul li{list-style-type:disc}.panel-body ul li{list-style-type:square;list-style-position:inside}.panel-body ol{list-style:decimal}.panel-body li{list-style:inherit;list-style-position:inside}.panel-introduction .panel-title{color:#252525;font-size:22px;text-transform:uppercase;position:relative;padding:20px;display:block}.panel-introduction .panel-title .icon{margin-right:20px;vertical-align:middle}.panel-introduction .panel-title:after{content:"";border-top:2px solid transparent;border-left:2px solid transparent;display:block;width:12px;height:12px;margin:auto;position:absolute;top:0;bottom:0;border-color:#70c455;-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);right:25px}.panel-introduction .panel-title[aria-expanded="true"]:after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.panel-introduction .panel-body{padding:30px 100px}.panel-introduction .panel-body ul.list{margin-top:55px}.panel-group .panel+.panel{margin-top:20px}.related-product{padding:60px 0;background:#e8e9ea}h4.section-title{font-weight:500;margin-bottom:25px;position:relative;padding-right:75px}.swiper-slide{background-color:#fff;text-align:center}figure.related-item{text-align:center;position:relative}figure.related-item img{max-width:100%}figcaption{color:#656565;padding:0 15px 25px}.figcaption-border{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(244,246,249,.85);border:3px solid #8cd035;opacity:0}button.btn-detail{width:135px;opacity:0;left:50%;margin-left:-67.5px;position:absolute;z-index:1;bottom:20px}.related-proTitle{font-size:20px;font-weight:600;line-height:1.2;max-height:48px;height:48px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.related-proTxt{font-size:16px;color:#474747;line-height:1.2;max-height:38px;height:38px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}figure.related-item:hover figcaption{top:-50px;z-index:1;position:relative}figure.related-item:hover .figcaption-border{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);transition:opacity .2s ease-in-out,-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out,opacity .2s ease-in-out;transition:transform .2s ease-in-out,opacity .2s ease-in-out,-webkit-transform .2s ease-in-out}figure.related-item:hover button.btn-detail{opacity:1}.swiper-button-next,.swiper-button-prev{color:#63be45;font-size:42px;width:auto;height:auto;background-image:none;z-index:8}.related-product .swiper-button-next:hover,.related-product .swiper-button-prev:hover{color:#8cd735}.related-product .swiper-button-prev{left:auto;right:40px}.detail-row{margin-bottom:15px}.panel-body>.detail-row:last-child{margin-bottom:0}.product-detail-title{font-size:20px;font-weight:600;margin-top:30px}.panel-body>.product-detail-title:first-child{margin-top:0}.product-detail-top-title{font-size:20px}.product-detail-top-price{font-size:36px}.product-detail-top-price del{font-size:20px}.product-detail-number{position:relative;margin-top:35px}.product-detail-number label{font-weight:400}.number-inputQuantity label{text-align:center;width:50%}.number-result{width:50%;float:right;text-align:center}.number-result input.form-control{text-align:center;font-size:20px;margin-top:10px;height:45px;padding:6px 12px;border:none;box-shadow:none;background-color:transparent}.number-inputQuantity .number-input{text-align:left;margin-top:10px}.number-inputQuantity .number-input input[type=number]{max-width:none;width:50%;height:32px;left:1px;position:absolute;border-right:1px solid #f6f6f6;margin-top:5px}.number-inputQuantity button.minus{z-index:1}.product-detail-discount{background:#f6f6f6;border-radius:4px;margin-top:20px;padding:20px 25px 20px 120px;position:relative}.product-detail-discount img{position:absolute;left:25px}.hk-dollar{margin-top:48px;position:absolute;top:0;left:55%}@media(max-width:1200px){.plan-price{font-size:35px}figure.plan-item{height:475px}figure.plan-item figcaption{top:285px}figure.plan-item:hover figcaption{top:225px}}@media(max-width:1024px){.plan-tab.fixed{top:45px}figure.related-item:hover figcaption{top:auto}figure.related-item:hover .figcaption-border{display:none}figure.related-item:hover button.btn-detail{display:none}}@media(max-width:992px){.product-detail-top-right{margin-top:30px}.product-detail-top-right .btn-group-wrap{text-align:center}.product-detail-top-right .btn-group-tab{display:none}.plan-item-outer{margin-bottom:15px}.narrow-row .plan-item-outer:last-child{margin-bottom:0}figure.plan-item{text-align:left;height:auto;display:table;width:100%;padding-bottom:75px}figure.plan-item figcaption{text-align:center;top:auto;left:auto;width:60%;display:table-cell;position:relative;vertical-align:middle;padding:0}figure.plan-item:hover figcaption{top:0}.btn-group-plan{display:block;bottom:20px}.figcaption-border{display:none}}@media(max-width:768px){.product-detail-top{padding:30px 0}.panel-introduction .panel-body{padding:20px 15px;margin-left:20px}.product-detail-middle{padding:30px 0}.plan-price{font-size:18px}.plan-price span.decimal{font-size:12px}.plan-tab .nav-tabs{margin:0 -15px}.plan-tab .nav-tabs>li{font-size:16px}.plan-tab-fixed-txt{font-size:14px}.plan-tab-content{padding:30px 0}.panel-introduction .panel-title{font-size:20px;padding:10px 30px 10px 50px}.panel-introduction .panel-title .icon{position:absolute;top:15px;left:15px}.panel-introduction .panel-title:after{right:15px}.related-product{padding:30px 0}.related-proTitle{font-size:18px;max-height:42px}.related-proTxt{font-size:14px;max-height:33px}h4.section-title{margin-bottom:20px}}@media(max-width:320px){.plan-title{font-size:16px;margin:0 auto 20px;line-height:1.2}.plan-tab .nav-tabs>li{font-size:14px}.plan-price{font-size:14px}.plan-price-txt,span.tagBtm{font-size:12px}}