/* Minification failed. Returning unminified contents.
(1986,12): run-time error CSS1030: Expected identifier, found ' '
(2685,46): run-time error CSS1034: 
(2685,46): run-time error CSS1042: Expected function, found 'px'
(2685,48): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(6766,1): run-time error CSS1019: Unexpected token, found '}'
(7941,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7942,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7945,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7946,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10581,2329): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10581,4931): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10581,5043): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
(10581,5090): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
(10581,5141): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
(10581,5262): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-color'
(10581,5292): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color'
(10581,5536): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
(10581,6087): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10581,6201): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10581,7691): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-color'
(10581,7721): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color'
(10581,8953): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-color'
(10581,8983): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color'
(10581,9629): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10581,9688): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10581,10819): run-time error CSS1039: Token not allowed after unary operator: '-swiper-preloader-color'
(10581,10848): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color'
(10581,10946): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10581,11005): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10581,11035): run-time error CSS1019: Unexpected token, found '@keyframes'
(10581,11068): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
 */
/*! jQuery UI - v1.11.4 - 2015-11-02
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, autocomplete.css, button.css, datepicker.css, menu.css, spinner.css, tabs.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:none}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{position:relative;margin:0;padding:3px 1em 3px .4em;cursor:pointer;min-height:0;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#2b2b2b;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-state-default .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:0 0 0 0;padding:5px;background:#666;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px}
.mm-hidden{display:none!important}.mm-wrapper{overflow-x:hidden;position:relative}.mm-menu{box-sizing:border-box;background:inherit;display:block;padding:0;margin:0;position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.mm-panels,.mm-panels>.mm-panel{background:inherit;border-color:inherit;box-sizing:border-box;margin:0;position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.mm-panels{overflow:hidden}.mm-panel{-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left}.mm-panel.mm-opened{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-panel.mm-subopened{-webkit-transform:translate(-30%,0);-ms-transform:translate(-30%,0);transform:translate(-30%,0);-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}.mm-panel.mm-highest{z-index:1}.mm-panel.mm-noanimation{-webkit-transition:none!important;transition:none!important}.mm-panel.mm-noanimation.mm-subopened{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-panels>.mm-panel{-webkit-overflow-scrolling:touch;overflow:scroll;overflow-x:hidden;overflow-y:auto;padding:0 20px}.mm-panels>.mm-panel.mm-hasnavbar{padding-top:40px}.mm-panels>.mm-panel:not(.mm-hidden){display:block}.mm-panels>.mm-panel:after,.mm-panels>.mm-panel:before{content:'';display:block;height:20px}.mm-vertical .mm-panel{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important}.mm-listview .mm-vertical .mm-panel,.mm-vertical .mm-listview .mm-panel{display:none;padding:10px 0 10px 10px}.mm-listview .mm-vertical .mm-panel .mm-listview>li:last-child:after,.mm-vertical .mm-listview .mm-panel .mm-listview>li:last-child:after{border-color:transparent}.mm-vertical li.mm-opened>.mm-panel,li.mm-vertical.mm-opened>.mm-panel{display:block}.mm-listview>li.mm-vertical>.mm-next,.mm-vertical .mm-listview>li>.mm-next{box-sizing:border-box;height:40px;bottom:auto}.mm-listview>li.mm-vertical.mm-opened>.mm-next:after,.mm-vertical .mm-listview>li.mm-opened>.mm-next:after{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);right:19px}.mm-btn{box-sizing:border-box;width:40px;height:40px;position:absolute;top:0;z-index:1}.mm-clear:after,.mm-clear:before,.mm-close:after,.mm-close:before{content:'';border:2px solid transparent;display:block;width:5px;height:5px;margin:auto;position:absolute;top:0;bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.mm-clear:before,.mm-close:before{border-right:none;border-bottom:none;right:18px}.mm-clear:after,.mm-close:after{border-left:none;border-top:none;right:25px}.mm-next:after,.mm-prev:before{content:'';border-top:2px solid transparent;border-left:2px solid transparent;display:block;width:8px;height:8px;margin:auto;position:absolute;top:0;bottom:0}.mm-prev:before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:23px;right:auto}.mm-next:after{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);right:23px;left:auto}.mm-navbar{border-bottom:1px solid;border-color:inherit;text-align:center;line-height:20px;height:40px;padding:0 40px;margin:0;position:absolute;top:0;left:0;right:0}.mm-navbar>*{display:block;padding:10px 0}.mm-navbar a,.mm-navbar a:hover{text-decoration:none}.mm-navbar .mm-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-navbar .mm-btn:first-child{left:0}.mm-navbar .mm-btn:last-child{text-align:right;right:0}.mm-panel .mm-navbar{display:none}.mm-panel.mm-hasnavbar .mm-navbar{display:block}.mm-listview,.mm-listview>li{list-style:none;display:block;padding:0;margin:0}.mm-listview{font:inherit;font-size:14px;line-height:20px}.mm-listview a,.mm-listview a:hover{text-decoration:none}.mm-listview>li{position:relative}.mm-listview>li,.mm-listview>li .mm-next,.mm-listview>li .mm-next:before,.mm-listview>li:after{border-color:inherit}.mm-listview>li>a,.mm-listview>li>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:inherit;display:block;padding:10px 10px 10px 20px;margin:0}.mm-listview>li:not(.mm-divider):after{content:'';border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;left:0;right:0;bottom:0}.mm-listview>li:not(.mm-divider):after{left:20px}.mm-listview .mm-next{background:rgba(3,2,1,0);width:50px;padding:0;position:absolute;right:0;top:0;bottom:0;z-index:2}.mm-listview .mm-next:before{content:'';border-left-width:1px;border-left-style:solid;display:block;position:absolute;top:0;bottom:0;left:0}.mm-listview .mm-next+a,.mm-listview .mm-next+span{margin-right:50px}.mm-listview .mm-next.mm-fullsubopen{width:100%}.mm-listview .mm-next.mm-fullsubopen:before{border-left:none}.mm-listview .mm-next.mm-fullsubopen+a,.mm-listview .mm-next.mm-fullsubopen+span{padding-right:50px;margin-right:0}.mm-panels>.mm-panel>.mm-listview{margin:20px -20px}.mm-panels>.mm-panel>.mm-listview:first-child,.mm-panels>.mm-panel>.mm-navbar+.mm-listview{margin-top:-20px}.mm-menu{background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.75)}.mm-menu .mm-navbar a,.mm-menu .mm-navbar>*{color:rgba(0,0,0,.3)}.mm-menu .mm-btn:after,.mm-menu .mm-btn:before{border-color:rgba(0,0,0,.3)}.mm-menu .mm-listview{border-color:rgba(0,0,0,.1)}.mm-menu .mm-listview>li .mm-next:after{border-color:rgba(0,0,0,.3)}.mm-menu .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(255,255,255,.5);tap-highlight-color:rgba(255,255,255,.5)}.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu .mm-listview>li.mm-selected>span{background:rgba(255,255,255,.5)}.mm-menu .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(0,0,0,.05)}.mm-menu .mm-divider{background:rgba(0,0,0,.05)}
.mm-page{box-sizing:border-box;position:relative}.mm-slideout{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;z-index:1}html.mm-opened{overflow-x:hidden;position:relative}html.mm-blocking{overflow:hidden}html.mm-blocking body{overflow:hidden}html.mm-background .mm-page{background:inherit}#mm-blocker{background:rgba(3,2,1,0);display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:2}html.mm-blocking #mm-blocker{display:block}.mm-menu.mm-offcanvas{z-index:0;display:none;position:fixed}.mm-menu.mm-offcanvas.mm-opened{display:block}.mm-menu.mm-offcanvas.mm-no-csstransforms.mm-opened{z-index:10}.mm-menu.mm-offcanvas{width:80%;min-width:140px;max-width:440px}html.mm-opening .mm-menu.mm-opened~.mm-slideout{-webkit-transform:translate(80%,0);-ms-transform:translate(80%,0);transform:translate(80%,0);-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}@media all and (max-width:175px){html.mm-opening .mm-menu.mm-opened~.mm-slideout{-webkit-transform:translate(140px,0);-ms-transform:translate(140px,0);transform:translate(140px,0);-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:550px){html.mm-opening .mm-menu.mm-opened~.mm-slideout{-webkit-transform:translate(440px,0);-ms-transform:translate(440px,0);transform:translate(440px,0);-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)}}
@charset "UTF-8";.mm-sronly{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;white-space:nowrap!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;position:absolute!important}
.mm-menu .mm-listview.mm-border-none>li:after,.mm-menu .mm-listview>li.mm-border-none:after,.mm-menu.mm-border-none .mm-listview>li:after{content:none}.mm-menu .mm-listview.mm-border-full>li:after,.mm-menu .mm-listview>li.mm-border-full:after,.mm-menu.mm-border-full .mm-listview>li:after{left:0!important}.mm-menu .mm-listview.mm-border-offset>li:after,.mm-menu .mm-listview>li.mm-border-offset:after,.mm-menu.mm-border-offset .mm-listview>li:after{right:20px}
.mm-menu.mm-offcanvas.mm-fullscreen{width:100%;min-width:140px;max-width:10000px}html.mm-opening .mm-menu.mm-fullscreen.mm-opened~.mm-slideout{-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}@media all and (max-width:140px){html.mm-opening .mm-menu.mm-fullscreen.mm-opened~.mm-slideout{-webkit-transform:translate(140px,0);-ms-transform:translate(140px,0);transform:translate(140px,0);-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:10000px){html.mm-opening .mm-menu.mm-fullscreen.mm-opened~.mm-slideout{-webkit-transform:translate(10000px,0);-ms-transform:translate(10000px,0);transform:translate(10000px,0);-webkit-transform:translate3d(10000px,0,0);transform:translate3d(10000px,0,0)}}html.mm-right.mm-opening .mm-menu.mm-fullscreen.mm-opened~.mm-slideout{-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0);-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}@media all and (max-width:140px){html.mm-right.mm-opening .mm-menu.mm-fullscreen.mm-opened~.mm-slideout{-webkit-transform:translate(-140px,0);-ms-transform:translate(-140px,0);transform:translate(-140px,0);-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:10000px){html.mm-right.mm-opening .mm-menu.mm-fullscreen.mm-opened~.mm-slideout{-webkit-transform:translate(-10000px,0);-ms-transform:translate(-10000px,0);transform:translate(-10000px,0);-webkit-transform:translate3d(-10000px,0,0);transform:translate3d(-10000px,0,0)}}.mm-menu.mm-offcanvas.mm-fullscreen.mm-bottom,.mm-menu.mm-offcanvas.mm-fullscreen.mm-top{height:100%;min-height:140px;max-height:10000px}
.mm-menu.mm-fx-menu-zoom{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}html.mm-opened .mm-menu.mm-fx-menu-zoom{-webkit-transform:scale(.7,.7) translate3d(-30%,0,0);transform:scale(.7,.7) translate3d(-30%,0,0);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}html.mm-opening .mm-menu.mm-fx-menu-zoom{-webkit-transform:scale(1,1) translate3d(0,0,0);transform:scale(1,1) translate3d(0,0,0)}html.mm-right.mm-opened .mm-menu.mm-fx-menu-zoom{-webkit-transform:scale(.7,.7) translate3d(30%,0,0);transform:scale(.7,.7) translate3d(30%,0,0);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}html.mm-right.mm-opening .mm-menu.mm-fx-menu-zoom{-webkit-transform:scale(1,1) translate3d(0,0,0);transform:scale(1,1) translate3d(0,0,0)}.mm-menu.mm-fx-menu-slide{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}html.mm-opened .mm-menu.mm-fx-menu-slide{-webkit-transform:translate(-30%,0);-ms-transform:translate(-30%,0);transform:translate(-30%,0);-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}html.mm-opening .mm-menu.mm-fx-menu-slide{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}html.mm-right.mm-opened .mm-menu.mm-fx-menu-slide{-webkit-transform:translate(30%,0);-ms-transform:translate(30%,0);transform:translate(30%,0);-webkit-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)}html.mm-right.mm-opening .mm-menu.mm-fx-menu-slide{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu.mm-fx-menu-fade{opacity:0;-webkit-transition:opacity .4s ease;transition:opacity .4s ease}html.mm-opening .mm-menu.mm-fx-menu-fade{opacity:1}.mm-menu .mm-fx-panels-none.mm-panel,.mm-menu.mm-fx-panels-none .mm-panel{-webkit-transition-property:none;transition-property:none}.mm-menu .mm-fx-panels-none.mm-panel.mm-subopened,.mm-menu.mm-fx-panels-none .mm-panel.mm-subopened{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu .mm-fx-panels-zoom.mm-panel,.mm-menu.mm-fx-panels-zoom .mm-panel{-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center;-webkit-transform:scale(1.5,1.5) translate3d(100%,0,0);transform:scale(1.5,1.5) translate3d(100%,0,0)}.mm-menu .mm-fx-panels-zoom.mm-panel.mm-opened,.mm-menu.mm-fx-panels-zoom .mm-panel.mm-opened{-webkit-transform:scale(1,1) translate3d(0,0,0);transform:scale(1,1) translate3d(0,0,0)}.mm-menu .mm-fx-panels-zoom.mm-panel.mm-subopened,.mm-menu.mm-fx-panels-zoom .mm-panel.mm-subopened{-webkit-transform:scale(.7,.7) translate3d(-30%,0,0);transform:scale(.7,.7) translate3d(-30%,0,0)}.mm-menu .mm-fx-panels-slide-0.mm-panel.mm-subopened,.mm-menu.mm-fx-panels-slide-0 .mm-panel.mm-subopened{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu .mm-fx-panels-slide-100.mm-panel.mm-subopened,.mm-menu.mm-fx-panels-slide-100 .mm-panel.mm-subopened{-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0);-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-menu .mm-fx-panels-slide-up.mm-panel,.mm-menu.mm-fx-panels-slide-up .mm-panel{-webkit-transform:translate(0,100%);-ms-transform:translate(0,100%);transform:translate(0,100%);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.mm-menu .mm-fx-panels-slide-up.mm-panel.mm-opened,.mm-menu.mm-fx-panels-slide-up .mm-panel.mm-opened{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu .mm-fx-panels-slide-up.mm-panel.mm-subopened,.mm-menu.mm-fx-panels-slide-up .mm-panel.mm-subopened{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu[class*=mm-fx-listitems-] .mm-listview>li{-webkit-transition:none .4s ease;transition:none .4s ease}.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(1){-webkit-transition-delay:50ms;transition-delay:50ms}.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(2){-webkit-transition-delay:.1s;transition-delay:.1s}.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(3){-webkit-transition-delay:150ms;transition-delay:150ms}.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(4){-webkit-transition-delay:.2s;transition-delay:.2s}.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(5){-webkit-transition-delay:250ms;transition-delay:250ms}.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(6){-webkit-transition-delay:.3s;transition-delay:.3s}.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(7){-webkit-transition-delay:350ms;transition-delay:350ms}.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(8){-webkit-transition-delay:.4s;transition-delay:.4s}.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(9){-webkit-transition-delay:450ms;transition-delay:450ms}.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(10){-webkit-transition-delay:.5s;transition-delay:.5s}.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(11){-webkit-transition-delay:550ms;transition-delay:550ms}.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(12){-webkit-transition-delay:.6s;transition-delay:.6s}.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(13){-webkit-transition-delay:650ms;transition-delay:650ms}.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(14){-webkit-transition-delay:.7s;transition-delay:.7s}.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(15){-webkit-transition-delay:750ms;transition-delay:750ms}.mm-menu.mm-fx-listitems-slide .mm-listview>li{-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transform:translate(50%,0);-ms-transform:translate(50%,0);transform:translate(50%,0);-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0);opacity:0}html.mm-opening .mm-menu.mm-fx-listitems-slide .mm-panel.mm-opened .mm-listview>li{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.mm-menu.mm-fx-listitems-fade .mm-listview>li{-webkit-transition-property:opacity;transition-property:opacity;opacity:0}html.mm-opening .mm-menu.mm-fx-listitems-fade .mm-panel.mm-opened .mm-listview>li{opacity:1}.mm-menu.mm-fx-listitems-drop .mm-listview>li{-webkit-transition-property:opacity,top;transition-property:opacity,top;opacity:0;top:-25%}html.mm-opening .mm-menu.mm-fx-listitems-drop .mm-panel.mm-opened .mm-listview>li{opacity:1;top:0}
html.mm-iconbar body{overflow-x:hidden}html.mm-iconbar .mm-page{background:inherit;min-height:100vh}html.mm-iconbar .mm-slideout{box-sizing:border-box;padding-right:60px;-webkit-transform:translate(60px,0);-ms-transform:translate(60px,0);transform:translate(60px,0);-webkit-transform:translate3d(60px,0,0);transform:translate3d(60px,0,0)}.mm-menu.mm-iconbar{display:block}
.mm-menu .mm-panels>.mm-panel.mm-listview-justify:after,.mm-menu .mm-panels>.mm-panel.mm-listview-justify:before,.mm-menu.mm-listview-justify .mm-panels>.mm-panel:after,.mm-menu.mm-listview-justify .mm-panels>.mm-panel:before{content:none;display:none}.mm-menu .mm-panels>.mm-panel.mm-listview-justify>.mm-listview,.mm-menu.mm-listview-justify .mm-panels>.mm-panel>.mm-listview{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;margin-top:0;margin-bottom:0}.mm-menu .mm-panels>.mm-panel.mm-listview-justify>.mm-listview>li,.mm-menu.mm-listview-justify .mm-panels>.mm-panel>.mm-listview>li{-webkit-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;min-height:40px}.mm-menu .mm-panels>.mm-panel.mm-listview-justify>.mm-listview>li:not(.mm-divider),.mm-menu.mm-listview-justify .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider){display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.mm-menu .mm-panels>.mm-panel.mm-listview-justify>.mm-listview>li>a:not(.mm-next),.mm-menu .mm-panels>.mm-panel.mm-listview-justify>.mm-listview>li>span,.mm-menu.mm-listview-justify .mm-panels>.mm-panel>.mm-listview>li>a:not(.mm-next),.mm-menu.mm-listview-justify .mm-panels>.mm-panel>.mm-listview>li>span{box-sizing:border-box;-webkit-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.mm-listview-small .mm-listview>li>a:not(.mm-next),.mm-listview-small .mm-listview>li>span{padding:7px 10px 7px 20px}.mm-listview-small .mm-listview>li.mm-vertical>.mm-next,.mm-listview-small .mm-vertical>.mm-listview>li>.mm-next{height:34px}.mm-listview-large .mm-listview>li>a:not(.mm-next),.mm-listview-large .mm-listview>li>span{padding:15px 10px 15px 20px}.mm-listview-large .mm-listview>li.mm-vertical>.mm-next,.mm-listview-large .mm-vertical>.mm-listview>li>.mm-next{height:50px}.mm-listview-huge .mm-listview>li>a:not(.mm-next),.mm-listview-huge .mm-listview>li>span{padding:20px 10px 20px 20px}.mm-listview-huge .mm-listview>li.mm-vertical>.mm-next,.mm-listview-huge .mm-vertical>.mm-listview>li>.mm-next{height:60px}.mm-listview .mm-divider{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:10px;text-transform:uppercase;text-indent:20px;line-height:25px}.mm-listview .mm-spacer{padding-top:40px}.mm-listview .mm-spacer>.mm-next{top:40px}.mm-listview .mm-spacer.mm-divider{padding-top:25px}.mm-listview .mm-inset{list-style:inside disc;padding:0 10px 15px 40px;margin:0}.mm-listview .mm-inset>li{padding:5px 0}
.mm-menu .mm-listview.mm-multiline>li>a,.mm-menu .mm-listview.mm-multiline>li>span,.mm-menu .mm-listview>li.mm-multiline>a,.mm-menu .mm-listview>li.mm-multiline>span,.mm-menu.mm-multiline .mm-listview>li>a,.mm-menu.mm-multiline .mm-listview>li>span{text-overflow:clip;white-space:normal}
.mm-menu.mm-opened[class*=mm-pagedim]~#mm-blocker{opacity:0}html.mm-opening .mm-menu.mm-opened[class*=mm-pagedim]~#mm-blocker{opacity:.3;-webkit-transition:opacity .4s ease .4s;transition:opacity .4s ease .4s}.mm-menu.mm-opened.mm-pagedim~#mm-blocker{background:inherit}.mm-menu.mm-opened.mm-pagedim-white~#mm-blocker{background:#fff}.mm-menu.mm-opened.mm-pagedim-black~#mm-blocker{background:#000}
.mm-menu.mm-popup{-webkit-transition:opacity .4s ease;transition:opacity .4s ease;opacity:0;box-shadow:0 2px 10px rgba(0,0,0,.3);height:80%;min-height:140px;max-height:880px;top:50%;left:50%;bottom:auto;right:auto;z-index:2;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.mm-menu.mm-popup.mm-opened~.mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}.mm-menu.mm-popup.mm-opened~#mm-blocker{-webkit-transition-delay:0s!important;transition-delay:0s!important;z-index:1}html.mm-opening .mm-menu.mm-popup{opacity:1}
.mm-menu.mm-offcanvas.mm-right{left:auto}html.mm-right.mm-opening .mm-menu.mm-opened~.mm-slideout{-webkit-transform:translate(-80%,0);-ms-transform:translate(-80%,0);transform:translate(-80%,0);-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0)}@media all and (max-width:175px){html.mm-right.mm-opening .mm-menu.mm-opened~.mm-slideout{-webkit-transform:translate(-140px,0);-ms-transform:translate(-140px,0);transform:translate(-140px,0);-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:550px){html.mm-right.mm-opening .mm-menu.mm-opened~.mm-slideout{-webkit-transform:translate(-440px,0);-ms-transform:translate(-440px,0);transform:translate(-440px,0);-webkit-transform:translate3d(-440px,0,0);transform:translate3d(-440px,0,0)}}html.mm-front .mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}html.mm-front #mm-blocker{z-index:1}html.mm-front .mm-menu.mm-offcanvas{z-index:2}.mm-menu.mm-offcanvas.mm-front,.mm-menu.mm-offcanvas.mm-next{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0);-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-menu.mm-offcanvas.mm-front.mm-right,.mm-menu.mm-offcanvas.mm-next.mm-right{-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-menu.mm-offcanvas.mm-top{-webkit-transform:translate(0,-100%);-ms-transform:translate(0,-100%);transform:translate(0,-100%);-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.mm-menu.mm-offcanvas.mm-bottom{-webkit-transform:translate(0,100%);-ms-transform:translate(0,100%);transform:translate(0,100%);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.mm-menu.mm-offcanvas.mm-bottom,.mm-menu.mm-offcanvas.mm-top{width:100%;min-width:100%;max-width:100%}.mm-menu.mm-offcanvas.mm-bottom{top:auto}html.mm-opening .mm-menu.mm-offcanvas.mm-front,html.mm-opening .mm-menu.mm-offcanvas.mm-next{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu.mm-offcanvas.mm-bottom,.mm-menu.mm-offcanvas.mm-top{height:80%;min-height:140px;max-height:880px}
.mm-menu.mm-shadow-page:after{content:"";display:block;width:20px;height:120%;position:absolute;left:100%;top:-10%;z-index:100;-webkit-clip-path:polygon(-20px 0,0 0,0 100%,-20px 100%);clip-path:polygon(-20px 0,0 0,0 100%,-20px 100%)}.mm-menu.mm-shadow-page.mm-right:after{left:auto;right:100%}.mm-menu.mm-shadow-page.mm-front:after,.mm-menu.mm-shadow-page.mm-next:after{content:none;display:none}.mm-menu.mm-shadow-page:after{box-shadow:0 0 10px rgba(0,0,0,.3)}.mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n+2){box-shadow:0 0 10px rgba(0,0,0,.3)}
.mm-menu.mm-theme-dark{background:#333;border-color:rgba(0,0,0,.15);color:rgba(255,255,255,.8)}.mm-menu.mm-theme-dark .mm-navbar a,.mm-menu.mm-theme-dark .mm-navbar>*{color:rgba(255,255,255,.4)}.mm-menu.mm-theme-dark .mm-btn:after,.mm-menu.mm-theme-dark .mm-btn:before{border-color:rgba(255,255,255,.4)}.mm-menu.mm-theme-dark .mm-listview{border-color:rgba(0,0,0,.15)}.mm-menu.mm-theme-dark .mm-listview>li .mm-next:after{border-color:rgba(255,255,255,.4)}.mm-menu.mm-theme-dark .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(0,0,0,.1);tap-highlight-color:rgba(0,0,0,.1)}.mm-menu.mm-theme-dark .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-dark .mm-listview>li.mm-selected>span{background:rgba(0,0,0,.1)}.mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(255,255,255,.05)}.mm-menu.mm-theme-dark .mm-divider{background:rgba(255,255,255,.05)}.mm-menu.mm-theme-dark label.mm-check:before{border-color:rgba(255,255,255,.8)}.mm-menu.mm-theme-dark em.mm-counter{color:rgba(255,255,255,.4)}.mm-menu.mm-theme-dark .mm-fixeddivider span{background:rgba(255,255,255,.05)}.mm-menu.mm-keyboardfocus a:focus{background:rgba(0,0,0,.1)}.mm-menu.mm-shadow-page.mm-theme-dark:after{box-shadow:0 0 20px rgba(0,0,0,.5)}.mm-menu.mm-shadow-panels.mm-theme-dark .mm-panel.mm-opened:nth-child(n+2){box-shadow:0 0 20px rgba(0,0,0,.5)}.mm-menu.mm-theme-dark .mm-search input{background:rgba(255,255,255,.3);color:rgba(255,255,255,.8)}.mm-menu.mm-theme-dark .mm-noresultsmsg{color:rgba(255,255,255,.4)}.mm-menu.mm-theme-dark .mm-indexer a{color:rgba(255,255,255,.4)}.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview>li>a:not(.mm-fullsubopen):hover{background:rgba(0,0,0,.1)}.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(0,0,0,.1)}.mm-menu.mm-theme-dark label.mm-toggle{background:rgba(0,0,0,.15)}.mm-menu.mm-theme-dark label.mm-toggle:before{background:#333}.mm-menu.mm-theme-dark input.mm-toggle:checked~label.mm-toggle{background:#4bd963}.mm-menu.mm-theme-white{background:#fff;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.6)}.mm-menu.mm-theme-white .mm-navbar a,.mm-menu.mm-theme-white .mm-navbar>*{color:rgba(0,0,0,.3)}.mm-menu.mm-theme-white .mm-btn:after,.mm-menu.mm-theme-white .mm-btn:before{border-color:rgba(0,0,0,.3)}.mm-menu.mm-theme-white .mm-listview{border-color:rgba(0,0,0,.1)}.mm-menu.mm-theme-white .mm-listview>li .mm-next:after{border-color:rgba(0,0,0,.3)}.mm-menu.mm-theme-white .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(0,0,0,.05);tap-highlight-color:rgba(0,0,0,.05)}.mm-menu.mm-theme-white .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-white .mm-listview>li.mm-selected>span{background:rgba(0,0,0,.05)}.mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(0,0,0,.05)}.mm-menu.mm-theme-white .mm-divider{background:rgba(0,0,0,.05)}.mm-menu.mm-theme-white label.mm-check:before{border-color:rgba(0,0,0,.6)}.mm-menu.mm-theme-white em.mm-counter{color:rgba(0,0,0,.3)}.mm-menu.mm-theme-white .mm-fixeddivider span{background:rgba(0,0,0,.05)}.mm-menu.mm-keyboardfocus a:focus{background:rgba(0,0,0,.05)}.mm-menu.mm-shadow-page.mm-theme-white:after{box-shadow:0 0 10px rgba(0,0,0,.2)}.mm-menu.mm-shadow-panels.mm-theme-white .mm-panel.mm-opened:nth-child(n+2){box-shadow:0 0 10px rgba(0,0,0,.2)}.mm-menu.mm-theme-white .mm-search input{background:rgba(0,0,0,.05);color:rgba(0,0,0,.6)}.mm-menu.mm-theme-white .mm-noresultsmsg{color:rgba(0,0,0,.3)}.mm-menu.mm-theme-white .mm-indexer a{color:rgba(0,0,0,.3)}.mm-menu.mm-hoverselected.mm-theme-white .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-white .mm-listview>li>a:not(.mm-fullsubopen):hover{background:rgba(0,0,0,.05)}.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(0,0,0,.05)}.mm-menu.mm-theme-white label.mm-toggle{background:rgba(0,0,0,.1)}.mm-menu.mm-theme-white label.mm-toggle:before{background:#fff}.mm-menu.mm-theme-white input.mm-toggle:checked~label.mm-toggle{background:#4bd963}.mm-menu.mm-theme-black{background:#000;border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.6)}.mm-menu.mm-theme-black .mm-navbar a,.mm-menu.mm-theme-black .mm-navbar>*{color:rgba(255,255,255,.4)}.mm-menu.mm-theme-black .mm-btn:after,.mm-menu.mm-theme-black .mm-btn:before{border-color:rgba(255,255,255,.4)}.mm-menu.mm-theme-black .mm-listview{border-color:rgba(255,255,255,.2)}.mm-menu.mm-theme-black .mm-listview>li .mm-next:after{border-color:rgba(255,255,255,.4)}.mm-menu.mm-theme-black .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(255,255,255,.3);tap-highlight-color:rgba(255,255,255,.3)}.mm-menu.mm-theme-black .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-black .mm-listview>li.mm-selected>span{background:rgba(255,255,255,.3)}.mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(255,255,255,.2)}.mm-menu.mm-theme-black .mm-divider{background:rgba(255,255,255,.2)}.mm-menu.mm-theme-black label.mm-check:before{border-color:rgba(255,255,255,.6)}.mm-menu.mm-theme-black em.mm-counter{color:rgba(255,255,255,.4)}.mm-menu.mm-theme-black .mm-fixeddivider span{background:rgba(255,255,255,.2)}.mm-menu.mm-keyboardfocus a:focus{background:rgba(255,255,255,.3)}.mm-menu.mm-shadow-page.mm-theme-black:after{content:none;display:none}.mm-menu.mm-shadow-panels.mm-theme-black .mm-panel.mm-opened:nth-child(n+2){box-shadow:false}.mm-menu.mm-theme-black .mm-search input{background:rgba(255,255,255,.3);color:rgba(255,255,255,.6)}.mm-menu.mm-theme-black .mm-noresultsmsg{color:rgba(255,255,255,.4)}.mm-menu.mm-theme-black .mm-indexer a{color:rgba(255,255,255,.4)}.mm-menu.mm-hoverselected.mm-theme-black .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-black .mm-listview>li>a:not(.mm-fullsubopen):hover{background:rgba(255,255,255,.3)}.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(255,255,255,.3)}.mm-menu.mm-theme-black label.mm-toggle{background:rgba(255,255,255,.2)}.mm-menu.mm-theme-black label.mm-toggle:before{background:#000}.mm-menu.mm-theme-black input.mm-toggle:checked~label.mm-toggle{background:#4bd963}
.mm-menu .mm-tileview.mm-listview:after,.mm-menu.mm-tileview .mm-listview:after{content:'';display:block;clear:both}.mm-menu .mm-tileview.mm-listview>li,.mm-menu.mm-tileview .mm-listview>li{width:50%;height:0;padding:50% 0 0 0;float:left;position:relative}.mm-menu .mm-tileview.mm-listview>li:after,.mm-menu.mm-tileview .mm-listview>li:after{left:0;top:0;border-right-width:1px;border-right-style:solid;z-index:-1}.mm-menu .mm-tileview.mm-listview>li.mm-tile-xs,.mm-menu.mm-tileview .mm-listview>li.mm-tile-xs{width:12.5%;padding-top:12.5%}.mm-menu .mm-tileview.mm-listview>li.mm-tile-s,.mm-menu.mm-tileview .mm-listview>li.mm-tile-s{width:25%;padding-top:25%}.mm-menu .mm-tileview.mm-listview>li.mm-tile-l,.mm-menu.mm-tileview .mm-listview>li.mm-tile-l{width:75%;padding-top:75%}.mm-menu .mm-tileview.mm-listview>li.mm-tile-xl,.mm-menu.mm-tileview .mm-listview>li.mm-tile-xl{width:100%;padding-top:100%}.mm-menu .mm-tileview.mm-listview>li>a,.mm-menu .mm-tileview.mm-listview>li>span,.mm-menu.mm-tileview .mm-listview>li>a,.mm-menu.mm-tileview .mm-listview>li>span{line-height:1px;text-align:center;padding:50% 10px 0 10px;margin:0;position:absolute;top:0;right:1px;bottom:1px;left:0}.mm-menu .mm-tileview.mm-listview>li>.mm-next,.mm-menu.mm-tileview .mm-listview>li>.mm-next{width:auto}.mm-menu .mm-tileview.mm-listview>li>.mm-next:after,.mm-menu .mm-tileview.mm-listview>li>.mm-next:before,.mm-menu.mm-tileview .mm-listview>li>.mm-next:after,.mm-menu.mm-tileview .mm-listview>li>.mm-next:before{content:none;display:none}.mm-menu.mm-tileview .mm-panel{padding-left:0;padding-right:0}.mm-menu.mm-tileview .mm-panel:after{content:none;display:none}.mm-menu.mm-tileview .mm-listview{margin:0}
html.mm-widescreen body{position:relative}html.mm-widescreen #mm-blocker{display:none!important}html.mm-widescreen .mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;width:70%!important;margin-left:30%!important}html.mm-widescreen .mm-page{background:inherit;box-sizing:border-box}html.mm-widescreen.mm-blocking,html.mm-widescreen.mm-blocking body{overflow:auto}.mm-menu.mm-widescreen{border-right-width:1px;border-right-style:solid;display:block!important;width:30%!important;min-width:0!important;max-width:none!important;top:0!important;right:auto!important;bottom:0!important;left:0!important;z-index:100!important;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important}.mm-menu.mm-widescreen.mm-pageshadow:after{content:none;display:none}
.mm-menu.mm-autoheight{-webkit-transition:none .4s ease;transition:none .4s ease;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.mm-menu.mm-autoheight:not(.mm-offcanvas){position:relative}.mm-menu.mm-measureheight .mm-panel.mm-vertical.mm-opened,.mm-menu.mm-measureheight .mm-panel:not(.mm-vertical){display:block!important}.mm-menu.mm-measureheight .mm-panels>.mm-panel{bottom:auto!important;height:auto!important}
.mm-columns{-webkit-transition-property:width;transition-property:width}.mm-columns .mm-panels>.mm-panel{right:auto;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;transition-property:width,transform;transition-property:width,transform,-webkit-transform}.mm-columns .mm-panels>.mm-panel.mm-opened,.mm-columns .mm-panels>.mm-panel.mm-subopened{border-left:1px solid;border-color:inherit;display:block!important}.mm-columns .mm-panels>.mm-columns-0{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-columns-0 .mm-panels>.mm-panel{z-index:0}.mm-columns-0 .mm-panels>.mm-panel else{width:100%}.mm-columns-0 .mm-panels>.mm-panel:not(.mm-opened):not(.mm-subopened){-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-menu.mm-offcanvas.mm-columns-0{width:80%;min-width:140px;max-width:0}html.mm-opening .mm-menu.mm-columns-0.mm-opened~.mm-slideout{-webkit-transform:translate(80%,0);-ms-transform:translate(80%,0);transform:translate(80%,0);-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}@media all and (max-width:175px){html.mm-opening .mm-menu.mm-columns-0.mm-opened~.mm-slideout{-webkit-transform:translate(140px,0);-ms-transform:translate(140px,0);transform:translate(140px,0);-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:0px){html.mm-opening .mm-menu.mm-columns-0.mm-opened~.mm-slideout{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}html.mm-right.mm-opening .mm-menu.mm-columns-0.mm-opened~.mm-slideout{-webkit-transform:translate(-80%,0);-ms-transform:translate(-80%,0);transform:translate(-80%,0);-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0)}@media all and (max-width:175px){html.mm-right.mm-opening .mm-menu.mm-columns-0.mm-opened~.mm-slideout{-webkit-transform:translate(-140px,0);-ms-transform:translate(-140px,0);transform:translate(-140px,0);-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:0px){html.mm-right.mm-opening .mm-menu.mm-columns-0.mm-opened~.mm-slideout{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.mm-columns .mm-panels>.mm-columns-1{-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-columns-1 .mm-panels>.mm-panel{z-index:1;width:100%}.mm-columns-1 .mm-panels>.mm-panel else{width:100%}.mm-columns-1 .mm-panels>.mm-panel:not(.mm-opened):not(.mm-subopened){-webkit-transform:translate(200%,0);-ms-transform:translate(200%,0);transform:translate(200%,0);-webkit-transform:translate3d(200%,0,0);transform:translate3d(200%,0,0)}.mm-menu.mm-offcanvas.mm-columns-1{width:80%;min-width:140px;max-width:440px}html.mm-opening .mm-menu.mm-columns-1.mm-opened~.mm-slideout{-webkit-transform:translate(80%,0);-ms-transform:translate(80%,0);transform:translate(80%,0);-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}@media all and (max-width:175px){html.mm-opening .mm-menu.mm-columns-1.mm-opened~.mm-slideout{-webkit-transform:translate(140px,0);-ms-transform:translate(140px,0);transform:translate(140px,0);-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:550px){html.mm-opening .mm-menu.mm-columns-1.mm-opened~.mm-slideout{-webkit-transform:translate(440px,0);-ms-transform:translate(440px,0);transform:translate(440px,0);-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)}}html.mm-right.mm-opening .mm-menu.mm-columns-1.mm-opened~.mm-slideout{-webkit-transform:translate(-80%,0);-ms-transform:translate(-80%,0);transform:translate(-80%,0);-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0)}@media all and (max-width:175px){html.mm-right.mm-opening .mm-menu.mm-columns-1.mm-opened~.mm-slideout{-webkit-transform:translate(-140px,0);-ms-transform:translate(-140px,0);transform:translate(-140px,0);-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:550px){html.mm-right.mm-opening .mm-menu.mm-columns-1.mm-opened~.mm-slideout{-webkit-transform:translate(-440px,0);-ms-transform:translate(-440px,0);transform:translate(-440px,0);-webkit-transform:translate3d(-440px,0,0);transform:translate3d(-440px,0,0)}}.mm-columns .mm-panels>.mm-columns-2{-webkit-transform:translate(200%,0);-ms-transform:translate(200%,0);transform:translate(200%,0);-webkit-transform:translate3d(200%,0,0);transform:translate3d(200%,0,0)}.mm-columns-2 .mm-panels>.mm-panel{z-index:2;width:50%}.mm-columns-2 .mm-panels>.mm-panel else{width:100%}.mm-columns-2 .mm-panels>.mm-panel:not(.mm-opened):not(.mm-subopened){-webkit-transform:translate(300%,0);-ms-transform:translate(300%,0);transform:translate(300%,0);-webkit-transform:translate3d(300%,0,0);transform:translate3d(300%,0,0)}.mm-menu.mm-offcanvas.mm-columns-2{width:80%;min-width:140px;max-width:880px}html.mm-opening .mm-menu.mm-columns-2.mm-opened~.mm-slideout{-webkit-transform:translate(80%,0);-ms-transform:translate(80%,0);transform:translate(80%,0);-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}@media all and (max-width:175px){html.mm-opening .mm-menu.mm-columns-2.mm-opened~.mm-slideout{-webkit-transform:translate(140px,0);-ms-transform:translate(140px,0);transform:translate(140px,0);-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:1100px){html.mm-opening .mm-menu.mm-columns-2.mm-opened~.mm-slideout{-webkit-transform:translate(880px,0);-ms-transform:translate(880px,0);transform:translate(880px,0);-webkit-transform:translate3d(880px,0,0);transform:translate3d(880px,0,0)}}html.mm-right.mm-opening .mm-menu.mm-columns-2.mm-opened~.mm-slideout{-webkit-transform:translate(-80%,0);-ms-transform:translate(-80%,0);transform:translate(-80%,0);-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0)}@media all and (max-width:175px){html.mm-right.mm-opening .mm-menu.mm-columns-2.mm-opened~.mm-slideout{-webkit-transform:translate(-140px,0);-ms-transform:translate(-140px,0);transform:translate(-140px,0);-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:1100px){html.mm-right.mm-opening .mm-menu.mm-columns-2.mm-opened~.mm-slideout{-webkit-transform:translate(-880px,0);-ms-transform:translate(-880px,0);transform:translate(-880px,0);-webkit-transform:translate3d(-880px,0,0);transform:translate3d(-880px,0,0)}}.mm-columns .mm-panels>.mm-columns-3{-webkit-transform:translate(300%,0);-ms-transform:translate(300%,0);transform:translate(300%,0);-webkit-transform:translate3d(300%,0,0);transform:translate3d(300%,0,0)}.mm-columns-3 .mm-panels>.mm-panel{z-index:3;width:33.34%}.mm-columns-3 .mm-panels>.mm-panel else{width:100%}.mm-columns-3 .mm-panels>.mm-panel:not(.mm-opened):not(.mm-subopened){-webkit-transform:translate(400%,0);-ms-transform:translate(400%,0);transform:translate(400%,0);-webkit-transform:translate3d(400%,0,0);transform:translate3d(400%,0,0)}.mm-menu.mm-offcanvas.mm-columns-3{width:80%;min-width:140px;max-width:1320px}html.mm-opening .mm-menu.mm-columns-3.mm-opened~.mm-slideout{-webkit-transform:translate(80%,0);-ms-transform:translate(80%,0);transform:translate(80%,0);-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}@media all and (max-width:175px){html.mm-opening .mm-menu.mm-columns-3.mm-opened~.mm-slideout{-webkit-transform:translate(140px,0);-ms-transform:translate(140px,0);transform:translate(140px,0);-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:1650px){html.mm-opening .mm-menu.mm-columns-3.mm-opened~.mm-slideout{-webkit-transform:translate(1320px,0);-ms-transform:translate(1320px,0);transform:translate(1320px,0);-webkit-transform:translate3d(1320px,0,0);transform:translate3d(1320px,0,0)}}html.mm-right.mm-opening .mm-menu.mm-columns-3.mm-opened~.mm-slideout{-webkit-transform:translate(-80%,0);-ms-transform:translate(-80%,0);transform:translate(-80%,0);-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0)}@media all and (max-width:175px){html.mm-right.mm-opening .mm-menu.mm-columns-3.mm-opened~.mm-slideout{-webkit-transform:translate(-140px,0);-ms-transform:translate(-140px,0);transform:translate(-140px,0);-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:1650px){html.mm-right.mm-opening .mm-menu.mm-columns-3.mm-opened~.mm-slideout{-webkit-transform:translate(-1320px,0);-ms-transform:translate(-1320px,0);transform:translate(-1320px,0);-webkit-transform:translate3d(-1320px,0,0);transform:translate3d(-1320px,0,0)}}.mm-columns .mm-panels>.mm-columns-4{-webkit-transform:translate(400%,0);-ms-transform:translate(400%,0);transform:translate(400%,0);-webkit-transform:translate3d(400%,0,0);transform:translate3d(400%,0,0)}.mm-columns-4 .mm-panels>.mm-panel{z-index:4;width:25%}.mm-columns-4 .mm-panels>.mm-panel else{width:100%}.mm-columns-4 .mm-panels>.mm-panel:not(.mm-opened):not(.mm-subopened){-webkit-transform:translate(500%,0);-ms-transform:translate(500%,0);transform:translate(500%,0);-webkit-transform:translate3d(500%,0,0);transform:translate3d(500%,0,0)}.mm-menu.mm-offcanvas.mm-columns-4{width:80%;min-width:140px;max-width:1760px}html.mm-opening .mm-menu.mm-columns-4.mm-opened~.mm-slideout{-webkit-transform:translate(80%,0);-ms-transform:translate(80%,0);transform:translate(80%,0);-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}@media all and (max-width:175px){html.mm-opening .mm-menu.mm-columns-4.mm-opened~.mm-slideout{-webkit-transform:translate(140px,0);-ms-transform:translate(140px,0);transform:translate(140px,0);-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:2200px){html.mm-opening .mm-menu.mm-columns-4.mm-opened~.mm-slideout{-webkit-transform:translate(1760px,0);-ms-transform:translate(1760px,0);transform:translate(1760px,0);-webkit-transform:translate3d(1760px,0,0);transform:translate3d(1760px,0,0)}}html.mm-right.mm-opening .mm-menu.mm-columns-4.mm-opened~.mm-slideout{-webkit-transform:translate(-80%,0);-ms-transform:translate(-80%,0);transform:translate(-80%,0);-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0)}@media all and (max-width:175px){html.mm-right.mm-opening .mm-menu.mm-columns-4.mm-opened~.mm-slideout{-webkit-transform:translate(-140px,0);-ms-transform:translate(-140px,0);transform:translate(-140px,0);-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:2200px){html.mm-right.mm-opening .mm-menu.mm-columns-4.mm-opened~.mm-slideout{-webkit-transform:translate(-1760px,0);-ms-transform:translate(-1760px,0);transform:translate(-1760px,0);-webkit-transform:translate3d(-1760px,0,0);transform:translate3d(-1760px,0,0)}}.mm-columns.mm-offcanvas.mm-bottom,.mm-columns.mm-offcanvas.mm-top{width:100%;max-width:100%;min-width:100%}html.mm-opening .mm-columns.mm-offcanvas.mm-front,html.mm-opening .mm-columns.mm-offcanvas.mm-next{-webkit-transition-property:width,min-width,max-width,-webkit-transform;transition-property:width,min-width,max-width,-webkit-transform;transition-property:width,min-width,max-width,transform;transition-property:width,min-width,max-width,transform,-webkit-transform}
em.mm-counter{font:inherit;font-size:14px;font-style:normal;text-indent:0;line-height:20px;display:block;margin-top:-10px;position:absolute;right:45px;top:50%}em.mm-counter+a.mm-next{width:90px}em.mm-counter+a.mm-next+a,em.mm-counter+a.mm-next+span{margin-right:90px}em.mm-counter+a.mm-fullsubopen{padding-left:0}em.mm-counter+a.mm-fullsubopen+a,em.mm-counter+a.mm-fullsubopen+span{padding-right:90px}.mm-listview em.mm-counter+.mm-next.mm-fullsubopen+a,.mm-listview em.mm-counter+.mm-next.mm-fullsubopen+span{padding-right:90px}.mm-vertical>.mm-counter{top:12px;margin-top:0}.mm-vertical.mm-spacer>.mm-counter{margin-top:40px}.mm-nosubresults>.mm-counter{display:none}.mm-menu em.mm-counter{color:rgba(0,0,0,.3)}
.mm-divider>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0;line-height:25px}.mm-divider.mm-opened a.mm-next:after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.mm-collapsed:not(.mm-uncollapsed){display:none}.mm-fixeddivider{background:inherit;display:none;position:absolute;top:0;left:0;right:0;z-index:10;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-fixeddivider:after{content:none!important;display:none!important}.mm-hasdividers .mm-fixeddivider{display:block}.mm-menu .mm-fixeddivider span{background:rgba(0,0,0,.05)}
html.mm-opened.mm-dragging .mm-menu,html.mm-opened.mm-dragging .mm-slideout{-webkit-transition-duration:0s;transition-duration:0s}
.mm-menu.mm-dropdown{box-shadow:0 2px 10px rgba(0,0,0,.3);height:80%}html.mm-dropdown .mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}html.mm-dropdown #mm-blocker{-webkit-transition-delay:0s!important;transition-delay:0s!important;z-index:1}html.mm-dropdown .mm-menu{z-index:2}html.mm-dropdown.mm-opened:not(.mm-opening) .mm-menu.mm-dropdown{display:none}.mm-menu.mm-tip:before{content:'';background:inherit;box-shadow:0 2px 10px rgba(0,0,0,.3);display:block;width:15px;height:15px;position:absolute;z-index:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.mm-menu.mm-tipleft:before{left:22px}.mm-menu.mm-tipright:before{right:22px}.mm-menu.mm-tiptop:before{top:-8px}.mm-menu.mm-tipbottom:before{bottom:-8px}
.mm-iconpanel .mm-panels>.mm-panel{-webkit-transition-property:left,-webkit-transform;transition-property:left,-webkit-transform;transition-property:transform,left;transition-property:transform,left,-webkit-transform}.mm-iconpanel .mm-panels>.mm-panel.mm-opened,.mm-iconpanel .mm-panels>.mm-panel.mm-subopened{border-left:1px solid;border-color:inherit;display:block!important}.mm-iconpanel .mm-panels>.mm-panel.mm-subopened{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-iconpanel .mm-panel.mm-iconpanel-0{left:0}.mm-iconpanel .mm-panel.mm-iconpanel-1{left:40px}.mm-iconpanel .mm-panel.mm-iconpanel-2{left:80px}.mm-iconpanel .mm-panel.mm-iconpanel-3{left:120px}.mm-iconpanel .mm-panel.mm-iconpanel-4{left:160px}.mm-iconpanel .mm-panel.mm-iconpanel-5{left:200px}.mm-iconpanel .mm-panel.mm-iconpanel-6{left:240px}.mm-subblocker{background:inherit;opacity:0;display:block;max-height:100%;position:absolute;top:0;right:0;left:0;z-index:3;-webkit-transition:opacity .4s ease;transition:opacity .4s ease}.mm-subopened .mm-subblocker{opacity:.6;bottom:-100000px}
.mm-keyboardfocus a:focus{outline:0}.mm-menu.mm-keyboardfocus a:focus{background:rgba(255,255,255,.5)}
.mm-navbars-bottom,.mm-navbars-top{background:inherit;border-color:inherit;border-width:0;overflow:hidden;position:absolute;left:0;right:0;z-index:3}.mm-navbars-bottom>.mm-navbar,.mm-navbars-top>.mm-navbar{border:none;padding:0;position:relative;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-navbars-top{border-bottom-style:solid;border-bottom-width:1px;top:0}.mm-navbars-bottom{border-top-style:solid;border-top-width:1px;bottom:0}.mm-navbar.mm-hasbtns{padding:0 40px}.mm-navbar[class*=mm-navbar-content-]>*{box-sizing:border-box;display:block;float:left}.mm-navbar .mm-breadcrumbs{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-overflow-scrolling:touch;overflow-x:auto;text-align:left;padding:0 0 0 17px}.mm-navbar .mm-breadcrumbs>*{display:inline-block;padding:10px 3px}.mm-navbar .mm-breadcrumbs>a{text-decoration:underline}.mm-navbar.mm-hasbtns .mm-breadcrumbs{margin-left:-40px}.mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden)+.mm-breadcrumbs{margin-left:0;padding-left:0}.mm-hasnavbar-top-1 .mm-panels{top:40px}.mm-hasnavbar-top-2 .mm-panels{top:80px}.mm-hasnavbar-top-3 .mm-panels{top:120px}.mm-hasnavbar-top-4 .mm-panels{top:160px}.mm-hasnavbar-bottom-1 .mm-panels{bottom:40px}.mm-hasnavbar-bottom-2 .mm-panels{bottom:80px}.mm-hasnavbar-bottom-3 .mm-panels{bottom:120px}.mm-hasnavbar-bottom-4 .mm-panels{bottom:160px}.mm-navbar-size-2{height:80px}.mm-navbar-size-3{height:120px}.mm-navbar-size-4{height:160px}.mm-navbar-content-2>*{width:50%}.mm-navbar-content-3>*{width:33.33%}.mm-navbar-content-4>*{width:25%}.mm-navbar-content-5>*{width:20%}.mm-navbar-content-6>*{width:16.67%}
.mm-menu.mm-rtl{direction:rtl}.mm-menu.mm-rtl.mm-offcanvas{right:auto}.mm-menu.mm-rtl .mm-panel:not(.mm-opened){-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0);-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-menu.mm-rtl .mm-panel.mm-subopened{-webkit-transform:translate(30%,0);-ms-transform:translate(30%,0);transform:translate(30%,0);-webkit-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)}.mm-menu.mm-rtl .mm-navbar .mm-btn:first-child{left:auto;right:0}.mm-menu.mm-rtl .mm-navbar .mm-btn:last-child{right:auto;left:0}.mm-menu.mm-rtl .mm-navbar .mm-next:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:23px;right:auto}.mm-menu.mm-rtl .mm-navbar .mm-prev:before{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);right:23px;left:auto}.mm-menu.mm-rtl .mm-listview>li:not(.mm-divider)::after{left:0;right:20px}.mm-menu.mm-rtl .mm-listview>li>a:not(.mm-next),.mm-menu.mm-rtl .mm-listview>li>span:not(.mm-next){padding-left:10px;padding-right:20px!important;margin-right:0!important}.mm-menu.mm-rtl .mm-listview .mm-next{right:auto;left:0}.mm-menu.mm-rtl .mm-listview .mm-next:before{left:auto;right:0}.mm-menu.mm-rtl .mm-listview .mm-next:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:23px;right:auto}.mm-menu.mm-rtl .mm-listview .mm-next+a,.mm-menu.mm-rtl .mm-listview .mm-next+span{margin-left:50px}.mm-menu.mm-rtl .mm-listview .mm-next.mm-fullsubopen+a,.mm-menu.mm-rtl .mm-listview .mm-next.mm-fullsubopen+span{padding-left:50px}.mm-menu.mm-rtl em.mm-counter{left:45px;right:auto}.mm-menu.mm-rtl em.mm-counter+a.mm-next+a,.mm-menu.mm-rtl em.mm-counter+a.mm-next+span{margin-left:90px}.mm-menu.mm-rtl .mm-listview em.mm-counter+.mm-fullsubopen+a,.mm-menu.mm-rtl .mm-listview em.mm-counter+.mm-fullsubopen+span{padding-left:90px}.mm-menu.mm-rtl label.mm-check,.mm-menu.mm-rtl label.mm-toggle{left:20px;right:auto!important}.mm-menu.mm-rtl label.mm-toggle+a,.mm-menu.mm-rtl label.mm-toggle+span{padding-left:80px}.mm-menu.mm-rtl label.mm-check+a,.mm-menu.mm-rtl label.mm-check+span{padding-left:60px}.mm-menu.mm-rtl a.mm-next+label.mm-check,.mm-menu.mm-rtl a.mm-next+label.mm-toggle{left:60px}.mm-menu.mm-rtl a.mm-next+label.mm-check+a,.mm-menu.mm-rtl a.mm-next+label.mm-check+span,.mm-menu.mm-rtl a.mm-next+label.mm-toggle+a,.mm-menu.mm-rtl a.mm-next+label.mm-toggle+span{margin-left:50px}.mm-menu.mm-rtl a.mm-next+label.mm-toggle+a,.mm-menu.mm-rtl a.mm-next+label.mm-toggle+span{padding-left:70px}.mm-menu.mm-rtl a.mm-next+label.mm-check+a,.mm-menu.mm-rtl a.mm-next+label.mm-check+span{padding-left:50px}.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-check,.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-toggle{left:100px}.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-check+a,.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-check+span,.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-toggle+a,.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-toggle+span{margin-left:90px}.mm-menu.mm-rtl .mm-panel[class*=mm-iconpanel-]{left:0}.mm-menu.mm-rtl .mm-panel[class*=mm-iconpanel-].mm-subopened{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu.mm-rtl.mm-iconpanel .mm-panel{-webkit-transition-property:right,-webkit-transform;transition-property:right,-webkit-transform;transition-property:transform,right;transition-property:transform,right,-webkit-transform}.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-0{right:0}.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-1{right:40px}.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-2{right:80px}.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-3{right:120px}.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-4{right:160px}.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-5{right:200px}.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-6{right:240px}.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-opened{border-left:none;border-right:1px solid;border-color:inherit}
.mm-search,.mm-search input{box-sizing:border-box}.mm-search{height:40px;padding:7px 10px 0 10px;position:relative}.mm-search input{border:none!important;outline:0!important;box-shadow:none!important;border-radius:4px;font:inherit;font-size:14px;line-height:26px;display:block;box-sizing:border-box;width:100%;height:26px;min-height:26px;max-height:26px;margin:0;padding:0 10px}.mm-search input::-ms-clear{display:none}.mm-search .mm-clear,.mm-search .mm-next{right:0}.mm-panel>.mm-search{width:100%;position:absolute;top:0;left:0}.mm-panel.mm-hassearch{padding-top:40px}.mm-panel.mm-hassearch.mm-hasnavbar{padding-top:80px}.mm-panel.mm-hassearch.mm-hasnavbar>.mm-search{top:40px}.mm-noresultsmsg{text-align:center;font-size:21px;padding:40px 0}.mm-noresults .mm-indexer{display:none!important}li.mm-nosubresults>a.mm-next{display:none}li.mm-nosubresults>a.mm-next+a,li.mm-nosubresults>a.mm-next+span{padding-right:10px}.mm-menu .mm-search input{background:rgba(0,0,0,.05);color:rgba(0,0,0,.75)}.mm-menu .mm-noresultsmsg{color:rgba(0,0,0,.3)}
.mm-indexer{background:inherit;text-align:center;font-size:12px;box-sizing:border-box;width:20px;position:absolute;top:0;bottom:0;right:-100px;z-index:15;-webkit-transition:right .4s ease;transition:right .4s ease;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-indexer a{text-decoration:none;display:block;height:3.85%}.mm-indexer~.mm-panel.mm-hasindexer{padding-right:40px}.mm-hasindexer .mm-indexer{right:0}.mm-hasindexer .mm-fixeddivider{right:20px}.mm-menu .mm-indexer a{color:rgba(0,0,0,.3)}
.mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen+a,.mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen+span,.mm-menu.mm-hoverselected .mm-listview>li>a:not(.mm-fullsubopen),.mm-menu.mm-parentselected .mm-listview>li>a.mm-fullsubopen+a,.mm-menu.mm-parentselected .mm-listview>li>a.mm-fullsubopen+span,.mm-menu.mm-parentselected .mm-listview>li>a:not(.mm-fullsubopen){-webkit-transition:background .4s ease;transition:background .4s ease}.mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected .mm-listview>li>a:not(.mm-fullsubopen):hover{background:rgba(255,255,255,.5)}.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(255,255,255,.5)}
input.mm-check,input.mm-toggle{position:absolute;left:-10000px}label.mm-check,label.mm-toggle{margin:0;position:absolute;top:50%;z-index:2}label.mm-check:before,label.mm-toggle:before{content:'';display:block}label.mm-toggle{border-radius:30px;width:50px;height:30px;margin-top:-15px}label.mm-toggle:before{border-radius:30px;width:28px;height:28px;margin:1px}input.mm-toggle:checked~label.mm-toggle:before{float:right}label.mm-check{width:30px;height:30px;margin-top:-15px}label.mm-check:before{border-left:3px solid;border-bottom:3px solid;width:40%;height:20%;margin:25% 0 0 20%;opacity:.1;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}input.mm-check:checked~label.mm-check:before{opacity:1}li.mm-vertical label.mm-check,li.mm-vertical label.mm-toggle{bottom:auto;margin-top:0}li.mm-vertical label.mm-toggle{top:5px}li.mm-vertical label.mm-check{top:5px}label.mm-check,label.mm-toggle{right:20px}label.mm-toggle+a,label.mm-toggle+span{padding-right:80px}label.mm-check+a,label.mm-check+span{padding-right:60px}a.mm-next+label.mm-check,a.mm-next+label.mm-toggle{right:60px}a.mm-next+label.mm-check+a,a.mm-next+label.mm-check+span,a.mm-next+label.mm-toggle+a,a.mm-next+label.mm-toggle+span{margin-right:50px}a.mm-next+label.mm-toggle+a,a.mm-next+label.mm-toggle+span{padding-right:70px}a.mm-next+label.mm-check+a,a.mm-next+label.mm-check+span{padding-right:50px}em.mm-counter+a.mm-next+label.mm-check,em.mm-counter+a.mm-next+label.mm-toggle{right:100px}em.mm-counter+a.mm-next+label.mm-check+a,em.mm-counter+a.mm-next+label.mm-check+span,em.mm-counter+a.mm-next+label.mm-toggle+a,em.mm-counter+a.mm-next+label.mm-toggle+span{margin-right:90px}.mm-menu label.mm-toggle{background:rgba(0,0,0,.1)}.mm-menu label.mm-toggle:before{background:#f3f3f3}.mm-menu input.mm-toggle:checked~label.mm-toggle{background:#4bd963}.mm-menu label.mm-check:before{border-color:rgba(0,0,0,.75)}
.mh-head{text-align:center;padding:0 10px;margin:0;position:relative;background:#ccc;color:#333;height:40px}.mh-head a{color:inherit;text-decoration:none}.mh-head.mh-size-2{height:80px}.mh-head.mh-size-3{height:120px}.mh-head.mh-sticky{position:-webkit-sticky;position:sticky;top:0;left:0;right:0;z-index:10;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mh-head.mh-sticky.mh-scrolledout{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.mh-head .mh-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px;display:block;padding:10px}.mh-head.mh-align-left .mh-text{text-align:left}.mh-head.mh-align-right .mh-text{text-align:right}.mh-head.mh-btns-left{padding-left:50px}.mh-head.mh-btns-left-2{padding-left:90px}.mh-head.mh-btns-left-3{padding-left:130px}.mh-head.mh-btns-right{padding-right:50px}.mh-head.mh-btns-right-2{padding-right:90px}.mh-head.mh-btns-right-3{padding-right:130px}.mh-head .mh-btns-left,.mh-head .mh-btns-right{display:block;width:40px;position:absolute;top:0;bottom:0}.mh-head .mh-btns-left{left:10px}.mh-head .mh-btns-right{right:10px}.mh-head.mh-btns-left-2 .mh-btns-left,.mh-head.mh-btns-right-2 .mh-btns-right{width:80px}.mh-head.mh-btns-left-3 .mh-btns-left,.mh-head.mh-btns-right-3 .mh-btns-right{width:120px}.mh-head .mh-btns-left>*,.mh-head .mh-btns-right>*{text-align:center;font-size:18px;line-height:20px;width:40px;display:block;padding:10px 0;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.mh-head .mh-btns-left>:nth-child(1),.mh-head .mh-btns-right>:nth-child(1){left:0}.mh-head .mh-btns-left>:nth-child(2),.mh-head .mh-btns-right>:nth-child(2){left:40px}.mh-head .mh-btns-left>:nth-child(3),.mh-head .mh-btns-right>:nth-child(3){left:80px}.mh-head .mh-list{-webkit-overflow-scrolling:touch;overflow-x:auto;white-space:nowrap;list-style:none;line-height:20px;display:block;padding:0;margin:0}.mh-head .mh-list li{display:inline-block;padding:0;margin:0}.mh-head .mh-list li a,.mh-head .mh-list li span{display:block;padding:10px}.mh-head.mh-align-left .mh-list{text-align:left}.mh-head.mh-align-right .mh-list{text-align:right}.mh-head .hamburger{margin-top:2px;-webkit-transform:scale(.6,.7) translateY(-50%);-ms-transform:scale(.6,.7) translateY(-50%);transform:scale(.6,.7) translateY(-50%);-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center}.mh-head .mh-image,.mh-head .mh-logo{background:none center center transparent no-repeat;display:block;height:100%}.mh-head .mh-logo{background-size:contain;background-clip:content-box;padding:10px}.mh-head.mh-align-left .mh-logo{background-position:left center}.mh-head.mh-align-right .mh-logo{background-position:right center}.mh-head .mh-image{background-size:cover}.mh-head .mh-form{padding:7px 0;position:relative}.mh-head .mh-form input{background:#fff;border:none;border-radius:3px;font-size:14px;line-height:26px;display:block;box-sizing:border-box;height:26px;width:100%;padding:0 10px}.mh-head .mh-form .fa{color:#ccc;text-align:center;line-height:40px;display:block;width:40px;height:40px;position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
/**********************************************************************    
    normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css
***********************************************************************/

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}



