body,html,sub,sup{position:relative}a:active,a:hover,input,textarea{outline:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;display:inline-block;text-decoration:none;cursor:pointer}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0;max-width:100%;vertical-align:middle}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}table{border-collapse:collapse;border-spacing:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body,html{font-family:khula,Arial,"微軟正黑體",sans-serif;font-size:14px;width:100%;height:100vh;height:100%;line-height:20px;margin:0}label{cursor:pointer}main{padding-left:10px;padding-right:10px}.icon-gift .fa{width:35px}#picSlides{height:initial;height:auto}#picSlides .picItem{display:none}#picSlides .owl-item .picItem,#picSlides .picItem:first-child,#picSlides .slide-title span{display:block}#picSlides .slide-title{font-size:16px;position:absolute;top:0;left:33.33%;width:33.33%;height:100%;padding:10px;text-align:center;background-color:rgba(255,255,255,.5)}#picSlides .slide-title span:first-child{width:100px;margin:0 auto;padding:5px;color:#fff;background-color:#767475}#picSlides .slide-title .big-word{font-size:64px;font-weight:700;margin:5px 0}#picSlides .owl-nav{top:50%;margin-top:-15px}#breadcrumb{padding-top:20px}#breadcrumb .show-768{display:none;font-weight:700;cursor:pointer}@media screen and (max-width:768px){#breadcrumb .show-768{display:inline-block;font-size:14px}#breadcrumb .hide-768{display:none}}.sale_titleBox{position:absolute;left:0;z-index:50;background-color:#fff;min-width:220px;border:0 solid #fff}#breadcrumb .inline-block,.orderProduct{position:relative}#breadcrumb .inline-block:hover .sale_titleBox,.on .sale_titleBox{border:1px solid #333}@media screen and (max-width:480px){.sale_titleBox{overflow-y:auto;max-height:260px}}.sale_titleBox .item{height:0;overflow:hidden;line-height:30px;padding:0 10px;display:block;-webkit-transition:height .2s linear;-moz-transition:height .2s linear;-o-transition:height .2s linear;transition:height .2s linear}#breadcrumb .inline-block:hover .item,.on .item{height:30px}#viewMode{margin-left:20px;color:#767475;text-align:right}#viewMode .filter-button,#viewMode .view-four,#viewMode .view-three{display:inline-block;width:22px;height:100%;height:20px;padding:0;margin:0 0 0 5px;cursor:pointer;opacity:.3}.filter_popup .close,.filter_popup .float-left{text-align:center;border-right:1px solid #ccc;margin:10px 0}#viewMode .filter-button{color:#767475;display:none;opacity:1}#viewMode .now{opacity:1}@media screen and (max-width:660px){#viewMode .view-four,#viewMode .view-three{background-position-y:3px;background-size:contain}#viewControl{display:none}#viewMode .filter-button{display:inline-block;position:relative;top:-6px}#viewMode .view-three{background-image:url(../images/product/view-two.jpg)}#viewMode .view-four{background-image:url(../images/product/view-one.jpg)}.view-three .productBox{width:48%}.view-four .productBox{width:98%}}.filter_popup{position:fixed;bottom:-400px;left:2%;width:96%;background-color:#fff;z-index:100;color:#888;box-shadow:0 0 5px -1px #333;-webkit-transition:bottom .2s linear;-moz-transition:bottom .2s linear;-o-transition:bottom .2s linear;transition:bottom .2s linear}.filter_popup .filter02{display:none}.filter_popup .float-left{width:40%}.filter_popup .close{width:20%}.filter_popup .float-left:last-child{border-right:0 solid #ccc}.filter_popup .filter_content{background-color:#eee;min-height:200px;display:none;border-top:1px solid #ddd}.filter_popup .item-div{padding:10px;text-align:left;border-bottom:1px solid #ccc;display:block}.filter_popup .item-span{background-color:#fff;border:1px solid #ddd;padding:5px 0;border-radius:5px;width:46%;margin:5px 2%;display:block;float:left;text-align:center}.filter_popup .now{background-color:#aaa;color:#fff}#filterbox:checked+.filter_popup{bottom:70px}#filter01:checked~.filter01,#filter02:checked~.filter02,#filter03:checked~.filter03{display:block}#filter01:checked~.floatBox .filter01,#filter02:checked~.floatBox .filter02,#filter03:checked~.floatBox .filter03{color:#767475}.userBox-title{padding:10px;border-bottom-width:2px;border-bottom-style:solid}.userBox-title::after{content:'';display:block;clear:both}.userBox-title p{margin:0}.userBox{margin:20px 0;border-bottom:1px solid #ddd}.userBox .button1 img{margin-right:5px;vertical-align:sub}.userBox .product{float:left}.bottom-page .pagebox,.userBox .button1,.userBox .price{float:right}.userBox .product p{line-height:30px}.userBox .price>span{padding-bottom:10px;display:block}.userBox .button1{line-height:45px;margin-left:20px;text-align:center;font-size:16px;padding:0 20px}.user-orderBox .add{margin:10px 0;padding-left:10px;border-left:1px solid #ddd;width:243px}.pic-bg{border:1px dashed #666;width:100%;height:140px;margin:6px 0 0}.user-orderBox .owl-nav{left:0}.user-orderBox .owl-item{padding:0 1px;background-color:#fff;backface-visibility:initial}.user-orderBox .owl-carousel{background-color:#fff;overflow:hidden;padding:0}.user-orderBox .owl-controls{margin-left:-20px}.user-orderBox .owl-stage-outer{-webkit-transform:initial;padding:20px 0}.plusBox::before,.slideTitle::before{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg)}.user-orderBox .owl-next,.user-orderBox .owl-prev{width:20px;height:30px;margin-top:-5px;background-color:initial}.user-orderBox .owl-next::after,.user-orderBox .owl-prev::before{top:17px}.user-orderBox .owl-next::before,.user-orderBox .owl-prev::after{top:11px}.user-orderBox .owl-next::after,.user-orderBox .owl-next::before,.user-orderBox .owl-prev::after,.user-orderBox .owl-prev::before{left:6px;width:10px}.orderSlideItem::after{content:'';display:block;clear:both}.orderSlide{background-color:#fff}.owl-carousel .owl-item img{width:initial;width:auto;margin:0 auto}.owl-item .activite{width:135px;top:9px;height:140px}.hidebox{opacity:0;width:0}.orderProduct{overflow:hidden;text-align:center;opacity:1;-webkit-transition:opacity .35s linear .35s;-moz-transition:opacity .35s linear .35s;-o-transition:opacity .35s linear .35s;transition:opacity .35s linear .35s}.orderProduct .name{height:40px;overflow:hidden}.orderProduct .title{text-align:left;position:absolute;top:100%;left:0;line-height:20px;height:100%;width:100%;background-color:rgba(255,255,255,.8);-webkit-transition:top .2s linear;-moz-transition:top .2s linear;-o-transition:top .2s linear;transition:top .2s linear;font-size:14px}.orderProduct:hover .title{top:0}.user-orderBox .owl-stage{max-height:170px;overflow:hidden}.user-orderBox .delete{border:1px solid #999;text-align:center;border-radius:10px;color:#666;display:block;margin:10px auto 0;width:70px;cursor:pointer}.user-orderBox .delete:hover{border:1px solid #333}.TBlist{display:inline-block;display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.TBlist .orderSlide{width:calc(100% - 243px);padding:25px 20px}.moveImg{position:absolute;z-index:10}#breadcrumb,#viewNumder,.orderbox,.pagebox{display:inline-block}#viewNumder,.pagebox{margin-left:20px}#viewNumder input{display:none}#viewControl{text-align:right}#viewNumder .view_title{font-size:12px;display:inline-block;padding:0 10px;cursor:pointer;border-right:1px solid #4d4d4d}#viewNumder .view_Control:checked+.view_title{color:#de0061}#viewNumder .view_title:last-child{border-right:0}.line-twobox{last-child:35px}.content{overflow:hidden;margin-left:-2%;-webkit-transition:max-height .5s ease;-moz-transition:max-height .5s ease;-o-transition:max-height .5s ease;transition:max-height .5s ease}.productBox .productImg,.productBox .productImg .center{-webkit-transition:opacity .35s ease;-o-transition:opacity .35s ease;opacity:1}.box02{max-height:2000px}.content::after{display:block;clear:both;content:'';margin:0 -1%}.productBox{float:left;width:18%;margin:10px 0 10px 2%;border:1px solid #ddd;padding:10px;font-size:12px;text-align:center}.productBox:hover{border:1px solid #999}.productBox .colorbox{padding:10px 0;height:40px}.productBox .colorbox select{width:100%;margin:0}.productBox .productImg{-moz-transition:opacity .35s ease;transition:opacity .35s ease;text-align:center;width:100%;height:74%;max-height:369px;position:relative;background-repeat:no-repeat;background-position:center;background-size:contain}.productBox .productImg a{width:100%;display:block}.productBox .productImg .center{background-color:#fff;-moz-transition:opacity .35s ease;transition:opacity .35s ease}.productBox .productImg img{opacity:1;-webkit-transition:opacity .35s ease;-moz-transition:opacity .35s ease;-o-transition:opacity .35s ease;transition:opacity .35s ease}.productBox .productImg:hover .center{opacity:0}.productBox .productTitle{max-height:220px}.productTitle .title-h3{padding-top:10px}.productTitle .title{color:#000;font-size:16px;height:40px;overflow:hidden;word-break:break-all}.productTitle .pricebox{font-size:18px;margin:10px 0}@media screen and (max-width:660px){.view-three .productBox .productTitle .mobile-block{display:block}.productBox .productTitle{max-height:200px}}.productTitle .title-h3 a:hover{text-decoration:underline}.num-select,.size-select,.sp3-select{width:30%;vertical-align:top;margin:0 1%}.productTitle .button1{width:100%;line-height:30px;margin-top:10px;padding:0;text-align:center;cursor:pointer;-webkit-transition:background-color .35s linear;-moz-transition:background-color .35s linear;-o-transition:background-color .35s linear;transition:background-color .35s linear;font-size:16px}.simple .top{padding:10px 0}.simple #breadcrumb{width:50%}.simple #viewControl{width:49%;display:inline-block}.simple .productBox{border:1px solid #fff}.simple .productBox:hover{border:1px solid #ddd}.bottom-page{padding:20px 0;border-top:1px solid #d6d6d6}.bottom-page .left{font-size:11px;color:#8ec31e}.plusBox{line-height:60px;display:block;position:relative;border-bottom-width:2px;border-bottom-style:solid}@media screen and (max-width:480px){.plusBox{line-height:28px;padding:5px}}.plusBox::after,.plusBox::before{content:'';position:absolute;top:30px;height:2px;width:8px}.plusBox::before{-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);right:10px}.plusBox::after{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);right:15px}.plusBox strong{font-style:20px;font-weight:none}#plusBox_control:checked+.content{max-height:0}.description .title{font-size:15px;line-height:40px;padding:0 10px;background-color:#d8f7f3;margin-top:30px;border-width:2px;border-style:solid}.description .title span{margin-right:10px;color:#999}.description .title span::after{padding-left:10px;content:'/'}.description p{font-size:13px;line-height:20px;margin:0;padding:20px 10px;color:#666;border-bottom:1px solid #ccc}aside label{display:block;cursor:pointer}.slideitem{line-height:30px;display:block;overflow:hidden;height:30px;-webkit-transition:height .35s ease;-moz-transition:height .35s ease;-o-transition:height .35s ease;transition:height .35s ease}.slideitemBox{height:auto;-webkit-transition:height .35s ease;-moz-transition:height .35s ease;-o-transition:height .35s ease;transition:height .35s ease}.slideControl:checked~.slideBox>.slideitem,.slideControl:checked~.slideBox>.slideitemBox .slideitem{height:0!important}.slideTitle,.slideTitle2,.slideTitle3{line-height:30px;position:relative;margin:0;padding-left:0}.slideTitle::after,.slideTitle::before{position:absolute;top:15px;width:5px;height:2px;content:'';z-index:0;-webkit-transition:transform .35s ease;-moz-transition:transform .35s ease;-o-transition:transform .35s ease;transition:transform .35s ease;background-color:#000}.slideTitle2::after,.slideTitle2::before,.slideTitle3::after,.slideTitle3::before{position:absolute;top:17px;-moz-transition:transform .35s ease;-o-transition:transform .35s ease;height:2px;content:''}.slideTitle::before{right:13px;-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.slideTitle3::after,.slideTitle::after{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg)}.slideTitle::after{right:10px;transform:rotate(45deg)}.slideTitle2{font-size:14px}.slideTitle2::after,.slideTitle2::before{right:11px;width:8px;-webkit-transition:transform .35s ease;transition:transform .35s ease;background-color:#999}.slideTitle2::after{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}.slideTitle3::after,.slideTitle3::before{width:5px;z-index:0;-webkit-transition:transform .35s ease;transition:transform .35s ease;background-color:#000}.slideTitle3::before{right:13px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.slideTitle3::after{right:10px;transform:rotate(45deg)}.slideControl:checked+.slideTitle::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.slideControl:checked+.slideTitle::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.slideControl:checked+.slideTitle3::before{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}.slideControl:checked+.slideTitle2::after{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.slideControl:checked+.slideTitle3::after{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}.slideControl:checked+.icon-newstar .slideTitle2::after{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.slideControl2:checked+.slideTitle::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.slideControl2:checked+.slideTitle::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.slideControl2:checked+.slideTitle3::before{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}.slideControl2:checked+.slideTitle3::after{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}.slideControl2:checked+.icon-newstar .slideTitle2::after{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.slideControl:checked+.icon-newstar .slideTitle::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.slideControl:checked+.icon-newstar .slideTitle::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}#newbox{background-color:#fff;margin-bottom:15px}#newbox .slideTitle{background-color:#fff;border-bottom:2px solid #564e43;line-height:40px;margin:0;font-size:16px;position:relative;font-weight:400;padding-left:5px}#newbox .slideTitle img{vertical-align:sub}#newbox .slideTitle::after,#newbox .slideTitle::before{position:absolute;top:20px;width:5px;height:2px;content:'';z-index:0;-webkit-transition:transform .35s ease;-moz-transition:transform .35s ease;-o-transition:transform .35s ease;transition:transform .35s ease;background-color:#767475}#menuBox .slideTitle,#menuBox .slideitem{position:relative;display:block;cursor:pointer}#menuBox .slideitemBox,#newbox .slideitem{-webkit-transition:height .35s ease;-moz-transition:height .35s ease;-o-transition:height .35s ease}#menuBox .slideTitle.now::after,#menuBox .slideTitle.now::before,.fixed_aside{background-color:#fff}#newbox .slideitem{cursor:pointer;padding:0 20px;color:#d82b0b;font-size:13px;line-height:30px;display:block;overflow:hidden;transition:height .35s ease}#menuBox{margin-bottom:30px}#menuBox .slideTitle{padding-left:5px;font-size:16px;line-height:35px;border-bottom:2px solid #767475;margin-bottom:10px}#menuBox .slideTitle.now{color:#fff}#menuBox .slideBox::after{content:'';display:block;clear:both}#menuBox .slideitemBox{height:auto;padding:0 10px;transition:height .35s ease}#menuBox .slideitem{font-size:14px;margin:0;line-height:30px;overflow:hidden;-webkit-transition:height .35s ease;-moz-transition:height .35s ease;-o-transition:height .35s ease;transition:height .35s ease}#aside_control,#menuBox label.item-title,.mobile{display:none}#menuBox .slideitem.now a{color:#44bdd1}#menuBox .menuitem{padding:0 20px;color:#666}#aside_control:checked+.fixed_aside{left:0}.fixed_aside{position:fixed;top:0;left:-300px;height:100%;width:300px;z-index:100;border-right:1px solid #e5e5e5;-webkit-transition:left .35s ease;-moz-transition:left .35s ease;-o-transition:left .35s ease;transition:left .35s ease}.fixed_aside .overflow{padding:20px;height:100%;width:100%;overflow:auto}.fixed_aside .openAside{position:absolute;top:50%;right:-36px;z-index:10;width:35px;height:40px;margin-top:-20px;cursor:pointer;font-size:25px;text-align:center;line-height:40px;color:#fff;background-color:#767475}.fixed_aside .adbox{padding:0 10px;margin-bottom:20px}#aside_control:checked+.fixed_aside .openAside:before{content:"\f00d"}@media screen and (max-width:1024px){#viewControl .pagebox,.fixed_aside{display:none}.productBox{width:23%;min-height:407px}}@media screen and (max-width:960px){.userBox .float-right{float:none;padding-left:0;width:100%}.userBox .button1{float:right;font-size:12px;padding:0 5px;margin-left:5px}.userBox .price,.userBox .product{float:none}.userBox .product p{margin-left:0}}@media screen and (max-width:768px){.productBox{width:31.33%;margin:5px 0 5px 2%;min-height:415px}.simple #breadcrumb,.simple #viewControl{width:100%}#breadcrumb .title{font-size:14px}}@media screen and (max-width:660px){.userBox .product{width:100%;padding-bottom:10px}.productBox{width:48%;min-height:485px}.user-orderBox .add,.user-orderBox .orderSlide{width:100%}#viewNumder,.hide-660{display:none}#breadcrumb{float:none}}@media screen and (max-width:480px){.productBox{width:48%;min-height:350px}.price-delete{display:none}}@media screen and (max-width:1024px){.mobile{display:block}.pc{display:none}}.line .flexbox{-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-ms-flex-pack:center;-o-justify-content:center;justify-content:center}.userBox-title .price,.userBox-title .product p{padding-left:35px}.content{display:flex;flex-wrap:wrap}