/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
    margin: 0;
    overflow-x: hidden;
    position: relative;
    font-family: "微軟正黑體",Arial,"LiHei Pro",新細明體,sans-serif;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
  /*display: block;*/
  flex: 1 0 auto;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
  text-decoration:none;
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}
.none {
    display:none !important;
    visibility:hidden;
}
.ellipsis {
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/**********************************************************************    
    Clearfix
***********************************************************************/
/* Clear Fix */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



.padding-clear {
    padding:0px !important;
}


.outSideWrapper{
    min-width:220px;
    display:block;
    background-color:#f8f8f8;
    padding:0px 0px 0px;
    position:relative;

    
    display: flex;
    min-height: 100vh;
    flex-direction: column;    
    }


nav#search .searchBar {
    padding:15px 15px;
    text-align:center;
    position:relative;

}

    nav#search .searchBar input {
        width: calc(80% - 30px);
        height:32px;
        line-height:32px;
        font-size:16px;
        float:left;
        display:block;

    }

    nav#search .searchBar button {
        height:32px;
        margin:0px;
        width:20%;        
    }

.ui-autocomplete {
    z-index:1002;
}

.brand-logo img{
    height:calc(100% - 10px);
    margin:5px 0px;
}

.saleTitle,
.kt-prodListTitle {    
    width:auto;
    padding:60px 8% 25px;    
    min-height:52px;
    line-height:52px;
    font-size:52px;
    font-weight:lighter;
}
    .kt-prodListTitle.sec {
        font-size:26px;
        line-height:26px;
        
    }

        .saleTitle.s3 {
            text-align:center;
            font-weight: bolder;
            letter-spacing: 2px;
            font-size: 28px;
            color: #000;
            padding: 10px 0 0px;            
        }
            .saleTitle.s3 span {
                display:inline-block;
            }
                .saleTitle.s3 span.titleName {
                    width:auto;
                }

.kt-prodListTitle {
    display:inline-block;
}

.kt-prodDetailTitle {
    width:auto;
    padding:60px 8% 25px;    
    min-height:52px;
    line-height:52px;
    font-size:52px;
    font-weight:lighter;
}


.kt-prodPromoTitle {
    width:auto;
    padding:60px 8% 25px;    
    min-height:52px;
    line-height:42px;
    font-size:42px;
    font-weight:lighter;
    display:inline-block;
    color:#e74c3c;
}
    .kt-prodPromoTitle .relateTxt {
        display:block;
        font-size:28px;
        line-height:36px;
        padding:10px 0px;  
        color:#555;
    }

.kt-prodDetailTitle .codeNum {
    display:block;
    font-size:20px;            
}

.kt-prodDetailTitle .dInfo {
    position:relative;
}
    .kt-prodDetailTitle .dInfo .codeNum{
        position:relative;        
    }
        .kt-prodDetailTitle .dInfo .codeNum .codeVal {            
            z-index:5;
        }
    .kt-prodDetailTitle .dInfo .saleNum {
        font-size:16px;
        position:absolute;
        left:0;
        bottom:-22px;
        color:#787878;
    }
        .kt-prodDetailTitle .dInfo .saleNum span {
            color:#db0000;
            padding:0px 2px;
        }


.kt_sale {
    width:auto;
    margin:30px 8% 60px; 
    clear:both;
}
    .kt_sale.s3 {
        margin-top:10px;
        margin-bottom:0px;
    }
        .prodList .moreProd {
            text-align:center;
            margin:20px;
            padding:10px;
        }
            .prodList .moreProd a {
                padding:10px;
                background-color:#fcfcfc;
                border:1px solid #e6e6e6;
                color:#454545;
                font-size:18px;
                line-height:18px;
                font-family: Helvetica, Arial,"微軟正黑體";
                opacity:0.5
            }
                .prodList .moreProd a:hover {
                    background-color:#fcfcfc;
                    border:1px solid #666;
                    color:#000;
                }

.kt_sale.s3 .eventData_s3 {
    height:30px;
    line-height:30px;
    background-color:#fafafa;
    color:#db0000;
    font-size:14px;
    font-family:"微軟正黑體";
}


    .kt_sale.w1140 {
        width: 1140px;
        margin: 30px auto 60px;
        clear: both;
    }

     .kt_sale.w1180 {
        width: 1180px;
        margin: 30px auto 60px;
        clear: both;
    }


    .kt_sale.totlaGrid_3 .gridPhoto .img-res {
        max-width:100%;
        max-height:100%;
    }
    .kt_sale.totlaGrid_4 .gridPhoto .img-res {
        max-width:100%;
        max-height:100%;
    }
    

.prodList {
    display:block;    
}

    .prodList.grid-1 {
    }

    .prodList.grid-2 {
    }

    .prodList.grid-3 {
    }

    .prodList.grid-4 {
    }

.bgTransparent {
    background-color: transparent !important;
}


.prodList.grid-1 .kt-prodItem.grid {
    width: 100%;
}

.prodList.grid-2 .kt-prodItem.grid {
    width: calc(100% / 2);
}

.prodList.grid-3 .kt-prodItem.grid {
    width: calc(100% / 3);
}

.prodList.grid-4 .kt-prodItem.grid {
    width: calc(100% / 4);
}

.prodList .kt-prodItem .ribbon {

    width:54px;
    height:60px;
    display:block;
    position:absolute;
    right:5px;
    top:5px;
    background-image:url(/images/ribbon.png);
    background-position:center top;
    background-repeat:no-repeat;
    padding:5px 0px 0px 0px;
    color:#fff;    
    font-size:15px;
    font-family: Helvetica, Arial,"微軟正黑體";
}


.prodList .kt-prodItem {
    height: 456px;
    float: left;
    /*background-color: #fff;*/
    overflow: hidden;
    transition: all 0.4s;
    text-align:center;
}


    .prodList .kt-prodItem.s3 {
        max-height:inherit;
        height:336px;
    }
        .prodList .kt-prodItem.s3 .gridPhoto {
            margin:0;
            padding:0 ;
            max-height:inherit;
            height:210px;
        }
            .prodList .kt-prodItem.s3 .gridPhoto a {
                width:100%;
                height:210px;

                display: flex;
                align-items: center;
                justify-content: center;

                display: -ms-flexbox;
            }
            .prodList .kt-prodItem.s3 .gridPhoto .img-res {
                max-width:100%;
                max-height:100%;
                margin-left: inherit;
                margin-right:inherit;              
            }
        .prodList .kt-prodItem.s3 .prodNameTxt {
            font-size:14px;
            line-height:20px;
            margin: 20px auto 10px;
        }



.prodList.grid-4 .kt-prodItem.grid {
}

    .prodList.grid-4 .kt-prodItem.grid:hover {
        /*box-shadow: 0 2px 2px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);*/
    }


.kt-prodItem {
    
}
    .kt-prodItem .addBtn button{
        /*border:none;
        width:auto !important;
        */
    }

    .kt-prodItem a .oPrice{
        color:#797979;
        margin:10px 0px;
        display:block;
    }
        .kt-prodItem a .oPrice span {
            color:#f60;
            
        }
    .kt-prodItem .prodNameTxt a,
    .kt-prodItem-hor .prodNameTxt a {
        color: #222;
    }
        .kt-prodItem .prodNameTxt a:hover,
        .kt-prodItem-hor .prodNameTxt a:hover {
            color:#06f;
        }

.outSideWrapper{
     /*padding: 57px 0px 54px;*/
    }

@media (min-width: 0px) and (max-width: 768px) {
    
    .kt-prodItem.prodSpec_1 .prodNameTxt ul,
    .kt-prodItem.prodSpec_2 .prodNameTxt ul,
    .kt-prodItem.prodSpec_3 .prodNameTxt ul {
        display:none;
        border:1px solid red;
    }
}



@media (min-width: 768px){

    /* 產品列表有顏色顯示項目 */
.kt-prodItem.prodSpec_1 .borderLine,
.kt-prodItem.prodSpec_2 .borderLine,
.kt-prodItem.prodSpec_3 .borderLine{
    position:relative;

}
.kt-prodItem.prodSpec_1 *,
.kt-prodItem.prodSpec_2 *,
.kt-prodItem.prodSpec_3 *{
    transition:all 0.25s;
}
.kt-prodItem.prodSpec_1 .prodNameTxt,
.kt-prodItem.prodSpec_2 .prodNameTxt,
.kt-prodItem.prodSpec_3 .prodNameTxt{
    margin:4px auto 0;
    padding:6px 0px;
    background-color:#f5f5f5;
    width:100%;
    height:40px;  
    font-size:13px;
    color:#666;
    position:relative;
    z-index:2;
}
    .kt-prodItem.prodSpec_1 .prodNameTxt a,
    .kt-prodItem.prodSpec_2 .prodNameTxt a,
    .kt-prodItem.prodSpec_3 .prodNameTxt a {
        width:100%;
        height:100%;
        display:block;
      
    }


    .kt-prodItem.prodSpec_1 .prodNameTxt ul,
    .kt-prodItem.prodSpec_2 .prodNameTxt ul,
    .kt-prodItem.prodSpec_3 .prodNameTxt ul {
        width:100%;
        height:40px;
        border-top:0px solid #efefef;
        background-color:transparent;
        width:calc(100% - 10px);
        padding:0px 5px;
        margin:0px 0px 0px 0px;  
        clear:both;
        display:block;
        
        
    }
        .kt-prodItem.prodSpec_1 .prodNameTxt ul li,
        .kt-prodItem.prodSpec_2 .prodNameTxt ul li,
        .kt-prodItem.prodSpec_3 .prodNameTxt ul li {
            padding:0;
            margin:0;
            box-sizing:border-box;
            width:calc(100% / 10);
            height:40px;
            float:left;
            list-style:none;            
        }

    .kt-prodItem.prodSpec_1 .oPrice,
    .kt-prodItem.prodSpec_2 .oPrice,
    .kt-prodItem.prodSpec_3 .oPrice {
        right:0px;
        top:0px;
        position:absolute;
        padding:10px;
        color:#df4538;
        font-family:Arial;        
    }


.kt-prodItem.prodSpec_1:hover .prodNameTxt,
.kt-prodItem.prodSpec_2:hover .prodNameTxt,
.kt-prodItem.prodSpec_3:hover .prodNameTxt,
.kt-prodItem.prodSpec_1.target .prodNameTxt,
.kt-prodItem.prodSpec_2.target .prodNameTxt,
.kt-prodItem.prodSpec_3.target .prodNameTxt{
     height:74px; 
     margin-top:-34px;   
}
    .kt-prodItem.prodSpec_2.target .prodNameTxt,
    .kt-prodItem.prodSpec_2:hover .prodNameTxt
     {
        height:115px; 
        margin-top:-75px;   
    }
    .kt-prodItem.prodSpec_3.target .prodNameTxt,
    .kt-prodItem.prodSpec_3:hover .prodNameTxt {
        height:156px; 
        margin-top:-116px;   
    }

.kt-prodItem.prodSpec_1:hover .prodNameTxt ul,
.kt-prodItem.prodSpec_2:hover .prodNameTxt ul,
.kt-prodItem.prodSpec_3:hover .prodNameTxt ul,
.kt-prodItem.prodSpec_1.target .prodNameTxt ul,
.kt-prodItem.prodSpec_2.target .prodNameTxt ul,
.kt-prodItem.prodSpec_3.target .prodNameTxt ul{
    width:100% !important;
    height:40px;    
    background-color:#ededed;
    width:calc(100% - 10px);
    padding:0px 5px;
    margin:-34px 0px 0px 0px;  
    clear:both;
    
}
        .kt-prodItem.prodSpec_2.target .prodNameTxt ul,
        .kt-prodItem.prodSpec_2:hover .prodNameTxt ul
          {
          margin:-70px 0px 0px 0px  
        }
        .kt-prodItem.prodSpec_3.target .prodNameTxt ul,
        .kt-prodItem.prodSpec_3:hover .prodNameTxt ul {
          margin:-116px 0px 0px 0px  
        }

    .kt-prodItem.prodSpec_1:hover .prodNameTxt ul.spec_1,
    .kt-prodItem.prodSpec_2:hover .prodNameTxt ul.spec_1,
    .kt-prodItem.prodSpec_3:hover .prodNameTxt ul.spec_1,
    .kt-prodItem.prodSpec_1.target .prodNameTxt ul.spec_1,
    .kt-prodItem.prodSpec_2.target .prodNameTxt ul.spec_1,
    .kt-prodItem.prodSpec_3.target .prodNameTxt ul.spec_1 {
        border-top:1px solid #ccc;
    }
    .kt-prodItem.prodSpec_1 .prodNameTxt ul.spec_2,
    .kt-prodItem.prodSpec_1 .prodNameTxt ul.spec_3,
    .kt-prodItem.prodSpec_2 .prodNameTxt ul.spec_3 {
        display:none;
    }

    .kt-prodItem.prodSpec_1:hover .prodNameTxt ul li,
    .kt-prodItem.prodSpec_2:hover .prodNameTxt ul li,
    .kt-prodItem.prodSpec_3:hover .prodNameTxt ul li {
               
    }
        .kt-prodItem.prodSpec_1:hover .prodNameTxt ul li a,
        .kt-prodItem.prodSpec_2:hover .prodNameTxt ul li a,
        .kt-prodItem.prodSpec_3:hover .prodNameTxt ul li a {
            width:100%;
            height:100%;
            display:block;
            
        }
        .kt-prodItem.prodSpec_1 .prodNameTxt ul li span,
        .kt-prodItem.prodSpec_2 .prodNameTxt ul li span,
        .kt-prodItem.prodSpec_3 .prodNameTxt ul li span {
            width:50%;
            height:18px;
            border:1px solid #e0e0e0;
            margin:9px;
            display:flex;
            align-items:center;
            justify-content:center;    
                    
        }
    .kt-prodItem.prodSpec_1:hover .prodNameTxt ul li a:hover span {
    }

}
/**********************************************************************
    追蹤清單
***********************************************************************/

.kt-prodItem .availability,
.kt-prodItem .options {
   display:none;
}
    .kt-prodItem.wishList .prodNameTxt span {
        line-height:36px;
        text-align:center;
    }
.kt-prodItem.wishList .availability {
    display:block;
    font-size:13px;
    height:13px;
    line-height:13px;
    margin-bottom:7px;
    color:#db0000;
}
.kt-prodItem.wishList .oPrice {
    margin:15px 0px 10px;
}
.kt-prodItem.wishList .options {
display:block;
    
}

.kt-prodItem.wishList .showMoneyAddCar .priceNum {
    width:100%;
    margin:0;
    padding:0;
    text-align:center;
}

.kt-prodItem-hor.wishList {
}
.kt-prodItem-hor .prodBriefly .prodPrice .addBtnGroup .deleteBtn,
.kt-prodItem-hor .availability {
    display:none;
}
.kt-prodItem-hor.wishList .prodBriefly .prodPrice .addBtnGroup {
    width:387px;
}
.kt-prodItem-hor.wishList .prodBriefly .prodPrice .addBtnGroup .deleteBtn{
    display:block;
    float: left;
    margin: 6px 0px 0px -1px;
    width: 87px;
    position: relative;
    border: 1px solid #c7c7c7;
    height: 40px;
}
.kt-prodItem-hor.wishList .prodBriefly .prodPrice .addBtnGroup .deleteBtn button{
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer;
    padding: 0 10px;
    margin: 0;
    background: #ddd;
    border: none;
    font-size: 13px;
    transition: all 0.25s;
}
.kt-prodItem-hor.wishList .prodBriefly .prodPrice .addBtnGroup .deleteBtn button:hover {
                                    background-color:#01a6d3;
                                    color:#fff;
                                }


.kt-prodItem-hor.wishList .availability {
    width:100%;
    clear:both;
    text-align:right;
    color:#db0000;
    font-size:13px;
    display:block;
}
.prodInfo .addWishList {  
    width:calc(100% - 40px);  
    margin: 0px;
    padding: 0px 20px 0px 20px;
    display: block;
    font-size: 14px;
    font-weight: normal;
}
    .prodInfo .addWishList a {
        color: #40bcde;
    }
        .prodInfo .addWishList a:hover {
             color:#f60;
        }

@media (max-width: 768px) and (min-width: 0px) {
    .kt-prodItem-hor.wishList .prodBriefly .prodPrice .addBtnGroup {
        width:100%;
}
    .kt-prodItem-hor.wishList .prodBriefly .prodPrice .addBtnGroup .addInput {
        width:calc(100% - 174px);
    }
    .kt-prodItem-hor.wishList .availability {
        height:30px;
        line-height:30px;
        text-align:center;
        margin-bottom:10px;
    }

    .prodDetail ul.kt-specContent, .prodDetail .kt-specContent.specialDate {
        margin-bottom:10px !important;
    }


}


/**********************************************************************
    .alert
***********************************************************************/
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.alert-dismissable, 
.alert-dismissible {
    padding-right: 35px;
}
.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.alert-info {
    background-color: #03a9f4;
    color: rgba(255,255,255,1);
}
.alert-error {
    background-color: #f44336;
    color:#fff;
}
    .alert-error .close {
        color:#fff;
        opacity:1;
    }
    .alert-error li {
        line-height:20px;        
    }

.alert {
    border: 0;
    border-radius: 0;
}

.validation-summary-errors {
    display:inline-block;
}

.alert-subError {
    background-color: #f2dede;
    color:#333;
}
.text-danger {
    color:#db0000;
}

/**********************************************************************
    .btn
***********************************************************************/
.sendPreview button[type=submit].btn,
a.btn {
    border:1px solid #9b9b9b;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f6f6+0,dddddd+100 */
    background: #f6f6f6; /* Old browsers */
    background: -moz-linear-gradient(top, #f6f6f6 0%, #dddddd 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f6f6f6 0%,#dddddd 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f6f6f6 0%,#dddddd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
    padding:3px;
    color:#333;
    transition:all 0.25s;
    
}

    .sendPreview button[type=submit].btn:hover {
        cursor:pointer;
        color:#16a085;
    }

/**********************************************************************
    產品列表 - 橫式
***********************************************************************/

.kt-prodItem-hor {
    width:100%;
}
    .kt-prodItem-hor .mobileTitle {
        display:none;
    }

    .kt-prodItem-hor .gridPhoto {
        width:calc(27% - 40px);
        min-height:200px;
        float:left;
        padding:0px;
        margin:20px;
        border:1px solid #acacac;
        position:relative;
    }

    .kt-prodItem-hor .gridPhoto  .ribbon-hor{
        width:54px;
        height:60px;
        display:block;
        position:absolute;
        right:5px;
        top:5px;
        background-image:url(/images/ribbon.png);
        background-position:center top;
        background-repeat:no-repeat;
        padding:5px 0px 0px 0px;
        color:#fff;    
        font-size:15px;
        font-family: Helvetica, Arial,"微軟正黑體";
        
    }

    .kt-prodItem-hor .showMoneyAddCar.addBtn {
        width: calc(23% - 10px) !important;
        height: calc(360px - 6px);
        float:left;
        clear:none;
        margin:0px;
        padding:0px;    
        text-align:right;   
    }
    .kt-prodItem-hor .prodBriefly {
        width:calc(100% - 30%);
        min-height:calc(410px - 46px);
        float:left;
        margin:0px 10px;
        padding:20px 0px;;
        text-align:left;
    }
        .kt-prodItem-hor .prodBriefly .specTitle {
            
            height: 30px;
            line-height: 30px;
            font-size: 20px;
            font-weight: 300;
            color: #000;
            background-color: #efefef;
            margin: 0 0 15px 0!important;
            padding: 0 0 0 6px!important;
        }
    
        .kt-prodItem-hor .prodBriefly a {
            color:#06f;
        }
            .kt-prodItem-hor .prodBriefly a:hover {
                color:#f60;
            }
        .kt-prodItem-hor .prodBriefly .prodNameTxt {
            font-size:20px;
            height:30px;
            line-height:30px;
            margin:15px 0px;
        }

        .kt-prodItem-hor .prodBriefly .brieflyTxt {
            
            display:block;
            margin:0px 15px 30px;
            padding:0px;
            
        }
    .kt-prodItem-hor .prodBriefly .brieflyTxt li{        
        display:block;
        padding:0px;
        margin:0px;
        font-size:16px;
        line-height:26px;   
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        display: block;     
    }
        .kt-prodItem-hor .prodBriefly .priceNum {
            /*
            font-size:26px;
            line-height:46px;
            height:46px;
            font-weight:500;
            font-family:Verdana;
            color:#ff5353;
            */
        }
        .kt-prodItem-hor .prodBriefly .prodPrice {
            width:100%;
            border-top:1px solid #cfcfcf;
           
        }
            .kt-prodItem-hor .prodBriefly .prodPrice .priceType {
                 height:36px;
                line-height:36px;
                vertical-align:middle;
                margin:8px 0px;
                display:inline-block;
                float:left;

            }

            .kt-prodItem-hor .prodBriefly .prodPrice .priceType .priceTitle {
                float:left;
                color:#353535;
            }
            .kt-prodItem-hor .prodBriefly .prodPrice .priceType .priceNum {
                float:left;
                margin:0px 0px 0px 6px;
                font-size:26px;
                font-family:Arial;
                color:#db0000;
            }

            .kt-prodItem-hor .prodBriefly .prodPrice .addBtnGroup.history {
                width:100%;
                float:none;
                clear:both;                
            }
                .kt-prodItem-hor .prodBriefly .prodPrice .addBtnGroup.history .priceSelect {
                    width:calc(100% - 350px);
                    height:40px;
                    display:block;
                    float:left;
                    margin: 6px 50px 6px 0px;                    
                }


                    .kt-prodItem-hor .prodBriefly .prodPrice .addBtnGroup.history .priceSelect > select {
                        width:100%;
                        height:40px;
                        margin:0;
                    }




            .kt-prodItem-hor .prodBriefly .prodPrice .addBtnGroup {
                display:inline-block;
                float:right;
                margin:3px 0px 0px 0px;
                width: 300px;
             

            }

                .kt-prodItem-hor .prodBriefly .prodPrice .addBtnGroup .addInput {
                    width: 212px;
                    height:40px;
                    margin: 6px 0px;
                    position: relative;
                    border: 1px solid #c7c7c7;
                    float:left;
                }
                    .kt-prodItem-hor .prodBriefly .prodPrice .addBtnGroup .addInput .addBtn {
                        width:36px;
                        height:36px;
                        display:block;
                        right:2px;
                        position:absolute;
                        z-index:2;
                    }
                        .kt-prodItem-hor .prodBriefly .prodPrice .addBtnGroup .addInput .addBtn button,
                        .kt-prodItem-hor .prodBriefly .prodPrice .addBtnGroup .addInput .cutBtn button {
                            width:100%;
                            height:100%;
                            margin:1px 1px;
                            padding:0px;
                            border:0;
                            cursor:pointer;
                            font-size:32px;
                            color:#333;
                            background-color:#fefefe;
                            border-radius:0;
                        }
                        .kt-prodItem-hor .prodBriefly .prodPrice .addBtnGroup .addInput .addBtn button:hover,
                        .kt-prodItem-hor .prodBriefly .prodPrice .addBtnGroup .addInput .cutBtn button:hover{
                           background-color:#efefef;
                        }
                        .kt-prodItem-hor .prodBriefly .prodPrice .addBtnGroup .addInput .addBtn button:active,
                        .kt-prodItem-hor .prodBriefly .prodPrice .addBtnGroup .addInput .cutBtn button:active{
                           background-color:#eaeaea;
                        }
                    .kt-prodItem-hor .prodBriefly .prodPrice .addBtnGroup .addInput .cutBtn {
                        width:36px;
                        height:36px;
                        display:block;
                        left:0;
                        position:absolute;
                        z-index:2;
                    }
                    .kt-prodItem-hor .prodBriefly .prodPrice .addBtnGroup .addInput .num {
                        width:100%;
                        height:38px;
                        margin:0px;
                        position:absolute;
                        left:0;
                        z-index:1;
                    }
                        .kt-prodItem-hor .prodBriefly .prodPrice .addBtnGroup .addInput .num input {
                            width:100%;
                            height:100%;
                            margin:0;
                            padding:0;
                            text-align:center;
                            border:0;
                           
                        }
                        .kt-prodItem-hor .prodBriefly .prodPrice .addBtnGroup .addCartBtn{
                            float:left;
                            margin: 6px 0px 0px -1px;
                            width:87px;
                            position: relative;
                            border: 1px solid #c7c7c7;
                            height:40px;
                            
                         }
                            .kt-prodItem-hor .prodBriefly .prodPrice .addBtnGroup .addCartBtn button {
                                width:100%;
                                height:100%;
                                display:block;
                                cursor:pointer;
                                padding:0 10px;
                                margin:0;
                                background:#ddd;
                                border:none;
                                font-size:13px;
                                transition:all 0.25s;
                                
                            }
                                .kt-prodItem-hor .prodBriefly .prodPrice .addBtnGroup .addCartBtn button:hover {
                                    background-color:#01a6d3;
                                    color:#fff;
                                }
.historyList.kt-table {
    margin-bottom:15px;
    
}

    .kt-prodItem-hor .showMoneyAddCar .priceNum {
        /*原本位置的不在使用*/        
        display:none;
    }
    .kt-prodItem-hor .showMoneyAddCar.addBtn button.carAddBtn {
        float:none;
        margin:367px 0px 0px 0px;                
    }
    .kt-prodItem-hor .prodNameTxt {
        display:none;
    }
    .kt-prodItem-hor .prodBriefly .prodNameTxt {   
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        display: block;   
        
    }


@media (min-width: 769px) and (max-width: 1024px) {

    .kt-prodItem-hor .gridPhoto {
        width:calc(47% - 40px);
    }
    .kt-prodItem-hor .prodBriefly {
        width:50%;
    }
        .kt-prodItem-hor .prodBriefly .prodPrice .addBtnGroup .addInput {
            width:calc(100% - 87px);
        }
        .kt-prodItem-hor .prodBriefly .prodPrice .priceType .priceNum {
        font-size:20px;
        }
        .kt-prodItem-hor .prodBriefly .prodPrice .addBtnGroup.history .priceSelect {
            width:100%;
            float:none;
            clear:both;
            margin:0;
        }
            .kt-prodItem-hor .prodBriefly .prodPrice .addBtnGroup.history .priceSelect select {
                width:100%;
            }

}


@media (min-width: 0px) and (max-width: 768px) {



    .kt-prodItem-hor {        
        height:auto !important;
        margin:0px 0px 15px 0px;
    }
        .kt-prodItem-hor .mobileTitle {
            width:100%;
            display:block;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            display: block; 
            
            font-size: 20px;
            height: 30px;
            line-height: 30px;
            margin: 15px 0px;  
        }
            .kt-prodItem-hor .mobileTitle a {
                    color: #06f;
            }
                .kt-prodItem-hor .mobileTitle a:hover {
                     color:#f60;
                }

        .kt-prodItem-hor .gridPhoto {
            width:auto;
            height: 360px;
            padding: 10px 0px;
            margin: 10px 10px;
            float:none;
        }
        .kt-prodItem-hor .prodBriefly {
            width:auto;
            min-height:inherit;
            height:auto;
            float:none;
            clear:both;
            padding:0;
        }
            .kt-prodItem-hor .prodBriefly .prodNameTxt {
                display:none;
            }
    .kt-prodItem-hor .prodBriefly .specTitle,
    .kt-prodItem-hor .prodBriefly .brieflyTxt{
        display:none;        
    }
            .kt-prodItem-hor .prodBriefly .prodPrice {
                border:none;
                text-align: center;
            }
                .kt-prodItem-hor .prodBriefly .prodPrice .priceType {
                    float:inherit;
                }
        .kt-prodItem-hor .prodBriefly .prodPrice .addBtnGroup.history .priceSelect {
            width:100%;
            float:none;
            clear:both;
            margin:0;
        }
            .kt-prodItem-hor .prodBriefly .prodPrice .addBtnGroup.history .priceSelect select {
                width:100%;
            }

                .kt-prodItem-hor .prodBriefly .prodPrice .addBtnGroup {
                    margin:0px auto;
                    float:none;
                    width:100%;
                }
        .kt-prodItem-hor .prodBriefly .prodPrice .addBtnGroup .addInput {
            width:calc(100% - 87px);
        }



}



/**********************************************************************
    分頁按鈕
***********************************************************************/
.pagination-plain {
  font-size: 16px;
  font-weight: 700;
  list-style-type: none;
  margin: 0 0 20px;
  padding: 0;
}
.pagination-plain > li {
  display: inline;
}
.pagination-plain > li.previous {
  padding-right: 5px;
}
.pagination-plain > li.next {
  padding-left: 5px;
}

    .pagination-plain > li.previous.disable,
    .pagination-plain > li.next.disable {        
        opacity:0.35;
    }
        .pagination-plain > li.previous.disable a,
        .pagination-plain > li.next.disable a {
            cursor:default;
        }



.pagination-plain > li.active > a {
  color: #d3d7da;
}
.pagination-plain > li > a {
  padding: 0 5px;
}
@media (max-width: 767px) {
  .pagination-plain {
    height: 50px;
    overflow: hidden;
    text-align: center;
  }
  .pagination-plain > li.previous {
    display: block;
    margin-bottom: 10px;
    text-align: left;
    width: 50%;
  }
  .pagination-plain > li.next {
    float: right;
    margin-top: -50px;
    text-align: right;
    width: 50%;
  }
}


.text-center {
    text-align:center;
}

    
.mh-200 {
    min-height:200px;
}
.mh-360 {
    min-height:360px;
}
.mh-410 {
    min-height:410px;
}
.mh-420 {
    min-height:420px;
}


.h-420 {
    height:420px !important;
}
.h-440 {
    height:440px !important;
}
.h-476 {
    height:476px !important;
}
.h-480 {
    height:480px !important;
}
.h-490 {
    height:490px !important;
}
.h-500 {
    height:500px !important;
}
.h-510 {
    height:510px !important;
}

.h-560 {
    height:560px !important;
}

.showMoneyAddCar.addBtn {
    width:calc(100% - 16px) !important;
    clear:both;
    margin:auto !important;
    display:block;
}
    .showMoneyAddCar .priceNum {
        float:left;
        width:calc(100% - 100px);
        height:32px;
        line-height:32px;
        text-align:left;
        color:#06f;
    }
    .showMoneyAddCar button.carAddBtn {
        float:left;
        width:100px !important;
        height:32px;
        line-height:32px;
        text-align:center !important;
        border:none;
        color:#fff;
        background-color:#999;
        transition:all 0.4s;
    }
        .showMoneyAddCar button.carAddBtn:hover {
            background-color:#333;
            cursor:pointer;
        }


    .kt-prodItem .eventDate {
        width:calc(100% + 2px);
        height:36px;
        background-color:#ff4e4e;
        line-height:36px;
        color:#fff;

        margin:0px 0px 0px -1px;

        -webkit-border-top-left-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        -moz-border-radius-topleft: 3px;
        -moz-border-radius-topright: 3px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;

    }
.kt-prodItem .eventName {
    width:100%;
    
    max-height:60px;
    
    font-size:16px;    
    line-height:20px;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:6px;
    margin:0;

    position:absolute;
    bottom:0px;
    z-index:3;    
    color:#fff;
    background-color:rgba(0,0,0,0.7);
    overflow:hidden;

    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;    
}

.kt-prodItem:hover .borderLine  {
    border:1px solid #999;   
}
.kt-prodItem .specialIcon{    
    width:155px;
    height:155px;
    display:block;    
    position:absolute;
    top:-1px;
    left:-1px;
    overflow:hidden;
    border-radius:3px 0px 0px 0px;
}
    .kt-prodItem .specialIcon.promo {
        top:37px;
        border-radius:0;
    }

.kt-prodItem .prodNameTxt{    
    height:40px;
    font-size:16px;    
    display:block;    
    /*
    display:flex;
    align-items:center;
    justify-content:center;
    */
    overflow:hidden;
    margin: 10px auto 10px;
    width: calc(100% - 10px);
    line-height: 20px;
}
.kt-prodItem .oPrice {
    margin:5px 0px 10px;
    display:inline-block;
    font-size:24px;
    height:24px;
    line-height:24px;
    color:#40bcde;
}
    .kt-prodItem .oPrice .symbol {
        font-size:16px;
    }

.prodListTag {
    width:1180px;
    margin:10px auto;
}

    .prodListTag .title {
        display:inline-block;
        font-size:18px;
        height:60px;
        line-height:60px;
        width:150px;
        text-align:right;
        float:left;


    }
    .prodListTag .tagList {
        float:left;
        width:calc(100% - 150px);
        display:block;
        margin:0;
        padding:0;

    }
        .prodListTag .tagList li {
            display:inline-block;
            margin:0;            
            height:50px;
            line-height:50px;
            padding:5px 5px;
            float:left; 
                   
        }
            .prodListTag .tagList li a {
                               
                height:50px;
                display:flex;
                align-items:center;
                justify-content:center;
                border:1px solid #acacac;
                padding:0px 5px;
                color:#acacac;
                
            }            
                .prodListTag .tagList li a:hover {
                 color:#40bcde;
                 border:1px solid #40bcde;
                    
                }

.kt-prodItem .prodTag {
    position:absolute;
    margin: 5px 0px 38px;
    padding:0px 3px;
    left:10px;
    bottom:0px;
    height:24px;
    line-height:24px;
    font-size:16px;
    background-color:#40bcde;    
}
    .kt-prodItem .prodTag a {
        color:#fff;
    }


    .kt-prodItem .prodNameTxt span {
    /*
        display:block;
        width:calc(100% - 20px);
        height:36px;
        line-height:26px;
        vertical-align:middle;
        text-align:center; 
        margin:0px;
        padding:0px 10px;   
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
      */
    display: block;
    width: calc(100% - 20px);
    height: 50px;
    line-height: 20px;
    vertical-align: middle;
    text-align: center;
    margin: 0px;
    padding: 0px 10px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;    
    }

.borderLine {
    margin:3px;
    border:1px solid #ebecee;
    text-align:center;
    transition:all 0.4s;
    position:relative;
    clear:both;
    background-color:#fff;
    height:calc(100% - 10px);
}

.radius-3{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.gridPhoto {
    height:360px;
    overflow:hidden;
    text-align:center;
    padding:10px 0px;
    margin:10px 0px;

    display:flex;
    display: -ms-flexbox;
    align-items:center;
    justify-content:center;
  
}

.gridPhoto a{
    width:100%;
}
/*IE Css Hack*/
@media screen and (min-width:0\0) {
  .gridPhoto .img-res{
      width:100%;
  }
}



原文網址：https://kknews.cc/zh-tw/education/q2993yb.html

.gridPhoto i{

}

li.scarchPage {
    text-align:center;
    padding:10px;
    clear:both;
    height:38px; 
}
    li.scarchPage input.pordSearch {
        width:calc(80% - 20px);
        height:36px;
        line-height:36px;
        display:block;        
        text-align:center;
        float:left;
    }
    li.scarchPage .prodSearchBtn {
        width:20%;  
        height:36px;
        line-height:34px;      
        text-align:center;
        float:left;
        margin-left:-1px;
        
    }



.breadcrumb-text {    
    margin:0px 8%;
}

    .breadcrumb-text p a {
        font-size:16px !important;
    }
    .breadcrumb-text a {        
        height:24px;
        line-height:24px;
        color:#06f;
        margin:0px 0px 0px 0px;        
    }
        .breadcrumb-text a:before {
            content:"";                                    

        }
        .breadcrumb-text a::after {
            font-size:12px;
            content:"";            
            width:16px;
            height:24px;
            line-height:26px;
            display:inline-block;
            text-align:center;
            background-image:url(/images/breadcrumb-arrow.png);
            background-position:0px 5px;
            background-repeat:no-repeat;
        }

        .breadcrumb-text a:hover {
            color:#f60;
        }
        .breadcrumb-text a:last-child {
            color:#acacac;

        }
    .breadcrumb-text a:last-child::after {
        content:"";
        display:none;
    }


.kt-childItem {
    margin:0px calc(8% - 10px) 10px;
    border:1px solid #ccc;
    padding: 5px 5px 0px;
}
    .kt-childItem a {
        display:inline-block;
        margin: 0px 5px 5px 0px;        
        float: left;

        background-color: #16a085;
        color:#fff;
        text-decoration: none;
        -webkit-transition: 0.25s;
        transition: 0.25s;
        padding:3px;

        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        transition:all 0.25s;
    }
        .kt-childItem a:hover {
            background-color:#f90;
            color:#fff;
            
        }


/*圖片 大小縮放與置中*/
img.img-res {
    max-width:100%;
    max-height:100%;
    display:block;    
    margin-left:auto;
    margin-right:auto;
}

.img-responsive{
  display: block;
  max-width: 100%;
  height: auto;
}

/*TMP 為修改版面暫時使用*/
.mergeTitle {
clear:both;
}

.kt-container-full {
    margin: 30px 6% 60px;
    position:relative;
}

.kt-container-1180 {
    margin:0px auto 30px;
    max-width:1180px;
}

.errorTxt {
    display:block;
}
/*手機*/
@media (min-width: 0px) and (max-width: 767px) {

    .kt_sale.w1140 {
        width:calc(100% - 10px);
    }
    .kt_sale.w1180 {
        width:calc(100% - 10px);
    }

    .prodList.grid-2 .kt-prodItem.grid,
    .prodList.grid-3 .kt-prodItem.grid,
    .prodList.grid-4 .kt-prodItem.grid {
        width: 100%;
        height: auto;
    }

   .outSideWrapper {
        padding: 0px 0px 64px !important;        
    } 



    .saleTitle,
    .kt-prodListTitle {    
        width:auto;
        margin:60px 6% 30px;
        min-height:52px;
        line-height:52px;
        font-size:34px;
        font-weight:lighter;    
    }
    .kt-prodDetailTitle {
        width:auto;
        padding:60px 8% 30px;
        min-height:52px;
        line-height:52px;
        font-size:34px;
        font-weight:lighter; 
    }

    .kt-container-full{    
        margin:30px 3% 30px;
    }
        .kt-container-full.promoteDetail {
            margin:30px 3% 30px;
        }

    .kt-container-1180 {
        padding:0px 10px;
        width:100%;
       
    }

    .kt-prodListTitle {
        margin-top:30px;
        margin-bottom:15px;
        min-height:38px;
    }
    .kt-prodPromoTitle {
    width:auto;
    padding:30px 8% 25px;    
    min-height:26px;
    line-height:26px;
    font-size:26px;
    font-weight:lighter;
    display:inline-block;
}
    .kt-prodPromoTitle .relateTxt {
        display:block;
        font-size:18px;
        line-height:18px;
        padding:10px 0px;
    }



    .nav.bottomMenu {
        
        z-index: 1002;
    }

}/*@media*/

/*平版*/
@media (min-width: 768px) and (max-width: 992px) {
    .kt_sale.w1140 {
        width: 100%;
    }
    .kt_sale.w1180 {
        width:100%;
    }

    .prodList.grid-2 .kt-prodItem.grid,
    .prodList.grid-3 .kt-prodItem.grid,
    .prodList.grid-4 .kt-prodItem.grid {
        width: calc(100% / 2);
    }
    
    .outSideWrapper {
        padding: 0px 0px 0px;
    }   
    .saleTitle,
    .kt-prodListTitle {    
        width:auto;
        margin:60px 6% 30px;
        min-height:52px;
        line-height:52px;
        font-size:38px;
        font-weight:lighter;    
    }
    .kt-prodDetailTitle {
        width:auto;
        padding:60px 8% 30px;
        min-height:52px;
        line-height:52px;
        font-size:38px;
        font-weight:lighter;    
    }
    .kt-prodPromoTitle {
    width:auto;
    padding:60px 8% 25px;    
    min-height:26px;
    line-height:26px;
    font-size:26px;
    font-weight:lighter;
    display:inline-block;
}
    .kt-prodPromoTitle .relateTxt {
        display:block;
        font-size:18px;
        line-height:18px;
        padding:10px 0px;
    }
    .kt-container-full {    
        margin:30px 12% 30px;
    }
    .kt-prodListTitle {
        margin-top:30px;
        margin-bottom:15px;
        min-height:38px;
    }
}/*@media*/
/*平版 或 桌機*/
@media (min-width: 993px) and (max-width: 1200px) { 
    .kt_sale.w1140 {
        width: 100%;
    }
    .kt_sale.w1180 {
        width:100%;
    }

    .prodList.grid-2 .kt-prodItem.grid,
    .prodList.grid-3 .kt-prodItem.grid,
    .prodList.grid-4 .kt-prodItem.grid {
        width: calc(100% / 2);
    }
    .outSideWrapper {
        padding: 0px 0px 0px;
    } 
    .saleTitle,
    .kt-prodListTitle {    
        width:auto;
        margin:60px 6% 30px;
        min-height:52px;
        line-height:52px;
        font-size:38px;
        font-weight:lighter;  
    }

    .kt-prodDetailTitle {
        width:auto;
        padding:60px 8% 30px;
        min-height:52px;
        line-height:52px;
        font-size:38px;
        font-weight:lighter;  
    }
    .kt-prodPromoTitle {
    width:auto;
    padding:60px 8% 25px;    
    min-height:32px;
    line-height:32px;
    font-size:32px;
    font-weight:lighter;
    display:inline-block;
}
    .kt-prodPromoTitle .relateTxt {
        display:block;
        font-size:22px;
        line-height:22px;
        padding:10px 0px;
    }

    .kt-container-full {    
        margin:30px 12% 30px;
    }
    .kt-prodListTitle {
        margin-top:30px;
        margin-bottom:15px;
        min-height:38px;
    }

      
}/*@media*/

.wall {
    box-shadow: 0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
    width:100%;
    background-color: #fff;
}
    .wall.padt-50 {        
    }
        .wall.padt-50::before {
            content:"";
            padding:50px 0px 0px;
            display:block;
        }


.kt-container {    
    width:960px;
    margin:10px auto;
    display:block;    
    padding:30px 0px;
}
    .kt-container.w1140 {
        width:1140px;
    }

@media (min-width: 0px) and (max-width: 959px) {
  .kt-container.w1140,
  .kt-container {    
    width:calc(100% - 12%);
    margin:10px 6%;
    display:block;    
    padding:30px 0px;
}  
}

@media (min-width: 956px) and (max-width: 1024px) {

.kt-container-full.memberManger{
   margin: 30px 10px 30px;   
}

}

@media (min-width: 980px) and (max-width: 1179px) {


    .wall {
        width:100%;
    }

}


.footerWrapper{
    background-color:#0183bd;
    position:relative;	
    }


    .footerWrapper .BH {
        color:#fcfcfc;
        font-size:13px;
       
        line-height:26px;
    }

    

        .footerWrapper .BH .titleTxt {
            margin:0px 3px;
        }
        .footerWrapper .BH .week {
            margin:0px 3px;
        }
        .footerWrapper .BH .am {
            margin:0px 3px;
        }
         .footerWrapper .BH .pm {
            margin:0px 3px;
        }


/**********************************************************************
    頁尾1
***********************************************************************/

.footerWrapper .copyright span:first-child{
    width: 100%;
    display: block;
    font-size: 13px;	
}

    
.footerWrapper ul{
    margin:0px auto;
    padding:0px;
    display:block;
    width:289px;
        
    }
    
.footerWrapper .copyright{
    word-spacing:1px;
    color:#fcfcfc;
    font-size:12px;
    width:100%;
    display:block;
    line-height:20px;
    text-align:center;
    padding: 3px 0px;
    }
.footerWrapper .copyright span {
    margin-right: 10px;
}
.footerWrapper .copyright a {
    color:#fcfcfc;
}
.footerWrapper ul li{
    float:left;
    display:block;
    font-size:12px;
    display:inline-block;
    width:70px;
    text-align:center;
    }
.footerWrapper ul li.line{
    width:3px;
    color:#fff;
    text-align:center;
    
    }		
.footerWrapper ul li a{
    color: #fff;
    width:100%;
    height:100%;
    display:block;		
    }	
.footerWrapper .typeSwitch {
        margin:0px 1px;        
        float:none;
        clear:both;
        background-color: #47abd8;
        
        height:23px;
        font-size:13px;
        line-height:23px;
        text-align:center;
    }
        .footerWrapper .typeSwitch a {
            padding:0px 10px;
            color:#333;

        }
            .footerWrapper .typeSwitch a.target,
            .footerWrapper .typeSwitch a:active,
            .footerWrapper .typeSwitch a:hover {
                color:#f1c40f;
            }   



/**********************************************************************
    頁尾2
***********************************************************************/
.footerWrapper_2{
    background-color:#282828;
    position:relative;  
    color: #868686;
    }

    .footerWrapper_2 .footrt_linkinfo {
        margin:6px 0px 0px 15px;
        
    }


.footerWrapper_2 .storeTime{
    padding: 15px;
    color: #868686;
    font-size: 16px;
}

.footerWrapper_2 .siteInfo{
    padding: 10px 0px;
    font-size: 14px;

    color: #868686;
}

.footerWrapper_2 .siteName{
    
}
.footerWrapper_2 a{
    color: #bebebe;
    cursor: pointer;
}

.footerWrapper_2 a:hover,
.footerWrapper_2 a:active{
    color: #fff;

}

.footerWrapper_2 .contactInfo{

}
/**********************************************************************
    頁尾3
***********************************************************************/
.footerWrapper_3 {    
    background-color:#656a6f;
     color:#ccc;
}
.footerWrapper_3 .basicInfo.kt-grid-1 {
    padding: 0px 8% 0px;
    width:calc(100% - 16%);    
    display:block;
    line-height:54px;
    font-size:16px;
   
}
    .footerWrapper_3 .basicInfo a {
        transition:all 0.4s;
    }
    .footerWrapper_3 .basicInfo .siteCopyR {   
        
    }
        .footerWrapper_3 .basicInfo a {
            color:#ccc;
        }
        .footerWrapper_3 .basicInfo a:hover {
            color:#fff;
        }
    .footerWrapper_3 .basicInfo .contactInfo {

    }
    .footerWrapper_3 .storeTime {
        border-top:1px solid rgba(255,255,255,0.3);
        clear:both;
        padding:15px 8%;        
    }
@media (min-width: 0px) and (max-width: 1025px) {
    .siteCopyR.kt-grid-2 {
        width:calc(100% - 12%);
        display:block;        
        clear:both;
    }
    .contactInfo.kt-grid-2 {
        width:100%;
        display:block;        
        clear:both;
    }
}
.siteCopyR .kt-grid-1:first-child {
    padding-top:12px;    
}
.siteCopyR .kt-grid-1:last-child{    
    margin-left:16px;
    padding-bottom:12px;
}
.siteCopyR .kt-grid-1 {
    line-height:28px;
}

/**********************************************************************
    頁尾s3 / 小三版本
***********************************************************************/
.footerWrapper_s3 {
    background-color:#000;        
}
.footerWrapper_s3 .basicInfo.kt-grid-1 {
    padding:32px 0;
    width:1180px;
    margin:0px auto;    
    display:block;    
    font-size:16px;
    float:none;
}
    .footerWrapper_s3 .pagelink {
        width:50%;
        float:left;
        text-align:center;
    }
        .footerWrapper_s3 .pagelink ul {
            display:inline-block;            
            width:80%;
            margin:0;
            padding:0;
            border-right:1px solid rgba(255,255,255,0.2);
            vertical-align:top;
        }
            .footerWrapper_s3 .pagelink ul:last-child {
                border:none;
            }

        .footerWrapper_s3 .pagelink ul li{
            width:calc(100% / 5);
            height:42px;
            line-height:42px;
            display:inline-block;
            list-style:none; 
            text-align:center; 
            float:left;
         
        }
            .footerWrapper_s3 .pagelink ul li a {
                width:100%;
                height:100%;
                display:block;
                color:#fff;
                opacity:0.6;
            }
                .footerWrapper_s3 .pagelink ul li a:hover {
                    opacity:1;
                }

    .footerWrapper_s3 .siteInfo {
        width:49%;
        float:right;
    }
        .footerWrapper_s3 .siteInfo ul {
            margin:0;
            padding:0;
        }
            .footerWrapper_s3 .siteInfo ul li {
                display:block;
                list-style:none;
                font-size:14px;
                color:#a4a4a4;
                
                height:28px;
                line-height:28px;
            }


                .footerWrapper_s3 .siteInfo ul li.contactInfo {
                        
                        clear:both;
                        float:none;
                }


                    .footerWrapper_s3 .siteInfo ul li.contactInfo .tel,
                    .footerWrapper_s3 .siteInfo ul li.contactInfo .mail {
                        float:left;
                    }
                    .footerWrapper_s3 .siteInfo ul li.contactInfo *.infoName,
                    .footerWrapper_s3 .siteInfo ul li.address *.infoName,
                    .footerWrapper_s3 .siteInfo ul li.storeHours *.infoName {
                        float:left;
                        width:80px;
                        text-align:right;
                    }
                    .footerWrapper_s3 .siteInfo ul li.contactInfo *.infoText,
                    .footerWrapper_s3 .siteInfo ul li.address *.infoText,
                    .footerWrapper_s3 .siteInfo ul li.storeHours *.infoText {
                        float:left;
                        width:calc(100% - 80 px);
                        
                    }

                .footerWrapper_s3 .siteInfo ul li.address {
                
                }
                .footerWrapper_s3 .siteInfo ul li.storeHours {

                }
                .footerWrapper_s3 .siteInfo ul li a {
                    color:#a4a4a4;
                    
                }
                    .footerWrapper_s3 .siteInfo ul li a:hover {
                       text-decoration:underline;
                       color:#fff;
                    }




/**********************************************************************
    /Member/Login 會員登入
***********************************************************************/
.loginMoreOpt {
    margin:18px 0px 18px 0px;
  
}
.loginOpt {
    float:right !important;
    
}
.loginOpt a:last-child{
    /*
    margin:0px 24px 0px 0px;       
    */
}

.loginOpt a {
    color:#06f;
    transition:all 0.6s;
}
.loginOpt a:hover {
    color:#f60;
}
.commLogin .kt-grid-2 {   
    margin:0px auto 15px;
}
    .commLogin .kt-grid-2 button.btn {
        width:calc(100% - 24px);
        margin:auto;
        display:block;
    }

.googleBtn,
.fbBtn  {
    border:0px;
    padding:0px;    
    height:36px;
    line-height:36px;
    color:#fff;
    cursor:pointer;
    transition:all 0.25s; 
}

.googleBtn {
    background-color:#df4538;    
}
.fbBtn {
    background-color:#2f4b93;
}
.googleBtn .icon,
.fbBtn .icon {
    width:16px;
    height:16px;
    display:inline-block;
    background-position:center;
    background-repeat:no-repeat;
    transform:translateY(2px);
    
}
.googleBtn .icon {
    background-image:url(/images/googleBtnIcon.jpg)
}
.fbBtn .icon {
    background-image:url(/images/fbBtnIcon.jpg)
}

.googleBtn:hover,
.googleBtn:active,
.fbBtn:hover,
.fbBtn:active {
    
    box-shadow: 0 4px 9px 0 rgba(0,0,0,.6), 0 3px 10px 0 rgba(0,0,0,0.05);
}

.loginPage .logintBtn .btn{
    margin-right:24px;
}

.f-group {    
    margin-top:82px !important;    
}

@media (min-width: 0px) and (max-width: 992px) {
    .f-group {    
        margin-top:0px !important;    
    }
    .login_submit {
        text-align:center !important;
    }
    .inputInfo .desc {
        color: #9e9e9e;        
        top: 0.8rem;
        left: 0.75rem;
        font-size: 1rem;                
    }
    .loginMoreOpt .kt-grid-2 {
        width:50%;
        height:36px;
    }
    .loginPage .logintBtn {
        text-align:center;
    }
        .loginPage .logintBtn .btn {
            margin:0px;
        }
    .loginOpt a:last-child{
        margin:0px;       
    }
    .inputInfo input.textInput {
        width:100%;
        margin:0px;
        padding:0px;
    }
}
@media (min-width: 0px) and (max-width: 768px) {
    .loginMoreOpt .kt-grid-2 {
        width:100%;
        height:36px;
        text-align:center;
    }

}
/**********************************************************************
    Components
***********************************************************************/
.inputInfo {
    vertical-align:middle;    
}
    .inputInfo .title {
        font-size: 1.35rem;
        line-height: 110%;
        margin: 0.82rem 0 0.656rem 0;
    }
    .inputInfo .desc {
        color: #9e9e9e;        
        top: 0.8rem;
        left: 0.75rem;
        font-size: 0.8rem;                
    }
    .inputInfo input.textInput {
        width:calc(100% - 36px);
        margin:16px 0px;
        padding:0px 6px;
        height:35px;
        vertical-align:bottom;
        border:1px solid #666;
    }
    .inputInfo input[type="button"] {
        margin:24px 0px 0px 0px;      
    }
    .inputInfo label {
        margin:0px 16px 0px 0px;
        cursor:pointer;
    }
    .inputInfo.radio {
        min-height:69px; 
        display:flex;        
        align-items:center;   
    }
.kt-blockquote {
    margin:20px 6px;
    border-left:5px solid #ee6e73;
    padding:0px 0px 0px 16px;
    font-size:17.5px;
    line-height:30px;
    display:block;

    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 40px;
    -webkit-margin-end: 40px;
    color:#333;
    clear:both;
}
.kt-blockquote.redBg{        
    background-color:#FFEBEE !important;
    color:#D50000;    
}
    .kt-blockquote.blueBg {
        background-color:#e5f1f9 !important;
        color:#34495e;    
        border-left:5px solid #3498db;
    }

    .kt-blockquote .star,
    .inputInfo .star {
        color:#e53935;
    }

.subminBtn {
    width: 100%;
    height: 36px;
    display: block;
    text-align: center;
    padding: 30px 0px;
    margin: 0px;
    float: none;
    clear: both;
}

.kt-table {
    width:100%;
}
    .kt-table table {
        width:100%;
        border-collapse:collapse;
    }


    .kt-table thead {
      

    }
    .kt-table tbody {

    }

        .kt-table table tr {
        }
            .kt-table table tr th {
                padding:15px 5px;
                font-size:16px;
                vertical-align:middle;                
            }
            .kt-table table tr td {
                padding: 15px 5px;
                vertical-align:middle;
                border-spacing: 0;
                border:none;                
            }
                .kt-table table tr td a {
                    color:#06f;
                }
                    .kt-table table tr td a:hover,
                    .kt-table table tr td a:active {
                        color:#f60;
                    }
        .kt-table table tr.carItem td{
            width: 25%;
         }
        .kt-table table tr.carItem td .num input{
          text-align: center;

        }



    .kt-table table.spacing-1 {
        border-collapse:separate;
        border-spacing: 1px;
    }
    .kt-table table.spacing-2 {
        border-collapse:separate;
        border-spacing: 2px;
    }


    .kt-table table.responsive-table {
    }
        .kt-table table.striped > tbody > tr:nth-child(odd) {
            background-color: #f2f2f2;
        }
    .kt-table table.centered tr td{
        text-align:center;
    }
        .kt-table table.centered tr td.text-right {
            text-align:right;
        }
    .kt-table table.btmBorder tr td{
        border-bottom:1px solid #ccc;
    }

.kt-ShippSearch {
    display:inline-block;
    width: 16px;
    height: 30px;
    vertical-align: middle;
}
    .kt-ShippSearch img {
        transform:translateY(6px);
    }

.redTxt {
    color:#D50000 !important;
}

.inputInfo.redTxt input[disabled="disabled"] {
    background-color:transparent;
    color:#D50000;
}




.kt-tabstrip {
    width:100%;
    display:block;
    margin:15px 0px;
}

    .kt-tabstrip .kt-tabMenu {
        margin:0px;
        padding:0px;
        display:block;
        clear:both;
        width:100%;        
        line-height:35px;
        background-color:#efefef;
    }
    .kt-tabstrip .kt-tabBtn {
        float:left;
        margin:0px;
        padding:0px;
        display:block;        
    }
        .kt-tabstrip .kt-tabBtn a {            
            height:100%;
            display:block;
            padding:0px 10px;
            color:#767676;            
        }
        .kt-tabstrip .kt-tabBtn.target {
            background-color:#fff;
            height:33px;
            border-bottom:2px solid #06f;
        }
        .kt-tabstrip .kt-tabBtn.target a {
            color:#06f;
        }

            .kt-tabstrip .kt-tabBtn a:hover {
                color:#f60;
            }

    .kt-tabstrip .kt-tabContent {
        padding:15px;
        display:block;
    }
        .kt-tabstrip .kt-tabContent .kt-contentInfo {
            display:none;

        }
            .kt-tabstrip .kt-tabContent .kt-contentInfo.target {
                display:block;
            }
            /*給手機版使用*/
            .kt-tabstrip .kt-tabContent .kt-contentInfo .ruleTitle {
                display:none;
                clear:both;
            }
                .kt-tabstrip .kt-tabContent .kt-contentInfo .ruleTitle a {
                    float:right;
                    padding:0px 3px 0px 3px;
                    height:100%;
                    display:inline-block;
                    font-size:16px;
                    color:#06f;
                }
                    .kt-tabstrip .kt-tabContent .kt-contentInfo .ruleTitle a:hover {
                        color:#f60;
                    }
            .kt-tabstrip .kt-tabContent .kt-contentInfo .ruleInfo {

            }


.clearMargin {
    margin:0px !important;
}
@media (min-width: 0px) and (max-width: 768px) {
    .kt-tabstrip .kt-tabMenu {
        display:none;
    }
}



@media (min-width: 0px) and (max-width: 992px){
    .kt-table table.responsive-table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        display: block;
        position: relative;
    }
    .kt-table table.responsive-table thead {
        border: 0;
        border-right: 1px solid #d0d0d0;
        display:block;
        float:left;
    }
    .kt-table table.responsive-table thead tr {
        display: block;
        padding: 0 10px 0 0;
    }
    .kt-table table.responsive-table th {
        display: block;        
        /*text-align: right;*/
    }
    .kt-table table.responsive-table tbody {
        display: block;
        width: auto;
        position: relative;
        overflow-x: auto;
        white-space: nowrap;
    }
    .kt-table table.responsive-table tbody tr {
        display: inline-block;
        vertical-align: top;
        padding:0px 10px 0px 0px;
        box-sizing:inherit
    }
    .kt-table table.responsive-table th, 
    .kt-table table.responsive-table td {
        margin: 0;
        vertical-align: top;
        min-height:21px;
        text-align:center !important;
    }
    .kt-table table.responsive-table td {
        display: block;
        min-height: 1.25em;
        text-align: left;
    }
    .inputInfo.radio {
        display:block;
        margin:0px 16px;
    }
    .inputInfo.radio label {
        width:100%;
        line-height:36px;        
        display:block;
    }
        .inputInfo.radio label:hover {                        
        }
}

@media (min-width: 0px) and (max-width: 996px) {
    .inputInfo .title {
        font-size: 1rem;
    }
}


.kt-table .table {
    display:table;
    width:100%;
    margin:0;
    padding:0;
}
.kt-table .table .thead {
        display:table-header-group;
        width:100%;
        margin:0;
        padding:0;        
    }
    .kt-table .table .tbody {
        display:table-row-group;
        margin:0;
        padding:0;
    }
.kt-table .table .tr {
        display:table-row;
        margin:0;
        padding:0;
    }
.kt-table .table .tr .th {
        display:table-cell;        
        margin:0;
        padding:0;
    }
.kt-table .table .tr .td {
        display:table-cell;
        margin:0;
        padding:0;
        vertical-align:middle;
    }














/**********************************************************************
    /Product/PromoteDetai   好康促銷
***********************************************************************/
.promoDefaultInfo {
}
.promoDate {
    margin:0px 6%;
    height:100px;
    display:block;
    position:relative;
    background-color:#c62200;    
}

    .promoDate .arrowL,
    .promoDate .arrowR {
        height:100px;
        width:35px;
        background-color:#fff;
        margin:0px;
        padding:0px;
        display:inline-block;
    }
    .promoDate .dateTxt {
        width:calc(100% - 70px);
        text-align:center;
        display:inline-block;
        height:100px;
        line-height:100px;
        font-size:32px;
        color:#fff;
        font-family:"微軟正黑體";
    }

        .promoDate .dateTxt .limitedTime {
            display:inline-block;
            margin:0;
            padding:0;
        }
            .promoDate .dateTxt .limitedTime div {
                float:left;
                width:88px;
            }
                .promoDate .dateTxt .limitedTime div span {
                    width:100%;
                    height:50px;
                    display:block;
                    line-height:50px;
                    font-size:16px;
                }
                    .promoDate .dateTxt .limitedTime div span:first-child {                                             
                        line-height:70px;
                        font-size:20px;
                        font-family:serif;
                    }
                    .promoDate .dateTxt .limitedTime div span:last-child {
                        line-height:40px;
                        font-size:13px;
                    }

            .promoDate .dateTxt .limitedTime .title {
                font-size:20px;
            }
            .promoDate .dateTxt .limitedTime .day {
            }
            .promoDate .dateTxt .limitedTime .hour {
            }
            .promoDate .dateTxt .limitedTime .min {
            }
            .promoDate .dateTxt .limitedTime .sec {
            }




    .promoDate .arrowL {
        float: left;        
        background-image: url('../images/promoDate_arrowL_2.png');
        background-position:center;
        background-repeat:no-repeat;
    }    
    .promoDate .arrowR {
        float:right;        
        background-image: url('../images/promoDate_arrowR_2.png');
        background-position:center;
        background-repeat:no-repeat;
    }
.kt-promoCondition {
    text-align:center;
    height:56px;
    line-height:56px;
    font-size:22px;        
    margin:15px 0px;
    box-shadow: inset 0px 4px 12px 0px rgba(0,0,0,0.2),
                inset 0px 4px 12px 0px rgba(0,0,0,0.05);    
    color:#c62200;    
}


.promoteDetail .kt-secletTitle {
    height:75px;
    line-height:75px;
    display:block;
    font-size:36px;
    text-align:center;
    color:#333;
    clear:both;
}

.promoteDetail .kt-promoList {
    margin:0px 0px 30px 0px;
}
    .kt-promoList .grid {
        background-color:#750000;
        position:relative;
        
        
    }
        .kt-promoList .grid .outSpace {
            margin:10px;
            height:540px;
            background-color:#fff;
            position:relative;
        }
        .kt-promoList .grid .outSpace .specialIcon {
            width:155px;
            height:155px;
            display:block;
            position:absolute;
            left:0px;
            top:0px;
        }

            .kt-promoList .grid .outSpace .addCartNum {
                position:absolute;
                right:5px;
                top:5px;
                border-radius:50%;
                width:60px;
                height:60px;
                display:flex;
                font-size:26px;

                align-items:center;
                justify-content:center;
                background-color:rgba(239,239,239, 1);
                color:#e40000;

                -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.25);
                   -moz-box-shadow: 0 0 15px rgba(0,0,0,0.25);
                        box-shadow: 0 0 15px rgba(0,0,0,0.25);

                
            }
                .kt-promoList .grid .outSpace .addCartNum .totalNum {
                    
                }
                .kt-promoList .grid .outSpace .addCartNum .totalNumTxt {
                    display:none;
                }
                .kt-promoList .grid .outSpace .addCartNum.showTxt .totalNumTxt {
                    font-size:12px;
                    float:none;
                    display:block;
                    clear:both;
                    color:#333;
                    width:100%;
                    box-sizing: border-box;
                    position:absolute;
                    bottom:3px;
                    text-align:center;
                    color:#333;
                }

            .kt-promoList .grid .outSpace .promoPhoto {
                width:calc(100% - 20px);
                height:360px;
                padding:10px;
                display:block;                
            }
                .kt-promoList .grid .outSpace .promoPhoto a {
                    width:100%;
                    height:100%;                    
                    display:flex;
                    align-items:center;
                    justify-content:center;

                }
                .kt-promoList .grid .outSpace .promoPhoto img {
                }
            .kt-promoList .grid .outSpace .promoProdName {
                line-height:18px;
                font-size:16px;
                display:block;
                height:36px;
                margin:10px 8px;
                text-align:center;
                font-weight:300;
            }
                .kt-promoList .grid .outSpace .promoProdName a {
                    color:#333;
                }
            .kt-promoList .grid .outSpace .promoProdSn {
                margin:10px 8px;
                text-align:center;
                color:#666;
            }

            .kt-promoList .grid .outSpace .promoPrice {
                color:#333;
                text-align:center;
                padding:10px 0px;
                font-size:12px;
            }
                .kt-promoList .grid .outSpace .promoPrice .proceNum {
                    color:#f53b54;
                    font-size:26px;
                }
            .kt-promoList .grid .outSpace .promoFnBtn {
                margin:10px 0px;  
                
                                          
            }
                .kt-promoList .grid .outSpace .promoFnBtn .kt-addBtn {
                    text-align:center;
                    margin:0px 0px 10px;
                     
                }                
                .kt-promoList .grid .outSpace .promoFnBtn .kt-lessBtn {
                    text-align:center;
                    margin:0px 0px 10px;                  
                }
                .kt-promoList .grid .outSpace .promoFnBtn .kt-removeBtn {
                    text-align:center;
                    margin:0px 0px 10px;                  
                }

                    .kt-promoList .grid .outSpace .promoFnBtn .kt-addBtn button,
                    .kt-promoList .grid .outSpace .promoFnBtn .kt-lessBtn  button,
                    .kt-promoList .grid .outSpace .promoFnBtn .kt-removeBtn  button {
                        opacity:0.75;
                        
                    }
                        .kt-promoList .grid .outSpace .promoFnBtn .kt-addBtn button:hover,
                        .kt-promoList .grid .outSpace .promoFnBtn .kt-lessBtn button:hover,
                        .kt-promoList .grid .outSpace .promoFnBtn .kt-removeBtn button:hover {
                        opacity:0.9;
                        }
                        .kt-promoList .grid .outSpace .promoFnBtn .kt-removeBtn button {
                            color:#fff !important;
                        }
                        .kt-promoList .grid .outSpace .promoFnBtn .kt-addBtn button:active,
                        .kt-promoList .grid .outSpace .promoFnBtn .kt-lessBtn button:active,
                        .kt-promoList .grid .outSpace .promoFnBtn .kt-removeBtn button:active {
                        opacity:1;
                        }

                .kt-promoList .grid .outSpace .promoFnBtn .kt-addBtn .icon {
                    width:26px;
                    height:26px;
                    margin:auto;
                    display:block;
                    background-image:url(/images/PromoteDetailBtn-add.png);
                    background-position:center;
                    background-repeat:no-repeat;                    
                }
                .kt-promoList .grid .outSpace .promoFnBtn .kt-addBtn button {
                    border:none;
                    background-color:#1bbc9b;
                    padding:3px;
                }
                .kt-promoList .grid .outSpace .promoFnBtn .kt-lessBtn .icon {
                    width:26px;
                    height:26px;
                    margin:auto;
                    display:block;
                    background-image:url(/images/PromoteDetailBtn-cut.png);
                    background-position:center;
                    background-repeat:no-repeat;  
                }
                .kt-promoList .grid .outSpace .promoFnBtn .kt-lessBtn button {
                    border:none;
                    background-color:#e84c3d;
                    padding:3px;
                }
                .kt-promoList .grid .outSpace .promoFnBtn .kt-removeBtn .icon {
                    width:26px;
                    height:26px;
                    margin:auto;
                    display:block;
                    background-image:url(/images/PromoteDetailBtn-del.png);
                    background-position:center;
                    background-repeat:no-repeat;  
                }
                .kt-promoList .grid .outSpace .promoFnBtn .kt-removeBtn button {
                    border:none;
                    background-color:#34495c;
                    padding:3px;
                }




    .kt-promoList .grid .outSpace .promoFnBtn .kt-addBtn button,
    .kt-promoList .grid .outSpace .promoFnBtn .kt-lessBtn button,
    .kt-promoList .grid .outSpace .promoFnBtn .kt-removeBtn button{
        width:60px;
        font-weight:600;
        font-size:20px;
        color:#333;
        cursor:pointer;
        transition:all 0.25s;
    }


.promoteDetail .kt-promoList.gift {
}

    .promoteDetail .kt-promoList.gift .grid.target {        
    }

    .promoteDetail .kt-promoList.gift .grid .outSpace .promoPhoto {
        transition:all 0.25s;
    }



.promoteDetail .kt-promoList.gift .grid.target .outSpace .promoPhoto
/*.promoteDetail .kt-promoList.gift .grid:hover .outSpace .promoPhoto*/ {
    height:330px;
    padding-top:25px;
    padding-bottom:25px;
    
}
    .promoteDetail .kt-promoList.gift .grid.target .promoPhoto img, 
    .promoteDetail .kt-promoList.gift .grid:hover .promoPhoto img {
        opacity:0.5;
    }

    .promoteDetail .kt-promoList.gift.giftSpec .grid.target .promoPhoto img,
    .promoteDetail .kt-promoList.gift.giftSpec .grid:hover .promoPhoto img {
        opacity:1;        
    }


    .promoteDetail .kt-promoList.gift .grid .inCart {
        display:none;
    }
    .promoteDetail .kt-promoList.gift .grid.target .inCart {
        display:block;
        width:100px;
        height:100px;
        display:block;
        background-color: rgba(255, 255, 255, 0.85);
        position:absolute;
        z-index:2;
        left:50%;
        top:50%;        
        transform:translate(-50px,-100px);
        text-align:center;
        border-radius:50%;
        background-image:url(/images/giftInCart.png);
        background-position:center;
        background-repeat:no-repeat;

    }
        .promoteDetail .kt-promoList.gift .grid.target .inCart .text {

        }
        .promoteDetail .kt-promoList.gift .grid.target .inCart .giftArrow {
            margin:16.5px 0px;
        }
        .promoteDetail .kt-promoList.gift .grid.target .inCart span {
            color:#43b03f;
            font-weight:bold;
            font-size:16px;
            margin:0;            
            background-color:rgba(255, 255, 255, 0.85);
            width:100px;
            position:absolute;
            text-align:center;
            left:0px;
            bottom:-30px;
            font-size:16px;
            padding:3px 0px;
        }

.promoteDetail .curretListTotal {
        text-align:right;
        font-size:17.5px;
        margin:30px 15px;

        clear:both;
}
    .promoteDetail .curretListTotal span {
        color:#db0000;
    }

.kt-promoList.gift .grid .outSpace {
    height:480px;    
}
.kt-promoList.gift.giftSpec .grid .outSpace {
    height:530px;
}

.kt-promoList .kt-table table tr td.price {
    color:#f53b54;
}

@media (min-width: 992px) and (max-width: 1200px) {
    .kt-promoList .grid .outSpace {
        height:380px;
    }
        .kt-promoList .grid .outSpace .promoPhoto {
            height:200px;
        }


    .kt-promoList.gift .grid .outSpace {
        height:320px;
    }
    .kt-promoList.gift .grid .outSpace .promoPhoto {
        height: 200px;
    }
        .promoteDetail .kt-promoList.gift .grid.target .outSpace .promoPhoto,
        .promoteDetail .kt-promoList.gift .grid:hover .outSpace .promoPhoto {
            height:170px;
            padding-top:25px;
            padding-bottom:25px;
    
        }
    .promoteDetail .kt-promoList.gift .grid.target .inCart {
        width:75px;
        height:75px;
        transform:translate(-37.5px,-100px);
    }        
        .promoteDetail .kt-promoList.gift .grid.target .inCart .giftArrow {
            max-height:90%;
            max-width:90%;
            margin:13px 0px;
        }
        .promoteDetail .kt-promoList.gift .grid.target .inCart span {
            font-size:13px;
            width:75px;
        }

    .kt-promoList .grid .outSpace .promoFnBtn .kt-addBtn button,
    .kt-promoList .grid .outSpace .promoFnBtn .kt-lessBtn button,
    .kt-promoList .grid .outSpace .promoFnBtn .kt-removeBtn button{
        width:40px;
    }
    .kt-promoList .grid .outSpace .specialIcon {
            width:136px;
            height:136px;
            display:block;
            position:absolute;
            left:0px;
            top:0px;
        }
}
@media (min-width: 0px) and (max-width: 992px) {
    .promoDate .dateTxt {
        font-size:20px;
    }
    .kt-promoList .grid .outSpace {
        height:640px;
    }
        .kt-promoList .grid .outSpace .promoFnBtn .kt-addBtn,
        .kt-promoList .grid .outSpace .promoFnBtn .kt-lessBtn,
        .kt-promoList .grid .outSpace .promoFnBtn .kt-removeBtn,
        .kt-promoList .grid .outSpace .promoSpecBtn .kt-SpceBtn{
            width:calc(100% - 20px);
            margin:0px 10px 10px;
        }
    .kt-promoList.gift .grid .outSpace {
        height:360px !important;
    }
    .kt-promoList.gift .grid .outSpace .promoPhoto {
        height: 200px;
    }
        .promoteDetail .kt-promoList.gift .grid.target .outSpace .promoPhoto,
        .promoteDetail .kt-promoList.gift .grid:hover .outSpace .promoPhoto {
            height:170px;
            padding-top:25px;
            padding-bottom:25px;
    
        }
.promoteDetail .kt-promoList.gift .grid.target .inCart {
        width:100px;
        height:100px;
        transform:translate(-50px,-100px);
    }        
        .promoteDetail .kt-promoList.gift .grid.target .inCart .giftArrow {
            max-height:90%;
            max-width:90%;
            margin:13px 0px;
        }
        .promoteDetail .kt-promoList.gift .grid.target .inCart span {
            font-size:13px;
            width:75px;
        }
    .kt-promoList .grid .outSpace .promoFnBtn .kt-addBtn button,
    .kt-promoList .grid .outSpace .promoFnBtn .kt-lessBtn button,
    .kt-promoList .grid .outSpace .promoFnBtn .kt-removeBtn button,
    .kt-promoList .grid .outSpace .promoSpecBtn button{
        width:100%;
        height:35px;
        margin:0px;
        padding:0px;
        opacity:1;
    }
}

.eventCartInfo {
    position:fixed;
    text-align:center;
    top:60px;
    background-color:#e74c3c;
    color:#fff;
    width:100%;
    list-style:none;
    height:40px;
    z-index:9;
    line-height:40px;
    font-size:18px;
    font-weight:bold;
    box-shadow: inset 0px 4px 12px 0px rgba(0,0,0,0.2), inset 0px 4px 12px 0px rgba(0,0,0,0.05);
    display:none;
}
    .eventCartInfo ul {
        margin:0px;
        padding:0px;
        display:block;
        width:100%;        
    }
        .eventCartInfo ul li {
            margin:0px;
            padding:0px;
            width:100%;
            display:block;
            list-style:none;
        }


@media (min-width: 0px) and (max-width: 768px) {
    .kt-promoList .kt-table thead {
        display:none;
    }
    .kt-promoList .kt-table table tr {
       
    }
    .kt-promoList .kt-table table.centered tr td {
        display:table-row;
        text-align:center;
        width:100%;
        margin:0px;
        padding:0px;                       
    }
        .kt-promoList .kt-table table.centered tr td .cellTd {
            display:table-cell;
            width:75%;
            padding:10px 0px;           
            text-align:center;
            vertical-align:middle;

        }
        .kt-promoList .kt-table table.centered tr td input {
            text-align:center;
            
        }
        .kt-promoList .kt-table table.centered tr td:before {
            content: attr(data-th) " ";
            display:table-cell; 
            font-weight: bold;
            width:100px;
            padding:10px 15px;
            border-right:1px solid #999;
            vertical-align:middle;
            color:#454545;
           
                      
        }
    .promoDate {
        margin:0;
    }
  .promoDate .dateTxt {
        width:calc(100% - 70px);
        text-align:center;
        display:inline-block;
        height:100px;
        line-height:100px;
        font-size:32px;
        color:#fff;
        font-family:"微軟正黑體";
    }

        .promoDate .dateTxt .limitedTime {
            display:block;
            margin:0;
            padding:0;
        }
            .promoDate .dateTxt .limitedTime div {                
                width:calc(100% / 4);
            }
                .promoDate .dateTxt .limitedTime div span {

                }
                    .promoDate .dateTxt .limitedTime div span:first-child {                                             

                    }
                    .promoDate .dateTxt .limitedTime div span:last-child {

                    }

            .promoDate .dateTxt .limitedTime .title {
                font-size:20px;
                display:none;
            }
            .promoDate .dateTxt .limitedTime .day {
            }
            .promoDate .dateTxt .limitedTime .hour {
            }
            .promoDate .dateTxt .limitedTime .min {
            }
            .promoDate .dateTxt .limitedTime .sec {
            }



}

.PromoteDetailBg {
    
    position:fixed;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    background-color:rgba(0,0,0,0.85);
    z-index:1000;

}
.spceOptTitle {
    width:100%;
    height:46px;
    line-height:46px;
    font-size:20px;
}

.pluralSpec {
    padding:11px !important;
    margin:0px 0px 25px 0px !important;
    display:block;
    box-sizing:border-box;
    clear:both;
    float:none;
}
    .pluralSpec li {
        margin-right:5px;                
        min-width:26px;
        height:26px;
        display:block;
        box-sizing:border-box;
        border:1px solid #bababa;
        list-style:none;
        float:left;
        font-size:11px;
        
        transition:all 0.35s;       
    }

        .pluralSpec li label {
            height:26px;
            line-height:26px;
            padding:0px 5px; 
            vertical-align:middle;
            cursor:pointer;
        }
        .pluralSpec li input {
            vertical-align:middle;
        }
            .pluralSpec li label span {
                padding-top:1px;
            }

        .pluralSpec li.target {
           border-color:#e71f19;            
        }
            .pluralSpec li.target label {
                color:#e71f19;
            }

        .pluralSpec li:active,     
        .pluralSpec li:hover {
            
            border-color:#e71f19;
            cursor:pointer;
            color:#e71f19;
        }
        .pluralSpec li label {
            width:100%;
            height:100%;
            display:flex;
            align-items:center;
            justify-content:center;
            font-family:Arial;
            color:#646565;
        }
        .pluralSpec li:active a,
        .pluralSpec li:hover a {
               color:#000;
        }

        .pluralSpec li.disable:hover,
        .pluralSpec li.disable {
            opacity:0.25;            
            border-color:#bababa;
            cursor:default;
        }
            .pluralSpec li.disable:hover a,
            .pluralSpec li.disable a {
                cursor:default;
            }
                 
.kt-specTitle.promoSpec {
    clear:both;
    float:none;    
}

.kt-multiplePrice {
    margin:0px 20px;
    clear:both;
    
}
    .kt-multiplePrice .kt-prodSort.prodDetail {
        width:100%;
    }

.kt-prodSort.prodDetail {
    margin-left:0;
    margin-right:0;
}

.selectNum {
    width:100%;
    height:30px;
    display:block;
    box-sizing:border-box;
    margin-bottom:15px !important;
    text-align:center;    
}
    .selectNum input {
        width:210px;
        height:30px;
        text-align:center;
        border:1px solid #c7c7c7;
        padding:0px;
    }

.promoSpecAddBtn {
    text-align:center;
    margin-bottom:18px !important;
}
    .promoSpecAddBtn button {
        width:210px;
        height:38px;
        padding:0px;
        margin:0px;
        border:0px;
        background-color:#494848;
        font-size:13px;
        color:#efefef;        
        opacity:0.75;
    }
    .promoSpecAddBtn button:hover {
        opacity:1;
        cursor:pointer;
    }
        .promoSpecAddBtn button:active {
            background-color:#151515;
        }
.promoSpecBtn {
   margin: 10px 0px !important;
   
}
    .promoSpecBtn button {
        font-size:15px;
        padding:3px 10px;
        margin:0 auto;
        width:50%;        
        line-height:26px;
        background-color:#34495c;
        color:#fff;
        border:0;
        opacity:0.75;
        cursor:pointer;    
        transition:all 0.25s;    
    }
        .promoSpecBtn button:hover {
            opacity:0.9;
            cursor:pointer;
        }
        .promoSpecBtn button:active {
            opacity:1;
        }

.promoteDetail .kt-promoList .kt-table td {
    width:auto;
}

.promoteDetail .kt-promoList .kt-table td.specList {
}

    .promoteDetail .kt-promoList .kt-table td.specList .specItem {
        border-bottom:1px dotted #aaa;
        font-size:13px;
        padding:5px 0px;
    }


@media (max-width: 992px) and (min-width: 0px) {
    .promoteDetail .kt-promoList .kt-table td.specList .specItem .kt-grid-2{
        width:50%;
    }
}


.swiper-wrapper-un {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.kt-container-full.prodDetail.s3 {
    margin:18px auto;
    padding:0px 0 18px;
    /*background-color:#fff;*/
}

    .kt-container-full.prodDetail.s3 .kt-detailInfo {
        background-color:#fff;
        float:none;
        padding:15px 0px;
    }
    .kt-container-full.prodDetail.s3 .kt-specTitle {
        background:no-repeat;
        display:inline-block;
        border-bottom:2px solid #01a6d3;
        color:#01a6d3;
        padding: 20px 43px 15px 40px !important;
        font-size:16px;
        height:inherit;
    }
    .kt-container-full.prodDetail.s3 .prodInfo .kt-specTitle {
        padding:0 !important;
        margin-left:0px !important;
        margin-right:0px !important;
        width:100%;
        height:33px;
    }



    .kt-container-full.prodDetail.s3 .shopRule.kt-tabstrip {
        background-color:#fff;
        padding:10px;
    }
    .kt-container-full.prodDetail.s3 .kt-tabstrip .kt-tabMenu {
        background:none;
    }


    .kt-container-full.prodDetail.s3 .kt-tabstrip .kt-tabBtn.target a{
        color:#01a6d3;
    }
    .kt-container-full.prodDetail.s3 .kt-tabstrip .kt-tabBtn.target {
        border-bottom: 2px solid #01a6d3;
    }


.kt-container-full.prodDetail .kt-detailInfo .specNum {
    width:212px;
    margin:0 auto 18px auto;
    position:relative;
    border:1px solid #c7c7c7;
}

.kt-container-full.prodDetail .kt-detailInfo .specNum .numAdd{
    width:38px;
    height:38px;
    display:block;
    float:left;
}

.kt-container-full.prodDetail .kt-detailInfo .specNum .numVal{
    width:calc(210px - 76px);
    height:38px;
    line-height:38px;
    margin:0;
    padding:0;
    text-align:center;
    float:left;
}
    .kt-container-full.prodDetail .kt-detailInfo .specNum .numVal .totalNumTxt {
        display:none;
    }
.kt-container-full.prodDetail .kt-detailInfo .specNum .numCut{
    width:38px;
    height:38px;
    display:block;
    float:right;
}

.kt-container-full.prodDetail .kt-detailInfo .specNum .numAdd button,
.kt-container-full.prodDetail .kt-detailInfo .specNum .numCut button{
    width:38px;
    height:38px;
    margin:0px;
    padding:0px;
    border:0;
    background-color:#fefefe;
    cursor:pointer;
    font-size:32px;
    /*font-weight:bold;*/
    color:#333;
}
    .kt-container-full.prodDetail .kt-detailInfo .specNum .numAdd button:hover,
    .kt-container-full.prodDetail .kt-detailInfo .specNum .numCut button:hover {
        background-color:#efefef;
    }
    .kt-container-full.prodDetail .kt-detailInfo .specNum .numAdd button:active,
    .kt-container-full.prodDetail .kt-detailInfo .specNum .numCut button:active {
        background-color:#eaeaea;
        color:#333;

    }

@media (max-width: 767px) and (min-width: 0px) {
    .kt-container-full.prodDetail.s3 .kt-tabstrip .kt-tabBtn {
        text-align:center;
    }
}

/**********************************************************************
    /Product/Detail       購物明細
***********************************************************************/
.kt-prodDetailTitle {}
.kt-container-full.prodDetail {
    margin:10px 8% 60px !important;
}
    .kt-container-full.prodDetail .kt-detailInfo {
        margin-bottom:20px;
    }
.kt-specTitle {
    height:30px;
    line-height:30px;
    font-size:20px;
    font-weight:300;
    color:#000;
    background-color:#efefef;
    margin:0px 0px 15px 0px !important;
    padding:0px 0px 0px 6px !important;    
}
    .kt-specTitle.s3 {
        background:none;
        display:inline-block;
        font-size:16px;                
        border-bottom:2px solid #40bcde;        
    }
        .kt-specTitle.s3 .selectSpecTxt {
            display:inline-block;
            background-color:#40bcde;
            color:#fff;
            padding:0 6px;
            
        }

.kt-detailInfo .deliveryStatus {
    margin: 0px;
    padding: 0px 20px 20px 20px;
    display: block; 
}

    .kt-detailInfo .deliveryStatus.s3 {
        width:calc(100% - 40px);
        margin: 0px;
        padding: 10px 20px 10px 20px;
        display: block;
        font-size:14px;
        font-weight:normal;
    }
        .kt-detailInfo .deliveryStatus.s3 .StatusResult {
            font-weight:normal;
        }
        .kt-detailInfo .deliveryStatus.s3 a {
            padding:0px 5px;
            color:#40bcde;
        }
            .kt-detailInfo .deliveryStatus.s3 a:hover {
                color:#f60;
            }


.kt-detailInfo .deliveryStatus .normal {
    color:#3cb240;
    font-weight:bold;
}
    .kt-detailInfo .deliveryStatus .unusual {
        color:#db0000;
        font-weight:bold;
        float:left;
        vertical-align:middle;
    }
        .kt-detailInfo .deliveryStatus button {
        float:left;
        vertical-align:middle;
        margin:0px 0px 0px 20px;
        }

.kt-specContent {
    width:auto;
    padding:10px;
}
    .kt-specContent img {
        max-width:100%;
    }

    .kt-specContent.specName {
        font-size:18px;
        color:#000;
        font-weight:bold;
        width:100%;
        margin:0;
        padding:0;
        width:calc(100% - 40px);
        margin:20px 0px 10px !important;
    }

ul.kt-specContent,
.kt-specContent {
    display:block;
    padding:0px !important;
    margin:10px 20px 20px 20px !important;
    width:auto;
}
    ul.kt-specContent li {
        display:block;
        width:100%;
        margin:0px 0px 8px 0px;
        padding:0px;
        color:#666;
        word-break:break-all;
    }
ul.kt-specOpt {
    display:block;
    margin:0px;
    padding:0px 0px 10px;
}



    ul.kt-specOpt li {
        display:block;
        width:auto;
        margin:0px 0px 0px 10px;
        padding:0px 0px;
    }

        ul.kt-specOpt li .optTitle {
            margin:8px 0px 8px 0px;
            padding:0 0 0 20px;
            background-image:url(/images/specTitle-star.png);
            background-repeat:no-repeat;
            background-position:3px center;
        }
        ul.kt-specOpt.s3 li .optTitle {
            background-image:url(/images/specTitle-star_s3.png);
            background-color:#fff;
            padding: 3px 0 3px 20px;
        }

.kt-specTitle .star {
    font-size:13px;
    color:#c9c9c9;
    margin:0px 6px;
    /*font-weight:bold;*/
}
ul.kt-specOpt.s3 li{
    background-color:rgba(248,248,248,1);
    
}
        ul.kt-specOpt li .optInfo {
            margin:8px 30px 8px 30px;
            color:#333;
            float:left;
            
        }
            ul.kt-specOpt li .optInfo label {
                min-width:45px;
                min-height:45px;
                padding:0px 8px 0px 8px;
                cursor:pointer;
                display:inline-block;
                line-height:45px;
            }
ul.kt-specOpt.s3 li .optInfo label {
    min-height:20px;
    line-height:20px;
}


    ul.kt-specOpt.s3 li .optInfo label.Disable,
    ul.kt-specOpt li .optInfo label.Disable  {
        opacity:0.2;
    }


.prodDetail .kt-priceGroup {
    width:calc(100% - 40px);
    margin:0px;
    padding:0px 20px 20px 20px;
    display:block;
}
    .prodDetail .kt-priceGroup li {
        margin:0px 0px 8px 0px;
        padding:0px;
        display:block;       
    }
    .prodDetail .kt-priceGroup .priceTitle,
    .prodDetail .kt-priceGroup .bonusTitle {
        font-size:16px;
    }
        .prodDetail .kt-priceGroup .kt-prodPrice.s3 .priceTitle,
        .prodDetail .kt-priceGroup .kt-prodBonus.s3 .bonusTitle {
            font-size:13px;            
        }

    .prodDetail .kt-priceGroup .kt-prodPrice.s3.addText {        
        padding:0px 0px 20px;
        position:relative;
    }
    .prodDetail .kt-priceGroup .kt-prodPrice.s3 .priceTitle .priceSymbol {
        color:#e71f19;
        font-family: Verdana, Helvetica, Arial;
        margin:0 3px;
        font-weight:bold;
    }


    .prodDetail .kt-priceGroup .priceNum {
        font-size:27px;
        color:#e71f19;
        font-family:Verdana, Helvetica, Arial;
    }
        .prodDetail .kt-priceGroup .priceNum .priceSymbol {
            font-size:10px;
        }
    .prodDetail .kt-priceGroup .priceNum .delPrice{
        color: #cfcfcf;
        text-decoration: line-through;
        position: absolute;
        font-size: 10px;
        left: 0;
        bottom: -15px;
        font-family: Verdana, Helvetica, Arial;
    }


    .prodDetail .kt-priceGroup .bonusNum {
        font-size:13px;
        color:#e71f19;
    }

.prodDetail ul.kt-addCart {
    margin:0px;
    padding:10px 0px 20px 0px;
    display:block;
}

    .prodDetail ul.kt-addCart li {
        margin:0px;
        padding:0px;
        display:inline-block;
        height:33px;
        vertical-align:middle;
        float:left;
    }

        .prodDetail ul.kt-addCart li.addCarNum {
            width:calc(100% - 150px);            
        }
    .prodDetail ul.kt-addCart .addCarNum input[type="number"] {        
        height:33px;
        width:calc(100% - 2px);
        border:1px solid #a9a9a9;
        padding:0px 6px;
        margin:0px;
        font-size:16px;
        text-align:center;
        box-sizing:border-box;
    }
    .prodDetail ul.kt-addCart .addCartBtn {
        margin:0px 0px 0px -3px;
        width:150px;
    }
    .prodDetail ul.kt-addCart .addCartBtn button {        
        height:33px;
        width:100%;
        border:1px solid #a9a9a9;
        box-sizing:border-box;
    }
        .prodDetail ul.kt-addCart .addCartBtn button:hover {
            cursor:pointer;
            background-color:#e8e8e8;
        }

.kt-prodImg {
    width:calc(100% - 60px) !important;
    height:100%;
    margin:0px 30px;
    padding:0px 0px 40px;
    position:relative;
}
    .kt-prodImg .ktProd-next,
    .kt-prodImg .ktProd-prev {
        width:50px;
        height:100%;
        display:block;
        position:absolute;
        top:0px;
        z-index:1;
        cursor:pointer;
        background-color:#fff;     
    }
        .kt-prodImg .ktProd-next .arrowBg,
        .kt-prodImg .ktProd-prev .arrowBg {
            width:25px;
            height:110px;
            display:block;
            position:absolute;

        }

    .kt-prodImg .ktProd-next {
        right:0px;        
    }
        .kt-prodImg .ktProd-next .arrowBg {
            background-image:url(/images/ktProd-nextBg.png);
            background-repeat:no-repeat;
            background-position:center;
            position:absolute;
            left:0px;
            top:50%;
            transform:translateY(-50%);
            opacity:0.85;
            overflow:hidden;

        }
            .kt-prodImg .ktProd-next .arrowBg .arrowImg {
                background-image:url(/images/ktProd-nextArrow.png);
                background-repeat:no-repeat;
                background-position:center;
                width:25px;
                height:110px;
                display:block;
                position:absolute;
                left:-6px;
                transition:all 0.15s;
                opacity:0.65;        
            }
            .kt-prodImg .ktProd-next .arrowBg:hover .arrowImg {
                left:-3px;
                opacity:1;
            }
            .kt-prodImg .ktProd-next .arrowBg:active .arrowImg { 
                transition:all 0.15s;                
                left:-6px; 
                opacity:0.65;               
            }
    .kt-prodImg .ktProd-prev {
        left:0px;
    }
        .kt-prodImg .ktProd-prev .arrowBg {
            background-image:url(/images/ktProd-prevBg.png);
            background-repeat:no-repeat;
            background-position:center;
            position:absolute;
            right:0px;
            top:50%;
            transform:translateY(-50%);
            opacity:0.85;
            overflow:hidden;
        }
        .kt-prodImg .ktProd-prev .arrowBg .arrowImg {
            background-image:url(/images/ktProd-prevArrow.png);
            background-repeat:no-repeat;
            background-position:center;
            width:25px;
            height:110px;
            display:block;
            position:absolute;
            right:-6px;
            transition:all 0.15s;
            opacity:0.65;
         }
        .kt-prodImg .ktProd-prev .arrowBg:hover .arrowImg {
            right:-3px;
            opacity:1;
        }
        .kt-prodImg .ktProd-prev .arrowBg:active .arrowImg {
            transition:all 0.15s; 
            right:-6px;
            opacity:0.65;
            
        }

.ktprodImgNav {
    margin:10px 0px 0px 0px;
    height:30px;
    line-height:30px;
    font-size:17.5px;
}

.kt-fbLike {
    padding:15px 0px;
}
    .kt-fbLike.s3 {
        width:calc(100% - 30px);
        height:20px;
        line-height:20px;
        margin:0px 15px;
    }
        .kt-fbLike.s3 .prodCode {
            text-align:right;
            font-size:12px;
            color:#cfcfcf;
        }
.kt-photoPromo {
    width:calc(100% - 20px);
}

.kt-prodPromoList {
    width:calc(100% - 26px);
    padding:3px;
    margin:0px 0px 15px 0px;
}
    .kt-prodPromoList.s3 {
        width:calc(100% - 6px);
    }

    .kt-prodPromoList .kt-promoEvent {
        width:100%;
        border:1px solid #efe6e6;
        display:block;
        padding:3px 0px;
        color:#e71f19;
        line-height:30px;
        transition:all 0.4s;
        cursor:pointer;
    }

        .kt-prodPromoList.s3 .kt-promoEvent:hover {
           border:1px solid #40bcde ; 
        }
    .kt-prodPromoList.s3 .kt-promoEvent:hover a:hover {
        color:#40bcde;
        
    }
        .kt-prodPromoList .kt-promoEvent:hover {
            border:1px #09f solid ;
        }
            .kt-prodPromoList .kt-promoEvent:hover a {
                color:#09f;
            }
        .kt-prodPromoList .kt-promoEvent a {
             color:#e71f19;    
             transition:all 0.4s;     
        }
            .kt-prodPromoList .kt-promoEvent a:hover {
                color:#09f;

            }
        .kt-prodPromoList .kt-promoEvent .eventTitle {
            text-align:center;
        }
        .kt-prodPromoList .kt-promoEvent .eventDate {
            text-align:center;
        }



.kt-container-full.prodDetail .kt-detailInfo .kt-tabstrip {

}
    .kt-container-full.prodDetail .kt-detailInfo .kt-tabstrip .kt-tabMenu {

    }
        .kt-container-full.prodDetail .kt-detailInfo .kt-tabstrip .kt-tabMenu .kt-tabBtn {
            padding: 0px 10px;
            display:inline-block;
            cursor:pointer;
        }





/*
    產品明細頁 產品圖
*/


.mainPhoto {
    width:100%;
    height:300px;
    display:block;
    margin-bottom:10px;                                        
}
    .mainPhoto .zoomWrapper {
        margin:auto;
        display:flex;               
        align-items:center;
        justify-content:center;
        min-height:100%;
    }
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){
     .mainPhoto .zoomWrapper {
        display:block;
    }
}


        .mainPhoto .zoomWrapper img {
        max-height:300px; 
        }
.swiper-wrapper {
                                        
}
.swiper-container {
    width:100%;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    background-size: cover;
    background-position: center;
}

.gallery-thumbs {
    width:calc(100% - 40px);
    max-height:200px;
    margin:0px 20px;
    box-sizing: border-box;
    padding: 10px 0;
}
    .gallery-thumbs .swiper-slide {
        width: 25%;
        height: 100%;
    }
        .gallery-thumbs .swiper-slide a {
            width: 100%;
            height:200px;
            display:flex;
            align-items:center;
            justify-content:center;

        }
            .gallery-thumbs .swiper-slide a img {
                                                    

            }
    .gallery-thumbs .swiper-slide-thumb-active {
        opacity: 1;
    }
#fbplus-wrap {
    z-index:999999;
}
.ZoomContainer {
    z-index:999;
}









@media (min-width: 0px) and (max-width: 992px) {
    .kt-fbLike.s3 {
        height:35px;
    }
        .kt-fbLike.s3 .kt-grid-2 {
            height:35px;
        }
    .kt-prodPromoList.s3 {
        width:calc(100% - 6px);
    }
    .prodDetail .kt-priceGroup {
        width:calc(100% - 40px);        
        margin: 0px;
        padding: 0px 20px 20px 20px;
        display: block;
        text-align:center;
    }
    .kt-detailInfo .deliveryStatus.s3 {
        width:calc(100% -  40px);
        padding: 10px 20px 10px 20px;
        
    }

    .kt-container-full.prodDetail {
        /*margin: 30px 6%;*/
    }
    .kt-photoPromo.kt-specTitle {
        width:100%;
    }
        .kt-prodPromoList {
        width:100%;
    }

    .shopRule .kt-tabMenu {
        display:none;
    }
    .shopRule .ruleTitle {
        height: 30px;
        line-height: 30px;
        font-size: 20px;
        font-weight: 300;
        color: #000;
        background-color: #efefef;
        margin: 15px 0px 15px 0px !important;
        padding: 0px 0px 0px 6px !important;
        display:block !important;
        clear:both;
        position:relative;
    }
        .shopRule .ruleTitle .disTxt {
            height:30px;
            line-height:30px;
            font-size:13px;
            position:absolute;
            right:10px;
            top:0;
            font-weight:normal;
            color:#06f;
            z-index:1;
           
        }

            .shopRule.kt-tabstrip .kt-tabContent .kt-contentInfo.target .ruleInfo {
                   
            }
            .shopRule.kt-tabstrip .kt-tabContent .kt-contentInfo .ruleInfo {
                    display:none;
            }
    .storeRule .ruleInfo, .storeRule .ruleInfo.target .disTxt{
    z-index:-1;
        
    }


    .kt-tabstrip .kt-tabContent .kt-contentInfo {
        display:block;
    }

    .kt-fbLike.s3 {
        width:auto;
        margin:15px;
    }
    .kt-fbLike.s3 .prodCode {
        text-align:left;
    }

}
@media (min-width: 0px) and (max-width: 1280px) {
    .kt-prodImg {
        width:100% !important;
        margin:0px 0px;
    }
        .kt-prodImg .ktProd-next,
        .kt-prodImg .ktProd-prev {
            display:none;
        }
}



@media (min-width: 0px) and (max-width: 768px) {

	.prodDetail ul.kt-specContent,
	.prodDetail .kt-specContent {	    
	    margin:0px !important;	    
	}
}





.kt-container-full.prodDetail.s3 .kt-detailInfo {
    padding:0;
}

    .kt-container-full.prodDetail.s3 .kt-detailInfo .prodInfo {
        margin-bottom:10px;
    }

.kt-detailInfo .kt-tabstrip {
    margin:0;
    padding:0;
}

.noQuestion {
    width:100%;
    background-color: #fff6f5;
    color: #e21c00;
    padding:8px;
    margin:0;
}

.detailFaq {
    
}
    .detailFaq .faqItem {
        margin:10px 0px;
        padding:5px 0px;
        font-size:16px;
        border-bottom:1px solid #cfcfcf;
        
    }
        .detailFaq .faqItem .content {
            width:calc(100% - 180px);
            margin:10px 0px 10px 160px;
            display:block;
            line-height:26px;
            color:#666;
            
        }
        .detailFaq .faqItem .contentUser {
        }
            .detailFaq .faqItem .contentUser .title {
                width:150px;
                text-align:right;
                display:inline-block;
                height:30px;
                line-height:30px;
                margin:0;
                padding:0;

            }
            .detailFaq .faqItem .contentUser .name {
                height:30px;
                line-height:30px;
                display:inline-block;
            }
            .detailFaq .faqItem .contentUser .date {
                color:#999;
                margin:0px 0px 0px 10px;
                display:inline-block;
                font-size:13px;
            }
        .detailFaq .faqItem .reply {
            background-color:#f6f6f6;
            padding:10px 0px;
            width:calc(100% - 170px);
            padding:10px;
            margin:0px 0px 10px 150px;
            line-height:26px;
                           
        }
            .detailFaq .faqItem .reply .title {
                width:50px;
                text-align:center;
                display:inline-block;
                float:left;
                margin:0px 10px 0px 10px;
            }
            .detailFaq .faqItem .reply .answerTxt {
                float:left;
                width:calc(100% - 160px);
                display:inline-block;
            }
.questionPost {
    width:100%;
    background-color:#f6f6f6;
    padding:15px;
}

.questionPost .title {
    font-size:16px;
    margin:10px 0px;
}
    .questionPost .title .annotation {
        font-size:12px;
        color:#db0000;
        margin-left:10px;
    }
    .questionPost .postInfo {
        width:100%;
        height:110px;
        margin:10px 0px;
    }
        .questionPost .postInfo textarea {
            width:100%;
            height:100%;
            display:block;
            line-height:22px;
        }
    .questionPost .privacy {
        display:inline-block;
        float:left;
        height:38px;
        line-height:38px;
        
        
    }
        .questionPost .privacy input {
            vertical-align:middle;
        }

    .questionPost .vCode {        
        float:right;
        height:38px;
        line-height:38px;
    }
        .questionPost .vCode .title {
            display:inline-block;
            margin:0;
            padding:0;

        }
        .questionPost .vCode .write {
            display:inline-block;
            width:80px;
        }
            .questionPost .vCode .write input {
                width:100%;
            }
        .questionPost .vCode .codeImg {
            display:inline-block;

        }
            .questionPost .vCode .codeImg img {
                vertical-align:middle;
            }
        .questionPost .vCode .reOutput {
            display:inline-block;
            font-size:13px;
        }
    .questionPost .sendBtn {
        margin:30px 30px 10px;
        text-align:center;
    }

.evaluateItem {
    margin:10px;
    border-bottom:1px solid #cfcfcf;
}

    .evaluateItem .head {
    }
        .evaluateItem .head .star {
        }
            .evaluateItem .head .star .evaluateStar {
                width:18px;
                height:18px;
                display:inline-block;
                float:left;
                background-image:url(/images/star.png);
                background-position:left center;
                background-repeat:repeat-x;
            }
                .evaluateItem .head .star .evaluateStar.star1 {
                    width:18px;
                }
                .evaluateItem .head .star .evaluateStar.star2 {
                    width:36px;
                }
                .evaluateItem .head .star .evaluateStar.star3 {
                    width:54px;
                }
                .evaluateItem .head .star .evaluateStar.star4 {
                    width:72px;
                }
                .evaluateItem .head .star .evaluateStar.star5 {
                    width:90px;
                }

    .evaluateItem .content,
    .evaluateItem .buyer {        
        margin:5px 0px;        
        line-height:26px;
    }
        .evaluateItem .content .title,
        .evaluateItem .buyer .title {
            display:block;
            float:left;
            width:70px;
            text-align:center;
        }
        .evaluateItem .content .info,
        .evaluateItem .buyer .info {
            width:calc(100% - 100px);
            display:block;
            float:left;
        }

            .evaluateItem .buyer .info .time {
                font-size:13px;
                color:#999;
            }


.kt-tabstrip .kt-tabContent .kt-contentInfo .mobileTitle {
    display:none;
}

@media (min-width: 0px) and (max-width: 992px) {

    .kt-container-full.prodDetail.s3 .kt-detailInfo .kt-tabstrip .kt-tabMenu {
        display:block;        
    }
    .kt-container-full.prodDetail.s3 .kt-detailInfo .kt-tabstrip .kt-tabBtn {
        width:100%;
    }

    .kt-container-full.prodDetail.s3 .kt-detailInfo .kt-tabContent .kt-contentInfo {
        display:none;
    }
    .kt-container-full.prodDetail.s3 .kt-detailInfo .kt-tabContent .kt-contentInfo.target {
        display:block;
    }

    .kt-tabstrip .kt-tabContent .kt-contentInfo .mobileTitle {
        display:block;
        text-align:center;
        font-size:20px;
        color:#333;
        margin-bottom:10px;        
    }
        .kt-tabstrip .kt-tabContent .kt-contentInfo .mobileTitle h3 {
            background-color:#f3f3f3;
            padding:10px 0px;
        }
    .detailFaq .faqItem .contentUser {
        text-align:center;
    }
    .detailFaq .faqItem .contentUser span {
        display:inline-block;
        width:auto !important;
    }
        .detailFaq .faqItem .contentUser .date {
            display:none;            
        }
    .detailFaq .faqItem .content {
        margin:10px 5px;
        padding:0;
        width:100%;
    }
    .detailFaq .faqItem .reply {
        margin:0;
        padding:10px 0;
        width:100%;
    }
        .detailFaq .faqItem .reply .answerTxt {
            width:calc(100% - 80px);
            padding:0px 5px 10px;
        }
  
    
}/*end media*/



/**********************************************************************
    評價
***********************************************************************/
.kt-container-full.prodListPreview {
}

    .kt-container-full.prodListPreview .listInfo {
        margin-bottom:15px;
    }

    .kt-container-full.prodListPreview .previewValue {
        margin:0;
        padding:0;
        display:block;
        text-align:center;
    }


        .kt-container-full.prodListPreview .previewLevel {
            width:calc(100% / 5 - 100px);
            margin:0 10px;
            padding:0;
            display:inline-block;
            height:30px;
               
        }

            .kt-container-full.prodListPreview .previewLevel label {
                width:100%;
                height:100%;
                display:block;
                text-align:center;
                position:relative;
                cursor:pointer;

            }

            .kt-container-full.prodListPreview .previewLevel input {
                line-height:1;
                display:inline-block;
                height:18px;
                margin:0;
                padding:6px;                
            }
            .kt-container-full.prodListPreview .previewLevel span.star {
                background-image:url(/images/star.png);
                background-repeat:repeat-x;
                background-position:left 10px;
                width:18px;
                height:30px;
                display:inline-block;                
            }
            .kt-container-full.prodListPreview .previewLevel span.text {
                display:inline-block;
                margin:0;
                padding:0;
                height:30px;
                line-height:30px;
                box-sizing:border-box;
                vertical-align:bottom;

            }

        .kt-container-full.prodListPreview .star.value_1 {
            width:18px !important;
        }
        .kt-container-full.prodListPreview .star.value_2 {
            width:36px !important;
        }
        .kt-container-full.prodListPreview .star.value_3 {
            width:54px !important;
        }
        .kt-container-full.prodListPreview .star.value_4 {
            width:72px !important;
        }
        .kt-container-full.prodListPreview .star.value_5 {
            width:90px !important;
        }

    .kt-container-full.prodListPreview .msgText {
        width:calc(100% - 50px);
        height:260px;
        display:block;
        margin:25px;
    }
        .kt-container-full.prodListPreview .msgText textarea {
            width:100%;
            height:100%;
            padding:5px;            
        }


        

@media (min-width: 0px) and (max-width: 1480px) {
    .kt-container-full.prodListPreview .previewLevel {
        width:100%;
        height:45px;
    }
    .kt-container-full.prodListPreview .previewLevel label {
        text-align:left;
    }

}


/**********************************************************************
    swiper
***********************************************************************/
                        .swiper-container {
                          width: 100%;
                          height: 100%;
                          overflow:hidden;                          
                        }
                        .swiper-slide {
                          text-align: center;
                          font-size: 18px;
                          background: #fff;
                          /* Center slide text vertically */
                          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;
                          overflow:hidden;
                        }


/********************************************************************** 
    sidenav
***********************************************************************/
.sidenav {
    height: 100%;
    width: 500px;
    position: fixed;
    z-index: 102;
    top: 0;
    left: -500px;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.4s;
}

.closeNavBg {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 101;
    top: 0;
    left: -100%;
    transition: 0.2s;
    background-color: #000;
    opacity: 0.8;
}

.sidenav .prodTypeBtn {
    padding: 6px 15px;
    border-left: 4px solid #1abc9c;
    border-bottom: 1px solid #ccc;
    transition: all 0.25s;
}

    .sidenav .prodTypeBtn:hover {
        border-left: 4px solid #fa3b44;
    }

    .sidenav .prodTypeBtn a {
        width: 100%;
        height: 100%;
        display: block;
        transition: all 0.25s;
    }

        .sidenav .prodTypeBtn a:hover {
            color: #fa3b44;
        }

    .sidenav .prodTypeBtn.info {
        border-left: 4px solid #ff8f01;
    }
    .sidenav .prodTypeBtn.info a {
        color:#ff8f01;
    }

.sidenav .optBtn {
    border-bottom: 1px solid #ccc;
}

    .sidenav .optBtn .opt:first-child {
        width: calc(50% - 1px);
        border-right: 1px solid #ccc;
    }

    .sidenav .optBtn .opt {
        height: 50px;
        line-height: 50px;
        padding: 0px;
        position:relative;
    }

        .sidenav .optBtn .opt a {
            width: 100%;
            height: 100%;
            display: block;
            background-color: #1abc9c;
            color: #fff;
        }

            .sidenav .optBtn .opt a:hover {
                background-color: #bdc3c7;
            }

        .sidenav .optBtn .opt .txt {
            position: relative;
        }

        .sidenav .optBtn .opt a .shopCarCount {
            background-color: #fa3b44;
            color: #fff;
            padding: 0 4px;
            position: absolute;
            right: -25px;
            top: -6px;
            display: inline-block;
            line-height: 1.615;
            border-radius: 4px;
            font-weight: normal;
            font-size: 13px;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
        }






.sidenav .lang {
    position:relative;

    background-color:#fbfbfb;
    border-bottom: 1px solid #ccc;
    transition:all 0.25s;
}
    .sidenav .lang .langTarget {
        z-index:2;
        border-left: 4px solid #06f;
        position:relative;
    }
        .sidenav .lang .langTarget a {
            color:#06f;
            width:100%;
            height:100%;
            display:block;
            padding: 6px 15px;
        }
    .sidenav .lang .subArrow {
        width:30px;
        height:30px;
        display:block;
        border-left:1px solid #ccc;
        position:absolute;
        right:0;
        top:0;        
    }
        .sidenav .lang .subArrow span {
            width:100%;
            height:100%;
            display:block;
            background-image:url(/images/langArrow_sideMenu.png);
            background-position:center;
            background-repeat:no-repeat; 
            transition: all 0.6s;
            transform: rotate(-90deg);
            opacity:0.6;       
        }

    .sidenav .lang.target .langList {
        display:block
    }
    .sidenav .lang.target .subArrow span {
        transform: rotate(0deg);
        opacity:1;        
    }

    .sidenav .lang .langList {
        list-style:none;
        margin:0;
        padding:0;         
        display:none;
        border-top: 1px solid #ccc;
        background-color:#fff;
    }
        .sidenav .lang .langList li {
            width:100%;            
            display:block;            
            border-bottom: 1px solid #ececec;
            margin:0;
            padding:0;    

        }
            .sidenav .lang .langList li:last-child {
                border:0;
            }
            .sidenav .lang .langList li a {
                width:100%;
                cursor:pointer;
                display:block;
                padding: 6px 15px 6px 19px;       
            }


@media (min-width: 0px) and (max-width: 992px) {
    .sidenav .optBtn .opt {
        width: 50%;
    }

    .navTitle .kt-grid-2 {
        width: 50%;
    }
}

.sidenav .closeBtn a {
    text-align: right;
    text-decoration: none;
    color: #666;
    transition: 0.3s;
}

    .sidenav .closeBtn a span {
        margin-right: 7px;
        margin-top: 6px;
    }

    .sidenav .closeBtn a:hover {
        color: #000;
    }

.sidenav .navTitle {
    border-bottom: 1px solid #ccc;
    height: 30px;
    line-height: 30px;
}

    .sidenav .navTitle .text {
    }

    .sidenav .navTitle .closeBtn {
    }

.navProdList {
    width: 100%;
    display: block;
}

.sidenav .navProdList .prodItem {
    width: 100%;
    display: block;
    background-color: #fbfbfb;
}

    .sidenav .navProdList .prodItem .name {
        padding: 6px 15px;
        border-left: 4px solid #666;
        border-bottom: 1px solid #ccc;
        width: calc(100% - 30px);
        position:relative;
    }

        .sidenav .navProdList .prodItem .name a {
            margin: 0px;
            padding: 0px;
            color: #666;
            display: block;
            position:relative;
        }

            .sidenav .navProdList .prodItem .name a:hover {
                color: #666;
            }

            .sidenav .navProdList .prodItem .name .text {
                height: 26px;
                line-height: 26px;
                font-size: 16px;
                font-weight: 600;
                color: #000;
                width: calc(100% - 53px);
                float: left;
                display: block;
            }
                .sidenav .navProdList .prodItem .name .text a {
                    color:#666;
                }
                    .sidenav .navProdList .prodItem .name .text a:hover {
                        color:#16a085;
                    }

            .sidenav .navProdList .prodItem .name .describe {
                font-size: 13px;
                height: 26px;
                line-height: 26px;
                width: calc(100% - 63px);
                float: left;
                display: block;
                overflow: hidden;
            }

            .sidenav .navProdList .prodItem .name .icon {
                position:absolute;
                right:0px;
                top:1px;
                height: 62px;
                width: 62px;
                display:block;
                border-left:1px solid #ccc;                             
                opacity:0.45;
                transition:all 0.6s;                
            }

        .sidenav .navProdList .prodItem.target .name .icon {
            opacity:1;
            border-left:1px solid #e74c3c;   
            

        }

                .sidenav .navProdList .prodItem .name .icon .glyphicon {
                    background-image:url(/images/navProdListIcon.png);
                    background-position:center;
                    background-repeat: no-repeat;   
                    width:62px;
                    height:62px;
                    display:block;
                    position:absolute;
                    transition:all 0.6s;
                    transform:rotate(-90deg);
                }
                .sidenav .navProdList .prodItem.target .name .icon .glyphicon,
                .sidenav .navProdList .prodItem .name .icon:hover .glyphicon {
                    transition:all 0.6s;
                    transform:rotate(0deg);
                    
                }

                .sidenav .navProdList .prodItem .name .icon:hover {
                    opacity:1;
                }
                .sidenav .navProdList .prodItem .name .icon a {
                    width:100%;
                    height:100%;
                    display:block;
                }



    .sidenav .navProdList .prodItem .prodSubList {
        margin: 0px;
        padding: 0px 0px 2px;
        display: none;
    }

    .sidenav .navProdList .prodItem.target .prodSubList {
        display: block;
        background-color: #fff;
        border-bottom: 1px solid #ccc;
    }

    .sidenav .navProdList .prodItem.target .name {
        border-left: 4px solid #e74c3c;
    }

    .sidenav .navProdList .prodItem .prodSubList a {
        padding: 0px;
        cursor: pointer;
        color: #666;
        height: 56px;
        overflow: hidden;
        display: block;
        border: 1px solid #ccc;
        margin: 2px;
        width: calc(50% - 6px);
        float: left;
        transition: 0.3s;
    }

        .sidenav .navProdList .prodItem .prodSubList a:hover {
            transition: 0.3s;
            color: #fff;
            background-color: #16a085;
        }

        .sidenav .navProdList .prodItem .prodSubList a span {
            font-size: 16px;
            line-height: 16px;
            margin: 12px 0px;
            height: 32px;
            width: 100%;
            /*border:1px solid #ccc;*/
            /*display:table-cell;*/
            display: block;
            vertical-align: middle;
            overflow: hidden;
        }

@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

        .sidenav a {
            font-size: 18px;
        }
}

@media (max-width: 768px) {
    .sidenav {
        width: 75%;
        left: -75%;
    }

    .s-text-align-clear {
        text-align: inherit !important;
    }

    .s-text-align-center {
        text-align: center !important;
    }
}

@media (max-width: 992px) {
    .sidenav {
    }
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-triangle-bottom:before {
    content: "\e252";
}


@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(/fonts/glyphicons-halflings-regular.eot);
    src: url(/fonts/glyphicons-halflings-regular.eot#iefix) format('embedded-opentype'), 
         url(/fonts/glyphicons-halflings-regular.woff2) format('woff2'), 
         url(/fonts/glyphicons-halflings-regular.woff) format('woff'), 
         url(/fonts/glyphicons-halflings-regular.ttf) format('truetype'), 
         url(/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg');
}


/**********************************************************************
    手機畫面頁首
***********************************************************************/

.cellHead {
    width:100%;
    height:60px;
    display:none;
    clear:both;
    background-color:#efefef;
}
    .cellHead .callMenu {
        width:60px;
        height:60px;
        display:block;
        float:left;
        background-color:#bdc3c7;
    }        
        .cellHead .callMenu a,
        .cellHead .cellCart a { 
            width:100%;
            height:100%;
            display:block;
        }
        .cellHead .callMenu span.icon {
            background-image:url(/images/cellBtn-menu.png);
            background-position:center;
            background-repeat:no-repeat;
            width:100%;
            height:100%;
            display:block;
        }
    .cellHead .logo {
        width:calc(100% - 120px);
        max-height:60px;
        float:left;
    }
        .cellHead .logo a {
            width:100%;
            height:100%;
            display:block;
        }
        .cellHead .logo img {            
        max-height:60px;

        } 
    .cellHead .cellCart {
        width:60px;
        height:60px;
        display:block;
        float:right;
        background-color:#bdc3c7;
        position:relative;
    }        
        .cellHead .cellCart span.icon {
            background-image:url(/images/cellBtn-cart.png);
            background-position:center;
            background-repeat:no-repeat;
            width:100%;
            height:100%;
            display:block;
           
        }
            .cellHead .cellCart .cartNum {
                position:absolute;
                left:28px;
                top:11px;
                background-color:#ed0000;
                color:#fff;
                padding:0px 3px;
                border-radius:3px;
                font-size:11px;
                max-width:28px;
                overflow:auto;
                line-height:16px;
            }
@media (min-width: 0px) and (max-width: 768px) {
    .cellHead {
        display:block;
        position:fixed;
        z-index:10;
    }
    .outSideWrapper {
        padding-top:0px;
    }
}






/**********************************************************************
    /Order/OrderConfirm   訂單確認
***********************************************************************/

.contactHL {
    width:100%;
}


@media (min-width: 0px) and (max-width: 992px) {
    .OrderConfirm .discountBtn {
        text-align:center;
    }
        .OrderConfirm .inputInfo.discountBtn input[type="button"]{
            margin:10px;
        }
}



@media (min-width: 0px) and (max-width: 768px) {
    .OrderConfirm table.confirmList thead {
        display:none;
    }
    .OrderConfirm table.confirmList tbody tr td {
        display:table-row;
        line-height:32px;             
    }
    .OrderConfirm table.confirmList tr td .cellInfo {
        display:table-cell;
        vertical-align:middle;
        text-align:center;
        width:80%;
        line-height:32px;
    }
    .OrderConfirm table.confirmList tr td:before {
        content: attr(data-th) " ";
        display: table-cell;
        font-weight: bold;
        width: 100px;
        vertical-align: middle;
        color: #454545;
        text-align: right;
        padding: 10px 0px;
        width:150px;
        line-height:32px;
    }
}

/**********************************************************************
    /Shop/Car   購物車明細
***********************************************************************/
.shopCar {
}
    .shopCar .curretListTotal {
        text-align:right;
        font-size:17.5px;
        margin:30px 15px;
        color:#db0000;
        clear:both;
    }

    .shopCar .PSCTitle {
        font-size: 1.35rem;
        line-height: 110%;
        margin: 0.82rem 0 0.82rem 0;
        text-align:center;        
        padding:15px;
        margin:0px 0px 30px 0px;
        background-color: #f9fbe7;
    }

    .shopCar.element {
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);        
    }


    .kt-table .shopList td.prodSpecList .specItem {
        border-bottom:1px dotted #aaa;
        font-size:13px;
        padding:5px 0px;
    }


@media (max-width: 992px) and (min-width: 0px) {
    .kt-table .shopList td.prodSpecList .specItem .kt-grid-2{
        width:50%;
    }
}

@media (min-width: 0px) and (max-width: 768px) {
    .shopCar .PSCTitle {
        margin-bottom:1px;
    }
    .shopCar .kt-table .shopList thead,
    .shopCar.element .kt-table thead {
        display:none;
    }
    .shopCar .kt-table .shopList tr,
    .shopCar.element .kt-table table tr {
       
    }
    .shopCar .kt-table .shopList tr td,
    .shopCar.element .kt-table table.centered tr td {
        display:table-row;
        text-align:center;
        width:100%;
        margin:0px;
        padding:0px;                       
    }
        .shopCar .kt-table .shopList tr td .cellTd,
        .shopCar.element .kt-table table.centered tr td .cellTd {
            display:table-cell;
            width:75%;
            padding:10px 0px;           
            text-align:center;
            vertical-align:middle;

        }
        .shopCar .kt-table .shopList tr td input,
        .shopCar.element .kt-table table.centered tr td input {
            text-align:center;
            
        }
         .shopCar .kt-table .shopList tr td:before,
        .shopCar.element .kt-table table.centered tr td:before {
            content: attr(data-th) " ";
            display:table-cell; 
            font-weight: bold;
            width:100px;
            padding:10px 15px;
            border-right:1px solid #999;
            vertical-align:middle;
            color:#454545;
           
                      
        }


}

/**********************************************************************
    /Order/OrderList    訂單查詢
    /Order/OrderDetail  訂單明細
    /Order/OrderConfirm 訂單確認
***********************************************************************/
.OrderList {
}   
.OrderDetail-listInfo table tr td{
    border-right:1px solid #d0d0d0 !important;
}


.OrderConfirm .promoteTable {
    margin:18px 0;
}
    .OrderConfirm .promoteTable .promoTitle {
        text-align:center;
        background-color:#fcfcfc;
        color:#f60;
    }

@media (min-width: 0px) and (max-width: 768px) {
    .OrderDetail table thead {
        display:none;
    }
    .OrderDetail table tbody tr td {
        display:table-row;        
    }
    .OrderDetail table tr td .cellInfo {
        display:table-cell;
        vertical-align:middle;
        text-align:center;
        width:80%;
    }
    .OrderDetail table tr td:before {
        content: attr(data-th) " ";
        display: table-cell;
        font-weight: bold;
        width: 100px;
        vertical-align: middle;
        color: #454545;
        text-align: right;
        padding: 10px 0px;
        width:180px;
    }
}
@media (min-width: 0px) and (max-width: 768px) {
    
    .OrderList table thead{
        display:none;
    }
    .OrderList table tbody tr td {
        display:table-row;        
    }
    .OrderList table tr td .cellInfo {
        display:table-cell;
        vertical-align:middle;
        text-align:center;
        width:80%;
    }
    .OrderList table tr td:before {
        content: attr(data-th) " ";
        display: table-cell;
        font-weight: bold;
        width: 100px;
        vertical-align: middle;
        color: #454545;
        text-align: right;
        padding: 10px 0px;
        width:180px;
    }
}
/**********************************************************************
    /Order/OrderList    訂單查詢與訂單明細皆在同一頁
***********************************************************************/

.table.OrderList {
    border:1px solid #efefef;
}
    .table.OrderList .thead {
        background-color:#efefef;
        height:30px;                
    }
    .table.OrderList .thead .tr {
        display:block;
        height:30px;        
    }
    .table.OrderList .thead .th {
        display:flex;
        align-items:center;
        justify-content:center;
        height:30px;
        line-height:30px;        
        font-size:16px;
        float:left;
        width:20%;        
    }
        .table.OrderList .thead .tr .th.fn {
            min-width:60px;
        }

    .table.OrderList .tbody {
        display:block;
        height:auto;
    }
    .table.OrderList .tbody .tr {
        display:block;
        border-bottom:1px solid #fdfdfd;
        clear:both;
        height:auto;
    }

        .table.OrderList .tbody .tr.odd {
        background-color:#efefef;
            
        }

    .table.OrderList .tbody .td {
        display:flex;
        align-items:center;
        justify-content:center;
        min-height:100%;
        padding:5px 0px;
        width:20%;
        float:left;

    }
        .table.OrderList .tbody .td span {
  
        }
        
        .table.OrderList .tbody .td:last-child {
            display:block;
        }

        .table.OrderList .tbody .td a {
            display:inline-block;
            cursor:pointer;
        }
        .table.OrderList .tbody .td span {
            display:inline-block;
        }
        .table.OrderList .tbody .td .btn {
            display:block;
            font-size:13px;
            width:calc(100% - 10px);
            margin-bottom:10px;
            line-height:normal;
            text-align:center;
            height:40px;
            line-height:35px;
            
        }

            .table.OrderList .tbody .td .btn.disable {
                opacity:0.3;
                cursor:default;
            }



            .table.OrderList .tbody .td .btn:last-child {
                margin-bottom:0;

            }

        .table.OrderList .tbody .tr.info {
            width:100%;
            display:table-cell;
        }


    .table.OrderList .DetailInfo {
        width: 100%;
        border-bottom: 1px solid #dfdfdf;
        padding: 5px;
        margin: 0;
        clear: both;
        background-color:#cccccc;
        
    }

    .table.OrderList .DetailInfo .outLine {

        
        border:1px solid #dfdfdf;
    }

        .table.OrderList .DetailInfo .dTitle {           
            display:block;            
            background-color:#dfdfdf;
        }
            .table.OrderList .DetailInfo .dTitle .pTitleTxt {
                width:calc(100% / 5);
                float:left;
                height:30px;
                line-height:30px;
                text-align:center;


            }                                
        .table.OrderList .DetailInfo .dList{
            border-bottom:1px solid #dfdfdf;
            background-color:#efefef;

        }
            .table.OrderList .DetailInfo .dList:last-child {
                border:0;
            }

            .table.OrderList .DetailInfo .dList:nth-child(odd) {
                background-color:#fcfcfc;
            }

            .table.OrderList .DetailInfo .dList .dInfoTxt {
                width:calc(100% / 5);
                float:left;
                height:30px;
                line-height:30px;                
                text-align:center;

            }
                .table.OrderList .DetailInfo .dList .dInfoTxt a {
                    width:100%;
                    height:100%;
                    display:block;
                    overflow:hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }

@media (min-width: 0px) and (max-width: 1279px) {

    .table.OrderList .thead .th {
        text-align:left;
        font-size:13px;
        line-height:20px;
        height:auto;
        display:block;
    }
        .table.OrderList .thead .th:nth-child(4),
        .table.OrderList .thead .th:nth-child(5) {
            display:flex;
            align-items:center;
            justify-content:center;          

        }

        .table.OrderList .thead .th span {
            display:block;
            width:100%;
            float:none;
            clear:both;
            padding:0px 3px;
        }
    .table.OrderList .tbody .td {
        font-size:12px;
        display:inline-grid;
        padding:0px 3px;
        line-height:16px;
    }

        .table.OrderList .tbody .td span.sLine {
            
        }
        .table.OrderList .tbody .td a {
            display:block;
            float:none;
            clear:both;
        }
        .table.OrderList .tbody .td span {
            display:block;
            float:none;
            clear:both;
            padding:0px 3px;
        }
            .table.OrderList .tbody .td span.sLine {
                display:none;
            }

        .table.OrderList .tbody .td .btn {
            margin:3px 0px !important;
            width:100%;
        }

    .table.OrderList .DetailInfo .dTitle {
        font-size:13px;
    }
    .table.OrderList .DetailInfo .dList .dInfoTxt {
        font-size:13px;
        padding:0px 3px;
    }
        .table.OrderList .DetailInfo .dList .dInfoTxt:first-child {
            text-align:left;
        }

        .table.OrderList .DetailInfo .dList .dInfoTxt a {
            width:100%;
            display:block;
            overflow:hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
    .table.OrderList .tbody .td .btn {
        height:35px;
        line-height:30px;
        white-space:nowrap;
    }
}


/**********************************************************************
    /Member/Goldrecord   購物金查詢    
***********************************************************************/
.OrderList {
}  

@media (min-width: 0px) and (max-width: 768px) {
    
    .Goldrecord table thead{
        display:none;
    }
    .Goldrecord table tbody tr td {
        display:table-row;        
    }
    .Goldrecord table tr td .cellInfo {
        display:table-cell;
        vertical-align:middle;
        text-align:center;
        width:80%;
    }
    .Goldrecord table tr td:before {
        content: attr(data-th) " ";
        display: table-cell;
        font-weight: bold;
        width: 100px;
        vertical-align: middle;
        color: #454545;
        text-align: right;
        padding: 10px 0px;
        width:180px;
    }
}
/**********************************************************************
    /Member/Goldrecord   紅利查詢    
***********************************************************************/
.OrderList {
}  

@media (min-width: 0px) and (max-width: 768px) {
    
    .Goldrecord table thead{
        display:none;
    }
    .Goldrecord table tbody tr td {
        display:table-row;        
    }
    .Goldrecord table tr td .cellInfo {
        display:table-cell;
        vertical-align:middle;
        text-align:center;
        width:80%;
    }
    .Goldrecord table tr td:before {
        content: attr(data-th) " ";
        display: table-cell;
        font-weight: bold;
        width: 100px;
        vertical-align: middle;
        color: #454545;
        text-align: right;
        padding: 10px 0px;
        width:180px;
    }
}
/**********************************************************************
    /Member/Edit 會員資料修改
***********************************************************************/
.infoEdit {}

/**********************************************************************
    /Member/changepass 修改密碼
***********************************************************************/
.cPassBtn {}

/**********************************************************************
    /Shop/Manager 會員專區
***********************************************************************/

.memberManger .mangerItem {
    width:calc(100% / 5);
    height:320px;
    display:block;
    position:relative;
    margin:0 0 30px;
    float:left;
}
.memberManger .mangerItem.kt-grid-4 {    
    height:320px;
    display:block;
    position:relative;
    margin:0 0 30px;

}
.memberManger .mangerItem.kt-grid-5 {    
    height:320px;
    display:block;
    position:relative;
    margin:0 0 30px;

}
.memberManger .mangerItem {    
    
}
    .memberManger .mangerItem .outLine {        
        width:calc(100% - 20px);
        height:100%;
        margin:0 10px;
        padding:0 0px ;
        border:1px solid #ccc;
        box-shadow: 0 7px 17px 0 rgba(0,0,0,.1), 0 6px 16px 0 rgba(0,0,0,0.05);

        background: rgba(38,166,154,1);
        background: -moz-linear-gradient(45deg, rgba(38,166,154,1) 0%, rgba(33,212,195,1) 100%);
        background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(38,166,154,1)), color-stop(100%, rgba(33,212,195,1)));
        background: -webkit-linear-gradient(45deg, rgba(38,166,154,1) 0%, rgba(33,212,195,1) 100%);
        background: -o-linear-gradient(45deg, rgba(38,166,154,1) 0%, rgba(33,212,195,1) 100%);
        background: -ms-linear-gradient(45deg, rgba(38,166,154,1) 0%, rgba(33,212,195,1) 100%);
        background: linear-gradient(45deg, rgba(38,166,154,1) 0%, rgba(33,212,195,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26a69a', endColorstr='#21d4c3', GradientType=1 );
          
    }

    .memberManger .mangerItem:hover .outLine,
    .memberManger .mangerItem:active .outLine {
        
        box-shadow: 0 7px 17px 0 rgba(0,0,0,.1), 0 6px 16px 0 rgba(0,0,0,0.05);

        background: rgba(194,42,30,1);
        background: -moz-linear-gradient(45deg, rgba(194,42,30,1) 0%, rgba(223,69,56,1) 100%);
        background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(194,42,30,1)), color-stop(100%, rgba(223,69,56,1)));
        background: -webkit-linear-gradient(45deg, rgba(194,42,30,1) 0%, rgba(223,69,56,1) 100%);
        background: -o-linear-gradient(45deg, rgba(194,42,30,1) 0%, rgba(223,69,56,1) 100%);
        background: -ms-linear-gradient(45deg, rgba(194,42,30,1) 0%, rgba(223,69,56,1) 100%);
        background: linear-gradient(45deg, rgba(194,42,30,1) 0%, rgba(223,69,56,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c22a1e', endColorstr='#df4538', GradientType=1 );
                
    }

.memberManger .mangerItem a {
    width:100%;
    height:100%;
    display:block;
}
.memberManger .mangerItem .icon {
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
}
.memberManger .mangerItem .title {
    width:100%;
    text-align:center;
    font-size:17.5px;
    position:absolute;
    bottom:0px;
    left:0px;
    margin:10px 0px;
}
    .memberManger .mangerItem a .title {
        color:#fff;
    }
@media (min-width: 768px) and (max-width: 1200px) {

    .memberManger .mangerItem .outLine {
        width: calc(100% - 32px);        
        margin: 0 15px;
        box-sizing:border-box;
    }
}
@media (min-width: 0px) and (max-width: 992px) {
    .memberManger .mangerItem {
        width:100%;
        height:100px !important;
        text-align:center;
    }

    .memberManger .mangerItem .outLine {
        width:100%;
        margin:0px;
    }
    .memberManger .mangerItem .title {
            position: relative;
            width: auto;
            height: 100px;
            line-height: 100%;
            display: inline-block;
            bottom: inherit;
            left: inherit;
            padding: 0;
            margin: 0;
            vertical-align: middle;
    }
    .memberManger .mangerItem .icon {
        width:auto;
        height:100%;        
        display:inline-block;
    }
        .memberManger .mangerItem .icon img {
            height:50%;
            margin:25px 0px 0px 0px;
        }
    .memberManger .mangerItem .outLine {
        box-sizing:border-box;
    }
}



/**********************************************************************
    /Member/Join 加入會員   
***********************************************************************/
.kt-terms {
    width:100%;    
    display:block;    
}
    .kt-terms textarea {
        width:calc(100% - 24px);
        height:350px;
        font-size:13px;        
        line-height:26px;
        border:1px solid #666;
    }
.kt-agreeTerms {
    padding:10px 0px;
}
    .kt-agreeTerms label {
        cursor:pointer;
    }
.kt-joinSendBtn {

}

/**********************************************************************
    /Member/Forgot 忘記密碼
***********************************************************************/
.vCode .inputInfo .vCodeImg{
    vertical-align:top;
    margin-top:19px;    
}
.vCode .inputInfo input.textInput {
    width: calc(100% - 36px - 90px);    
}
.forgotBtn {}

@media (min-width: 0px) and (max-width: 768px) {
    .inputInfo .desc {
        display:none;
    }
    .vCode .inputInfo input.textInput {
        width: calc(100% - 36px - 90px);
    }
    .vCode .inputInfo .vCodeImg{    
        margin-top:19px;    
    }
}

/**********************************************************************
    text-right
***********************************************************************/
.text-right {
    text-align:right;
}
.text-center {
    text-align:center;
}
.text-left {
    text-align:left;
}
/**********************************************************************
    modal-dialog
***********************************************************************/
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 110px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  transition:all 0.4s;  
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
       -o-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}


/*暫時隱藏修改Z-index*/
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=80);
  opacity: 100;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
.modal-header {
  min-height: 16.42857143px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}

/**********************************************************************
    dropdown-toggle 
***********************************************************************/
.kt-prodSort {
    position:relative;
    display:block;    
    z-index:9;
    margin:0px calc(8% + 5px);    
}
.kt-prodSort .kt-dropdown {
    position:relative;
    display:inline-block;
}
    .kt-prodSort.prodDetail .kt-dropdown {
        display:block;
    }


    .kt-prodSort .kt-dropdown.right {
        float:right;
    }
    .kt-prodSort .kt-dropdown .target-toggle {
        height: 36px;
        line-height: 36px;
        display: block;
        font-size: 15px;
        font-weight: 400;
        cursor: pointer;
        color: #ffffff;
        background-color: #3498db;
        padding: 0px 30px 0px 10px;        
        background-image: url('/images/dropdown-Arrow.png');
        background-position:center right;
        background-repeat:no-repeat
    }
    .kt-prodSort .kt-dropdown:hover .kt-dropdown-menu,
    .kt-prodSort .kt-dropdown:active .kt-dropdown-menu {
        display:block;
        position:absolute;
        width:100%;
        margin:0px;
        opacity:1;
    }
.kt-prodSort .kt-dropdown .kt-dropdown-menu{
    display:none;
    margin:-4px 0px 0px 0px;
    padding:0px;

    background-color:#f3f4f5;
    color:#666;
    opacity:0;
    transition:all 4s;
}
    .kt-prodSort .kt-dropdown .kt-dropdown-menu li {
        display:block;
        margin:0px;
        padding:0px;
        font-size:13px;
        width:100%;                      
        height:35px;
        line-height:35px;
        transition:all 0.3s;
        text-align:left;
    }

    .kt-prodSort.prodDetail .kt-dropdown .kt-dropdown-menu li {
        padding:0px 10px;
        width:100%;
    }
        .kt-prodSort.prodDetail .kt-dropdown .kt-dropdown-menu li:hover {
            color:#fff;
            cursor:pointer;
        }


        .kt-prodSort .kt-dropdown .kt-dropdown-menu li:hover {
            background-color:#1abc9c;
        }
            .kt-prodSort .kt-dropdown .kt-dropdown-menu li:hover a {
                color:#fff;
            }
        .kt-prodSort .kt-dropdown .kt-dropdown-menu li a {
            width:calc(100% - 10px);
            padding:0px 5px;  
            height:100%;
            display:block;
            color:#666;
            border-radius:0;
            transition:all 0.3s;
        }
            .kt-prodSort .kt-dropdown .kt-dropdown-menu li a:hover {
                
            }


    .kt-prodSort .sortType {
        float:right;
        display:inline-block;
        margin:0px 0px 0px 9px;
        padding:0px;
    }
        .kt-prodSort .sortType li {
            display:block;
            float:left;        
        }
            .kt-prodSort .sortType li a img {
                opacity:0.4;
                transition:all 0.4s;
            }            
            .kt-prodSort .sortType li:hover a img,
            .kt-prodSort .sortType li.target a img {
                opacity:0.85;
            }
            .kt-prodSort .sortType li:last-child {
                margin:0px 0px 0px 9px;
            }

@media (min-width: 0px) and (max-width: 767px) {
    .kt-prodSort {        
        text-align:center;
    }
        .kt-prodSort .sortType {
            display:none;
        }
    .kt-prodSort .kt-dropdown {
        position:relative;
        display:inline-block;
    }
        .kt-prodSort .kt-dropdown.right {
            float:none;
            clear:both;
        }
}
@media (max-width: 979px) and (min-width: 0px){}
    .kt-prodSort.prodDetail {
        display: block;
    }
}


.kt-prodSort .sortType_2 {
    float: right;
    display: inline-block;
    margin: 0px 0px 0px 9px;
    padding: 0px;
} 
        .kt-prodSort .sortType_2 li {
            display:block;
            float:left;
        }
    .kt-prodSort .sortType_2 > li {
        position:relative;
    }
        .kt-prodSort .sortType_2 li ul {
            position:absolute;
            left:0;
            width:84px;
            height:42px;
            display:none;
            margin:0 0 0 -50%;
            padding:0;
        }
            .kt-prodSort .sortType_2 li ul li {
                float:right;
                margin:0 !important;
                padding:2px;
                background-color:#fff;
            }
                .kt-prodSort .sortType_2 li ul li a {
                    width:100%;
                    height:100%;
                    display:block;
                    opacity:0.6;                    
                }
                    .kt-prodSort .sortType_2 li ul li a img {
                        
                    }
                    .kt-prodSort .sortType_2 li ul li a:hover {
                        opacity:1;
                    
                    }

    .kt-prodSort .sortType_2 li:first-child:hover ul{
        display:block;
        
    } 


            .kt-prodSort .sortType_2 li a img {
                opacity:0.4;
                transition:all 0.4s;
            }            
            .kt-prodSort .sortType_2 li:hover a img,
            .kt-prodSort .sortType_2 li.target a img {
                opacity:0.85;
            }
            .kt-prodSort .sortType_2 li:last-child {
                margin:0px 0px 0px 9px;
            }
@media (min-width: 0px) and (max-width: 767px) {
    .kt-prodSort {        
        text-align:center;
    }
        .kt-prodSort .sortType_2 {
            display:none;
        }
    .kt-prodSort .kt-dropdown {
        position:relative;
        display:inline-block;
    }
        .kt-prodSort .kt-dropdown.right {
            float:none;
            clear:both;
        }
}




/*手機版 產品排列方式*/
.sortType_mobile {
    width:100%;
    height:42px;
    display:none;
    margin: 16px 0px 5px;
    padding:0;

}
    .sortType_mobile li {
        height:42px;
        margin:0;
        padding:0;
        display:inline-block;
        line-height:42px;
        vertical-align:middle;
    }
        .sortType_mobile li span {
            width:100%;
            height:100%;
            display:block;                        
        }
        .sortType_mobile li a {
            width:100%;
            height:100%;
            display:block;
            cursor:pointer;
        }

@media (max-width: 767px) and (min-width: 0px) {
    .sortType_mobile {
        display:block;
    }
   .prodList.grid-2 .kt-prodItem.grid {
    width: calc(100% / 2);
    } 
}
@media (max-width: 425px) and (min-width: 0px) {

    .kt_sale.gridScale.list .prodList.grid-2 .kt-prodItem.grid .gridPhoto {
        height:240px !important;
    }
    .kt_sale.gridScale.list .prodList.grid-2 .kt-prodItem.grid {
        height:370px !important;
    }

}


/********************************************************************** 
    頁尾的 qrCode - 以視窗寬度為主 非 圖片大小
***********************************************************************/
.qrCode {
    padding: 15px 0px;
}

    .qrCode img {
        max-width: 112px;
        max-height: 112px;
        margin: 0px 12px;
    }

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .qrCode {
        padding:0;
    }

        .qrCode img {
            width:calc(100% - 24px);
            max-height: 334px;
            margin: 20px 12px;
        }
}

@media only screen and (min-width: 767px) and (max-width: 992px) {
    .qrCode img {
        max-width: 149px;
        max-height: 149px;
    }
}

/**********************************************************************
    手機畫面頁尾按鈕
***********************************************************************/
/*! CSS Used from: http://m.tmsdemo.ktnet.com.tw/bundles/css?v=oZZxPFfTxV1YA5KW61-UVqwYDNa66oIISz4MneKOg201 */

ul {
    margin-top: 0;
    margin-bottom: 10px;
}

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

    .nav > li {
        position: relative;
        display: block;
    }

        .nav > li > a {
            position: relative;
            display: block;
            padding: 10px 15px;
        }

            .nav > li > a:focus, .nav > li > a:hover {
                text-decoration: none;
                background-color: #eee;
            }

.nav-pills > li {
    float: left;
}

    .nav-pills > li > a {
        border-radius: 4px;
    }

    .nav-pills > li + li {
        margin-left: 2px;
    }

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px;
}

    .badge:empty {
        display: none;
    }

.nav:after, .nav:before {
    display: table;
    content: " ";
}

.nav:after {
    clear: both;
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.fui-home, .fui-search {
    display: inline-block;
    font-family: 'Flat-UI-Icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    .fui-home:before {
        content: "\e015";
    }

    .fui-search:before {
        content: "\e01c";
    }

a {
    color: #16a085;
    text-decoration: none;
    -webkit-transition: 0.25s;
    transition: 0.25s;
}

    a:hover, a:focus {
        color: #1abc9c;
        text-decoration: none;
    }

    a:focus {
        outline: none;
    }

ul {
    margin-bottom: 15px;
}

.badge {
    font-size: 13px;
    font-weight: normal;
    color: #ffffff;
    line-height: 1.615;
    background-color: #d8dce0;
    border-radius: 4px;
    padding: 0 8px;
}

.nav-pills > li:first-child > a {
    border-left: none;
    border-radius: 6px 0 0 6px;
}

.nav-pills > li:last-child > a {
    border-radius: 0 6px 6px 0;
}

@media (max-width: 767px) {
    .nav-pills > li {
        float: none;
        display: block;
    }

        .nav-pills > li:first-child > a {
            border-radius: 6px 6px 0 0;
        }

        .nav-pills > li:last-child > a {
            border-radius: 0 0 6px 6px;
        }
}

.nav-pills > li > a {
    background-color: #1abc9c;
    border-left: 2px solid #16a085;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    margin: 0;
    outline: none;
    padding: 12px 21px 13px;
    border-radius: 0;
}

    .nav-pills > li > a:hover, .nav-pills > li > a:focus {
        background-color: #48c9b0;
    }

    .nav-pills > li > a:active {
        background-color: #16a085;
    }

@media (max-width: 767px) {
    .nav-pills > li > a {
        border-left: none;
        display: block;
    }
}

.nav-pills > li + li {
    margin-left: 0;
}

*, *:before, *:after {
    box-sizing: border-box;
}

.shopIcon, .shopSecretary {
    display: inline-block;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    .shopIcon:before {
        content: "\e601";
    }

    .shopSecretary:before {
        content: "\e602";
    }

.sidenav .optBtn .opt .shopManager{
    background-image: url(/images/btmMenu-manager.png);
    background-position: left center;
    background-repeat: no-repeat;
    width:23px;
    height:50px;
    display:block;
    position:absolute;
    left:50%;
    top:0;
    margin:0px 0px 0px -57px;    
}

.sidenav .optBtn .opt .shopCar{
    background-image: url(/images/btmMenu-car.png);
    background-position: left center;
    background-repeat: no-repeat;
    width:23px;
    height:50px;
    display:block;
    position:absolute;
    left:50%;
    top:0;
    margin:0px 0px 0px -53px;    
}



.nav.bottomMenu {
    height: 64px;
    width: 100%;
    display: none;
    list-style: none;
   
    position: fixed;
    bottom: -10px;
    padding: 0;
    margin: 0;
    z-index: 99;
}
    .nav.bottomMenu li.prodGridSelect {
        width:100%;
        height:60px;
        display:block;
    }
    .nav.bottomMenu li.prodGridSelect.only2 .gridBtn  {
        width:50%;
    }
    .nav.bottomMenu li .gridBtn {
        float:left;
        width:calc(100% / 4);
        height:60px;
        cursor:pointer;
    }

    .nav.bottomMenu li .total_1 a {
        background-image:url(/images/gridScale_1.png);  
        background-position:center;
        background-repeat:no-repeat;

    }
    .nav.bottomMenu li .total_2 a {
        background-image:url(/images/gridScale_2.png);  
        background-position:center;
        background-repeat:no-repeat;
    }
    .nav.bottomMenu li .total_3 a {
        background-image:url(/images/gridScale_3.png);  
        background-position:center;
        background-repeat:no-repeat;
    }
    .nav.bottomMenu li .total_4 a {
        background-image:url(/images/gridScale_4.png);  
        background-position:center;
        background-repeat:no-repeat;
    }

        .nav.bottomMenu li .gridBtn a {
            width:100%;
            height:100%;
            display:block;
            background-color:rgba(189,195,199,0.7);
            cursor:pointer;
        } 


    .nav.bottomMenu li {
        width: 25%;
        display: inline-block;
        float: left;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

.bottomMenu li .center-block {
    display: block !important;
    text-align: center;
}

.bottomMenu li .backHome {
    background-image:url(/images/btmMenu-home.png);
    background-position:center center;
    background-repeat:no-repeat;
    width:100%;
    height:28px;
    display:block;
}
.bottomMenu li .search {
    background-image:url(/images/btmMenu-search.png);
    background-position:center -2px;
    background-repeat:no-repeat;
    width:100%;
    height:28px;
    display:block;
}
.bottomMenu li .shopManager {
    background-image:url(/images/btmMenu-manager.png);
    background-position:center center;
    background-repeat:no-repeat;
    width:100%;
    height:28px;
    display:block;
}
.bottomMenu li .cash {
    background-image:url(/images/btmMenu-cash.png);
    background-position:center center;
    background-repeat:no-repeat;
    width:100%;
    height:28px;
    display:block;
}
.bottomMenu li .btmCar {
    background-image:url(/images/btmMenu-car.png);
    background-position:center center;
    background-repeat:no-repeat;
    width:100%;
    height:28px;
    display:block;       
}

.bottomMenu li .promoItem {
    background-image:url(/images/btmMenu-promoItem.png);
    background-position:center center;
    background-repeat:no-repeat;
    width:100%;
    height:28px;
    display:block;       
}
.bottomMenu li .promoSelect {
    background-image:url(/images/btmMenu-promoSelect.png);
    background-position:center center;
    background-repeat:no-repeat;
    width:100%;
    height:28px;
    display:block;       
}
.bottomMenu li .promoGift {
    background-image:url(/images/btmMenu-promoGift.png);
    background-position:center center;
    background-repeat:no-repeat;
    width:100%;
    height:28px;
    display:block;       
}




.bottomMenu li .fui-search {
    font-size: 130%;
    margin: -3px 0px 0px;
}

.bottomMenu li .shopSecretary {
    font-size: 150%;
    margin: -7px 0px 0px;
}

.bottomMenu li .shopIcon {
    font-size: 150%;
    margin: -7px 0px 0px;
}

.bottomMenu li .txt {
    font-size: 13px;
    font-weight: normal;
    margin: 0px 0px 0px 0px;
}

    .bottomMenu li .txt .badge.shopCarCount {
        display: none;
    }

.bottomMenu li a {
    width: 100%;
    height: 54px;
    display: block;
    background-color: #bdc3c7;
}

.bottomMenu.nav-pills > li:first-child > a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.nav-pills.bottomMenu > li > a {
    /*padding: 12px 0px 13px;*/
    padding:6px 0px 0px;
}

.bottomMenu.nav-pills > li > a {
    border-left: 2px solid #aaafb3;
}

    .bottomMenu.nav-pills > li > a:hover, .bottomMenu.nav-pills > li > a:focus {
        background-color: #bdc3c7;
    }

    .bottomMenu.nav-pills > li > a:active {
        background-color: #92979b;
    }

.bottomMenu .badge {
    background-color: #fa3b44;
}

.bottomMenu.nav-pills > li:first-child > a {
    border: none;
}

@media (max-width: 768px) {
    .nav.bottomMenu {
        display: inline-block;
        z-index: 99;
    }
}

.nav {
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
}

    .nav::before, .nav::after {
        content: " ";
        display: table;
    }

    .nav::after {
        clear: both;
    }

    .nav::before, .nav::after {
        content: " ";
        display: table;
    }

    .nav::after {
        clear: both;
    }

    .nav > li {
        display: block;
        position: relative;
    }

        .nav > li > a {
            display: block;
            padding: 10px 15px;
            position: relative;
            text-decoration: none;
        }

            .nav > li > a:hover, .nav > li > a:focus {
                background-color: #eeeeee;
                text-decoration: none;
            }

.nav-pills > li {
    float: left;
}

    .nav-pills > li > a {
        border-radius: 4px;
    }

    .nav-pills > li + li {
        margin-left: 2px;
    }

.fui-home, .fui-search {
    display: inline-block;
    font-family: "Flat-UI-Icons";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-transform: none;
}

    .fui-home::before {
        content: "";
    }

    .fui-search::before {
        content: "";
    }

.nav-pills > li:first-child > a {
    border-left: medium none;
    border-radius: 6px 0 0 6px;
}

.nav-pills > li:last-child > a {
    border-radius: 0 6px 6px 0;
}

@media (max-width: 480px) {
    .nav-pills > li {
        display: block;
        float: none;
    }

        .nav-pills > li:first-child > a {
            border-radius: 6px 6px 0 0;
        }

        .nav-pills > li:last-child > a {
            border-radius: 0 0 6px 6px;
        }
}

.nav-pills > li > a {
    background-color: #1abc9c;
    border-left: 2px solid #16a085;
    border-radius: 0;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    margin: 0;
    outline: medium none;
    padding: 12px 21px 13px;
}

    .nav-pills > li > a:hover, .nav-pills > li > a:focus {
        background-color: #48c9b0;
    }

    .nav-pills > li > a:active {
        background-color: #16a085;
    }

@media (max-width: 480px) {
    .nav-pills > li > a {
        border-left: medium none;
        display: block;
    }
}

.nav-pills > li + li {
    margin-left: 0;
}


/********************************************************************** 
    瀏覽紀錄 - 版型1
***********************************************************************/
.browsHistory {
    position: fixed;
    z-index: 99;
    left: 3px;
    top: 50%;
    width: 120px;
    height: 447px;
    display: block;
    font-size: 13px;
    background-color: #dfdfdf;
    margin-top: -223px;
    transition: 0.3s ease 0s;
    box-shadow: 0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
}

    .browsHistory .title {
        float: left;
        display: inline-block;
        height: 30px;
        line-height: 30px;
        margin: 0px 0px 0px 6px;
    }

    .browsHistory .closeBtn {
        float: right;
        display: inline-block;
        height: 30px;
        line-height: 30px;
        margin: 0px 6px 0px 0px;
    }

        .browsHistory .closeBtn a {
            color: #06f;
        }

            .browsHistory .closeBtn a:hover {
                color: #f00;
            }

    .browsHistory ul {
        margin: 0px;
        padding: 0px;
        width: 100%;
        height: 417px;
        display: block;
        overflow-y: auto;
        background-color: #fff;
        border-bottom: 1px solid #f1f1f1;
    }

        .browsHistory ul li.item {
            margin: 0px;
            clear: both;
            display: inline-block;
            padding: 3px 0px;
            border-bottom: 1px solid #ccc;
            height: auto;
        }

            .browsHistory ul li.item .photo {
                float: left;
                width: 100px;
                height: 100px;
                display: block;
            }

                .browsHistory ul li.item .photo a {
                    width: 100px;
                    height: 100px;
                    display: table-cell;
                    text-align: center;
                    vertical-align: middle;
                }

                    .browsHistory ul li.item .photo a:hover img {
                        border: 1px solid #cd333a;
                    }

                .browsHistory ul li.item .photo img {
                    border: 1px solid #999;
                    max-width: 98px;
                    max-height: 98px;
                }

            .browsHistory ul li.item .price {
                float: left;
                width: 96px;
                height: 33px;
                display: block;
                margin: 0px 0px 0px 4px;
                line-height: 33px;
                font-size: 16px;
                color: #f60;
            }

            .browsHistory ul li.item .name {
                float: left;
                width: 94px;
                height: 24px;
                display: block;
                margin: 0px 3px 3px;
                line-height: 33px;
                font-size: 12px;
                color: #f60;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
                text-align: center;
            }

            .browsHistory ul li.item .addCratBtn {
                float: left;
                width: 80px;
                height: 33px;
                display: none;
                margin: 0px 0px 0px 4px;
                line-height: 33px;
            }

                .browsHistory ul li.item .addCratBtn a {
                    width: 100%;
                    height: 100%;
                    display: block;
                    color: #03f;
                }

                    .browsHistory ul li.item .addCratBtn a:hover {
                        color: #09f;
                    }


    .browsHistory .clearHistory {
        float: left;
        display: none;
        width: 110px;
        height: 30px;
        line-height: 30px;
        text-align: center;
    }

        .browsHistory .clearHistory a {
            width: 100%;
            height: 100%;
            display: block;
            color: #fff;
            background-color: #cd333a;
        }

            .browsHistory .clearHistory a:hover {
                background-color: #a50c13;
            }

    .browsHistory .viewLength {
        float: left;
        display: none;
        width: 100%;
        text-align: center;
        height: 30px;
        line-height: 30px;
    }

        .browsHistory .viewLength .more,
        .browsHistory .viewLength .less {
        }

            .browsHistory .viewLength .more a,
            .browsHistory .viewLength .less a {
                width: 100%;
                height: 100%;
                display: block;
                color: #fff;
                background-color: #3586ea;
            }

                .browsHistory .viewLength .more a:hover,
                .browsHistory .viewLength .less a:hover {
                    background-color: #0c5cbf;
                }

    @media (max-width: 768px){
      .browsHistory{
        display:none;

      }
            
    }


/********************************************************************** 
    瀏覽紀錄 - 版型2
***********************************************************************/
.browsHistory2 {
    position:fixed;

    top:50%;
    margin:0;
    width:78px;
    height:326px;
    display:block;
    border:1px solid #bababa;
    z-index:99;
    background-color:#fff;
    margin:-167px 0 0 0;
    transition: 0.3s ease 0s;
    box-shadow: 0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);    
}


    .browsHistory2 .extensionBtn {
        position:absolute;
        width:26px;
        height:36px;
        display:block;
        background-color:#999;
        right:-26px;
        top:0px;
        z-index:98;
        
    }
        .browsHistory2 .extensionBtn a {
            width:100%;
            height:100%;
            display:block;
        }
            .browsHistory2 .extensionBtn a span {
                background-image:url(/images/browsHistory2_SwitchBtn.png);
                background-position:center center;
                background-repeat:no-repeat;
                width:100%;
                height:100%;
                display:block;
                opacity:0.65;
                transition:all 0.25s;
            }
            .browsHistory2 .extensionBtn a:hover span{
                opacity:1;
            }

    .browsHistory2 .head {
        position:relative;
        width:100%;
        height:36px;
        display:block;
        z-index:99;
        background-color:#dfdfdf;
    }
        .browsHistory2 .head .title {
            line-height:36px;
            text-align:center;
            font-size:13px;
            
        }

        .browsHistory2 .head .decreaseBtn {
            display:none;            
        }
        .browsHistory2 .head .closeBtn {
            display:none;
        }

    .browsHistory2 .pList {
        position:relative;
        width:100%;
        /*height:230px;*/
        display:block;
        padding:30px 0;

    }

        .browsHistory2 .pList .arrowUp {
            width:100%;
            height:20px;
            display:block;            
            position:absolute;
            left:0;
            top:5px;
            background-image:url(/images/browsHistory2_ArrowBg_T.png);
            background-position:center bottom;
            background-repeat:no-repeat;
        }
            .browsHistory2 .pList .arrowUp a {
                width:100%;
                height:20px;
                display:block;
                position:relative;
                overflow:hidden;
                
            }
                .browsHistory2 .pList .arrowUp a:hover span{
                    bottom:-1px;                    
                }
                .browsHistory2 .pList .arrowUp a span {
                    width:21px;
                    height:12px;
                    display:block;
                    background-image:url(/images/browsHistory2_Arrow_T.png);
                    background-position:center bottom;
                    background-repeat:no-repeat;
                    position:absolute;
                    left:50%;
                    bottom:-3px;
                    margin-left:-10.5px;                                        
                }                                
        .browsHistory2 .pList .arrowDown {
            width:100%;
            height:20px;
            display:block;
            position:absolute;
            left:0;
            bottom:5px;
            background-image:url(/images/browsHistory2_ArrowBg_B.png);
            background-position:center top;
            background-repeat:no-repeat;
        }
            .browsHistory2 .pList .arrowDown a {
                width:100%;
                height:20px;
                display:block;
                position:relative;
                overflow:hidden;
            }
                .browsHistory2 .pList .arrowDown a:hover span {
                    top:-1px;
                }
                .browsHistory2 .pList .arrowDown a span {
                    width:21px;
                    height:12px;
                    display:block;
                    background-image:url(/images/browsHistory2_Arrow_B.png);
                    background-position:center top;
                    background-repeat:no-repeat;
                    position:absolute;
                    left:50%;
                    top:-3px;
                    margin-left:-10.5px; 
                }


.browsHistory2.lowNum .pList .arrowUp,
.browsHistory2.lowNum .pList .arrowDown {
    opacity:0.25;
}


.browsHistory2 .pList .arrowUp.end,
.browsHistory2 .pList .arrowDown.end {
    opacity:0.25;
}
    .browsHistory2 .pList .arrowUp.end a,
    .browsHistory2 .pList .arrowDown.end a {
        cursor:default;
    }



    .browsHistory2.lowNum .pList .arrowUp a,
    .browsHistory2.lowNum .pList .arrowDown a {
        cursor:default;
    }
    .browsHistory2.lowNum .pList .arrowUp a:hover span{
        bottom:-3px;                    
    }
    .browsHistory2.lowNum .pList .arrowDown a:hover span {
        top:-3px;
    }
        .browsHistory2 .pList .pGroup {
            width:100%;
            height:228px;
            display:block;
            overflow:hidden;
            position:relative;           
        }

        .browsHistory2 .pList .pGroup .pItem {
            width:100%;
            height:76px;
            padding:5px;            
        }
            .browsHistory2 .pList .pGroup .pItem .pPhoto {
                width:66px;
                height:66px;

    display:flex;
    align-items:center;
    justify-content:center;
            }
                .browsHistory2 .pList .pGroup .pItem .pPhoto img {
                    
                }
            .browsHistory2 .pList .pGroup .pItem .pTitle {
                display:none;
            }
            .browsHistory2 .pList .pGroup .pItem .pPrice {
                display:none;
            }



            .browsHistory2 .pList .pGroup .pGroupContent {
                width:100%;
                height:100%;
                display:block;
                top:0;
                left:0;
                position:absolute;
                transition:all 0.3s;
                
            }



    .browsHistory2.extensionZoomOut {
            animation-name:browsHistoryExtensionZoomOut;
            animation-duration:0.6s; 
            left:-550px;
    }
    .browsHistory2.extensionZoomIn {
            animation-name:browsHistoryExtensionZoomIn;
            animation-duration:0.6s; 
            left:0px;
    }
    .browsHistory2.decreaseZoomOut {
            animation-name:browsHistoryDecreaseZoomOut;
            animation-duration:0.6s; 
            left:-550px;
    }
    .browsHistory2.decreaseZoomIn {
            animation-name:browsHistoryDecreaseZoomIn;
            animation-duration:0.6s; 
            left:0px;
    }




@keyframes browsHistoryExtensionZoomOut {
    0%      {left:0px;}
    100%    {left:-550px;}
}
@keyframes browsHistoryExtensionZoomIn {
    0%      {left:-550px;}
    100%    {left:0px;}
}




    @media (max-width: 768px){
      .browsHistory2{
        display:none;

      }
            
    }


/**********************************************************************
    瀏覽紀錄 - 版型2 - 延展版型
***********************************************************************/

    .browsHistory2.extension {
        width:518px;
        height:236px;
    }

        .browsHistory2.extension .extensionBtn {
            display:none;
        }
        .browsHistory2.extension .head {
            width:100%;
            height:22px;
            line-height:22px;
        }
        .browsHistory2.extension .head .title {
            text-align:left;
            padding:0px 10px;
            display:inline-block;
            height:22px;
            line-height:22px
        }
        .browsHistory2.extension .head .decreaseBtn {
            display:block;            
            float:right;
            width:14px;
            height:14px;
            background-image:url(/images/browsHistory2_decreaseBtn.png);
            background-position:center;
            background-repeat:no-repeat;
            border:1px solid #343b4a;
            margin:4px 4px 4px 0px;
        }
            .browsHistory2.extension .head .decreaseBtn a {
                width:100%;
                height:100%;
                display:block;
            }
        .browsHistory2.extension .head .closeBtn {
            display:block;
            float:right;
            width:14px;
            height:14px;
            background-image:url(/images/browsHistory2_closeBtn.png);
            background-position:center;
            background-repeat:no-repeat;
            border:1px solid #343b4a;
            margin:4px 4px 4px 0px;            
        }
            .browsHistory2.extension .head .closeBtn a {
                width:100%;
                height:100%;
                display:block;
            }



        .browsHistory2.extension .pList {

        }

            .browsHistory2.extension .pList .arrowUp.prev {
                width:26px;
                height:212px;
                left:0;
                top:0;
                background-image:url(/images/browsHistory2_ArrowBg_P.png);
                background-position:center right;                
            }
                .browsHistory2.extension .pList .arrowUp.prev a {
                    width:100%;
                    height:100%;
                    display:block;
                }
                    .browsHistory2.extension .pList .arrowUp.prev a span {
                        width:15px;
                        height:28px;
                        bottom:50%;
                        background-image:url(/images/browsHistory2_Arrow_P.png);
                        background-position:center center;
                        background-repeat:no-repeat;
                        margin:0 0 -14px 0;
                        
                    }
            .browsHistory2.extension .pList .arrowDown.next {
                width:26px;
                height:212px;
                left:inherit;
                right:0;
                bottom:0;
                background-image:url(/images/browsHistory2_ArrowBg_N.png);
                background-position:center left;               
            }
                .browsHistory2.extension .pList .arrowDown.next a {
                    width:100%;
                    height:100%;
                    display:block;  
                }
                    .browsHistory2.extension .pList .arrowDown.next a span {
                        width:15px;
                        height:28px;
                        top:50%;
                        left:0;
                        background-image:url(/images/browsHistory2_Arrow_N.png);
                        background-position:center center;
                        background-repeat:no-repeat;
                        margin:-14px 0 0px 0;
                    }
        .browsHistory2.extension .pList {
            margin:0;
            padding:0;
            width:100%;
            height:calc(100% - 23px);
            overflow:hidden;    
        }
        .browsHistory2.extension  .pList .pGroup {
            width:456px;
            margin:0px 30px;                  
        }
            .browsHistory2.extension .pList .pGroup .pItem {
                width:152px;
                height: calc(100% - 22px);
                float:left;
                padding:15px 5px;
            }


            .browsHistory2.extension .pList .pGroup .pItem .pPhoto {
                width:142px;
                height:142px;
            }


            .browsHistory2.extension .pList .pGroup .pItem .pTitle {
                display:block;
                font-size:13px;
                width:100%;
                height:40px;
                line-height:20px;
                text-align:center;
                color:#696969;
                overflow:hidden;

                display: -webkit-box;
                -webkit-line-clamp: 2; 
                -webkit-box-orient: vertical;
                white-space: normal;                              
            }
            .browsHistory2.extension .pList .pGroup .pItem .pPrice {
                display:block;
                text-align:center;
                color:#db0000;
                height:26px;
                line-height:26px;
            }


/**********************************************************************
    Grid
***********************************************************************/
.kt-grid-1,.kt-grid-2, .kt-grid-3, .kt-grid-4, .kt-grid-5, .kt-grid-6, .kt-grid-7, .kt-grid-8 {
    margin:0px;
    padding:0px;
    float:left;
    left: auto;
    right: auto;
}
.kt-grid-1 {
    width:100%;
}
.kt-grid-2 {
    width:calc(100% / 2);
}
.kt-grid-3 {
    width:calc(100% / 3);
}
.kt-grid-4 {
    width:calc(100% / 4);
}
.kt-grid-5 {
    width:calc(100% / 5);
}
.kt-grid-6 {
    width:calc(100% / 6);
}
.kt-grid-7 {
    width:calc(100% / 7);
}
.kt-grid-8 {
    width:calc(100% / 8);
}

.kt-gridPercen-80 {
    width:80%;
}

@media (min-width: 0px) and (max-width: 992px) {
    .kt-grid-2, .kt-grid-3, .kt-grid-4, .kt-grid-5, .kt-grid-6, .kt-grid-7,.kt-grid-8 {
        width:100%;
    }
}

/**********************************************************************
    /Product/Category
***********************************************************************/

.categoryList * {
transition:all 0.3s;
}
.categoryList {
    margin:0px;
    padding:0px;
    display:block;
    box-sizing:border-box;
}
    .categoryList li {
        margin:0px;
        padding:0px;
        display:block;
        box-sizing:border-box;
        background-color:#fff;
    }
        .categoryList li > a {
            width:100%;
            display:block;
            padding:6px;
            text-align:left;
            background-color:#edeff1;
            color:#666;
            cursor:default;      
        }
            .categoryList li ul li a:hover {
                color:#09f;
                
            }
                .categoryList li ul li a:hover .badge {
                    color:#fff;
                    background-color:#09f;
                }                 
            .categoryList li > a .badge {
                float:right;
                color:#333;
            }
        .categoryList li ul {
            margin:0px;
            padding:0px;
        }
            .categoryList li ul li {
                margin:0px;
                padding:10px;
                list-style:none;
                display:inline-block;
                float:left;               
            }
                .categoryList li ul li a {
                    background-color:#fff;
                    padding:6px;
                    border:1px solid #dadada;
                    cursor:pointer;
                }
                    .categoryList li ul li a .badge {
                        margin:0px 0px 0px 10px;
                    }
                    .categoryList li ul li a:hover {
                        border:1px solid #09f;
                    }

@media (min-width: 0px) and (max-width: 768px) {

    .categoryList li ul li {
        width:calc(50% - 10px);
        padding:5px;
    }

}


/**********************************************************************
    /Home/Map
***********************************************************************/
.locationSearch {
    width:100%;
    display:block;
    box-sizing:border-box;
    margin-bottom:15px;
}
    .locationSearch .searchPoint {
    }
    .locationSearch .searchPoint select {
        
        width:calc(100% - 20px);
        height:100%;
        display:block;
        padding:10px;
        height:40px;
    }
        .locationSearch .searchPoint input {
            width:calc(100% - 20px);            
            display:block;
            padding:10px;
            height:40px;
        }
        .locationSearch .searchPoint button {
            width:100%;
            height:100%;
            display:block;
            box-sizing:border-box;
            height:40px;
        }

.storeList {
}
    .storeList table {
        width:100%;
    }
        .storeList table thead {
        }
        .storeList table tbody {
        }
        .storeList table tr th {
            width:25%;
            border-bottom:1px solid #ccc;
            height:40px;
            line-height:40px;
            background-color:#efefef;
        }
        .storeList table tr td {
            padding:15px 10px;

        }
        .storeList table tbody tr td{
            border-bottom:1px solid #ccc;
            text-align:center;
        }
        .storeList tr:nth-child(odd){
        background:#e9e9e9;
        }
            .storeList table tbody tr td .storeNo {
                width:24px;
                height:24px;
                line-height:24px;
                display:inline-block;
                background-color:#06f;
                color:#fff;
                text-align:center;
                border-radius:50%;
                margin-right:6px;
            }
            .storeList table tbody tr td:first-child {
            text-align:left;
            }

@media (min-width: 0px) and (max-width: 768px) {

    .locationSearch .searchPoint select {
        width:100%;
    }
    .locationSearch .searchPoint input {
        width:100%;
    }

    .storeList table thead {
        display:none;
    }
    .storeList table tr {
        margin:0px 0px 10px 0px;
        display:block;
    }
    .storeList table tr td {
        display:table-row;
    }

    .storeList table tr td:before {        
            content: attr(data-th) " ";
            display:table-cell; 
            font-weight: bold;
            width:100px;                        
            vertical-align:middle;
            color:#454545;
            text-align:right;
            padding:10px 0px;
    }
        .storeList table tr td .mobileCell {
            text-align:left;
            padding:10px 10px;
            word-break: break-all;
        }
}

/**********************************************************************
    /Order/OrderFinish
***********************************************************************/

.ofChackInfo {
    margin:30px 0px;
}

.cRed {
    color:red;
}
.cBlue {
    color: blue;
}

/**********************************************************************
    /
***********************************************************************/
.mm-shopListNav.mm-menu {
}
    .mm-shopListNav.mm-menu .mm-panels {
        background-color:#fff;
    }

    .mm-shopListNav.mm-menu .mm-navbars-top .mm-navbar:first-child {
        background-color:#333;
        
    }
    .mm-shopListNav.mm-menu .mm-navbars-top .mm-navbar-size-2 {
        line-height:80px;
    }
.mm-shopListNav.mm-menu .mm-navbar .mm-breadcrumbs > * {
    padding-top:0;
    padding-bottom:0;
}
    .mm-shopListNav.mm-menu .mm-btn {
        height:80px;        
    }
        .mm-shopListNav.mm-menu .mm-navbars-top .mm-navbar:first-child > * {
            color:rgba(255,255,255,.8);
        }
        .mm-shopListNav.mm-menu .mm-btn::after, 
        .mm-shopListNav.mm-menu .mm-btn::before {
            border-color: rgba(255,255,255,.8);
        }
.mm-shopListNav.mm-menu .shopNavTitle {
    font-size:18px;
    margin:10px 0 0px;
    color:rgba(30,30,30,0.8);
}
    .mm-shopListNav.mm-menu .shopNavTitle.promo {
        margin:18px 0px 10px 0px;
    }

    .mm-shopListNav.mm-menu .noProd {
        color:rgba(100,100,100,0.8);
        height:40px;
        line-height:40px;
    }

    .mm-shopListNav.mm-menu .mm-navbars-bottom .mm-navbar{
        background-color:#fff;
    }
    .mm-shopListNav.mm-menu .mm-navbar-size-4{
        height:55px;
        margin:0;
        padding:0;
        line-height:55px;
    }
        .mm-shopListNav.mm-menu .mm-navbar-size-4 * {
            margin:0;
            padding:0;
        }
    .mm-shopListNav.mm-menu .mm-panels > .mm-panel > .mm-listview {
        margin: 20px -20px 210px !important;

    }
.mm-shopListNav.mm-menu .mm-panels > .mm-panel:after,
.mm-shopListNav.mm-menu .mm-panels > .mm-panel:before {
    height:1px;
}
    .mm-shopListNav.mm-menu .mm-navbars-bottom {
        margin-right:17px;
        padding-top:5px;
        background-color:#fff;
    }

.mm-shopListNav.mm-menu .prodItem {
    
    height:110px;   
    padding: 10px 0px 10px 0px;
    border-bottom:1px solid #eaeaea; 
    margin:0px 10px 0px 20px;
    position:relative;
}

    .mm-shopListNav.mm-menu .prodItem .prodPhoto {
        float:left;
        width:70px;
        height:110px;
        vertical-align:middle;
        display:flex;
        align-items:center;
        justify-content:center;
        padding:0px;
    }                
    .mm-shopListNav.mm-menu .prodItem .prodName{
        padding: 10px 40px 5px 20px;
        font-size:15px;        
        float:none;
        width:calc(100% - 70px);
        font-family:Arial;
    }
        .mm-shopListNav.mm-menu .prodItem .prodName a {
            color:#333;
        }
            .mm-shopListNav.mm-menu .prodItem .prodName a:hover {
                color:#ff6600;
            }
    .mm-shopListNav.mm-menu .prodItem .prodDelBtn {
        width:14px;
        height:14px;
        display:block;        
        float:right;
        z-index:2;
        padding:0;
    }
        .mm-shopListNav.mm-menu .prodItem .prodDelBtn a {
            width:14px;
            height:14px;
            display:block;
            cursor:pointer;
            background-image:url(/images/mm-prodListDelBtn.png);
            background-position:center;
            background-repeat:no-repeat;
            opacity:0.55;
        }
        .mm-shopListNav.mm-menu .prodItem .prodDelBtn a:hover {
            opacity:1;
        }
    .mm-shopListNav.mm-menu .prodItem .prodNum {
        width:calc(50% - 35px);
        float:left;
        font-size:16px;
         font-family:Arial;
    }
    .mm-shopListNav.mm-menu .prodItem .prodPrice {
        width:calc(50% - 35px);
        float:right;
        text-align:right;
        font-weight:bold;
        font-size:16px;
        font-family:Arial;
        color:#454545;
    }

.mm-shopListNav.mm-menu .promoProdItem {

    padding: 10px 0px 10px 0px;

    margin:0px 10px 0px 20px;
    position:relative;
}
    .mm-shopListNav.mm-menu .promoProdItem .promoTitle {
        background-color:#f2f2f2;
    }
        .mm-shopListNav.mm-menu .promoProdItem .promoTitle .titleText {
            width:calc(100% - 18px);
            padding: 0px 40px 0px 0px;
            float:left;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            color: inherit;
            display: block;            
            margin: 0;
        }
            .mm-shopListNav.mm-menu .promoProdItem .promoTitle .titleText a {
                color:#333;
                width:100%;
                height:100%;
                display:block;
            }
            .mm-shopListNav.mm-menu .promoProdItem .promoTitle .titleText a:hover {
                color:#09f;
            }

        .mm-shopListNav.mm-menu .promoProdItem .promoTitle .delBtn {
            width:14px;
            height:14px;
            display:block;        
            float:right;
            z-index:2;
            padding:0px;
            margin-top:4px;
            
        }
            .mm-shopListNav.mm-menu .promoProdItem .promoTitle .delBtn a {
                width:14px;
                height:14px;
                display:block;
                cursor:pointer;
                background-image:url(/images/mm-prodListDelBtn.png);
                background-position:center;
                background-repeat:no-repeat;
                opacity:0.55; 
            }

    .mm-shopListNav.mm-menu .promoProdItem .promoItem {
        background-color:#fbfbfb;
        padding:3px 10px;
    }
        .mm-shopListNav.mm-menu .promoProdItem .promoItem .prodPhoto {
            float:left;
            width:70px;
            height:90px;
            vertical-align:middle;
            display:flex;
            align-items:center;
            justify-content:center;
            padding:0px;
        }
        .mm-shopListNav.mm-menu .promoProdItem .promoItem .prodName {
            float:left;
            clear:right;
            width:calc(100% - 70px);
            padding:0px 10px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            color: inherit;
            display: block;            
            margin: 15px 0px 10px;
            height:30px;
            line-height:30px;
            font-size:14px
        }
            .mm-shopListNav.mm-menu .promoProdItem .promoItem .prodName a {
                color:#000;
            }
            .mm-shopListNav.mm-menu .promoProdItem .promoItem .prodName a:hover {
                color:#ff6600;
            }
            .mm-shopListNav.mm-menu .promoProdItem .promoItem .prodName a:hover .gift, 
            .mm-shopListNav.mm-menu .promoProdItem .promoItem .prodName .gift {
                color:#D50000;
            }
        .mm-shopListNav.mm-menu .promoProdItem .promoItem .prodNum {
            float:left;
            clear:right;
            width:calc(50% - 35px);
            padding:0px 10px;
            font-family:Arial;
        }
        .mm-shopListNav.mm-menu .promoProdItem .promoItem .prodPrice {
            float:left;
            clear:right;
            width:calc(50% - 35px);
            padding:0px 10px;
            text-align:right;
            font-weight:bold;
            font-family:Arial;
            
        }
.mm-shopListNav.mm-menu .mm-navbars-bottom {
    border:none;
}
.mm-shopListNav.mm-menu .navTotalPrice {       
    margin-left:15px;
    margin-right:15px;
    margin-bottom:17px;
    border-top:1px solid #eaeaea;
    border-bottom:1px solid #eaeaea;
    height:53px;
    color:#000;
    font-size:18px;
   
    
}

    .mm-shopListNav.mm-menu .navTotalPrice .title {
        float:left;
        width:75px;
        text-align:left;
    }
    .mm-shopListNav.mm-menu .navTotalPrice .priceTxt {
        width:calc(100%-75px);
        float:right;
        font-family:Arial;
        color:#D50000;
    }

.mm-shopListNav.mm-menu .btn_goshopCart {
    margin-left:15px;
    margin-right:15px;
}
    .mm-shopListNav.mm-menu .btn_goshopCart a {
        background-color:rgba(235,235,235,0.75);
        width:100%;
        height:40px;
        display:block;
        line-height:40px;
        color:#999;
    }
        .mm-shopListNav.mm-menu .btn_goshopCart a:hover {
           background-color:rgba(235,235,235,1); 
           color:#454545;
        }

.mm-shopListNav.mm-menu .btn_goOrderConfirm {
    margin-left:15px;
    margin-right:15px;
}
    .mm-shopListNav.mm-menu .btn_goOrderConfirm a {
        background-color:rgba(63,81,181,0.75);
        width:100%;
        height:40px;
        display:block;
        line-height:40px;
        color:#eee;
    }
        .mm-shopListNav.mm-menu .btn_goOrderConfirm a:hover {
             background-color:rgba(63,81,181,1);
             color:#fff;
        }



.s3_detail,
.s3_list {    
    background-color:#eee;
    margin:10px 0px 0px 0px;
    padding:6px 0px 0px 0px;
    box-shadow:none;
}
    .s3_list.index {
        margin:0;
        padding:0;
    }
    .s3_list .kt-childItem {
        background-color:#fff;
    }
    .s3_list .saleTitle, .kt-prodListTitle {
        padding: 15px 8% 25px;
    }

    .s3_detail .breadcrumb-text {
        font-size:13px;
    }
        .s3_detail .breadcrumb-text p {
            margin:0;
        }
    .s3_detail .breadcrumb-text a{
        color:#a0a0a0;
        font-size:14px !important;
    }
        .s3_detail .breadcrumb-text a::after {
            height:22px;
        }
        .s3_detail .breadcrumb-text a:last-child {
            color:#222;
        }
    .s3_detail .kt-prodDetailTitle {
        width:1180px;
        padding: 60px 0 25px;
        margin:0px auto;
        display:none;
    }
        .s3_detail .kt-prodDetailTitle .codeNum {
            display:none;
        }
    .s3_detail .kt-container-full.prodDetail {
        width:1180px;   
        margin: 10px auto 60px !important;
    }

    .s3_detail .kt-prodPromoList .kt-promoEvent {
        border:1px solid #e71f19;
        margin: 0px 10px;
        width: calc(100% - 20px);
    }
    .s3_detail .kt-container-full.prodDetail .swiper-slide{
        /*min-height:360px;*/
        
    }



.prodPhoto {
    position:relative;
    padding:15px 0px;
}
.ribbonDetail {
    width:73px;
    height:82px;
    display:block;
    position:absolute;
    right:82px;
    top:-6px;
    background-image:url(/images/ribbonDetail.png);
    background-position:center;
    background-repeat:no-repeat;
    z-index:9;
    text-align:center;   
}
    .ribbonDetail span {
        width:100%;
        height:100%;
        display:block;
        padding:8px 0px 0px 0px;
        color:#fff;
        font-size:20px;
        font-family: Helvetica, Arial,"微軟正黑體";
    }

.priceInterval {
  
}
    .priceInterval ul {
        display:inline-block;
        float:right;
        height:34px;
        line-height:34px;
        margin:0px 10px;
    }
        .priceInterval ul li {
            float:left;
            display:inline-block;
        }
            .priceInterval ul li .title {
                font-size:20px;
            }
            .priceInterval ul li.numPrice {
                padding:0px 6px;
            }
                .priceInterval ul li.numPrice input {
                    width:90px;
                    height:32px;
                    padding:0px 5px;
                }
            .priceInterval ul li.btn {
                
                display:inline-block;
                  
            }
                .priceInterval ul li.btn button {
                    width:auto;
                    height:34px;
                    margin:0px;
                    padding:0px 6px;
                    background-color:#e0e0e0;
                    border:1px solid #a9a9a9;
                    opacity:0.75;
                    cursor:pointer;
                    transition:all 0.25s;
                    
                }
                    .priceInterval ul li.btn button:hover {
                        opacity:1;
                    }

.addBtnGroup.kt-addCart  {
    width:460px;
    height:42px;
    display:block;
    position:relative;
    margin:0px 30px;
}
    .addBtnGroup.kt-addCart.s3 {
        width:calc(100% - 40px);
        margin:15px 20px ;
    }

    .addBtnGroup.kt-addCart  .addInput {
        display:table-cell;
        position:relative;
        width:360px;
        z-index:1;

    }
    .addBtnGroup.kt-addCart.s3 .addInput {
        display:block;
        float:left;
        width:calc(100% - 100px);
    }    
        .addBtnGroup.kt-addCart  .addInput .addBtn {
            position:absolute;
            z-index:2;
            right:0px;
            top:1px;   
        }
            .addBtnGroup.kt-addCart  .addInput .addBtn button {
                padding:0;
                margin:1px 2px 1px 1px ;
                border:0px;
                width:36px;
                height:36px;
                background-color:#fff;
                font-size: 32px;
                color: #333;
                cursor:pointer;
                transition:all 0.25s;
            }
                .addBtnGroup.kt-addCart .addInput .addBtn button:hover,
                .addBtnGroup.kt-addCart  .addInput .cutBtn button:hover {
                    background-color:#eaeaea;
                }
        .addBtnGroup.kt-addCart  .addInput .cutBtn {
            position:absolute;
            z-index:2;
            left:0px;
            top:1px;

        }
            .addBtnGroup.kt-addCart  .addInput .cutBtn button {
                padding:0;
                margin:1px 1px 1px 2px ;
                border:0px;
                width:36px;
                height:36px;    
                background-color:#fff;                           
                font-size: 32px;
                color: #333;
                cursor:pointer;
                transition:all 0.25s;
            }

        .addBtnGroup.kt-addCart .addInput .num {
            position:absolute;
            display:block;
            width:100%;
            height:100%;
            top:0px;
        }
.prodDetail.s3 .addBtnGroup.kt-addCart .addInput .num input {
    width:calc(100% + 1px);
}

            .addBtnGroup.kt-addCart .addInput .num input {
                width:calc(100% - 10px);
                height:40px;
                display:block;
                margin:0;
                padding:0 5px;
                border:1px solid #cfcfcf;
                text-align:center;
            }

    .addBtnGroup.kt-addCart  .addCartBtn {
        display:table-cell;
        width:100px;
        height:40px;
        z-index:2;
    }
    .addBtnGroup.kt-addCart.s3 .addCartBtn {
        display:block;
        float:right;
    }
        .addBtnGroup.kt-addCart  .addCartBtn button {   
            width:auto;
            height:100%;
            display:block;
            border:1px solid #cfcfcf;
            margin:0px;
            padding:0px 6px;  
            transition:all 0.25s;   
            font-size:16px;                   
        }
            .addBtnGroup.kt-addCart .addCartBtn button:hover {
                background-color:#01a6d3;
                color:#fff;
                cursor:pointer;
                
            }

.kt-prodTag {
    width:calc(100% - 40px);
    margin:0px 20px;
    display:block;
    
}
    .kt-prodTag ul {
        display:block;
        width:100%;
        display:inline-block;
        margin:0;
        padding:0;
        

    }
        .kt-prodTag ul li {
            display:inline-block;
            margin:0;
            padding:0;
            list-style:none;
            text-align:center;
                        
        }
            .kt-prodTag ul li a {
                width:100%;
                height:100%;
                display:block;
                padding:5px;
                background-color:#40bcde;
                color:#fff;
                opacity:0.65;
            }
                .kt-prodTag ul li a:hover {
                    opacity:1;
                }


.kt_sale.timeLimit {
    margin:20px auto 30px;
    
}

.timeLimit .timeBlock {  
    position:relative;
    z-index:3;
    overflow:initial;
}
    .timeLimit .borderLine {
        margin:0;
        height:calc(100% - 2px);
        border-radius:0;        
    }



.timeLimit .timeBlock .borderLine {
    background-color:#40bcde;
    border-color:transparent;
    background-image:url(/images/timeLimitBg.jpg);
    background-position:center 71px;
    background-repeat:no-repeat;
}

    .timeLimit .timeBlock .arrow {
        width:10px;
        height:10px;
        display:block;
        background-color:#40bcde;
        position:absolute;
        z-index:1;
        transform:rotate(45deg);
        top:50%;
        right:-5px;

    }

.timeLimit .gridPhoto {
    height:293px;
}



.elem_countDown {
    position:absolute;
    width:100%;
    bottom:100px;
}

/* jQuery Countdown styles 2.0.0. */
.is-countdown {
    /*border: 1px solid #ccc;
	background-color: #eee;*/
}
.countdown-rtl {
	direction: rtl;
}
.countdown-holding span {
	color: #888;
}
.countdown-row {
	clear: both;
	width: 100%;
	padding: 0px 2px;
	text-align: center;    
}

.countdown-section {
    position:relative;
}
.countdown-show1 .countdown-section {
	width: 98%;
}
.countdown-show2 .countdown-section {
	width: 48%;
}
.countdown-show3 .countdown-section {
	width: 32.5%;
}
.countdown-show4 .countdown-section {
	width: 24.5%;
}
.countdown-show5 .countdown-section {
	width: 19.5%;
}
.countdown-show6 .countdown-section {
	width: 16.25%;
}
.countdown-show7 .countdown-section {
	width: 14%;
}
.countdown-section {
	display: block;
	float: left;
	font-size: 75%;
	text-align: center;
}
.countdown-amount {
    font-size: 200%;
    padding:5px;
    margin:0px 10px 10px 10px;
    display:block;
    background-color:#000;
    color:#fbf31c;
    
}
    .countdown-section::after {
        content:":";
        font-size:20px;
        position:absolute;
        right:-3px;
        top:6px;
    }
.countdown-section:last-child::after {
    display:none;
}

.countdown-period {
    display: block;
    font-size:16px;
}
.countdown-descr {
	display: block;
	width: 100%;
}
.tablet-limitText {
    display:none;
    position:absolute;
    right:270px;
    top:0px;
    height:60px;

}

@media (min-width: 0px) and (max-width: 1179px) {

    .kt_sale.timeLimit{
        margin-left:3px;
        margin-right:3px;
    }
    .timeLimit .timeBlock {
        width: 100% !important;
        height: 60px !important;
        background: none;
    }
        .timeLimit .timeBlock .borderLine {
            height: 100%;            
            border:none;
            position:relative;
        }


    .timeLimit .kt-prodItem.timeBlock {
        width:100% !important;
    }


    .s3_detail .kt-container-full.prodDetail {
        width:100%;
    }
    .s3_detail .kt-prodDetailTitle {
        width:100%;
    }

    .saleTitle.s3 {
        padding-left:0;
        padding-right:0;
    }
    .saleTitle.s3 span {
        
        font-size:1rem;
        display:inline-block;
    }
        .saleTitle.s3 span.titleName {
            width:auto;
        }



}

@media (min-width: 768px) and (max-width: 1179px) {

        .timeLimit .kt-prodItem {
        width:calc(100% / 3) !important;
    }
    .tablet-limitText {
        display:block;
        display:flex;
        align-items:center;
        justify-content:center;    
    }
    
    .timeLimit .timeBlock .borderLine {
        background-image:url(/images/tablet-timeLimitTitle.png);
        background-position:4px center;
        background-repeat:no-repeat;
    }
        .timeLimit .timeBlock .borderLine .elem_countDown {
        position: relative;
        bottom: inherit;
        float:right;
        width:250px;
        margin:12px 30px 15px 0px;
        padding:0;
    }
        .timeLimit .timeBlock .borderLine .elem_countDown .countdown-period {
            display:none;
        }
        .timeLimit .kt-prodItem .oPrice {
            float:right;
            margin-right:10px;
   
        }
}


@media (min-width: 0px) and (max-width: 992px) {
    .s3_detail .kt-prodDetailTitle {
        display:block;
        padding: 30px 0 25px;
        text-align:center;
    }
    .kt-specContent.specName {
        display:none;
    }
}

@media (min-width: 0px) and (max-width: 767px) {

    .timeLimit .kt-prodItem {
        width:100%;
    }
    .tablet-limitText {
        display:none;
 
    }
    .timeLimit .timeBlock .borderLine {
        background-image:url(/images/mobile-timeLimitTitle.png);
        background-position:4px center;
        background-repeat:no-repeat;
    }
    .timeLimit .timeBlock .borderLine .elem_countDown {
        position: relative;
        bottom: inherit;
        float:right;
        width:250px;
        margin:0px auto 15px;
        display:block;
        padding:12px 0px 0px 0px;
    }
        .timeLimit .timeBlock .borderLine .elem_countDown .countdown-period {
            display:none;
        }

}
@media (max-width: 767px) and (min-width: 0px) {
    .cListType {
        width: 100%;
        height: 60px;
        display: none;
        position: relative;
        overflow: hidden;
    }

        .cListType .callGridBtn {
            width: 100%;
            height: 60px;
            display: block;
            text-align: center;
            background-position: center;
            background-repeat: no-repeat;
            transition: all 0.65s;
        }

            .cListType .callGridBtn.hide {
                margin-top: 60px;
            }

            .cListType .callGridBtn a {
                width: 100%;
                height: 100%;
                display: block;
                line-height: 60px;
            }

            .cListType .callGridBtn.grid-1 {
                background-image: url(/images/gridScale_1.png);
            }

            .cListType .callGridBtn.grid-2 {
                background-image: url(/images/gridScale_2.png);
            }

            .cListType .callGridBtn.grid-3 {
                background-image: url(/images/gridScale_3.png);
            }

            .cListType .callGridBtn.grid-4 {
                background-image: url(/images/gridScale_4.png);
            }

        .cListType .prodGridSelect {
            width: 100%;
            margin: 0;
            height: 60px;
            display: block;
            position: absolute;
            left: 0;
            top: -60px;
            transition: all 0.6s;
        }

            .cListType .prodGridSelect.open {
                top: 0;
            }

            .cListType .prodGridSelect.only2 .gridBtn {
                width: 50%;
            }

            .cListType .prodGridSelect .gridBtn {
                float: left;
                width: calc(100% / 4);
                height: 60px;
                cursor: pointer;
            }

            .cListType .prodGridSelect .total_1 a {
                background-image: url(/images/gridScale_1.png);
                background-position: center;
                background-repeat: no-repeat;
            }

            .cListType .prodGridSelect .total_2 a {
                background-image: url(/images/gridScale_2.png);
                background-position: center;
                background-repeat: no-repeat;
            }

            .cListType .prodGridSelect .total_3 a {
                background-image: url(/images/gridScale_3.png);
                background-position: center;
                background-repeat: no-repeat;
            }

            .cListType .prodGridSelect .total_4 a {
                background-image: url(/images/gridScale_4.png);
                background-position: center;
                background-repeat: no-repeat;
            }

            .cListType .prodGridSelect .gridBtn a {
                width: 100%;
                height: 100%;
                display: block;
                background-color: rgba(189,195,199,0.7);
                cursor: pointer;
            }
}

    @media (max-width: 767px) and (min-width: 0px){


        .gridScale .kt-prodItem .specialIcon {
            max-width:100%;
            height:auto;
        }
        .gridScale.kt_sale {
            margin-left:5px;
            margin-right:5px;
        }
        .gridScale.kt_sale.w1140 {
            width:calc(100% - 10px);
        }
        
        .gridScale.totlaGrid_3 .kt-prodItem .prodNameTxt,
        .gridScale.totlaGrid_4 .kt-prodItem .prodNameTxt,
        .gridScale.totlaGrid_2 .priceNameText,
        .gridScale.totlaGrid_3 .priceNameText,
        .gridScale.totlaGrid_4 .priceNameText {
            display:none;
        }
        .gridScale.totlaGrid_3 .kt-prodItem .gridPhoto,        
        .gridScale.totlaGrid_3 .kt-prodItem .gridPhoto a
        {
            height:100px;
        }
        .gridScale.totlaGrid_4 .kt-prodItem .gridPhoto,
        .gridScale.totlaGrid_4 .kt-prodItem .gridPhoto a {
            height:75px;
        }

        .gridScale.totlaGrid_2 .h-510 {
            height:auto !important;
        }
            .gridScale.totlaGrid_2 .h-510 .gridPhoto {
                    height:220px;
                }
        .gridScale.totlaGrid_3 .h-510{
            height:200px !important;
        }
            .gridScale.totlaGrid_3 .h-510 .gridPhoto {
                height:120px;
            }
        .gridScale.totlaGrid_4 .h-510 {
            height:150px !important;
        }
            .gridScale.totlaGrid_4 .h-510 .gridPhoto {
                height:auto;
                
            }
        .gridScale.totlaGrid_4 .kt-prodItem .oPrice {
            margin-top:-5px;
        }

        .gridScale.totlaGrid_3 .kt-prodItem .oPrice,
        .gridScale.totlaGrid_4 .kt-prodItem .oPrice {
            font-size:16px;
            font-weight:bold;
            margin:0;
            padding:5px 0;
        }


        .gridScale.totlaGrid_3 .kt-prodItem .eventName,
        .gridScale.totlaGrid_4 .kt-prodItem .eventName,        
        .gridScale.totlaGrid_3.promo.s3 .eventData_s3,
        .gridScale.totlaGrid_4.promo.s3 .eventData_s3 {
            display:none;
        }


        .gridScale.totlaGrid_2 .kt-prodItem .gridPhoto {
            height:250px;
        }
            .gridScale.totlaGrid_4 .kt-prodItem .gridPhoto {
                
            }

        .gridScale.totlaGrid_1 .kt-prodItem.grid,
        .gridScale.totlaGrid_1.kt-promoList .grid{
            width:100%;
        }
        .gridScale.totlaGrid_2 .kt-prodItem.grid,
        .gridScale.totlaGrid_2.kt-promoList .grid{
            width:50%;
        }
        .gridScale.totlaGrid_3 .kt-prodItem.grid,
        .gridScale.totlaGrid_3.kt-promoList .grid{
            width:33%;
        }
        .gridScale.totlaGrid_4 .kt-prodItem.grid,
        .gridScale.totlaGrid_4.kt-promoList .grid{
            width:25%;
        }

        .gridScale.totlaGrid_2.kt-promoList .grid .outSpace {
            height: 470px;
        }
        .gridScale.totlaGrid_2.kt-promoList .grid .outSpace .promoPhoto {
            height:180px;
        }
        .gridScale.totlaGrid_2.kt-tabContent .grid {
            width:50%;
        }
        .gridScale.totlaGrid_2.kt-tabContent .grid .outSpace .promoProdName {
            overflow:hidden;
        }
    }


/**********************************************************************
    活動專區
***********************************************************************/
.eventList {
    width:1180px;
    margin:15px auto;
    padding-bottom:20px;
}
    .eventList .eventItem {
        width:980px;
        float:left;
        display:block;
    }
    .eventList .eventPost {
        width:950px;
        float:left;
        display:block;
        padding:0px 15px;
        line-height:26px;
        min-height:30px;
        box-sizing:border-box;
    }


    .eventList .eventType {
        width:190px;
        display:block;
        float:right;
        padding-left:10px;
    }

    .eventList .eventItem ul.item {
        width: 100%;
        /*display:block;*/
        margin: 0;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
    }
        .eventList .eventItem ul.item li {
            width: calc(100% / 3);
            display:block;
            float: left;
            margin: 0;
            padding: 10px 10px 20px;
            /*display: flex;
            justify-content: space-between;*/
        }
            .eventList .eventItem ul.item li .eventPhoto {
                height:200px;
                display:flex;
                align-items:center;
                justify-content:center;
            }
                .eventList .eventItem ul.item li .eventPhoto img {
                border-radius:5px;
                }

            .eventList .eventItem ul.item li .eventTitle {
                padding:5px;
                font-size:16px;
                color:#000;
                font-weight:bold;
            }
            .eventList .eventItem ul.item li .eventTime {
                padding:0px 5px;
                font-size:13px;
                color:#757575;
            }
            .eventList .eventItem ul.item li .eventTxt {
                padding:5px;
                font-size:13px;
                color:#353535;
            }
            .eventList .eventItem ul.item li a .eventTitle:hover {
                color:#06f;
            }
            .eventList .eventItem ul.item li a .eventTime {
            }
            .eventList .eventItem ul.item li a .eventTxt:hover {
                color:#06f;
            }

    .eventList .eventItem .pageList_S1 {
        margin:20px 0px 0;
    }


    .eventList .eventType ul {
        margin:0;
        padding:10px 0;
        display:block;
        width:100%;
    }
        .eventList .eventType ul li {
            margin:0;
            padding:0;
            display:block;
            width:calc(100% - 20px);
            font-size:16px;
            height:26px;
            line-height:26px;
            margin:0px 10px 0px 5px;
        }
            .eventList .eventType ul li.title {
                font-size:18px;
                height:26px;
                line-height:26px;
                font-weight:bold;
                margin:0 0 6px;
                color:#ff9900;
            }
            .eventList .eventType ul li a {
                color:#757575;
                width:100%;
                height:100%;
                display:block;
            }
                .eventList .eventType ul li a:hover {
                    color:#06f;
                }


@media (max-width: 1024px) and (min-width: 0px) {


.eventList {
    width:100%;    
}
    .eventList .eventItem {
        width:100%;
    }

        .eventList .eventItem ul.item li {
            width:100%;
        }

            .eventList .eventItem ul.item li .eventPhoto {
                margin-bottom:15px;
            }

    .eventList .eventType {
        display:none;
    }


    .eventList .eventPost {
        width:100%;
    }


}

@media (max-width: 1024px) and (min-width: 0px) {
    .eventList .eventType {
        display:none;
    }
}
/**********************************************************************
    交易歷史查詢 /Order/Orderdetailquery
***********************************************************************/

.OrderdetailSearch {
    display:block;
    margin:15px 0px;
}
    .OrderdetailSearch .searchElem {
    }

        .OrderdetailSearch .searchElem .titleTxt {
            float:left;
            display:inline-block;
            height:36px;
            line-height:36px;
            width:150px;
            text-align:right;
        }
        .OrderdetailSearch .searchElem .searchInput {
            float:left;
            display:inline-block;
            height:36px;
            width:calc(100% - 170px);
        }
            .OrderdetailSearch .searchElem .searchInput input {
                width:100%;
                display:block;
                height:34px;
                border:1px solid #cecece;
                padding:0px 6px;
            }

    .OrderdetailSearch .SearchPeriod {
    }

        .OrderdetailSearch .SearchPeriod .titleTxt {
            width:150px;
            height:36px;
            line-height:36px;
            float:left;
            text-align:right;
        }
        .OrderdetailSearch .SearchPeriod .dateInput {
            float:left;
            display:inline-block;
            height:36px;
            
        }
        .OrderdetailSearch .SearchPeriod .toText {
            width:auto;
            height:36px;
            line-height:36px;
            text-align:center;
            margin:0 10px;
            display:inline-block;
            float:left;
        }
        .OrderdetailSearch .SearchPeriod .dateInput {
            float:left;
            width:auto;
            height:36px;
        }
            .OrderdetailSearch .SearchPeriod .dateInput input {
                padding:4px;
                border:1px solid #cecece;
                
            }
        .OrderdetailSearch .SearchPeriod .searchBtn {
            height:36px;
            display:inline-block;
            float:left;
        }
            .OrderdetailSearch .SearchPeriod .searchBtn input {
                width:auto;
                height:34px;
                border:1px solid #cecece;
                cursor:pointer;
            }


@media (max-width: 1280px) and (min-width: 768px) {
    .OrderdetailSearch .kt-grid-2 {
        width:100% !important;
    }
    .OrderdetailSearch .searchElem .titleTxt,
    .OrderdetailSearch .SearchPeriod .titleTxt {
        text-align:right;
    }
}

@media (max-width: 600px) and (min-width: 0px) {

    .OrderdetailSearch .searchElem .titleTxt{
        display:block;
        width:100%;
        text-align:center;
    }
    .OrderdetailSearch .searchElem .searchInput {
        width:100%;
    }
    .OrderdetailSearch .SearchPeriod .titleTxt {
        width:100%;
        text-align:center;
    }
    .OrderdetailSearch .SearchPeriod .toText {
        width:100%;
        text-align:center;
        margin:0;
        padding:0;
    }
    .OrderdetailSearch .SearchPeriod .dateInput {
        width:100%;
        text-align:center;
    }
        .OrderdetailSearch .SearchPeriod .dateInput input {
            width:100%;
        }
    .OrderdetailSearch .SearchPeriod .searchBtn {
        margin:10px 0px;
        text-align:center;
        width:100%;
    }
}


/**********************************************************************
    店家活動 (舊版本, 請看活動專區)
***********************************************************************/
.storeEvent {
    width:1180px;
    margin:15px auto;
}
    .storeEvent .listItem.title {
        background-color:#efefef;
    }
    .storeEvent .listItem {
        border:1px solid #333;
        line-height:36px;
        text-align:center;
        border-bottom:0px;
        color:#333;
    }

        .storeEvent .listItem.title .date {
            color:#333;
        }

        .storeEvent .listItem:last-child {
            border-bottom:1px solid #333;
        }
        .storeEvent .listItem .title {
            min-height:36px; 
            width:calc(50% - 1px);
            border-right:1px solid #333;

        }

            .storeEvent .listItem .title a {
                width:100%;
                height:100%;
                display:block;
                overflow:hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                color:#01a6d3;
            }
                .storeEvent .listItem .title a:hover,
                .storeEvent .listItem .title a:active {
                    color:#40bcde;
                }
        .storeEvent .listItem .date {
            height:36px;
            color:#db0000;
        }


@media (max-width: 996px) and (min-width: 0px) {
    .storeEvent {
        width:100%;
        margin-bottom:100px;
        display:block;
    }
    .storeEvent .listItem,
    .storeEvent .listItem:last-child {
        border:0;
    }
    .storeEvent .listItem.title {
        display:none;
    }
    .storeEvent .listItem .title,
    .storeEvent .listItem .date {
        width:calc(100% - 10px);
        border:1px solid #333;
        border-bottom:0;
        margin:0px 5px;
    }

        .storeEvent .listItem .date:last-child {
            border-bottom:1px solid #333;
        }

}


/*
    產品明細頁 特假期間
*/

.specialDate {
    background:rgba(248,248,248,1);
    margin:7px;
    padding:8px;
    width:calc(100% - 30px);
    color:#db0000;
}
    .specialDate .title {
        font-size:20px;
        margin:3px 0px;
    }
    .specialDate .startDate {
        font-size:16px;
    }
        .specialDate .startDate .text {
        
        }
        .specialDate .startDate .dateText {
        }
    .specialDate .endDate {
        font-size:16px;
    }
        .specialDate .endDate .text {
        }
        .specialDate .endDate .dateText {
        }




/* 產品明細 - 購物須知說明
   ========================================================================== */

.storeRule {
    background-color:#fff;
}
    /*電腦版顯示按鈕*/
    .storeRule .ruleType {
        display:block;                
    }
        .storeRule .ruleType ul {            
            padding:0;
            list-style:none;
            display:block
        }
            .storeRule .ruleType ul li {
                margin:0;
                padding:0;
                list-style:none;
                display:block;
                float:left;
                width:calc(100% / 6);
                text-align:center;
                border-bottom:2px solid #fff;
                background-color:#efefef;
                 cursor:pointer;
            }
                .storeRule .ruleType ul li a {
                    width:100%;
                    display:block;
                    padding:10px;
                    color:#999;
                   
                }
                .storeRule .ruleType ul li.target {
                    background-color:#fff;
                }
                    .storeRule .ruleType ul li a:hover {
                        color:#06f;
                        background-color:#fff;
                    }



    .storeRule .ruleInfo {
        padding:10px;
        display:none;
    }
        .storeRule .ruleInfo .ruleTitle {
            
            display:none;
            background-color:#efefef;
            font-size:16px;
            font-weight:bold;
            color:#454545;
        }
        .storeRule .ruleInfo .ruleTxt {
            padding:10px;
        }
    .storeRule .ruleType ul li.target {
        border-bottom:2px solid #06f;
    }
        .storeRule .ruleType ul li.target a {
            color:#06f;            
        }
    .storeRule .ruleInfo.target {
        display:block;
        clear:both;
    }

@media (min-width: 0px) and (max-width: 992px) {
    
    /*電腦版顯示按鈕*/
    .storeRule .ruleType {
        display:none;
    }
    .storeRule .ruleInfo {
        padding:0;
    }
    .storeRule .ruleInfo .ruleTitle {
        display:block;
    }
        .storeRule .ruleInfo .ruleTitle a {
            color:#06f;
            font-weight:normal;
            font-size:16px;
            width:100%;
            height:100%;
            display:block;
            padding:0px;
            z-index:9;
            position:relative;

        }
            .storeRule .ruleInfo .ruleTitle a:hover {
                
            }
    .storeRule .ruleInfo,
    .storeRule .ruleInfo.target{
        display:block;
    }
        .storeRule .ruleInfo .ruleTxt {
            display:none;
        }
        .storeRule .ruleInfo.target .ruleTxt {
            display:block;
        }

}



/* 購物金
   ========================================================================== */
.giftVoucherBtn {
    width:155px;
    height:272px;
    display:block;
    position:fixed;
    right:10px;
    bottom:10px;
    z-index:9;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), 0 6px 15px 0 rgba(0,0,0,0.1);
}

@media (min-width: 0px) and (max-width: 767px) {
    .giftVoucherBtn {
        display:none;
    }
}

/**********************************************************************
    預付金回報紀錄 /Member/PrepayReportList
***********************************************************************/

.PrepayReportListBtn {
    display: block;
    margin: 15px 0px;
}

    .PrepayReportListBtn .searchElem {
    }

        .PrepayReportListBtn .searchElem .titleTxt {
            float: left;
            display: inline-block;
            height: 36px;
            line-height: 36px;
            width: 150px;
            text-align: right;
        }

        .PrepayReportListBtn .searchElem .searchInput {
            float: left;
            display: inline-block;
            height: 36px;
            width: calc(100% - 170px);
        }

            .PrepayReportListBtn .searchElem .searchInput input {
                width: 100%;
                display: block;
                height: 34px;
                border: 1px solid #cecece;
                padding: 0px 6px;
            }

    .PrepayReportListBtn .SearchPeriod {
    }

        .PrepayReportListBtn .SearchPeriod .titleTxt {
            width: 150px;
            height: 36px;
            line-height: 36px;
            float: left;
            text-align: right;
        }

        .PrepayReportListBtn .SearchPeriod .dateInput {
            float: left;
            display: inline-block;
            height: 36px;
        }

        .PrepayReportListBtn .SearchPeriod .toText {
            width: auto;
            height: 36px;
            line-height: 36px;
            text-align: center;
            margin: 0 10px;
            display: inline-block;
            float: left;
        }

        .PrepayReportListBtn .SearchPeriod .dateInput {
            float: left;
            width: auto;
            height: 36px;
        }

            .PrepayReportListBtn .SearchPeriod .dateInput input {
                padding: 4px;
                border: 1px solid #cecece;
            }

        .PrepayReportListBtn .SearchPeriod .searchBtn {
            height: 36px;
            display: inline-block;
            float: left;
        }

            .PrepayReportListBtn .SearchPeriod .searchBtn input {
                width: auto;
                height: 34px;
                border: 1px solid #cecece;
                cursor: pointer;
            }


@media (max-width: 1280px) and (min-width: 768px) {
    .PrepayReportListBtn .kt-grid-2 {
        width: 100% !important;
    }

    .PrepayReportListBtn .searchElem .titleTxt,
    .PrepayReportListBtn .SearchPeriod .titleTxt {
        text-align: right;
    }
}

@media (max-width: 600px) and (min-width: 0px) {

    .PrepayReportListBtn .searchElem .titleTxt {
        display: block;
        width: 100%;
        text-align: center;
    }

    .PrepayReportListBtn .searchElem .searchInput {
        width: 100%;
    }

    .PrepayReportListBtn .SearchPeriod .titleTxt {
        width: 100%;
        text-align: center;
    }

    .PrepayReportListBtn .SearchPeriod .toText {
        width: 100%;
        text-align: center;
        margin: 0;
        padding: 0;
    }

    .PrepayReportListBtn .SearchPeriod .dateInput {
        width: 100%;
        text-align: center;
    }

        .PrepayReportListBtn .SearchPeriod .dateInput input {
            width: 100%;
        }

    .PrepayReportListBtn .SearchPeriod .searchBtn {
        margin: 10px 0px;
        text-align: center;
        width: 100%;
    }
}



.goTop {
    position:fixed;
    bottom:10px;
    right:10px;
    z-index:99;
    opacity:0;
    
}

    .goTop a {
        width:36px;
        height:36px;
        display:block;
        display:flex;
        align-items:center;
        justify-content:center;    
    }

    .goTop i {
        font-size:2rem;
    }

@media (max-width: 768px) and (min-width: 0px) {

.goTop {
    position: fixed;
    bottom: 60px;
    right: 15px;
    z-index: 99;
}

}


/***
* contact / 連絡我們
*/

textarea#ContactContent {
    width: calc(100% - 36px);
    height:80px;
}

 .inputInfo textarea#ContactContent {
        width:calc(100% - 36px);
        margin:16px 0px;
        padding:0px 6px;
        height:100px;
        vertical-align:bottom;
        border:1px solid #666;
    }

a.white-text,
.white-text {
    color:#ccc;
}
    a.white-text:hover {
        color:#fff;
    }


.showPass_btn {
    position: relative;
    z-index: 2;
    height: 35px;    
    border-left: 0px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;    
    color:#333 !important;
    display:flex;
    align-content: center!important;
    align-items: center!important;
}
    .showPass_btn span {
        display:flex;
    }

    .showPass_btn:hover,
    .showPass_btn:active,
    .showPass_btn:focus {
        color:#333 !important;
      
    }

/*
 * jQuery FlexSlider v2.6.2
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
  font-family: 'flexslider-icon';
  src: url('../fonts/flexslider-icon.eot');
  src: url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/flexslider-icon.woff') format('woff'), 
       url('../fonts/flexslider-icon.ttf') format('truetype'), 
       url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0 0 60px;
  background: #fff;
  border: 4px solid #fff;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides img {
  height: auto;
  -moz-user-select: none;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
.carousel li {
  margin-right: 5px;
}
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 60px;
  margin: -30px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 1;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: '\f001';
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
  content: '\f002';
}
.flex-direction-nav .flex-prev {
  left: -50px;
}
.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a.flex-play:before {
  content: '\f003';
}
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -60px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}

/* Slicebox Style */
.sb-slider {
	margin: 10px auto;
	position: relative;
	overflow: hidden;
	width: 100%;
	list-style-type: none;
	padding: 0;
}

.sb-slider li {
	margin: 0;
	padding: 0;
	display: none;
}

.sb-slider li > a {
	outline: none;
}

.sb-slider li > a img {
	border: none;
}

.sb-slider img {
	max-width: 100%;
	display: block;
}

.sb-description {
	padding: 20px;
	bottom: 10px;
	left: 10px;
	right: 10px;
	z-index: 1000;
	position: absolute;
	background: #CBBFAE;
	background: rgba(190,176,155, 0.4);
	border-left: 4px solid rgba(255,255,255,0.7);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);	
	opacity: 0;
	color: #fff;

	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-o-transition: all 200ms;
	-ms-transition: all 200ms;
	transition: all 200ms;
    z-index:2;
}

.sb-slider li.sb-current .sb-description {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);	
	opacity: 1;
}

.sb-slider li.sb-current .sb-description:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=99)";
	filter: alpha(opacity=99);	
	background: rgba(190,176,155, 0.7);
}

.sb-perspective {
	position: relative;
}

.sb-perspective > div {
	position: absolute;

	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;

	-webkit-backface-visibility : hidden;
	-moz-backface-visibility : hidden;
	-o-backface-visibility : hidden;
	-ms-backface-visibility : hidden;
	backface-visibility : hidden;
}

.sb-side {
	margin: 0;
	display: block;
	position: absolute;

	-moz-backface-visibility : hidden;

	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

/**
 * Swiper 6.1.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 31, 2020
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}