@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700&display=swap');

/* ===== css/common.css ===== */


/* css/variable_group.css */
:root {
  --header-color: #56baf8;
  --main-color: #393b3a;
  --sub-color:#545655;
  --sub1-color:#6a6c6b;
  --sub2-color:#11ABB7;
  --sub6-color:#6a6c6b;
  --sub7-color:#003666;
  --sub8-color:#b8e2fc;
  --sub9-color:#0086C1;
  --sub10-color:#5f6160;
    
  
  --btnfonts-color:#11ABB7;
  
  --bg-color:#f1f1f5;
  --bg1-color:#f3f3f3;
  --bg2-color:#F2F3F4;
  
  --bg4-color: #cccccc;
  --bg5-color: #E6E6E6;
  --bg6-color: #f5f2f0;
  --bg7-color: #fafafa;
  --bg8-color: #dacfc7;
  --bg9-color: #e7eaec;
  --bg10-color: #f1f1f1;
    
  --border-color:#f4f4f4;
  --border1-color:#edf0f2;
  --border2-color:#d1d7dc;
  --border3-color:#EBEBEB;
 
  --line-colorv4: #DEDEDE;
  --line-colorv5: #ddd;
  --line-colorv6: #e6e6e6;
  
  --fonts-color:#757575;
  --fonts1-color:#666666;
  --fonts2-color:#c1c1c1;
  --fonts3-color:#2b3340;
  --fonts4-color:#333;
  --fonts5-color:#0e1318;
  --fonts6-color:#8F8F8F;
  --fonts7-color:#F6F6F6;
  --fonts8-color:#CFCFCF;
  --fonts9-color:#EDEDED;
  --fonts10-color:#5e5e5e;
  --fonts11-color:#888;
  --fonts12-color:#555;
  --fonts13-color:#d5d5d5;
  --fonts14-color:#eeeeee;
    
  --fonts15-color:#434343;
  --fonts16-color:#1c1d1f;
  --fonts17-color:#676a6c;
  --fonts18-color:#313131;
  --fonts19-color:#938c88;
  --fonts20-color:#888888;
  --fonts21-color:#565656;
  --fonts22-color:#555057;
  --fonts23-color:#7c7c80;
  --fonts24-color:#32373A;
  --fonts25-color:#39393e;
  --fonts26-color:#d2d4d6;
  --fonts27-color:#9b9b9b;
  --fonts28-color:#7ebcff;
  --fonts29-color:#cccccc;
  --fonts30-color:#5e5e5e;
  --fonts31-color:#E6E6E6;
  --fonts32-color:#BEBEBE;
  --fonts33-color:#707070;
  --fonts34-color:#F7F7F7;
  --fonts35-color:#CACACA;
  --fonts36-color:#bababa;
  --fonts37-color:#333333;
  
  --tag-color:#c3c3c3;
  --tag1-color:#dfdfdf;
  
  --footertop-color:#444444;
  --footerbottom-color:#2C2C2C;
  --fofonts-color:#FFBF00;
  --fofonts1-color: #ffd966;
  --fofonts2-color: #fff2cc;
  
  --red-color:#FF5151;
  --red1-color:#FF6969;
  --red2-color:#FF7575;
  --red3-color:#ffa6a6;
  --red4-color:#ffd9d9;
  --red5-color:#e1264a;
  --red6-color:#e03f19;
  --red7-color:#e94c15;
  --red8-color:#ee847d;
  --red9-color:#ee6f43;
  
  --green-color:#019858;
  --green1-color:#49BD69;
  --green2-color:#006621;
    
  --y-color:#fbb034;
  --y1-color: rgba( 250, 139, 0, 1 );
  --y2-color: #ffa700;
  --y3-color: #fa8b00;
  
  --header-icon-bar-color:#3b3e47;
  --header-mobile-menu:#333;
    
  --header-height:60px;
  --font-basicsize:16px;
  --font-basicisonsize:20px;
}


/* plugins/jq_ui/jquery-ui.min.css */
/*! jQuery UI - v1.13.2 - 2022-07-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url('../plugins/jq_ui/%22images%2Fui-icons_555555_256x240.png%22')&iconsHighlight=url('../plugins/jq_ui/%22images%2Fui-icons_777620_256x240.png%22')&iconsHeader=url('../plugins/jq_ui/%22images%2Fui-icons_444444_256x240.png%22')&iconsError=url('../plugins/jq_ui/%22images%2Fui-icons_cc0000_256x240.png%22')&iconsDefault=url('../plugins/jq_ui/%22images%2Fui-icons_777777_256x240.png%22')&iconsContent=url('../plugins/jq_ui/%22images%2Fui-icons_444444_256x240.png%22')&iconsActive=url('../plugins/jq_ui/%22images%2Fui-icons_ffffff_256x240.png%22')&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* 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-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;-ms-filter:"alpha(opacity=0)"}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.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-wrapper{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-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.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-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.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-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;-ms-filter:"alpha(opacity=25)";opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:pointer;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;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-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.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-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.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.ui-widget-content{border:1px solid #c5c5c5}.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,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{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,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{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,.ui-button:hover,.ui-button: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,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-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-checked{border:1px solid #dad55e;background:#fffa90}.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;-ms-filter:"alpha(opacity=70)";font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;-ms-filter:"alpha(opacity=35)";background-image:none}.ui-state-disabled .ui-icon{-ms-filter:"alpha(opacity=35)"}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url('../plugins/jq_ui/images/ui-icons_444444_256x240.png')}.ui-widget-header .ui-icon{background-image:url('../plugins/jq_ui/images/ui-icons_444444_256x240.png')}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url('../plugins/jq_ui/images/ui-icons_555555_256x240.png')}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url('../plugins/jq_ui/images/ui-icons_ffffff_256x240.png')}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url('../plugins/jq_ui/images/ui-icons_777620_256x240.png')}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url('../plugins/jq_ui/images/ui-icons_cc0000_256x240.png')}.ui-button .ui-icon{background-image:url('../plugins/jq_ui/images/ui-icons_777777_256x240.png')}.ui-icon-blank.ui-icon-blank.ui-icon-blank{background-image:none}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-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:-65px -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:-65px -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:1px -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:.003;-ms-filter:Alpha(Opacity=.3)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}


/* plugins/bootstrap/bootstrap.min.css */
/*!
 * Bootstrap v3.2.0 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}@media print{*{color:#000!important;text-shadow:none!important;background:transparent!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff!important}.navbar{display:none}.table td,.table th{background-color:#fff!important}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table-bordered th,.table-bordered td{border:1px solid #ddd!important}}@font-face{font-family:'Glyphicons Halflings';src:url('../plugins/fonts/glyphicons-halflings-regular.eot');src:url('../plugins/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('../plugins/fonts/glyphicons-halflings-regular.woff') format('woff'),url('../plugins/fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('../plugins/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg')}.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-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#428bca;text-decoration:none}a:hover,a:focus{color:#2a6496;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;width:100% \9;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;width:100% \9;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;line-height:1.1;color:inherit}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:400;line-height:1;color:#777}h1,.h1,h2,.h2,h3,.h3{margin-top:20px;margin-bottom:10px}h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}h4,.h4,h5,.h5,h6,.h6{margin-top:10px;margin-bottom:10px}h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:75%}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size:18px}h5,.h5{font-size:14px}h6,.h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}small,.small{font-size:85%}cite{font-style:normal}mark,.mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#428bca}a.text-primary:hover{color:#3071a9}.text-success{color:#3c763d}a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#428bca}a.bg-primary:hover{background-color:#3071a9}.bg-success{background-color:#dff0d8}a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ul,ol{margin-top:0;margin-bottom:10px}ul ul,ol ul,ul ol,ol ol{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;margin-left:-5px;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dt,dd{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{margin-bottom:0}blockquote footer,blockquote small,blockquote .small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote footer:before,blockquote small:before,blockquote .small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before{content:''}.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after{content:'\00A0 \2014'}blockquote:before,blockquote:after{content:""}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{background-color:#f9f9f9}.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th{background-color:#f5f5f5}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{background-color:#f5f5f5}.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr.active:hover>th{background-color:#e8e8e8}.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th{background-color:#dff0d8}.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr.success:hover>th{background-color:#d0e9c6}.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr>td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr.info>th,.table>tfoot>tr.info>th{background-color:#d9edf7}.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr.info:hover>th{background-color:#c4e3f3}.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th{background-color:#fcf8e3}.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr.warning:hover>th{background-color:#faf2cc}.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th{background-color:#f2dede}.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr.danger:hover>th{background-color:#ebcccc}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=radio],input[type=checkbox]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=radio]:focus,input[type=checkbox]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#777;opacity:1}.form-control:-ms-input-placeholder{color:#777}.form-control::-webkit-input-placeholder{color:#777}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{line-height:34px;line-height:1.42857143 \0}input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm{line-height:30px}input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg{line-height:46px}.form-group{margin-bottom:15px}.radio,.checkbox{position:relative;display:block;min-height:20px;margin-top:10px;margin-bottom:10px}.radio label,.checkbox label{padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.radio input[type=radio],.radio-inline input[type=radio],.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox]{position:absolute;margin-top:4px \9;margin-left:-20px}.radio+.radio,.checkbox+.checkbox{margin-top:-5px}.radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio].disabled,input[type=checkbox].disabled,fieldset[disabled] input[type=radio],fieldset[disabled] input[type=checkbox]{cursor:not-allowed}.radio-inline.disabled,.checkbox-inline.disabled,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox-inline{cursor:not-allowed}.radio.disabled label,.checkbox.disabled label,fieldset[disabled] .radio label,fieldset[disabled] .checkbox label{cursor:not-allowed}.form-control-static{padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm,.form-horizontal .form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}textarea.input-sm,select[multiple].input-sm{height:auto}.input-lg,.form-horizontal .form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-lg{height:46px;line-height:46px}textarea.input-lg,select[multiple].input-lg{height:auto}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:25px;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center}.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn,.form-inline .input-group .form-control{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .radio label,.form-inline .checkbox label{padding-left:0}.form-inline .radio input[type=radio],.form-inline .checkbox input[type=checkbox]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .radio,.form-horizontal .checkbox{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{top:0;right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:14.3px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn:focus,.btn:active:focus,.btn.active:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus{color:#333;text-decoration:none}.btn:active,.btn.active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{pointer-events:none;cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#3071a9;border-color:#285e8e}.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{background-color:#428bca;border-color:#357ebd}.btn-primary .badge{color:#428bca;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#428bca;cursor:pointer;border-radius:0}.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#2a6496;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#777;text-decoration:none}.btn-lg,.btn-group-lg>.btn{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-sm,.btn-group-sm>.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-xs,.btn-group-xs>.btn{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=submit].btn-block,input[type=reset].btn-block,input[type=button].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;-o-transition:height .35s ease;transition:height .35s ease}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;background-color:#428bca;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#777}.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px solid}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group>.btn,.btn-group-vertical>.btn{position:relative;float:left}.btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active{z-index:2}.btn-group>.btn:focus,.btn-group-vertical>.btn:focus{outline:0}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn>input[type=radio],[data-toggle=buttons]>.btn>input[type=checkbox]{position:absolute;z-index:-1;filter:alpha(opacity=0);opacity:0}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn,select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn,select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn{height:auto}.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=radio],.input-group-addon input[type=checkbox]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child>.btn-group:not(:last-child)>.btn{border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:first-child>.btn-group:not(:first-child)>.btn{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:hover,.input-group-btn>.btn:focus,.input-group-btn>.btn:active{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{margin-left:-1px}.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:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:hover,.nav>li.disabled>a:focus{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#eee;border-color:#428bca}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{color:#fff;background-color:#428bca}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{max-height:340px}@media (max-width:480px) and (orientation:landscape){.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{max-height:200px}}.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030;-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}@media (min-width:768px){.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}.navbar-nav.navbar-right:last-child{margin-right:-15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important}}.navbar-form{padding:10px 15px;margin-top:8px;margin-right:-15px;margin-bottom:8px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn,.navbar-form .input-group .form-control{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .radio,.navbar-form .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .radio label,.navbar-form .checkbox label{padding-left:0}.navbar-form .radio input[type=radio],.navbar-form .checkbox input[type=checkbox]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-form.navbar-right:last-child{margin-right:-15px}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}.navbar-text.navbar-right:last-child{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:hover,.navbar-default .btn-link:focus{color:#333}.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:hover,.navbar-default .btn-link[disabled]:focus,fieldset[disabled] .navbar-default .btn-link:focus{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#777}.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#777}.navbar-inverse .navbar-nav>li>a{color:#777}.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#777}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#777}.navbar-inverse .btn-link:hover,.navbar-inverse .btn-link:focus{color:#fff}.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:hover,.navbar-inverse .btn-link[disabled]:focus,fieldset[disabled] .navbar-inverse .btn-link:focus{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#428bca;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color:#2a6496;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;cursor:default;background-color:#428bca;border-color:#428bca}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:hover,a.label:focus{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:hover,.label-default[href]:focus{background-color:#5e5e5e}.label-primary{background-color:#428bca}.label-primary[href]:hover,.label-primary[href]:focus{background-color:#3071a9}.label-success{background-color:#5cb85c}.label-success[href]:hover,.label-success[href]:focus{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:hover,.label-info[href]:focus{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:hover,.label-warning[href]:focus{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:hover,.label-danger[href]:focus{background-color:#c9302c}.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:baseline;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-xs .badge{top:0;padding:1px 5px}a.badge:hover,a.badge:focus{color:#fff;text-decoration:none;cursor:pointer}a.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#428bca;background-color:#fff}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron h1,.jumbotron .h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron{border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron{padding-right:60px;padding-left:60px}.jumbotron h1,.jumbotron .h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.thumbnail>img,.thumbnail a>img{margin-right:auto;margin-left:auto}a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active{border-color:#428bca}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar,.progress-bar-striped{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress.active .progress-bar,.progress-bar.active{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar[aria-valuenow="1"],.progress-bar[aria-valuenow="2"]{min-width:30px}.progress-bar[aria-valuenow="0"]{min-width:30px;color:#777;background-color:transparent;background-image:none;-webkit-box-shadow:none;box-shadow:none}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media,.media-body{overflow:hidden;zoom:1}.media,.media .media{margin-top:15px}.media:first-child{margin-top:0}.media-object{display:block}.media-heading{margin:0 0 5px}.media>.pull-left{margin-right:10px}.media>.pull-right{margin-left:10px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}a.list-group-item{color:#555}a.list-group-item .list-group-item-heading{color:#333}a.list-group-item:hover,a.list-group-item:focus{color:#555;text-decoration:none;background-color:#f5f5f5}.list-group-item.disabled,.list-group-item.disabled:hover,.list-group-item.disabled:focus{color:#777;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca}.list-group-item.active .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>.small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:hover .list-group-item-text,.list-group-item.active:focus .list-group-item-text{color:#e1edf7}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:hover,a.list-group-item-success:focus{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:hover,a.list-group-item-success.active:focus{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:hover,a.list-group-item-info:focus{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:hover,a.list-group-item-info.active:focus{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:hover,a.list-group-item-warning:focus{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:hover,a.list-group-item-warning.active:focus{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:hover,a.list-group-item-danger:focus{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:hover,a.list-group-item-danger.active:focus{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group{margin-bottom:0}.panel>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.table,.panel>.table-responsive>.table,.panel>.panel-collapse>.table{margin-bottom:0}.panel>.table:first-child,.panel>.table-responsive:first-child>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table:last-child,.panel>.table-responsive:last-child>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child th,.panel>.table>tbody:first-child>tr:first-child td{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#428bca}.panel-primary>.panel-heading{color:#fff;background-color:#428bca;border-color:#428bca}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#428bca}.panel-primary>.panel-heading .badge{color:#428bca;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#428bca}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;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:0 0;border:0}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.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:translate3d(0,-25%,0);-o-transform:translate3d(0,-25%,0);transform:translate3d(0,-25%,0)}.modal.in .modal-dialog{-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,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)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{min-height:16.43px;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}}.tooltip{position:absolute;z-index:1070;display:block;font-size:12px;line-height:1.4;visibility:visible;filter:alpha(opacity=0);opacity:0}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{bottom:0;left:5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{right:5px;bottom:0;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;left:5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;text-align:left;white-space:normal;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;font-weight:400;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>img,.carousel-inner>.item>a>img{line-height:1}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:hover,.carousel-control:focus{color:#fff;text-decoration:none;filter:alpha(opacity=90);outline:0;opacity:.9}.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;z-index:5;display:inline-block}.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left{left:50%;margin-left:-10px}.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right{right:50%;margin-right:-10px}.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;margin-top:-10px;font-family:serif}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:30px;margin-top:-15px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-15px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-15px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-footer:before,.modal-footer:after{display:table;content:" "}.clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-footer:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important;visibility:hidden!important}.affix{position:fixed;-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none!important}.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table}tr.visible-xs{display:table-row!important}th.visible-xs,td.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table}tr.visible-sm{display:table-row!important}th.visible-sm,td.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table}tr.visible-md{display:table-row!important}th.visible-md,td.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table}tr.visible-lg{display:table-row!important}th.visible-lg,td.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table}tr.visible-print{display:table-row!important}th.visible-print,td.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}}


/* plugins/icomoon/style.css */
@font-face {
  font-family: 'icomoon';
  src:  url('../plugins/icomoon/fonts/icomoon.eot?3moce9');
  src:  url('../plugins/icomoon/fonts/icomoon.eot?3moce9#iefix') format('embedded-opentype'),
    url('../plugins/icomoon/fonts/icomoon.ttf?3moce9') format('truetype'),
    url('../plugins/icomoon/fonts/icomoon.woff?3moce9') format('woff'),
    url('../plugins/icomoon/fonts/icomoon.svg?3moce9#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-activity:before {
  content: "\e900";
}
.icon-airplay:before {
  content: "\e901";
}
.icon-alert-circle:before {
  content: "\e902";
}
.icon-alert-octagon:before {
  content: "\e903";
}
.icon-alert-triangle:before {
  content: "\e904";
}
.icon-align-center:before {
  content: "\e905";
}
.icon-align-justify:before {
  content: "\e906";
}
.icon-align-left:before {
  content: "\e907";
}
.icon-align-right:before {
  content: "\e908";
}
.icon-anchor:before {
  content: "\e909";
}
.icon-aperture:before {
  content: "\e90a";
}
.icon-archive:before {
  content: "\e90b";
}
.icon-arrow-down:before {
  content: "\e90c";
}
.icon-arrow-down-circle:before {
  content: "\e90d";
}
.icon-arrow-down-left:before {
  content: "\e90e";
}
.icon-arrow-down-right:before {
  content: "\e90f";
}
.icon-arrow-left:before {
  content: "\e910";
}
.icon-arrow-left-circle:before {
  content: "\e911";
}
.icon-arrow-right:before {
  content: "\e912";
}
.icon-arrow-right-circle:before {
  content: "\e913";
}
.icon-arrow-up:before {
  content: "\e914";
}
.icon-arrow-up-circle:before {
  content: "\e915";
}
.icon-arrow-up-left:before {
  content: "\e916";
}
.icon-arrow-up-right:before {
  content: "\e917";
}
.icon-at-sign:before {
  content: "\e918";
}
.icon-award:before {
  content: "\e919";
}
.icon-bar-chart:before {
  content: "\e91a";
}
.icon-bar-chart-2:before {
  content: "\e91b";
}
.icon-battery:before {
  content: "\e91c";
}
.icon-battery-charging:before {
  content: "\e91d";
}
.icon-bell:before {
  content: "\e91e";
}
.icon-bell-off:before {
  content: "\e91f";
}
.icon-bluetooth:before {
  content: "\e920";
}
.icon-bold:before {
  content: "\e921";
}
.icon-book1:before {
  content: "\e922";
}
.icon-book-open:before {
  content: "\e923";
}
.icon-bookmark:before {
  content: "\e924";
}
.icon-box:before {
  content: "\e925";
}
.icon-briefcase1:before {
  content: "\e926";
}
.icon-calendar1:before {
  content: "\e927";
}
.icon-camera1:before {
  content: "\e928";
}
.icon-camera-off:before {
  content: "\e929";
}
.icon-cast:before {
  content: "\e92a";
}
.icon-check:before {
  content: "\e92b";
}
.icon-check-circle:before {
  content: "\e92c";
}
.icon-check-square:before {
  content: "\e92d";
}
.icon-chevron-down:before {
  content: "\e92e";
}
.icon-chevron-left:before {
  content: "\e92f";
}
.icon-chevron-right:before {
  content: "\e930";
}
.icon-chevron-up:before {
  content: "\e931";
}
.icon-chevrons-down:before {
  content: "\e932";
}
.icon-chevrons-left:before {
  content: "\e933";
}
.icon-chevrons-right:before {
  content: "\e934";
}
.icon-chevrons-up:before {
  content: "\e935";
}
.icon-chrome1:before {
  content: "\e936";
}
.icon-circle:before {
  content: "\e937";
}
.icon-clipboard:before {
  content: "\e938";
}
.icon-clock1:before {
  content: "\e939";
}
.icon-cloud:before {
  content: "\e93a";
}
.icon-cloud-drizzle:before {
  content: "\e93b";
}
.icon-cloud-lightning:before {
  content: "\e93c";
}
.icon-cloud-off:before {
  content: "\e93d";
}
.icon-cloud-rain:before {
  content: "\e93e";
}
.icon-cloud-snow:before {
  content: "\e93f";
}
.icon-code:before {
  content: "\e940";
}
.icon-codepen:before {
  content: "\e941";
}
.icon-codesandbox:before {
  content: "\e942";
}
.icon-coffee:before {
  content: "\e943";
}
.icon-columns:before {
  content: "\e944";
}
.icon-command:before {
  content: "\e945";
}
.icon-compass:before {
  content: "\e946";
}
.icon-copy1:before {
  content: "\e947";
}
.icon-corner-down-left:before {
  content: "\e948";
}
.icon-corner-down-right:before {
  content: "\e949";
}
.icon-corner-left-down:before {
  content: "\e94a";
}
.icon-corner-left-up:before {
  content: "\e94b";
}
.icon-corner-right-down:before {
  content: "\e94c";
}
.icon-corner-right-up:before {
  content: "\e94d";
}
.icon-corner-up-left:before {
  content: "\e94e";
}
.icon-corner-up-right:before {
  content: "\e94f";
}
.icon-cpu:before {
  content: "\e950";
}
.icon-credit-card1:before {
  content: "\e951";
}
.icon-crop1:before {
  content: "\e952";
}
.icon-crosshair:before {
  content: "\e953";
}
.icon-database:before {
  content: "\e954";
}
.icon-delete:before {
  content: "\e955";
}
.icon-disc:before {
  content: "\e956";
}
.icon-dollar-sign:before {
  content: "\e957";
}
.icon-download1:before {
  content: "\e958";
}
.icon-download-cloud:before {
  content: "\e959";
}
.icon-droplet:before {
  content: "\e95a";
}
.icon-edit:before {
  content: "\e95b";
}
.icon-edit-2:before {
  content: "\e95c";
}
.icon-edit-3:before {
  content: "\e95d";
}
.icon-external-link:before {
  content: "\e95e";
}
.icon-eye1:before {
  content: "\e95f";
}
.icon-eye-off:before {
  content: "\e960";
}
.icon-facebook1:before {
  content: "\e961";
}
.icon-fast-forward:before {
  content: "\e962";
}
.icon-feather:before {
  content: "\e963";
}
.icon-figma:before {
  content: "\e964";
}
.icon-file:before {
  content: "\e965";
}
.icon-file-minus:before {
  content: "\e966";
}
.icon-file-plus:before {
  content: "\e967";
}
.icon-file-text:before {
  content: "\e968";
}
.icon-film1:before {
  content: "\e969";
}
.icon-filter:before {
  content: "\e96a";
}
.icon-flag:before {
  content: "\e96b";
}
.icon-folder:before {
  content: "\e96c";
}
.icon-folder-minus:before {
  content: "\e96d";
}
.icon-folder-plus:before {
  content: "\e96e";
}
.icon-framer:before {
  content: "\e96f";
}
.icon-frown:before {
  content: "\e970";
}
.icon-gift1:before {
  content: "\e971";
}
.icon-git-branch:before {
  content: "\e972";
}
.icon-git-commit:before {
  content: "\e973";
}
.icon-git-merge:before {
  content: "\e974";
}
.icon-git-pull-request:before {
  content: "\e975";
}
.icon-github1:before {
  content: "\e976";
}
.icon-gitlab:before {
  content: "\e977";
}
.icon-globe:before {
  content: "\e978";
}
.icon-grid:before {
  content: "\e979";
}
.icon-hard-drive:before {
  content: "\e97a";
}
.icon-hash:before {
  content: "\e97b";
}
.icon-headphones:before {
  content: "\e97c";
}
.icon-heart:before {
  content: "\e97d";
}
.icon-help-circle:before {
  content: "\e97e";
}
.icon-hexagon:before {
  content: "\e97f";
}
.icon-home:before {
  content: "\e980";
}
.icon-image:before {
  content: "\e981";
}
.icon-inbox:before {
  content: "\e982";
}
.icon-info1:before {
  content: "\e983";
}
.icon-instagram1:before {
  content: "\e984";
}
.icon-italic:before {
  content: "\e985";
}
.icon-key:before {
  content: "\e986";
}
.icon-layers:before {
  content: "\e987";
}
.icon-layout:before {
  content: "\e988";
}
.icon-life-buoy:before {
  content: "\e989";
}
.icon-link:before {
  content: "\e98a";
}
.icon-link-2:before {
  content: "\e98b";
}
.icon-linkedin1:before {
  content: "\e98c";
}
.icon-list:before {
  content: "\e98d";
}
.icon-loader:before {
  content: "\e98e";
}
.icon-lock:before {
  content: "\e98f";
}
.icon-log-in:before {
  content: "\e990";
}
.icon-log-out:before {
  content: "\e991";
}
.icon-mail:before {
  content: "\e992";
}
.icon-map1:before {
  content: "\e993";
}
.icon-map-pin:before {
  content: "\e994";
}
.icon-maximize:before {
  content: "\e995";
}
.icon-maximize-2:before {
  content: "\e996";
}
.icon-meh:before {
  content: "\e997";
}
.icon-menu:before {
  content: "\e998";
}
.icon-message-circle:before {
  content: "\e999";
}
.icon-message-square:before {
  content: "\e99a";
}
.icon-mic:before {
  content: "\e99b";
}
.icon-mic-off:before {
  content: "\e99c";
}
.icon-minimize:before {
  content: "\e99d";
}
.icon-minimize-2:before {
  content: "\e99e";
}
.icon-minus:before {
  content: "\e99f";
}
.icon-minus-circle:before {
  content: "\e9a0";
}
.icon-minus-square:before {
  content: "\e9a1";
}
.icon-monitor:before {
  content: "\e9a2";
}
.icon-moon:before {
  content: "\e9a3";
}
.icon-more-horizontal:before {
  content: "\e9a4";
}
.icon-more-vertical:before {
  content: "\e9a5";
}
.icon-mouse-pointer:before {
  content: "\e9a6";
}
.icon-move:before {
  content: "\e9a7";
}
.icon-music:before {
  content: "\e9a8";
}
.icon-navigation:before {
  content: "\e9a9";
}
.icon-navigation-2:before {
  content: "\e9aa";
}
.icon-octagon:before {
  content: "\e9ab";
}
.icon-package:before {
  content: "\e9ac";
}
.icon-paperclip:before {
  content: "\e9ad";
}
.icon-pause:before {
  content: "\e9ae";
}
.icon-pause-circle:before {
  content: "\e9af";
}
.icon-pen-tool:before {
  content: "\e9b0";
}
.icon-percent:before {
  content: "\e9b1";
}
.icon-phone1:before {
  content: "\e9b2";
}
.icon-phone-call:before {
  content: "\e9b3";
}
.icon-phone-forwarded:before {
  content: "\e9b4";
}
.icon-phone-incoming:before {
  content: "\e9b5";
}
.icon-phone-missed:before {
  content: "\e9b6";
}
.icon-phone-off:before {
  content: "\e9b7";
}
.icon-phone-outgoing:before {
  content: "\e9b8";
}
.icon-pie-chart1:before {
  content: "\e9b9";
}
.icon-play1:before {
  content: "\e9ba";
}
.icon-play-circle:before {
  content: "\e9bb";
}
.icon-plus:before {
  content: "\e9bc";
}
.icon-plus-circle:before {
  content: "\e9bd";
}
.icon-plus-square:before {
  content: "\e9be";
}
.icon-pocket:before {
  content: "\e9bf";
}
.icon-power:before {
  content: "\e9c0";
}
.icon-printer:before {
  content: "\e9c1";
}
.icon-radio:before {
  content: "\e9c2";
}
.icon-refresh-ccw:before {
  content: "\e9c3";
}
.icon-refresh-cw:before {
  content: "\e9c4";
}
.icon-repeat:before {
  content: "\e9c5";
}
.icon-rewind:before {
  content: "\e9c6";
}
.icon-rotate-ccw:before {
  content: "\e9c7";
}
.icon-rotate-cw:before {
  content: "\e9c8";
}
.icon-rss1:before {
  content: "\e9c9";
}
.icon-save:before {
  content: "\e9ca";
}
.icon-scissors1:before {
  content: "\e9cb";
}
.icon-search1:before {
  content: "\e9cc";
}
.icon-send:before {
  content: "\e9cd";
}
.icon-server:before {
  content: "\e9ce";
}
.icon-settings:before {
  content: "\e9cf";
}
.icon-share:before {
  content: "\e9d0";
}
.icon-share-2:before {
  content: "\e9d1";
}
.icon-shield1:before {
  content: "\e9d2";
}
.icon-shield-off:before {
  content: "\e9d3";
}
.icon-shopping-bag:before {
  content: "\e9d4";
}
.icon-shopping-cart:before {
  content: "\e9d5";
}
.icon-shuffle:before {
  content: "\e9d6";
}
.icon-star-empty:before {
  content: "\e9d7";
}
.icon-star-half:before {
  content: "\e9d8";
}
.icon-star-full:before {
  content: "\e9d9";
}
.icon-sidebar:before {
  content: "\e9da";
}
.icon-skip-back:before {
  content: "\e9db";
}
.icon-skip-forward:before {
  content: "\e9dc";
}
.icon-slack:before {
  content: "\e9dd";
}
.icon-slash:before {
  content: "\e9de";
}
.icon-sliders:before {
  content: "\e9df";
}
.icon-smartphone:before {
  content: "\e9e0";
}
.icon-smile:before {
  content: "\e9e1";
}
.icon-speaker:before {
  content: "\e9e2";
}
.icon-square:before {
  content: "\e9e3";
}
.icon-star:before {
  content: "\e9e4";
}
.icon-stop-circle:before {
  content: "\e9e5";
}
.icon-sun:before {
  content: "\e9e6";
}
.icon-sunrise:before {
  content: "\e9e7";
}
.icon-sunset:before {
  content: "\e9e8";
}
.icon-tablet1:before {
  content: "\e9e9";
}
.icon-tag:before {
  content: "\e9ea";
}
.icon-target:before {
  content: "\e9eb";
}
.icon-terminal:before {
  content: "\e9ec";
}
.icon-thermometer:before {
  content: "\e9ed";
}
.icon-thumbs-down:before {
  content: "\e9ee";
}
.icon-thumbs-up:before {
  content: "\e9ef";
}
.icon-toggle-left:before {
  content: "\e9f0";
}
.icon-toggle-right:before {
  content: "\e9f1";
}
.icon-tool:before {
  content: "\e9f2";
}
.icon-trash:before {
  content: "\e9f3";
}
.icon-trash-2:before {
  content: "\e9f4";
}
.icon-trello1:before {
  content: "\e9f5";
}
.icon-trending-down:before {
  content: "\e9f6";
}
.icon-trending-up:before {
  content: "\e9f7";
}
.icon-triangle:before {
  content: "\e9f8";
}
.icon-truck1:before {
  content: "\e9f9";
}
.icon-tv:before {
  content: "\e9fa";
}
.icon-twitch:before {
  content: "\e9fb";
}
.icon-twitter1:before {
  content: "\e9fc";
}
.icon-type:before {
  content: "\e9fd";
}
.icon-umbrella:before {
  content: "\e9fe";
}
.icon-underline:before {
  content: "\e9ff";
}
.icon-unlock:before {
  content: "\ea00";
}
.icon-upload1:before {
  content: "\ea01";
}
.icon-upload-cloud:before {
  content: "\ea02";
}
.icon-user:before {
  content: "\ea03";
}
.icon-user-check:before {
  content: "\ea04";
}
.icon-user-minus:before {
  content: "\ea05";
}
.icon-user-plus:before {
  content: "\ea06";
}
.icon-user-x:before {
  content: "\ea07";
}
.icon-users:before {
  content: "\ea08";
}
.icon-video:before {
  content: "\ea09";
}
.icon-video-off:before {
  content: "\ea0a";
}
.icon-voicemail:before {
  content: "\ea0b";
}
.icon-volume:before {
  content: "\ea0c";
}
.icon-volume-1:before {
  content: "\ea0d";
}
.icon-volume-2:before {
  content: "\ea0e";
}
.icon-volume-x:before {
  content: "\ea0f";
}
.icon-watch:before {
  content: "\ea10";
}
.icon-wifi:before {
  content: "\ea11";
}
.icon-wifi-off:before {
  content: "\ea12";
}
.icon-wind:before {
  content: "\ea13";
}
.icon-x:before {
  content: "\ea14";
}
.icon-x-circle:before {
  content: "\ea15";
}
.icon-x-octagon:before {
  content: "\ea16";
}
.icon-x-square:before {
  content: "\ea17";
}
.icon-youtube:before {
  content: "\ea18";
}
.icon-zap:before {
  content: "\ea19";
}
.icon-zap-off:before {
  content: "\ea1a";
}
.icon-zoom-in1:before {
  content: "\ea1b";
}
.icon-zoom-out1:before {
  content: "\ea1c";
}
.icon-home3:before {
  content: "\ea1d";
}
.icon-office:before {
  content: "\ea1e";
}
.icon-newspaper:before {
  content: "\ea1f";
}
.icon-images:before {
  content: "\ea20";
}
.icon-camera:before {
  content: "\ea21";
}
.icon-play:before {
  content: "\ea22";
}
.icon-film:before {
  content: "\ea23";
}
.icon-video-camera:before {
  content: "\ea24";
}
.icon-book:before {
  content: "\ea25";
}
.icon-books:before {
  content: "\ea26";
}
.icon-profile:before {
  content: "\ea27";
}
.icon-file-text2:before {
  content: "\ea28";
}
.icon-file-picture:before {
  content: "\ea29";
}
.icon-file-music:before {
  content: "\ea2a";
}
.icon-file-play:before {
  content: "\ea2b";
}
.icon-file-video:before {
  content: "\ea2c";
}
.icon-copy:before {
  content: "\ea2d";
}
.icon-paste:before {
  content: "\ea2e";
}
.icon-stack:before {
  content: "\ea2f";
}
.icon-folder-open:before {
  content: "\ea30";
}
.icon-barcode:before {
  content: "\ea31";
}
.icon-ticket:before {
  content: "\ea32";
}
.icon-cart:before {
  content: "\ea33";
}
.icon-coin-dollar:before {
  content: "\ea34";
}
.icon-credit-card:before {
  content: "\ea35";
}
.icon-phone:before {
  content: "\ea36";
}
.icon-phone-hang-up:before {
  content: "\ea37";
}
.icon-location2:before {
  content: "\ea38";
}
.icon-map:before {
  content: "\ea39";
}
.icon-clock:before {
  content: "\ea3a";
}
.icon-alarm:before {
  content: "\ea3b";
}
.icon-calendar:before {
  content: "\ea3c";
}
.icon-display:before {
  content: "\ea3d";
}
.icon-mobile:before {
  content: "\ea3e";
}
.icon-mobile2:before {
  content: "\ea3f";
}
.icon-tablet:before {
  content: "\ea40";
}
.icon-drawer:before {
  content: "\ea41";
}
.icon-drawer2:before {
  content: "\ea42";
}
.icon-box-add:before {
  content: "\ea43";
}
.icon-box-remove:before {
  content: "\ea44";
}
.icon-download:before {
  content: "\ea45";
}
.icon-upload:before {
  content: "\ea46";
}
.icon-bubbles2:before {
  content: "\ea47";
}
.icon-search:before {
  content: "\ea48";
}
.icon-zoom-in:before {
  content: "\ea49";
}
.icon-zoom-out:before {
  content: "\ea4a";
}
.icon-enlarge2:before {
  content: "\ea4b";
}
.icon-shrink2:before {
  content: "\ea4c";
}
.icon-cog:before {
  content: "\ea4d";
}
.icon-cogs:before {
  content: "\ea4e";
}
.icon-hammer:before {
  content: "\ea4f";
}
.icon-aid-kit:before {
  content: "\ea50";
}
.icon-pie-chart:before {
  content: "\ea51";
}
.icon-stats-dots:before {
  content: "\ea52";
}
.icon-stats-bars:before {
  content: "\ea53";
}
.icon-trophy:before {
  content: "\ea54";
}
.icon-gift:before {
  content: "\ea55";
}
.icon-leaf:before {
  content: "\ea56";
}
.icon-fire:before {
  content: "\ea57";
}
.icon-bin:before {
  content: "\ea58";
}
.icon-briefcase:before {
  content: "\ea59";
}
.icon-truck:before {
  content: "\ea5a";
}
.icon-shield:before {
  content: "\ea5b";
}
.icon-attachment:before {
  content: "\ea5c";
}
.icon-eye:before {
  content: "\ea5d";
}
.icon-eye-blocked:before {
  content: "\ea5e";
}
.icon-info:before {
  content: "\ea5f";
}
.icon-loop2:before {
  content: "\ea60";
}
.icon-infinite:before {
  content: "\ea61";
}
.icon-circle-up:before {
  content: "\ea62";
}
.icon-circle-right:before {
  content: "\ea63";
}
.icon-circle-down:before {
  content: "\ea64";
}
.icon-circle-left:before {
  content: "\ea65";
}
.icon-tab:before {
  content: "\ea66";
}
.icon-sort-numeric-asc:before {
  content: "\ea67";
}
.icon-sort-numberic-desc:before {
  content: "\ea68";
}
.icon-shift:before {
  content: "\ea69";
}
.icon-checkbox-checked:before {
  content: "\ea6a";
}
.icon-checkbox-unchecked:before {
  content: "\ea6b";
}
.icon-radio-checked:before {
  content: "\ea6c";
}
.icon-radio-checked2:before {
  content: "\ea6d";
}
.icon-radio-unchecked:before {
  content: "\ea6e";
}
.icon-crop:before {
  content: "\ea6f";
}
.icon-scissors:before {
  content: "\ea70";
}
.icon-table2:before {
  content: "\ea71";
}
.icon-google-plus:before {
  content: "\ea8b";
}
.icon-google-plus2:before {
  content: "\ea8c";
}
.icon-google-plus3:before {
  content: "\ea8d";
}
.icon-google-drive:before {
  content: "\ea8f";
}
.icon-facebook:before {
  content: "\ea90";
}
.icon-facebook2:before {
  content: "\ea91";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-whatsapp:before {
  content: "\ea93";
}
.icon-telegram:before {
  content: "\ea95";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-rss:before {
  content: "\ea9b";
}
.icon-rss2:before {
  content: "\ea9c";
}
.icon-youtube2:before {
  content: "\ea9e";
}
.icon-dropbox:before {
  content: "\eaae";
}
.icon-onedrive:before {
  content: "\eaaf";
}
.icon-github:before {
  content: "\eab0";
}
.icon-trello:before {
  content: "\eab3";
}
.icon-wordpress:before {
  content: "\eab4";
}
.icon-blogger:before {
  content: "\eab7";
}
.icon-blogger2:before {
  content: "\eab8";
}
.icon-tumblr:before {
  content: "\eab9";
}
.icon-tumblr2:before {
  content: "\eaba";
}
.icon-appleinc:before {
  content: "\eabe";
}
.icon-android:before {
  content: "\eac0";
}
.icon-windows:before {
  content: "\eac1";
}
.icon-windows8:before {
  content: "\eac2";
}
.icon-skype:before {
  content: "\eac5";
}
.icon-linkedin:before {
  content: "\eac9";
}
.icon-linkedin2:before {
  content: "\eaca";
}
.icon-pinterest:before {
  content: "\ead1";
}
.icon-chrome:before {
  content: "\ead9";
}
.icon-firefox:before {
  content: "\eada";
}
.icon-IE:before {
  content: "\eadb";
}
.icon-html-five:before {
  content: "\eae4";
}
.icon-facebook3:before {
  content: "\ea73";
}
.icon-line:before {
  content: "\ea74";
}
.icon-plurk:before {
  content: "\ea72";
}



/* css/animate.css */


/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
}

@-webkit-keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    30% {
        -webkit-transform: scaleX(1.25) scaleY(0.75);
        transform: scaleX(1.25) scaleY(0.75);
    }

    40% {
        -webkit-transform: scaleX(0.75) scaleY(1.25);
        transform: scaleX(0.75) scaleY(1.25);
    }

    60% {
        -webkit-transform: scaleX(1.15) scaleY(0.85);
        transform: scaleX(1.15) scaleY(0.85);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    30% {
        -webkit-transform: scaleX(1.25) scaleY(0.75);
        -ms-transform: scaleX(1.25) scaleY(0.75);
        transform: scaleX(1.25) scaleY(0.75);
    }

    40% {
        -webkit-transform: scaleX(0.75) scaleY(1.25);
        -ms-transform: scaleX(0.75) scaleY(1.25);
        transform: scaleX(0.75) scaleY(1.25);
    }

    60% {
        -webkit-transform: scaleX(1.15) scaleY(0.85);
        -ms-transform: scaleX(1.15) scaleY(0.85);
        transform: scaleX(1.15) scaleY(0.85);
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
}

@keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        -ms-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(.9);
        transform: scale(.9);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    25% {
        -webkit-transform: scale(.95);
        transform: scale(.95);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3);
    }
}

@keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    25% {
        -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
        transform: scale(.95);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3);
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -ms-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -ms-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        -ms-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        -ms-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        -ms-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate(80deg);
        -ms-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40% {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        -ms-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(700px);
        -ms-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0;
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg);
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        -ms-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}


/* css/small_showmsg.css */
/*---------- 美化版 提示訊息 -----------*/
.show_msg,
.show_error_msg {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  font-size: 15px;
  font-weight: 500;
  display: none;
  position: fixed;
  top: 24px;                    /* 從 5% 改成固定 px，更穩定 */
  left: 50%;
  transform: translateX(-50%);
  z-index: 3000;
  min-width: 280px;
  max-width: 80%;
  padding: 14px 20px;
  border-radius: 10px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
  backdrop-filter: blur(8px);
  border: 1px solid;
  text-align: center;
  line-height: 1.45;
  color: #1e293b;
  transition: all 0.3s ease;
  opacity: 0;
  transform: translate(-50%, -20px);
}

/* 顯示時的動畫 */
.show_msg.show,
.show_error_msg.show {
  display: block;
  opacity: 1;
  transform: translate(-50%, 0);
}

/* 成功訊息 */
.show_msg {
  background: linear-gradient(135deg, #fefce8 0%, #fef9c3 100%);
  border-color: #fde047;
  color: #854d0e;
}

.show_msg::before {
  content: "✓";
  display: inline-block;
  margin-right: 10px;
  font-weight: bold;
  color: #16a34a;
  font-size: 18px;
}

/* 錯誤訊息 */
.show_error_msg {
  background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
  border-color: #f87171;
  color: #991b1b;
}

.show_error_msg::before {
  content: "!";
  display: inline-block;
  margin-right: 10px;
  font-weight: bold;
  color: #dc2626;
  font-size: 20px;
  line-height: 1;
}

/* 更現代的陰影與光暈（可選） */
.show_msg.show,
.show_error_msg.show {
  box-shadow: 
    0 10px 40px -10px rgba(0,0,0,0.2),
    0 0 0 1px rgba(255,255,255,0.08) inset;
}

/* 手機上稍微調整 */
@media (max-width: 576px) {
  .show_msg,
  .show_error_msg {
    top: 16px;
    min-width: 240px;
    padding: 12px 16px;
    font-size: 14px;
  }
}


/* css/effects_block.css */
.div_relative
{
	position: relative;
	overflow:hidden;
}
.effects_block
{
	height: 100%;
    width: 30%;
    position: absolute;
	top:0px;
    z-index: 1;
    -webkit-animation: fluidity 1.6s linear infinite 1.6s both;
    animation: fluidity 1.6s linear infinite 1.6s both;
    -webkit-transform: skew(25deg);
    -ms-transform: skew(25deg);
    transform: skew(25deg);
    background: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,1)),color-stop(50%,rgba(255,255,255,0.5)),to(rgb(189,220,236,1)));
    background: -webkit-linear-gradient(left,rgba(255,255,255,1) 0%,rgba(255,255,255,0.5) 50%,rgb(189,220,236,1) 100%);
    background: -o-linear-gradient(left,rgba(255,255,255,1) 0%,rgba(255,255,255,0.5) 50%,rgb(189,220,236,1) 100%);
    background: linear-gradient(to right,rgba(255,255,255,1) 0%,rgba(255,255,255,0.5) 50%,rgb(189,220,236,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=1);
    filter: progid:DXImageTransform.Microsoft.Alpha(50);
    border-left: 1px solid #fff;
}
@-webkit-keyframes fluidity{0%{left:-30px;opacity:0}50%{left:100px;opacity:.05}100%{left:190px;opacity:0}}
@keyframes fluidity{0%{left:-30px;opacity:0}50%{left:100px;opacity:.05}100%{left:190px;opacity:0}}


/* css/form_style.css */

/* CSS Document */
.genderTag
{
	display:inline-block;
	background-color:#DDD;
	color:#FFF;
	padding:5px;
	cursor:pointer;
}
.tagFocus
{
	background-color:#F4C327;
	color:#FFF;
}

input:focus-visible, textarea:focus-visible {
    outline: 1px solid var( --main-color );
}

select:focus-visible {
    border: 1px solid var( --main-color );
    outline: none;
}

#dataform hr
{
	border:0;
	height:1px;
	background-color:#CCC;
}

.noticeColor
{
	color:#FF3366;
}

.chooseBoxAlign
{
	display:inline-block;
	vertical-align:middle;
	
	width:25px;
	height:25px;
	
	margin:0px !important;
}

/* btn */
.defaultBtn
{
	display: inline-block;
    background-color: #3998c7;
    font-size: 13px;
    color: #FFF;
    width: 30px;
    height: 30px;
    line-height: 30px;
	border: 0px;
	
	transition: all .15s ease-in-out;
}
.defaultBtn:hover, .defaultBtn:focus
{
	opacity:0.8;
}

.toolBtn
{
	display: inline-block;
    background-color: #FAB061;
    font-size: 13px;
    color: #FFF;
    width: 30px;
    height: 30px;
    line-height: 30px;
	border: 0px;
	
	transition: all .15s ease-in-out;
}
.toolBtn:hover, .toolBtn:focus
{
	opacity:0.8;
}

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

.cancelv2_btn
{
	text-align: center;
    min-width: 120px;
    padding: 8px 6px 8px;
    background-color:var( --sub8-color );
    color: var( --main-color );
    display: inline-block;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    line-height: 1.5;
    border-radius: 3px;
    letter-spacing: 2px;
	
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
	-webkit-box-shadow: 0px 1px 2px rgb(0 0 0 / 23%);
    box-shadow: 0px 1px 2px rgb(0 0 0 / 23%);
	
    transition: all .15s ease-in-out;
}
.cancelv2_btn.hover_btn
{
    background-color:#fff;
    color: var( --sub9-color );
}
.cancelv2_btn:hover
{
	color: #fff;
	background-color:var( --sub9-color );
}
.sendv2_btn
{
	text-align: center;
    min-width: 120px;
    padding: 8px 6px 8px;
    background-color:var( --main-color );
    color: #fff;
    display: inline-block;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    line-height: 1.5;
    border-radius: 3px;
    letter-spacing: 2px;
	
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
	-webkit-box-shadow: 0px 1px 2px rgb(0 0 0 / 23%);
    box-shadow: 0px 1px 2px rgb(0 0 0 / 23%);
	
    transition: all .15s ease-in-out;
}
.sendv2_btn.hover_btn
{
    background-color:#fff;
    color: var( --main-color );
}
.sendv2_btn:hover
{
	color: #fff;
	background-color:var( --sub-color );
}
.sendv2_out_btn
{
	text-align: center;
    min-width: 120px;
    padding: 8px 6px 8px;
    background-color:#fff;
    color: var( --main-color );
    display: inline-block;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    line-height: 1.5;
    border-radius: 3px;
    letter-spacing: 2px;
	border:1px solid var( --main-color );
	
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
	-webkit-box-shadow: 0px 1px 2px rgb(0 0 0 / 23%);
    box-shadow: 0px 1px 2px rgb(0 0 0 / 23%);
	
    transition: all .15s ease-in-out;
}
.sendv2_out_btn.hover_btn
{
    color: var( --sub-color );
	border-color:var( --sub-color );
}
.sendv2_out_btn:hover
{
	color: var( --sub-color );
	border-color:var( --sub-color );
}
.defaultv2_btn
{
	text-align: center;
    min-width: 120px;
    padding: 8px 6px 8px;
    background-color:var( --fonts1-color );
    color: #fff;
    display: inline-block;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    line-height: 1.5;
    border-radius: 3px;
    letter-spacing: 2px;
	
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
	-webkit-box-shadow: 0px 1px 2px rgb(0 0 0 / 23%);
    box-shadow: 0px 1px 2px rgb(0 0 0 / 23%);
	
    transition: all .15s ease-in-out;
}
.defaultv2_btn:hover
{
	background-color:var( --fonts-color );
}
.delv2_btn
{
	text-align: center;
    min-width: 120px;
    padding: 8px 6px 8px;
    background-color:var( --red1-color );
    color: #fff;
    display: inline-block;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    line-height: 1.5;
    border-radius: 3px;
    letter-spacing: 2px;
	
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
	-webkit-box-shadow: 0px 1px 2px rgb(0 0 0 / 23%);
    box-shadow: 0px 1px 2px rgb(0 0 0 / 23%);
	
    transition: all .15s ease-in-out;
}
.delv2_btn:hover
{
	background-color:var( --red2-color );
}
.prodaddv2_btn
{
	text-align: center;
    min-width: 120px;
    padding: 8px 6px 8px;
    background-color:var( --red5-color );
    color: #fff;
    display: inline-block;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    line-height: 1.5;
    border-radius: 3px;
    letter-spacing: 2px;
	
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
	-webkit-box-shadow: 0px 1px 2px rgb(0 0 0 / 23%);
    box-shadow: 0px 1px 2px rgb(0 0 0 / 23%);
	
    transition: all .15s ease-in-out;
}
.prodaddv2_btn:hover
{
	background-color:var( --red2-color );
}
.cartaddv2_btn
{
	text-align: center;
    width: 100%;
    padding: 8px 6px 8px;
    background-color:var( --red6-color );
    color: #fff;
    display: inline-block;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    line-height: 1.5;
    border-radius: 3px;
    letter-spacing: 2px;
	
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
	-webkit-box-shadow: 0px 1px 2px rgb(0 0 0 / 23%);
    box-shadow: 0px 1px 2px rgb(0 0 0 / 23%);
	
    transition: all .15s ease-in-out;
}
.cartaddv2_btn:hover
{
	background-color:var( --red7-color );
}
.cartaddv3_btn
{
	text-align: center;
    width: 100%;
    padding: 8px 6px 8px;
    background-color:var( --fonts24-color );
    color: #fff;
    display: inline-block;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    line-height: 1.5;
    border-radius: 3px;
    letter-spacing: 2px;
	
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
	-webkit-box-shadow: 0px 1px 2px rgb(0 0 0 / 23%);
    box-shadow: 0px 1px 2px rgb(0 0 0 / 23%);
	
    transition: all .15s ease-in-out;
}
.cartaddv3_btn:hover
{
	background-color:var( --fonts22-color );
}
.excelv2_btn
{
	text-align: center;
    min-width: 120px;
    padding: 8px 6px 8px;
    background-color:var( --green-color );
    color: #fff;
    display: inline-block;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    line-height: 1.5;
    border-radius: 3px;
    letter-spacing: 2px;
	
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
	-webkit-box-shadow: 0px 1px 2px rgb(0 0 0 / 23%);
    box-shadow: 0px 1px 2px rgb(0 0 0 / 23%);
	
    transition: all .15s ease-in-out;
}
.excelv2_btn:hover
{
	background-color:var( --green1-color );
}
.addv2_btn
{
	color:var( --fonts10-color );
	text-align: center;
    padding: 3px 5px;
    background-color:var( --bg5-color );
    display: inline-block;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    line-height: 1.5;
    border-radius: 3px;
    letter-spacing: 2px;
	
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
	-webkit-box-shadow: 0px 1px 2px rgb(0 0 0 / 23%);
    box-shadow: 0px 1px 2px rgb(0 0 0 / 23%);
	
    transition: all .15s ease-in-out;
}
.addv2_btn:hover
{
	background-color:var( --bg4-color );
}
.delv2sim_btn
{
	color:#fff;
	text-align: center;
    padding: 3px 5px;
    background-color:var( --red1-color );
    display: inline-block;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    line-height: 1.5;
    border-radius: 3px;
    letter-spacing: 2px;
	
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
	-webkit-box-shadow: 0px 1px 2px rgb(0 0 0 / 23%);
    box-shadow: 0px 1px 2px rgb(0 0 0 / 23%);
	
    transition: all .15s ease-in-out;
}
.delv2sim_btn:hover
{
	background-color:var( --red2-color );
}
.sendv2sim_btn
{
	color:#fff;
	text-align: center;
    padding: 3px 5px;
    background-color:var( --main-color );
    display: inline-block;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    line-height: 1.5;
    border-radius: 3px;
    letter-spacing: 2px;
	
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
	-webkit-box-shadow: 0px 1px 2px rgb(0 0 0 / 23%);
    box-shadow: 0px 1px 2px rgb(0 0 0 / 23%);
	
    transition: all .15s ease-in-out;
}
.sendv2sim_btn:hover
{
	background-color:var( --sub-color );
}
.searchv2_btn
{
	text-align: center;
    min-width: 120px;
    padding: 8px 6px 8px;
    background-color:var( --main-color );
    color: #fff;
    display: inline-block;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    line-height: 1.5;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    letter-spacing: 2px;
	
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
    transition: all .15s ease-in-out;
}
.searchv2_btn.hover_btn
{
    background-color:#fff;
    color: var( --main-color );
}
.searchv2_btn:hover
{
	color: #fff;
	background-color:var( --sub-color );
}
.linkv2_btn
{
	text-align: center;
    min-width: 120px;
    padding: 8px 6px 8px;
    background-color:var( --fonts17-color );
    color: #fff;
    display: inline-block;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    line-height: 1.5;
    border-radius: 3px;
    letter-spacing: 2px;
	
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
	-webkit-box-shadow: 0px 1px 2px rgb(0 0 0 / 23%);
    box-shadow: 0px 1px 2px rgb(0 0 0 / 23%);
	
    transition: all .15s ease-in-out;
}
.linkv2_btn:hover
{
	background-color:var( --fonts20-color );
}
.callv2_btn
{
	text-align: center;
    min-width: 120px;
    padding: 8px 6px 8px;
    background-color:var( --red7-color );
    color: #fff;
    display: inline-block;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    line-height: 1.5;
    border-radius: 3px;
    letter-spacing: 2px;
	
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
	-webkit-box-shadow: 0px 1px 2px rgb(0 0 0 / 23%);
    box-shadow: 0px 1px 2px rgb(0 0 0 / 23%);
	
    transition: all .15s ease-in-out;
}
.callv2_btn:hover
{
	background-color:var( --red9-color );
}

.btn_sm_padding
{
	font-size: 13px;
	min-width:100px;
	padding: 5px;
}
.btn_inline
{
	display:inline-block;
}
.btn_lrmargin
{
	margin-left:5px;
	margin-right:5px;
}
.btn_group
{
	position:relative;
	display:flex;
}
.only_icon
{
	margin:0px;
	min-width:30px;
	width:30px;
}
.zero_marign
{
	margin:0px;
}
.sendv2_btn.left_noradius
{
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}
.sendv2_btn.right_noradius
{
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

.form_input_v1
{
	width:100%;
	min-height:37px;
	background-color: #fff;
    border: 1px #ededed solid;
	
    -webkit-box-shadow: 0 0px 0.5px 0px rgba(0,0,0,0.1);
    box-shadow: 0 0px 0.5px 0px rgba(0,0,0,0.1);
    font-size: 14px;
    padding: 8px;
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}
.form_input_v1:hover, .form_input_v1:focus, .form_input_v1:visited
{
	background-color: #fff;
    border: 1px var( --main-color ) solid;
}
.max_300form
{
	max-width:300px;
}
.dark_inputborder
{
	border: 1px #7f7f7f solid;
}
.error_inputborder
{
	border: 1px #FF5151 solid;
}
.form_fonts_title
{
	font-size:16px;
	color: #757575;
    padding-top: 5px;
    text-align: right;
}
.form_select_v1{min-width:100px;line-height: 1.4; font-size: .9em; color: rgba( 57,57,62, .65 ); padding: 8px; background-color: #f9f9f9; border: 1px #ededed solid; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; margin: 1px;}.form_select_v1 option:disabled{color: rgba( 57,57,62, .3 ) !important;}


/* css/boostrap_modal_modify.css */
/* ================================================================
   boostrap_modal_modify.css  v2.1
   Modal 風格覆蓋層 — 依照 shopto_design.css 設計規範同步
   主色:   #365a9e  (--sp-primary)
   CTA:    #F97316  (--sp-cta)
   ================================================================ */

/* ── Backdrop ── */
.modal-backdrop {
    opacity: 0.45 !important;
}

/* ── 整體 modal-content ── */
/* 用更強的選擇器確保圓角與 overflow 蓋過 Bootstrap 預設 */
.modal-dialog .modal-content,
.modal-content {
    border: none !important;
    border-radius: 12px !important;
    -webkit-border-radius: 12px !important;
    -moz-border-radius: 12px !important;
    box-shadow: 0 12px 48px rgba(54, 90, 158, 0.18), 0 2px 8px rgba(0,0,0,0.08) !important;
    overflow: hidden !important;
    margin-top: 14px;
    margin-bottom: 14px;
}

/* Bootstrap 3 的 .modal-header 預設有 border-radius，必須一起重設 */
.modal-dialog .modal-content > .modal-header:first-child,
.modal-dialog .modal-content > .modal-new-header:first-child {
    border-radius: 12px 12px 0 0 !important;
    -webkit-border-radius: 12px 12px 0 0 !important;
}

/* ── Header ── */
.modal-new-header {
    display: flex !important;
    align-items: center !important;
    background: linear-gradient(135deg, #365a9e 0%, #2a4780 100%) !important;
    box-shadow: none !important;
    padding: 0 !important;
    border-bottom: none !important;
    border-radius: 12px 12px 0 0 !important;
    -webkit-border-radius: 12px 12px 0 0 !important;
    min-height: 56px;
    position: relative;
}

/* 標題文字 */
.modal-new-headerFonts {
    flex: 1;
    padding: 14px 52px 14px 22px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 1px;
    color: #fff !important;
    text-align: left !important;
    line-height: 1.4;
}

/* 關閉按鈕（pull-right 覆蓋） */
.modal-new-header .pull-right {
    position: absolute !important;
    top: 50% !important;
    right: 14px !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    width: 32px;
    height: 32px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 50% !important;
    background: rgba(255,255,255,0.15);
    color: rgba(255,255,255,0.85) !important;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease !important;
    line-height: 1;
}

.modal-new-header .pull-right:hover {
    background: rgba(255,255,255,0.28);
    color: #fff !important;
}

/* ── Body ── */
.modal-show-con-1 {
    padding: 20px 22px !important;
    background: #fff;
    font-size: 15px;
    color: #1a1a2e;
    line-height: 1.7;
}

/* del_msg_block：確認刪除類 modal 居中 body */
.del_msg_block {
    text-align: center;
    padding: 32px 28px !important;
    overflow: auto;
    background: #fff;
    font-size: 15px;
    color: #444;
    line-height: 1.8;
}

/* ── Footer ── */
.modal-new-footer {
    background: #f5f7fc !important;
    border-top: 1px solid #e8edf5 !important;
    border-radius: 0 0 12px 12px !important;
    -webkit-border-radius: 0 0 12px 12px !important;
    padding: 14px 20px !important;
    min-height: 56px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

/* 購物車按鈕容器 */
.cartbtn_block {
    display: flex !important;
    width: 100%;
    gap: 10px;
}

.cartbtn_50width {
    flex: 1;
}

.cartbtn_50width > div {
    width: 100% !important;
    text-align: center;
    padding: 12px 16px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    cursor: pointer;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 7px;
    letter-spacing: 0.5px;
}

/* ── SendBtn（確認/主要操作） ── */
.SendBtn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 0.8px;
    background: linear-gradient(135deg, #365a9e 0%, #2a4780 100%) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 10px 26px !important;
    box-shadow: 0 4px 14px rgba(54, 90, 158, 0.30) !important;
    cursor: pointer;
    transition: all 0.22s ease !important;
    text-transform: none;
}

.SendBtn:hover {
    background: linear-gradient(135deg, #2a4780 0%, #1e3560 100%) !important;
    box-shadow: 0 6px 20px rgba(54, 90, 158, 0.42) !important;
    transform: translateY(-2px);
    color: #fff !important;
}

.SendBtn:active {
    transform: translateY(0);
}

/* ── SendBtn_out（取消） ── */
.SendBtn_out {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px;
    background: transparent !important;
    color: #365a9e !important;
    border: 1.5px solid #365a9e !important;
    border-radius: 8px !important;
    padding: 9px 22px !important;
    box-shadow: none !important;
    cursor: pointer;
    transition: all 0.22s ease !important;
    text-transform: none;
}

.SendBtn_out:hover {
    background: #eef2fb !important;
    color: #2a4780 !important;
    border-color: #2a4780 !important;
    transform: translateY(-1px);
}

/* ── Modal 動畫 ── */
.modal.fade .modal-dialog {
    transform: translate3d(0, 40px, 0);
    opacity: 0;
    transition: transform 0.3s cubic-bezier(.22,.61,.36,1), opacity 0.3s ease !important;
}

.modal.in .modal-dialog {
    transform: translate3d(0, 0, 0);
    opacity: 1;
    margin: 0 auto;
}

.modal {
    padding-right: 0 !important;
}

/* ── dialog 尺寸 ── */
.modal-dialog_sm { max-width: 320px !important; }
.modal-dialog_md { max-width: 560px !important; }

@media (min-width: 768px) {
    .modal-dialog_full {
        width: 96%;
        max-width: 900px;
        margin: 32px auto;
    }
}

@media (max-width: 768px) {
    .modal-dialog_full {
        width: 96%;
        margin: 12px auto;
    }

    .modal-new-headerFonts {
        font-size: 15px !important;
        padding: 12px 48px 12px 16px !important;
    }

    .modal-new-footer {
        padding: 12px 14px !important;
        gap: 8px;
    }

    .SendBtn,
    .SendBtn_out {
        padding: 9px 18px !important;
        font-size: 13px !important;
    }

    .cartbtn_block { gap: 8px; }

    .cartbtn_50width > div {
        padding: 11px 10px !important;
        font-size: 13px !important;
    }
}


/* css/loading.css */
/* ================================================
* spin loading icon
* built at https://loading.io/spinner/custom/279283
* License under cc0
================================================ */
#loadingMask
{
	position:fixed;
	top: 0;
	width:100vw;
	height:100vh;
	background:rgba( 0 , 0 , 0 , 0.8 );
	z-index:2100;
	
	visibility:hidden;
}
.loadingFx
{
	position:absolute;
	width:50vw;
	height:fit-content;
	
	margin:auto;
	right:0;
	left:0;
	top:0;
	bottom:0;
	
	color: #FFF;
	letter-spacing:5px;
}


@keyframes lds-spin {
  0% {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-webkit-keyframes lds-spin {
  0% {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
.lds-spin {
  position: relative;
}
.lds-spin div > div {
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #9acdec;
  -webkit-animation: lds-spin 1.7s linear infinite;
  animation: lds-spin 1.7s linear infinite;
}
.lds-spin div:nth-child(1) > div {
  left: 160px;
  top: 88px;
  -webkit-animation-delay: -1.53s;
  animation-delay: -1.53s;
}
.lds-spin > div:nth-child(1) {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform-origin: 172px 100px;
  transform-origin: 172px 100px;
}
.lds-spin div:nth-child(2) > div {
  left: 146.249223568px;
  top: 130.320538144px;
  -webkit-animation-delay: -1.36s;
  animation-delay: -1.36s;
}
.lds-spin > div:nth-child(2) {
  -webkit-transform: rotate(36deg);
  transform: rotate(36deg);
  -webkit-transform-origin: 158.249223568px 142.320538144px;
  transform-origin: 158.249223568px 142.320538144px;
}
.lds-spin div:nth-child(3) > div {
  left: 110.24922356799999px;
  top: 156.47606915199998px;
  -webkit-animation-delay: -1.19s;
  animation-delay: -1.19s;
}
.lds-spin > div:nth-child(3) {
  -webkit-transform: rotate(72deg);
  transform: rotate(72deg);
  -webkit-transform-origin: 122.24922356799999px 168.47606915199998px;
  transform-origin: 122.24922356799999px 168.47606915199998px;
}
.lds-spin div:nth-child(4) > div {
  left: 65.75077643200001px;
  top: 156.47606915199998px;
  -webkit-animation-delay: -1.02s;
  animation-delay: -1.02s;
}
.lds-spin > div:nth-child(4) {
  -webkit-transform: rotate(108deg);
  transform: rotate(108deg);
  -webkit-transform-origin: 77.75077643200001px 168.47606915199998px;
  transform-origin: 77.75077643200001px 168.47606915199998px;
}
.lds-spin div:nth-child(5) > div {
  left: 29.750776431999995px;
  top: 130.320538144px;
  -webkit-animation-delay: -0.85s;
  animation-delay: -0.85s;
}
.lds-spin > div:nth-child(5) {
  -webkit-transform: rotate(144deg);
  transform: rotate(144deg);
  -webkit-transform-origin: 41.750776431999995px 142.320538144px;
  transform-origin: 41.750776431999995px 142.320538144px;
}
.lds-spin div:nth-child(6) > div {
  left: 16px;
  top: 88px;
  -webkit-animation-delay: -0.68s;
  animation-delay: -0.68s;
}
.lds-spin > div:nth-child(6) {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transform-origin: 28px 100px;
  transform-origin: 28px 100px;
}
.lds-spin div:nth-child(7) > div {
  left: 29.750776431999995px;
  top: 45.679461856px;
  -webkit-animation-delay: -0.51s;
  animation-delay: -0.51s;
}
.lds-spin > div:nth-child(7) {
  -webkit-transform: rotate(216deg);
  transform: rotate(216deg);
  -webkit-transform-origin: 41.750776431999995px 57.679461856px;
  transform-origin: 41.750776431999995px 57.679461856px;
}
.lds-spin div:nth-child(8) > div {
  left: 65.75077643200001px;
  top: 19.523930848000006px;
  -webkit-animation-delay: -0.34s;
  animation-delay: -0.34s;
}
.lds-spin > div:nth-child(8) {
  -webkit-transform: rotate(252deg);
  transform: rotate(252deg);
  -webkit-transform-origin: 77.75077643200001px 31.523930848000006px;
  transform-origin: 77.75077643200001px 31.523930848000006px;
}
.lds-spin div:nth-child(9) > div {
  left: 110.24922356799999px;
  top: 19.523930848000006px;
  -webkit-animation-delay: -0.17s;
  animation-delay: -0.17s;
}
.lds-spin > div:nth-child(9) {
  -webkit-transform: rotate(288deg);
  transform: rotate(288deg);
  -webkit-transform-origin: 122.24922356799999px 31.523930848000006px;
  transform-origin: 122.24922356799999px 31.523930848000006px;
}
.lds-spin div:nth-child(10) > div {
  left: 146.249223568px;
  top: 45.679461856px;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.lds-spin > div:nth-child(10) {
  -webkit-transform: rotate(324deg);
  transform: rotate(324deg);
  -webkit-transform-origin: 158.249223568px 57.679461856px;
  transform-origin: 158.249223568px 57.679461856px;
}
.lds-spin div:nth-child(11) > div {
  left: 160px;
  top: 88px;
  -webkit-animation-delay: 0.17s;
  animation-delay: 0.17s;
}
.lds-spin > div:nth-child(11) {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transform-origin: 172px 100px;
  transform-origin: 172px 100px;
}
.lds-spin {
  width: 111px !important;
  height: 111px !important;
  -webkit-transform: translate(-55.5px, -55.5px) scale(0.555) translate(55.5px, 55.5px);
  transform: translate(-55.5px, -55.5px) scale(0.555) translate(55.5px, 55.5px);
}


/* css/cart.css */
/* ================================================================
   cart.css  — 購物車頁面專屬樣式
   設計系統：shopto_design.css CSS 變數
   主色:   var(--sp-primary, #365a9e)  (品牌藍)  — 主導整體
   CTA:    var(--sp-cta, #f97316)  (橙色)   — 僅限結帳按鈕
   原則:   顏色克制、以主色藍統一視覺，橙色點睛
   ================================================================ */

/* ================================================================
   零、購物車主頁面間距覆蓋
   去除 .html_con 全域 padding:5% / min-height:400px 在購物車造成的過多留白
   ================================================================ */
#cart_section.html_con {
    padding: 0 16px !important;
    min-height: 0 !important;
    margin-bottom: 20px;
}
#savelater_section {
    padding: 0 16px;
}
@media (min-width: 1200px) {
    #cart_section.html_con,
    #savelater_section {
        padding: 0;
        max-width: 1400px;
        margin-left: auto;
        margin-right: auto;
    }
}

/* ================================================================
   一、購物車側邊抽屜 (Cart Drawer / Sidebar)
   ================================================================ */

body.bodycartin { overflow: hidden; }

.cartshow_mask {
    width: 100vw;
    height: 100vh;
    background-color: #000;
    opacity: 0.3;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 900;
}

.cart_listblock {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    color: #fff;
    z-index: 999;
    width: 280px;
    height: 100%;
    background-color: var(--header-mobile-menu, #1a1a2e);
}

.cart_listblock.in {
    display: block;
    animation-duration: 0.35s;
    animation-name: cartFadeInDown;
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

@keyframes cartFadeInDown {
    0%   { opacity: 0; transform: translateX(-100%); }
    100% { opacity: 1; transform: translateX(0); }
}

.cart_listclear {
    font-size: 15px;
    width: 100%;
    height: 100vh;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    line-height: 1.5;
    letter-spacing: 1px;
}

.cl_ccon { text-align: center; }
.cl_ccon i { font-size: 50px; }
.i_marginbtm { margin-bottom: 20px; }

.cart_itemcon {
    height: calc(100% - 57px);
    padding: 10px;
    overflow-y: auto;
}
.cart_btncon { height: 57px; padding: 10px; }

.cart_itemli {
    position: relative;
    width: 100%;
    padding: 10px;
    margin: 10px 0;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    border-radius: 8px;
}
.cart_itemli:first-child { margin-top: 0; }

.cart_itemlithumbs { width: 50px; }
.cart_itemliinfo { width: calc(100% - 50px); padding: 5px; padding-top: 0; }

.cart_iliname {
    color: var(--fonts4-color, #1a1a2e);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: .5px;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

.cart_ilisname {
    color: #9ca3af;
    font-size: 12px;
    line-height: 1.5;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

.cart_ileditor { position: relative; width: 100%; display: flex; flex-wrap: wrap; }
.cart_lied_select { width: calc(100% - 30px); margin-top: 5px; }

.cart_lied_del {
    color: #9ca3af;
    width: 30px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: color .2s ease;
}
.cart_lied_del:hover { color: #ef4444; }

.cart_liprice {
    width: 100%;
    text-align: right;
    font-size: 14px;
    font-weight: 600;
    padding: 0 10px;
    color: var(--sp-primary, #365a9e);
}

.cart_price_urdel {
    color: #d1d5db;
    text-decoration: line-through;
    margin-left: 5px;
    font-weight: 400;
}

/* ================================================================
   二、Tab / 固定位置
   ================================================================ */

.bottom_tab_cart { bottom: 0; }
@media screen and (max-width: 767px) { .bottom_tab_cart { bottom: 73px; } }

.top_tab_div_cart { top: var(--header-height, 70px); }
.color_e1264a { color: var(--sp-primary, #365a9e); }
.step_block { padding: 10px 0; padding-top: 15px; }

/* ================================================================
   三、頁面背景 + 信任列
   ================================================================ */

#cart_section {
    background: var(--sp-bg, #f5f7fc);
    padding-bottom: 64px;
    min-height: 300px;
}

/* 信任訊號列 — 低調藍底，不搶主視覺 */
.sp-trust-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 28px;
    background: var(--sp-primary-light, #eef2fb);
    border-radius: var(--sp-card-radius, 10px);
    padding: 10px 20px;
    margin: 12px 0 18px;
    flex-wrap: wrap;
}

.sp-trust-bar__item {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: var(--sp-primary, #365a9e);
    font-weight: 500;
    white-space: nowrap;
    opacity: .85;
}

.sp-trust-bar__item i { font-size: 14px; }

@media (max-width: 576px) {
    .sp-trust-bar { gap: 12px; padding: 8px 12px; }
    .sp-trust-bar__item { font-size: 12px; }
}

/* ================================================================
   四、步驟列 (Wizard Step Bar)
   關鍵修正：icon 必須可見
   ================================================================ */

/* wizard_step legacy — replaced by sp-stepper */

/* ================================================================
   五、商品卡片
   ================================================================ */

.cart_list_block { padding: 5px; }

.cart_list_block_li {
    background: #fff;
    border-radius: var(--sp-card-radius, 10px);
    box-shadow: var(--sp-shadow, 0 2px 12px rgba(54,90,158,.08));
    border: 1px solid var(--sp-border, #e8edf5);
    margin-bottom: 14px;
    overflow: hidden;
    transition: box-shadow .25s ease;
}
.cart_list_block_li:hover {
    box-shadow: 0 4px 20px rgba(var(--sp-primary-rgb, 54,90,158),.14);
}

/* 卡片 Header — 淡藍底，主色藍標題 */
.cart_list_block_li_header {
    background: var(--sp-primary-light, #eef2fb);
    border-bottom: 1px solid var(--sp-border, #e8edf5);
    padding: 10px 16px;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.clbl_header_title {
    font-size: 14px;
    font-weight: 700;
    color: var(--sp-primary, #365a9e);
    width: calc(100% - 30px);
    letter-spacing: .3px;
}
.clbl_header_title a { color: var(--sp-primary, #365a9e); }
.clbl_header_title a:hover { color: var(--sp-primary-dark, #2a4780); }

/* X 關閉：預設灰色，hover 才變紅，不搶眼 */
.clbl_header_xicon {
    width: 30px;
    text-align: right;
    color: #c4c9d6;
    cursor: pointer;
    transition: color .15s ease;
}
.clbl_header_xicon:hover { color: #ef4444; }

.cart_list_block_li_importmsg {
    padding: 10px;
    color: #b91c1c;
    background-color: #fef2f2;
    border-left: 3px solid #ef4444;
    font-size: 13px;
}

.cart_list_block_li_con {
    padding: 5px;
    position: relative;
    background-color: #fff;
}

/* 商品列 */
.clbl_con_block {
    display: flex;
    align-items: stretch;
    padding: 12px 16px;
    border-bottom: 1px solid var(--sp-border, #e8edf5);
    transition: background .15s ease;
}
.clbl_con_block:last-child  { border-bottom: none; }
.clbl_con_block:hover { background: #fafbff; }
.clbl_con_block:nth-child(2n) { background-color: transparent; }
.clbl_con_block:nth-child(2n):hover { background: #fafbff; }

.clbl_con_block_left { color: #4b5563; width: calc(100% - 56px); margin-right: 10px; }

/* 刪除按鈕：灰色 → hover 才紅，減少視覺雜訊 */
.clbl_con_block_right {
    width: 32px;
    color: #9ca3af;
    background-color: #f3f4f6;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    cursor: pointer;
    transition: background .15s ease, color .15s ease;
    flex-shrink: 0;
}
.clbl_con_block_right:hover {
    background-color: #fee2e2;
    color: #dc2626;
}

.clbl_con_block_div { display: flex; }
.clbl_con_block_img { width: 80px; border-radius: 6px; overflow: hidden; }

.clbl_con_block_info {
    font-size: 14px;
    margin-left: 12px;
    color: #374151;
    width: calc(100% - 170px);
    line-height: 1.55;
}

.clbl_con_block_select {
    width: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.clbl_con_memo { margin-top: 5px; color: #6b7280; font-size: 13px; }

.clblcbi_size { margin-top: 4px; color: #9ca3af; font-size: .85em; }

/* 商品價格：主色藍（非橙），減少顏色數量 */
.clblcbi_price {
    margin-top: 5px;
    color: var(--sp-primary, #365a9e);
    font-size: 15px;
    font-weight: 700;
}

.select_block { text-align: right; margin-top: 10px; }

/* ================================================================
   六、其他資訊 / 送貨區塊
   ================================================================ */

.cart_list_block_li_othercon {
    padding: 14px 16px;
    position: relative;
    background: #fff;
}

.clblo_title {
    padding: 4px 0 8px;
    font-size: 13px;
    font-weight: 600;
    color: var(--sp-primary, #365a9e);
    letter-spacing: .2px;
}

.clblo_select_block { position: relative; padding: 5px 0; }
.clblo_select_block_st { font-size: .88em; color: #9ca3af; margin-top: 5px; }
.clblo_padding15px { padding: 15px; }

.cart_send_block {
    background-color: #f8faff;
    padding: 14px 16px;
    border-radius: 8px;
    margin-top: 4px;
}

.cart_send_block_t {
    color: var(--sp-primary, #365a9e);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .2px;
    padding: 4px 0 8px;
}

/* 可點擊資訊列 */
.cart_send_block_c,
.cart_send_block_c_v1 {
    font-size: 14px;
    background: #fff;
    border-radius: 8px;
    border: 1px solid var(--sp-border, #e8edf5);
    padding: .6rem .8rem;
    position: relative;
    word-break: break-word;
    margin: .4rem 0;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: border-color .15s ease, background .15s ease;
}
.cart_send_block_c:hover,
.cart_send_block_c_v1:hover {
    border-color: var(--sp-primary-mid, #6887c4);
    background: var(--sp-primary-light, #eef2fb);
}

.cart_send_block_c_l,
.cart_send_block_c_l_v1 { width: calc(100% - 80px); color: #374151; }

/* 編輯連結：主色藍，小字，不突出 */
.cart_send_block_c_r,
.cart_send_block_c_r_v1 {
    width: 80px;
    text-align: right;
    color: var(--sp-primary-mid, #6887c4);
    font-size: 13px;
    font-weight: 500;
    flex-shrink: 0;
}

.cart_send_block_c1 { padding: .5rem; position: relative; margin: .4rem 0; }

/* ================================================================
   七、金額合計
   ================================================================ */

.cart_all_ib_con {
    background-color: #fff;
    border: 1px solid var(--sp-border, #e8edf5);
    box-shadow: var(--sp-shadow, 0 2px 12px rgba(54,90,158,.08));
    border-radius: var(--sp-card-radius, 10px);
    margin-bottom: 10px;
    overflow: hidden;
}

.cart_all_ib_con_title {
    font-size: 13px;
    font-weight: 600;
    color: var(--sp-primary, #365a9e);
    border-bottom: 1px solid var(--sp-border, #e8edf5);
    background-color: var(--sp-primary-light, #eef2fb);
    padding: 10px 16px;
}

.cart_all_ib_con_in {
    position: relative;
    width: 100%;
}

.cart_all_info_topblock { display: flex; margin-bottom: 10px; }

.cart_all_info_allblock {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
    border-top: 2px solid var(--sp-border, #e8edf5);
    margin-top: 0;
    background: var(--sp-primary-light, #eef2fb);
}

.cart_all_info_block { display: flex; padding: 6px 16px; }

/* 明細標籤文字 */
.caib_title {
    font-size: 14px;
    color: #6b7280;
    width: 50%;
    text-align: left;
    letter-spacing: .3px;
}

/* 明細金額：深色，不用亮色 */
.caib_price {
    font-size: 14px;
    color: #374151;
    width: 50%;
    text-align: right;
    font-weight: 600;
}

.caib_price_dis { color: var(--sp-primary, #365a9e); }

/* 總計行：主色藍標籤 + 橙色金額（唯一一處橙色強調） */
.cart_all_info_allblock .caib_title {
    font-size: 15px;
    font-weight: 700;
    color: var(--sp-primary, #365a9e);
}
.cart_all_info_allblock .caib_price {
    font-size: 20px;
    font-weight: 800;
    color: var(--sp-cta, #F97316);
}

.subtotal { padding: 8px 16px 4px; font-size: 13px; color: #6b7280; }

/* ================================================================
   八、按鈕
   ================================================================ */

/* ★ 結帳 CTA — 唯一橙色按鈕，最顯眼 */
.cartaddv2_btn {
    background: var(--sp-cta, #F97316) !important;
    color: #fff !important;
    border: none !important;
    border-radius: var(--sp-btn-radius, 6px) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 12px 22px !important;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(var(--sp-cta-rgb, 249,115,22),.25);
    transition: background .2s ease, box-shadow .2s ease, transform .1s ease;
    letter-spacing: .3px;
    display: inline-block;
}
.cartaddv2_btn:hover {
    background: var(--sp-cta-dark, #EA580C) !important;
    box-shadow: 0 4px 16px rgba(var(--sp-cta-rgb, 249,115,22),.38) !important;
    transform: translateY(-1px);
    color: #fff !important;
}
.cartaddv2_btn:active { transform: translateY(0); }

/* 桌面版結帳：全寬 */
.comp_btn_block { margin: 14px 0 4px; }
.comp_btn_block .cartaddv2_btn {
    width: 100% !important;
    display: block;
    font-size: 16px !important;
    padding: 14px 22px !important;
}

/* 紅利金折抵 — 主色藍，次要動作 */
.LBM_buybtn {
    background: var(--sp-primary, #365a9e) !important;
    color: #fff !important;
    border-radius: var(--sp-btn-radius, 6px) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 9px 18px !important;
    cursor: pointer;
    border: none !important;
    transition: background .2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.LBM_buybtn:hover { background: var(--sp-primary-dark, #2a4780) !important; }

/* Modal 送出 — 橙色（與結帳一致） */
.sendv2_btn,
#ToSend {
    display: block;
    width: 100%;
    background: var(--sp-cta, #F97316) !important;
    color: #fff !important;
    border: none !important;
    border-radius: var(--sp-btn-radius, 6px) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 12px 0 !important;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(var(--sp-cta-rgb, 249,115,22),.25);
    transition: background .2s ease, box-shadow .2s ease;
}
.sendv2_btn:hover,
#ToSend:hover {
    background: var(--sp-cta-dark, #EA580C) !important;
    box-shadow: 0 4px 16px rgba(var(--sp-cta-rgb, 249,115,22),.38) !important;
}

/* Modal 次要動作 */
.sendv2sim_btn {
    background: var(--sp-primary, #365a9e) !important;
    color: #fff !important;
    border-radius: var(--sp-btn-radius, 6px) !important;
    font-size: 12px !important;
    padding: 6px 12px !important;
    font-weight: 600 !important;
    border: none !important;
    cursor: pointer;
    transition: background .15s ease;
}
.sendv2sim_btn:hover { background: var(--sp-primary-dark, #2a4780) !important; }

.addv2_btn {
    background: #fff !important;
    color: var(--sp-primary, #365a9e) !important;
    border: 1px solid var(--sp-border, #e8edf5) !important;
    border-radius: var(--sp-btn-radius, 6px) !important;
    font-size: 12px !important;
    padding: 5px 10px !important;
    font-weight: 600 !important;
    cursor: pointer;
    transition: border-color .15s, background .15s;
}
.addv2_btn:hover {
    border-color: var(--sp-primary-mid, #6887c4) !important;
    background: var(--sp-primary-light, #eef2fb) !important;
}

.delv2sim_btn,
.form_btn_out_f16c5d {
    background: #fff !important;
    color: #dc2626 !important;
    border: 1px solid #fca5a5 !important;
    border-radius: var(--sp-btn-radius, 6px) !important;
    font-size: 12px !important;
    padding: 5px 10px !important;
    font-weight: 600 !important;
    cursor: pointer;
    transition: background .15s;
}
.delv2sim_btn:hover,
.form_btn_out_f16c5d:hover { background: #fee2e2 !important; }

/* ================================================================
   九、手機底部固定 Bar
   ================================================================ */

.mobile_btn_block {
    width: 100%;
    background: #fff;
    border-top: 1px solid var(--sp-border, #e8edf5);
    box-shadow: 0 -3px 16px rgba(var(--sp-primary-rgb, 54,90,158),.08);
    padding: 10px 16px;
    z-index: 999;
    display: flex;
    align-items: center;
}

.mobile_btn_block_l { font-size: .9em; width: 30%; text-align: left; }

.mobile_btn_block_full {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.mobile_btn_block_r_price {
    font-size: 13px;
    color: #6b7280;
    flex: 1;
}

.mobile_btn_block_r_price_im {
    font-size: 17px;
    font-weight: 800;
    color: var(--sp-cta, #F97316);
    margin-left: 4px;
}

.mobile_btn_block_full .cartaddv2_btn {
    flex-shrink: 0;
    width: auto !important;
    min-width: 120px;
}

/* ================================================================
   十、表單控制項
   ================================================================ */

.form_select_v1 {
    border: 1px solid var(--sp-border, #e8edf5) !important;
    border-radius: 6px !important;
    padding: 8px 10px !important;
    font-size: 13px !important;
    color: #374151 !important;
    background: #fff !important;
    transition: border-color .2s, box-shadow .2s;
    outline: none;
    width: 100%;
}
.form_select_v1:focus {
    border-color: var(--sp-primary-mid, #6887c4) !important;
    box-shadow: 0 0 0 3px rgba(var(--sp-primary-rgb, 54,90,158),.10) !important;
}

.form_input_v1 {
    border: 1px solid var(--sp-border, #e8edf5) !important;
    border-radius: 6px !important;
    padding: 9px 12px !important;
    font-size: 13px !important;
    color: #374151 !important;
    width: 100%;
    transition: border-color .2s, box-shadow .2s;
    outline: none;
    background: #fff !important;
}
.form_input_v1:focus {
    border-color: var(--sp-primary-mid, #6887c4) !important;
    box-shadow: 0 0 0 3px rgba(var(--sp-primary-rgb, 54,90,158),.10) !important;
}

.form_v1_group {
    display: flex;
    align-items: center;
    border: 1px solid var(--sp-border, #e8edf5);
    border-radius: 6px;
    overflow: hidden;
    transition: border-color .2s, box-shadow .2s;
    background: #fff;
}
.form_v1_group:focus-within {
    border-color: var(--sp-primary-mid, #6887c4);
    box-shadow: 0 0 0 3px rgba(var(--sp-primary-rgb, 54,90,158),.10);
}
.form_v1_group .form_input_v1 {
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.form_v1_input { flex: 1; }

.form_v2_icon {
    padding: 9px 14px;
    background-color: var(--sp-primary-light, #eef2fb);
    color: var(--sp-primary, #365a9e);
    font-size: 13px;
    border-left: 1px solid var(--sp-border, #e8edf5);
    font-weight: 600;
    flex-shrink: 0;
}

/* ================================================================
   十一、紅利金折抵
   ================================================================ */

.cart_point_flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0;
    gap: 10px;
}

.cart_point_full { width: 100%; font-size: 14px; line-height: 1.5; margin-bottom: 4px; }
.cart_point_full.text-right { text-align: right; }
.cart_point_full.text-left { text-align: left; color: #6b7280; font-size: 13px; }
.cart_point_input { flex: 1; min-width: 150px; }
.cart_point_btn { width: 100px; display: flex; align-items: center; }
.cart_point_usage { justify-content: flex-start; font-size: 14px; color: #374151; margin-top: 14px; }
.cart_point_l { flex: 1; font-weight: 600; }
.cart_point_r { flex: 1; text-align: right; }

/* ================================================================
   十二、折價券
   ================================================================ */

/* 折價券區塊：藍色系，不用橙色 */
.coupon_crcon_full {
    background: var(--sp-primary-light, #eef2fb);
    border: 1px dashed var(--sp-primary-mid, #6887c4);
    border-radius: 8px;
    padding: 10px 14px;
    margin-top: 6px;
}

.cccon_title {
    font-size: 13px;
    font-weight: 700;
    color: var(--sp-primary, #365a9e);
}

.cccon_info { font-size: 12px; color: #6b7280; margin-top: 3px; }
.cart_set_coufull { color: var(--sp-primary, #365a9e) !important; font-weight: 600; }
.cart_set_couzero { opacity: .4; pointer-events: none; }

/* ================================================================
   十三、空購物車
   ================================================================ */

.undercon_block {
    text-align: center;
    padding: 64px 20px;
    background: #fff;
    border-radius: var(--sp-card-radius, 10px);
    box-shadow: var(--sp-shadow, 0 2px 12px rgba(54,90,158,.08));
}

.undercon_chtext {
    margin-top: 16px;
    font-size: 15px;
    color: #6b7280;
    line-height: 1.7;
}

.undercon_chtext a {
    color: var(--sp-primary, #365a9e);
    font-weight: 600;
    text-decoration: underline;
}

/* ================================================================
   十四、訂購完成 (v1)
   ================================================================ */

.cart_list_block_li_v1 {
    width: 100%;
    max-width: 800px;
    border: 1px solid var(--sp-border, #e8edf5);
    border-radius: var(--sp-card-radius, 10px);
    margin: 0 auto 14px;
    text-align: center;
    background: #fff;
    box-shadow: var(--sp-shadow, 0 2px 12px rgba(54,90,158,.08));
}

.cart_list_block_li_header_v1 {
    color: #374151;
    padding: 10px 16px;
    min-height: 40px;
    border-bottom: 1px solid var(--sp-border, #e8edf5);
    display: flex;
    align-items: center;
    background-color: var(--sp-primary-light, #eef2fb);
    border-radius: var(--sp-card-radius, 10px) var(--sp-card-radius, 10px) 0 0;
}

.clbl_header_title_v1 {
    color: var(--sp-primary, #365a9e);
    font-weight: 600;
    width: 100%;
    letter-spacing: .3px;
}

.cart_list_block_li_con_v1 { padding: 14px 16px; position: relative; }

.cl_inblock_li {
    position: relative;
    width: 100%;
    background-color: #fff;
    margin-bottom: 10px;
    border-radius: 6px;
}
.cl_inblock_li:nth-child(2n) { background-color: var(--sp-primary-light, #eef2fb); }
.cl_inblock_li:last-child { margin-bottom: 0; }

.cl_inblock_li_title {
    position: relative;
    width: 100%;
    padding: 10px 14px;
    text-align: left;
    font-weight: 600;
    color: var(--sp-text, #1a1a2e);
    border-bottom: 1px solid var(--sp-border, #e8edf5);
}

.clilt_right {
    position: absolute;
    right: 10px;
    top: 10px;
    color: var(--sp-primary-mid, #6887c4);
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    transition: color .15s;
}
.clilt_right:hover { color: var(--sp-primary, #365a9e); }

.cl_inblock_li_con { position: relative; width: 100%; text-align: left; padding-bottom: 10px; }
.clilcon_myName { color: #374151; padding: .5rem; }
.clilcon_myTruckArea { position: relative; padding: .3rem 0; }
.clilcon_myCartInfo { font-size: .9em; line-height: 1.5; color: #6b7280; margin-bottom: .4rem; }
.clilsmfont { font-size: .8em; color: #bdbdbd; }

.cart_list_block_li_v1_footer {
    text-align: center;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding: .6rem;
    padding-top: .9em;
    background-color: #fff;
    border-top: 1px solid var(--sp-border, #e8edf5);
}

/* ================================================================
   十五、Modal 彈窗
   ================================================================ */

.modal-content {
    border-radius: var(--sp-card-radius, 10px) !important;
    border: none !important;
    box-shadow: 0 8px 40px rgba(var(--sp-primary-rgb, 54,90,158),.15) !important;
    overflow: hidden;
}

.modal-new-header {
    background: var(--sp-primary, #365a9e) !important;
    border-radius: 0 !important;
    padding: 0 !important;
    border-bottom: none !important;
}

.modal-new-header .pull-right {
    color: rgba(255,255,255,.7) !important;
    cursor: pointer;
    transition: color .15s, transform .15s;
}
.modal-new-header .pull-right:hover { color: #fff !important; transform: scale(1.15); }

.modal-new-headerFonts {
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    padding: 14px 16px !important;
    display: block;
}

.modal-new-footer {
    background: #fff;
    border-top: 1px solid var(--sp-border, #e8edf5) !important;
    padding: 12px 16px !important;
}

/* 地址列表 */
.cart_info_list {
    background-color: #fafbff;
    border: 1px solid var(--sp-border, #e8edf5);
    border-radius: 8px;
    padding: 12px 14px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: background .15s;
}
.cart_info_list:hover { background: var(--sp-primary-light, #eef2fb); }

.cart_info_list_left  { width: calc(100% - 150px); }
.cart_info_list_right { width: 150px; text-align: right; }

.cill_tilte {
    color: var(--sp-primary, #365a9e);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .3px;
}

.cill_info {
    color: #6b7280;
    font-size: 13px;
    word-break: break-word;
    line-height: 1.5;
    margin-top: 3px;
}

/* ================================================================
   十六、Line Notify 專屬卡片
   ================================================================ */

.cart_list_block_li_line {
    border: 1px solid rgba(22,196,100,.5);
    border-radius: var(--sp-card-radius, 10px);
    margin-bottom: 14px;
    overflow: hidden;
}

.cart_list_block_li_header_line {
    font-size: 14px;
    color: #fff;
    padding: 10px 16px;
    min-height: 40px;
    border-bottom: 1px solid rgba(22,196,100,.4);
    display: flex;
    align-items: center;
    background-color: #16c464;
}

.clbl_header_title_line {
    color: #fff;
    font-weight: 600;
    width: calc(100% - 30px);
    letter-spacing: .3px;
}

/* ================================================================
   十七、通用輔助
   ================================================================ */

/* color_e1264a：原本紅色，改為主色藍保持一致 */
.color_e1264a { color: var(--sp-primary, #365a9e); }

/* highlight-red：金額強調用橙色 */
.highlight-red { color: var(--sp-cta, #F97316) !important; font-weight: 700; }

.text-muted { color: #9ca3af; font-size: 12px; margin-top: 4px; }

/* ================================================================
   十八、RWD
   ================================================================ */

@media (max-width: 767px) {
    .cart_list_block_li_header { padding: 9px 12px; }
    .clbl_con_block { padding: 10px 12px; }
    .wizard_step_block { padding: 14px 16px 10px; }
    .cart_all_ib_con_title { padding: 9px 12px; }
    .cart_all_info_allblock { padding: 8px 12px; }
    .cart_all_info_block { padding: 6px 12px; }
    .cart_list_block_li_othercon { padding: 12px; }
    .cart_send_block { padding: 12px; }

    .cart_point_flex { flex-direction: column; align-items: flex-start; }
    .cart_point_input { width: 100%; margin-bottom: 10px; }
    .cart_point_btn { width: 100%; }
    .LBM_buybtn { width: 100% !important; }
    .cart_point_full { text-align: left !important; }
}



/* ================================================================
   新增 A：sp-stepper — 乾淨橫向步驟列
   設計：左側活躍圓點（藍底白icon）→ 連接線 → 右側待完成（灰）
   ================================================================ */

.sp-stepper {
    display: flex;
    align-items: center;          /* 圓點與標籤水平並列、垂直置中 */
    justify-content: center;
    padding: 10px 20px;            /* 從 20/32/16 大幅縮減 */
    background: #fff;
    border-radius: var(--sp-card-radius, 10px);
    box-shadow: var(--sp-shadow, 0 2px 12px rgba(54,90,158,.08));
    margin-bottom: 12px;
    gap: 0;
}

.sp-stepper__item {
    display: flex;
    flex-direction: row;          /* 改橫排：dot + label 並列 */
    align-items: center;
    gap: 8px;
    position: relative;
    flex: 1;
    justify-content: center;
}

/* 連接線：圓點之間，垂直置中 */
.sp-stepper__line {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: calc(50% + 60px);         /* 從本 item 文字右側開始 */
    right: calc(-50% + 60px);       /* 到下一 item 左側結束 */
    height: 2px;
    background: linear-gradient(90deg, var(--sp-primary, #365a9e) 0%, #c7d4ee 100%);
    z-index: 0;
}

/* 圓點（活躍）— 縮小 */
.sp-stepper__dot {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--sp-primary, #365a9e);
    box-shadow: 0 0 0 3px rgba(var(--sp-primary-rgb, 54,90,158),.12);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    position: relative;
    z-index: 1;
    flex-shrink: 0;
    transition: background .25s, box-shadow .25s;
}

/* 圓點（未活躍）*/
.sp-stepper__dot--inactive {
    background: #e8edf5;
    box-shadow: none;
    color: #9ca3af;
}

/* 文字標籤（並排在圓點旁、不再下方）*/
.sp-stepper__label {
    margin-top: 0;
    font-size: 13px;
    font-weight: 700;
    color: var(--sp-primary, #365a9e);
    letter-spacing: .3px;
    white-space: nowrap;
    position: relative;
    z-index: 1;
    background: #fff;             /* 連接線從旁穿過時遮住底 */
    padding: 0 4px;
}

.sp-stepper__label--inactive {
    color: #9ca3af;
    font-weight: 400;
}

/* ================================================================
   新增 B：sp-selects-row — 付款 / 運送 並排
   ================================================================ */

.sp-selects-row {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    flex-wrap: wrap;
}

.sp-select-col {
    flex: 1;
    min-width: 140px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.sp-select-label {
    font-size: 12px;
    font-weight: 600;
    color: var(--sp-primary-mid, #6887c4);
    letter-spacing: .3px;
    display: block;
    padding-left: 2px;
}

/* ================================================================
   新增 C：sp-bonus-card — 紅利金折抵卡片
   一張乾淨的卡片，無多餘 hr / 陰影堆疊
   ================================================================ */

.sp-bonus-card {
    background: #fff;
    border: 1px solid var(--sp-border, #e8edf5);
    border-radius: var(--sp-card-radius, 10px);
    overflow: hidden;
    margin: 0 0 0 0;
    /* 注意：不加 box-shadow，整個已在外層 li 卡片內，避免陰影疊陰影 */
}

.sp-bonus-card__header {
    background: var(--sp-primary-light, #eef2fb);
    color: var(--sp-primary, #365a9e);
    font-size: 13px;
    font-weight: 700;
    padding: 9px 16px;
    border-bottom: 1px solid var(--sp-border, #e8edf5);
    display: flex;
    align-items: center;
    letter-spacing: .2px;
}

.sp-bonus-card__body {
    padding: 14px 16px 10px;
}

/* 讓 cart_point_flex 在新卡片裡表現正常 */
.sp-bonus-card .cart_point_flex {
    margin: 0 0 10px;
}

.sp-bonus-card .cart_point_usage {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid var(--sp-border, #e8edf5);
}

/* ================================================================
   新增 D：移除殘留 <hr> 的視覺影響
   （HTML 中的 hr 若還有殘留，用 CSS 隱藏）
   ================================================================ */

.cart_list_block_li_con > hr,
.cart_list_block_li_othercon + hr,
.cart_list_block_li_con hr {
    display: none !important;
}

/* ================================================================
   RWD 補充
   ================================================================ */

@media (max-width: 576px) {
    .sp-stepper { padding: 8px 12px; gap: 0; }
    .sp-stepper__item { gap: 6px; }
    .sp-stepper__label { font-size: 12px; padding: 0 3px; }
    .sp-stepper__dot { width: 24px; height: 24px; font-size: 12px; }
    .sp-stepper__line { left: calc(50% + 50px); right: calc(-50% + 50px); }
    .sp-selects-row { flex-direction: column; gap: 8px; }
    .sp-select-col { min-width: unset; width: 100%; }
}


/* ================================================================
   稍後再買 SaveLater
   ================================================================ */

/* 購物車內每件商品右上：稍後再買 + 刪除 兩個 icon 並排 */
.clbl_con_block_right_group {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
    margin-left: 8px;
}
.clbl_con_block_savelater {
    color: #e6a300;
    font-size: 18px;
    line-height: 1;
    padding: 4px 6px;
    border-radius: 6px;
    transition: background-color .15s, color .15s, transform .12s;
    will-change: transform;
}
.clbl_con_block_savelater:hover {
    background-color: #fff5d6;
    color: #c98700;
}
.clbl_con_block_savelater:active {
    transform: scale(0.92);
}

/* 點擊瞬間的爆破彈跳 + 顏色填充 */
@keyframes savelater_pop {
    0%   { transform: scale(1);    color: #e6a300; }
    25%  { transform: scale(1.4);  color: #ff6b00; }
    55%  { transform: scale(0.85); color: #c98700; }
    100% { transform: scale(1);    color: #e6a300; }
}
.clbl_con_block_savelater.is-popping {
    animation: savelater_pop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@media (prefers-reduced-motion: reduce) {
    .clbl_con_block_savelater { transition: none; }
    .clbl_con_block_savelater:active { transform: none; }
    .clbl_con_block_savelater.is-popping { animation: none; }
}
.clbl_con_block_right_group .clbl_con_block_right {
    color: #888;
    font-size: 16px;
    padding: 4px 6px;
    border-radius: 6px;
    transition: background-color .15s, color .15s;
}
.clbl_con_block_right_group .clbl_con_block_right:hover {
    background-color: #fbecec;
    color: #d9534f;
}

/* 商品詳情頁桌機：「稍後再買」次要連結 */
.savelater_link_block {
    text-align: center;
    margin-top: 10px;
}
.savelater_link_btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #555;
    font-size: 14px;
    padding: 6px 14px;
    border: 1px dashed #c9c9c9;
    border-radius: 999px;
    background-color: #fafafa;
    transition: all .15s;
}
.savelater_link_btn:hover {
    color: #c98700;
    border-color: #e6a300;
    background-color: #fff8e6;
}
.savelater_link_btn i {
    font-size: 15px;
}

/* 手機底部購買列：稍後再買 icon 按鈕 */
.cartbtn_mob_savelater {
    flex: 0 0 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    color: #e6a300;
    font-size: 22px;
    border-right: 1px solid #eee;
}
.cartbtn_mob_savelater:active {
    background-color: #fff8e6;
}

/* ─── 商品卡：書籤 icon 浮在商品圖右上角（業界主流：蝦皮 momo PChome）─── */
.shop_pimg { position: relative; }   /* 給子元素 absolute 定位用 */

.shop_savelater_icon {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.94);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    border: 1px solid rgba(232, 237, 245, 0.8);
    color: #5d6878;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.10);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
    z-index: 3;
    padding: 0;
    transition: transform .15s ease, background-color .15s, color .15s, box-shadow .15s;
}
.shop_savelater_icon:hover {
    background: #fff;
    color: #e6a300;
    border-color: #e6a300;
    transform: scale(1.10);
    box-shadow: 0 4px 14px rgba(230, 163, 0, 0.25);
}
.shop_savelater_icon:active { transform: scale(0.92); }
.shop_savelater_icon:focus-visible {
    outline: 3px solid #ff8a00;
    outline-offset: 2px;
}

/* 點擊後的爆破動畫（與購物車內 bookmark 一致） */
.shop_savelater_icon.is-popping {
    animation: savelater_pop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
    color: #c98700;
    border-color: #e6a300;
    background: #fff8e6;
}

/* 行動裝置：點擊熱區放大 */
@media (max-width: 576px) {
    .shop_savelater_icon { top: 8px; right: 8px; width: 36px; height: 36px; font-size: 15px; }
}

@media (prefers-reduced-motion: reduce) {
    .shop_savelater_icon,
    .shop_savelater_icon:hover,
    .shop_savelater_icon.is-popping {
        transition: none;
        animation: none;
        transform: none;
    }
}

/* ---------- 稍後再買清單區塊（cart.php 下方 + member 中心） ---------- */
.savelater_block {
    margin: 20px 0;
    padding: 20px;
    border-radius: 12px;
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    border: 1px solid #f0f0f0;
}
.savelater_block_header {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    border-bottom: 2px solid #fbe9b8;
    padding-bottom: 10px;
    margin-bottom: 8px;
}
.savelater_block_title {
    font-size: 18px;
    font-weight: 700;
    color: #333;
}
.savelater_block_title i {
    color: #e6a300;
    margin-right: 6px;
}
.savelater_block_count {
    color: #999;
    font-size: 13px;
}
.savelater_block_hint {
    color: #888;
    font-size: 13px;
    margin-bottom: 12px;
}
.savelater_list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.savelater_item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px;
    border: 1px solid #f0f0f0;
    border-radius: 10px;
    background-color: #fafafa;
    transition: background-color .15s, border-color .15s;
}
.savelater_item:hover {
    background-color: #fffaf1;
    border-color: #fbe9b8;
}
.savelater_item_img {
    flex: 0 0 80px;
    width: 80px;
}
.savelater_item_img .imgAreaContain {
    border-radius: 8px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}
.savelater_item_info {
    flex: 1 1 auto;
    min-width: 0;
}
.savelater_item_name {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin-bottom: 4px;
    word-break: break-word;
}
.savelater_item_name a {
    color: inherit;
    text-decoration: none;
}
.savelater_item_name a:hover {
    color: #c98700;
}
.savelater_item_spec {
    font-size: 12px;
    color: #777;
    margin-bottom: 4px;
}
.savelater_item_price {
    font-size: 15px;
    color: #d9534f;
    font-weight: 700;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 8px;
}
.savelater_price_origin {
    font-size: 12px;
    color: #aaa;
    text-decoration: line-through;
    font-weight: 400;
}
.savelater_price_badge {
    display: inline-block;
    font-size: 11px;
    color: #fff;
    background-color: #d9534f;
    border-radius: 4px;
    padding: 1px 6px;
    font-weight: 500;
}
.savelater_item_unavailable {
    font-size: 13px;
    color: #999;
    background-color: #f0f0f0;
    border-radius: 4px;
    padding: 2px 8px;
    display: inline-block;
}
.savelater_item_btns {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 110px;
}
.savelater_btn_addcart {
    background-color: #ff6b00;
    color: #fff;
    font-size: 13px;
    padding: 8px 12px;
    border-radius: 6px;
    text-align: center;
    white-space: nowrap;
    transition: background-color .15s;
}
.savelater_btn_addcart:hover {
    background-color: #e85f00;
}
.savelater_btn_addcart i {
    margin-right: 4px;
}
.savelater_btn_remove {
    color: #888;
    font-size: 12px;
    text-align: center;
    padding: 4px 12px;
    border-radius: 6px;
    border: 1px solid #ddd;
    transition: color .15s, border-color .15s;
}
.savelater_btn_remove:hover {
    color: #d9534f;
    border-color: #d9534f;
}

@media (max-width: 576px) {
    .savelater_item {
        flex-wrap: wrap;
    }
    .savelater_item_img { flex: 0 0 64px; width: 64px; }
    .savelater_item_btns {
        flex: 0 0 100%;
        flex-direction: row;
        margin-top: 8px;
        min-width: 0;
    }
    .savelater_btn_addcart { flex: 1; }
    .savelater_btn_remove { flex: 0 0 80px; }
}


/* ================================================================
   最近瀏覽 BrowseHistory widget
   ================================================================ */

.bh_block {
    margin: 24px 0;
    padding: 16px 18px;
    background-color: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.03);
}
.bh_block_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 8px;
    margin-bottom: 10px;
}
.bh_block_title {
    font-size: 16px;
    font-weight: 700;
    color: #333;
}
.bh_block_title i {
    color: #5a89c9;
    margin-right: 6px;
}
.bh_block_actions {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    color: #999;
}
.bh_block_count {
    color: #999;
    font-size: 12px;
}
.bh_clear_btn {
    color: #888;
    text-decoration: underline;
    font-size: 12px;
}
.bh_clear_btn:hover {
    color: #d9534f;
}

/* 橫向滾動清單 */
.bh_list {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 4px 2px 10px;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
}
.bh_list::-webkit-scrollbar {
    height: 6px;
}
.bh_list::-webkit-scrollbar-thumb {
    background-color: #d8d8d8;
    border-radius: 3px;
}

.bh_item {
    position: relative;
    flex: 0 0 130px;
    width: 130px;
    scroll-snap-align: start;
}
.bh_item_link {
    display: block;
    color: inherit;
    text-decoration: none;
}
.bh_item_img .imgAreaContain {
    border-radius: 8px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}
.bh_item_name {
    margin-top: 6px;
    font-size: 13px;
    line-height: 1.35;
    color: #444;
    max-height: 36px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.bh_item_link:hover .bh_item_name {
    color: #c98700;
}

.bh_item_remove {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background-color: rgba(0,0,0,0.45);
    border-radius: 50%;
    opacity: 0;
    transition: opacity .15s, background-color .15s;
}
.bh_item:hover .bh_item_remove {
    opacity: 1;
}
.bh_item_remove:hover {
    background-color: rgba(217, 83, 79, 0.85);
}

/* 空購物車內的 widget：上方多一點呼吸 + 卡片背景 */
.bh_widget_in_empty_cart {
    margin-top: 8px;
}

@media (max-width: 576px) {
    .bh_item { flex: 0 0 110px; width: 110px; }
    .bh_block { padding: 12px 12px; }
    .bh_item_remove { opacity: 1; } /* 手機沒有 hover */
}


/* ================================================================
   一鍵再購 Repurchase
   ================================================================ */

/* 訂單列表/明細的「再買」按鈕 */
.order_repurchase_row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    margin: 8px 0;
    background: linear-gradient(135deg, #fff5e6 0%, #fff0d6 100%);
    border: 1px solid #ffd97a;
    border-radius: 8px;
}
.order_repurchase_row--full {
    flex-direction: column;
    align-items: stretch;
    text-align: center;
    padding: 16px 18px;
    margin: 12px 0;
}
.order_repurchase_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 9px 18px;
    background-color: #ff8a00;
    color: #fff !important;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color .15s, transform .1s, box-shadow .15s;
    box-shadow: 0 2px 6px rgba(255,138,0,0.25);
}
.order_repurchase_btn:hover {
    background-color: #e67900;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(255,138,0,0.35);
}
.order_repurchase_btn:active { transform: translateY(0); }
.order_repurchase_btn--sm {
    padding: 5px 12px;
    font-size: 12px;
    box-shadow: none;
}
.order_repurchase_btn--lg {
    padding: 12px 30px;
    font-size: 16px;
    min-width: 180px;
}
.order_repurchase_hint {
    font-size: 12px;
    color: #7a5b00;
}
.order_repurchase_row--full .order_repurchase_hint {
    margin-top: 6px;
}

/* 訂單明細 line-item「再買此項」按鈕容器 */
.tl_v7_con_top_action {
    text-align: right;
    margin-top: 6px;
}

/* shopContent 商品頁「您上次買過」徽章 */
.repurchase_badge {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    margin: 10px 0 14px;
    background: linear-gradient(135deg, #fff5e6 0%, #ffeacd 100%);
    border: 1px solid #ffd97a;
    border-radius: 8px;
    color: #7a5b00;
    font-size: 14px;
    line-height: 1.5;
    animation: repurchase_badge_in .35s ease-out;
}
.repurchase_badge i {
    color: #ff8a00;
    font-size: 18px;
    flex-shrink: 0;
}
@keyframes repurchase_badge_in {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
    .repurchase_badge { animation: none; }
}

/* Widget：上次買過 卡片列（空車/會員中心用） */
.repurchase_block {
    margin: 20px 0;
    padding: 18px 18px 14px;
    background: #fff;
    border: 1px solid #f0e8d8;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
.repurchase_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #f4eede;
    padding-bottom: 10px;
    margin-bottom: 12px;
}
.repurchase_title {
    font-size: 16px;
    font-weight: 700;
    color: #444;
}
.repurchase_title i { color: #ff8a00; margin-right: 6px; }
.repurchase_count { font-size: 12px; color: #aaa; }

.repurchase_list {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 4px 2px 10px;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
}
.repurchase_list::-webkit-scrollbar { height: 6px; }
.repurchase_list::-webkit-scrollbar-thumb { background-color: #e0e0e0; border-radius: 3px; }

.repurchase_card {
    flex: 0 0 150px;
    width: 150px;
    scroll-snap-align: start;
    display: flex;
    flex-direction: column;
}
.repurchase_card_link { color: inherit; text-decoration: none; }
.repurchase_card_link:hover .repurchase_card_name { color: #c98700; }

.repurchase_card_img {
    width: 100%;
}
.repurchase_card_img .imgAreaContain {
    border-radius: 8px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

.repurchase_card_name {
    margin-top: 6px;
    font-size: 13px;
    line-height: 1.35;
    color: #444;
    max-height: 36px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.repurchase_card_meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    margin-top: 4px;
    font-size: 12px;
}
.repurchase_card_qty { color: #888; }
.repurchase_card_price { color: #d9534f; font-weight: 700; }
.repurchase_card_unavail {
    color: #999;
    background: #f0f0f0;
    padding: 1px 6px;
    border-radius: 4px;
    font-size: 11px;
}

.repurchase_card_btn {
    margin-top: 8px;
    padding: 8px 0;
    background-color: #ff8a00;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color .15s, transform .1s;
}
.repurchase_card_btn:hover { background-color: #e67900; transform: translateY(-1px); }
.repurchase_card_btn:active { transform: translateY(0); }
.repurchase_card_btn i { margin-right: 4px; }

@media (max-width: 576px) {
    .repurchase_card { flex: 0 0 130px; width: 130px; }
}

@media (prefers-reduced-motion: reduce) {
    .order_repurchase_btn,
    .repurchase_card_btn { transition: none; }
    .order_repurchase_btn:hover,
    .repurchase_card_btn:hover { transform: none; }
}


/* ================================================================
   智慧地址 AddressSmart
   ================================================================ */

/* 一鍵貼地址 banner */
.addr_smart_banner {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    background: linear-gradient(135deg, #fff6dc 0%, #ffeaa8 100%);
    border: 1px solid #ffd97a;
    border-radius: 10px;
    margin-bottom: 10px;
}
.asb_icon {
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 50%;
    background-color: #ffb800;
    color: #fff;
    font-size: 18px;
}
.asb_inputs {
    flex: 1 1 auto;
    min-width: 0;
}
.asb_label {
    font-size: 12px;
    color: #7a5b00;
    font-weight: 700;
    margin-bottom: 2px;
    letter-spacing: 0.5px;
}
.asb_input {
    width: 100%;
    border: 1px solid #f0d68a !important;
    background: #fff;
}
.asb_btn {
    flex: 0 0 auto;
    padding: 8px 14px;
    background-color: #ff8a00;
    color: #fff;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    user-select: none;
    transition: background-color .15s;
    white-space: nowrap;
}
.asb_btn:hover {
    background-color: #e67900;
}
.asb_btn i { margin-right: 4px; }
.asb_hint {
    font-size: 12px;
    margin: 6px 0 10px 4px;
    min-height: 14px;
}
.asb_hint.ok  { color: #2e8b57; }
.asb_hint.err { color: #d9534f; }

/* 郵遞區號快填 */
.addr_smart_zip {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}
.asz_label {
    font-size: 13px;
    color: #555;
    flex: 0 0 auto;
}
.asz_input {
    flex: 0 0 140px;
    width: 140px;
    font-family: monospace;
    text-align: center;
    letter-spacing: 2px;
    font-size: 15px;
}
.asz_tip {
    font-size: 12px;
    color: #999;
}

/* 區域可搜尋輸入 */
.adsmart-area-wrap {
    width: 100%;
}
.adsmart-area-input {
    width: 100%;
}

@media (max-width: 576px) {
    .addr_smart_banner {
        flex-wrap: wrap;
        padding: 10px;
    }
    .asb_icon { flex: 0 0 28px; width: 28px; height: 28px; line-height: 28px; font-size: 14px; }
    .asb_btn { flex: 0 0 100%; text-align: center; margin-top: 4px; padding: 10px; }
    .addr_smart_zip { flex-direction: column; align-items: stretch; }
    .asz_input { flex: 1; width: 100%; }
    .asz_tip { text-align: right; }
}

/* ================================================================
   訂購者資訊表單 .oif（新增/編輯收件資料共用）
   ================================================================ */
.oif {
    width: 100%;
    padding: 4px 6px 0;
}
.oif_sec {
    padding: 16px 0 18px;
    border-bottom: 1px solid var(--sp-border, #e8edf5);
}
.oif_sec:first-child { padding-top: 6px; }
.oif_sec:last-child  { border-bottom: 0; padding-bottom: 6px; }
.oif_sec_t {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 12px;
    font-size: 15px;
    font-weight: 700;
    color: #1f2937;
}
.oif_sec_note {
    font-size: 12px;
    font-weight: 400;
    color: #9ca3af;
}
.oif_field { margin-bottom: 12px; min-width: 0; }
.oif_field:last-child { margin-bottom: 0; }
.oif_label {
    display: block;
    margin: 0 0 5px;
    font-size: 13px;
    font-weight: 600;
    color: #4b5563;
}
.oif_label em {
    font-style: normal;
    color: #e03f19;
    margin-left: 2px;
}
.oif_help {
    margin-top: 5px;
    font-size: 12px;
    color: #9ca3af;
}
.oif .form_input_v1,
.oif .form_select_v1 {
    width: 100%;
    height: 42px;
    font-size: 15px !important;   /* iOS 16px 以下會放大畫面；15px + 視覺高度夠 */
}
.oif_grid2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-bottom: 12px;
}
.oif_grid2 .oif_field { margin-bottom: 0; }

/* 一鍵貼地址：精簡成單列輸入 */
.oif_paste {
    display: flex;
    align-items: center;
    height: 42px;
    padding: 0 4px 0 12px;
    border: 1px dashed #f0b44c;
    border-radius: 8px;
    background: #fffaf0;
}
.oif_paste_icon {
    flex: 0 0 auto;
    color: #f59e0b;
    font-size: 16px;
    margin-right: 8px;
}
.oif_paste_input {
    flex: 1 1 auto;
    min-width: 0;
    height: 100%;
    border: 0;
    background: transparent;
    outline: none;
    font-size: 15px;
    color: #374151;
}
.oif_paste_input::placeholder { color: #b8a27a; }
.oif_paste_btn {
    flex: 0 0 auto;
    height: 32px;
    padding: 0 14px;
    border: 0;
    border-radius: 6px;
    background: #ff8a00;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}
.oif_paste_btn:hover { background: #e67900; }
.oif .oif_paste_hint {
    margin: 5px 0 10px 2px;
    min-height: 0;
}
.oif .oif_paste_hint:empty { margin-bottom: 12px; }

/* 郵遞區號 / 縣市 / 區域 同一列 */
.oif_addr_row {
    display: grid;
    grid-template-columns: 92px 1fr 1fr;
    gap: 10px;
    margin-bottom: 12px;
}
.oif_addr_row .oif_field { margin-bottom: 0; }
.oif_zip .form_input_v1 {
    text-align: center;
    letter-spacing: 1px;
}

/* 發票類型：分段按鈕 */
.oif_seg {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    padding: 3px;
    border-radius: 10px;
    background: #f1f4f9;
}
.oif_seg button {
    height: 44px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #6b7280;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
    transition: background-color .15s, color .15s, box-shadow .15s;
}
.oif_seg button small {
    display: block;
    font-size: 11px;
    font-weight: 400;
    color: inherit;
    opacity: .75;
}
.oif_seg button.is_on {
    background: #fff;
    color: var(--sp-primary, #365a9e);
    box-shadow: 0 1px 3px rgba(15, 23, 42, .12);
}
.oif_company { margin: 12px 0 0; }

@media (max-width: 420px) {
    .oif { padding: 0 2px; }
    .oif_addr_row { grid-template-columns: 80px 1fr 1fr; gap: 8px; }
}
@media (max-width: 340px) {
    .oif_grid2 { grid-template-columns: 1fr; }
    .oif_addr_row { grid-template-columns: 1fr 1fr; }
    .oif_zip { grid-column: 1 / -1; }
}



/* css/header_nav.css */
/*--header--*/
.myBoxHeader_top
{
/* 	position: -webkit-sticky;
    position: sticky;
	
	top:0px; */
	width:100%;
	min-height:var( --header-height );
	
	z-index:900;
	
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.11), 0 0px 1px -1px rgba(0,0,0,0.1), 0 1px 1px 0 rgba(0,0,0,0.1);
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.11), 0 0px 1px -1px rgba(0,0,0,0.1), 0 1px 1px 0 rgba(0,0,0,0.1);
	
	/* overflow: hidden; */
    text-overflow: ellipsis;
    white-space: nowrap;
	
	background-color: #fff;
}
.myBoxHeader_top img
{
	max-height:var( --header-height );
}
.header--fixed {
	left: 0;
	position: fixed;
	top: 0;
	z-index: 900;
	
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: headerFadeInDown;
	animation-name: headerFadeInDown;
}
@-webkit-keyframes headerFadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes headerFadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

ul
{
	padding-inline-start:0px;
	margin-block-start:0px;
	margin-block-end:0px;
}

.nav_left
{
	position:relative;
	width:100%;
	min-height:var( --header-height );
	
	display:none;
	font-size:18px;
	color: var( --fonts-color );
	padding:4px;
	font-family: 'Noto Sans TC', sans-serif;
}
.nav_left img
{
	max-height:40px;
}
.nav_right
{
	position:relative;
	width:100%;
	min-height:var( --header-height );
	
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	
	justify-content: flex-start;
    align-items: center; 
}
.header_logo
{
	width:195px;
	margin-right:15px;
	padding:0px 10px;
}
.header_logo img
{
	max-width:100%;
}

.nav_itemgroups
{
	width:calc( 100% - 340px );
	
	height:100%;
	
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	
	margin-left: auto;
	
	justify-content: flex-end;
    align-items: center; 
	
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav_item
{
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	
	justify-content: center;
    align-items: center; 
	
	height:100%;
	
	cursor:pointer;
	
    position: relative;
	font-size:var( --font-basicsize );
    letter-spacing: 2px;
	line-height:1.5;
	color: var( --fonts-color );
	padding:8px 10px;
    
    -webkit-user-select: none;
    
	transition: all .4s ease-in-out;
}
.nav_item:hover {
	color: var(--footertop-color);
	background-color: rgba(0, 0, 0, 0.02);
	border-radius: 4px;
}
.nav_item ul.sub_nav
{
	display:none;
	
	position:absolute;
	width:210px;
	top:40px;
	left:1px;
	padding-left: 0;
    margin-bottom: 0;
    list-style: none;
	z-index:100;
	background-color:#fff;
	
	-webkit-box-shadow: 0 2px 2px 3px rgba(0,0,0,0.11);
	box-shadow: 0 2px 2px 3px rgba(0,0,0,0.11);
	
	-webkit-user-select: none;
	
	transition: all .4s ease-in-out;
}
.nav_item ul.sub_nav > li
{
	position:relative;
	width:210px;
	
	padding:8px 8px 8px 12px;
	border-bottom:1px dashed var( --tag1-color );
	
	-webkit-user-select: none;
	
	min-width: 0;
    white-space: normal;      /* 防止被 nowrap 影響 */
    overflow-wrap: break-word;
    word-break: break-word;
	
	transition: all .4s ease-in-out;
}
.nav_item ul.sub_nav > li.have_nextmenu:after
{
	font-family: 'icomoon';
	content:'\e92e';
	position:absolute;
	right:5px;
	
	-webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
	
}
.nav_item ul.sub_nav > li:last-child
{
	border-width:0px;
}
.nav_item ul.sub_nav > li:hover
{
	background-color:var( --fonts8-color );
}
.nav_item ul.sub_nav > li.have_nextmenu:hover:after
{
	font-family: 'icomoon';
	content:'\e92e';
	position:absolute;
	right:5px;
	
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.nav_item ul.three_nav
{
	display:none;
	
	position:absolute;
	width:200px;
	top:0px;
	left:210px;
	color: var( --fonts-color );
	padding-left: 0;
    margin-bottom: 0;
    list-style: none;
	z-index:100;
	background-color:#fff;
	
	-webkit-box-shadow: 0 2px 2px 3px rgba(0,0,0,0.11);
	box-shadow: 0 2px 2px 3px rgba(0,0,0,0.11);
	
	-webkit-user-select: none;
	
	transition: all .3s ease-in-out;
}
.nav_item ul.three_nav > li
{
	padding:8px 8px 8px 12px;
	-webkit-user-select: none;
	border-bottom:1px dashed var( --tag1-color );
	
	transition: all .3s ease-in-out;
}
.nav_item ul.three_nav > li:last-child
{
	border-width:0px;
}
.nav_item ul.three_nav > li:hover
{
	background-color:var( --fonts8-color );
}
i.nav_icon
{
	-webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}
.nav_item:hover
{
	color:var( --footertop-color );
}
.nav_item:hover i.nav_icon
{
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
.nav_item:first-child:before
{
	content:'';
	border-bottom-width:0px;
}
.nav_item img
{
	max-height:50px;
}
.nav_item:hover ul.sub_nav
{
	display:block;
}
.nav_item:hover ul.sub_nav li:hover ul.three_nav
{
	display:block;
}

.nav_icongroups
{
	width:130px;
	
	height:100%;
	
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	
	margin-left: auto;
	
	justify-content: flex-end;
    align-items: center; 
	
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav_iconlist
{
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	
	justify-content: center;
    align-items: center; 
	
	height:100%;
	
	cursor:pointer;
	
    position: relative;
	font-size:var( --font-basicisonsize );
    letter-spacing: 2px;
	line-height:1.5;
	color: var( --fonts-color );
	padding:8px 10px;
    
    -webkit-user-select: none;
    
	transition: all .4s ease-in-out;
	border-radius: 50%;
}
.nav_iconlist:hover {
	color: var(--footertop-color);
	background-color: rgba(0, 0, 0, 0.05);
	transform: translateY(-2px);
}

.floating_shopCount
{
	position: absolute;
	top: -3px;
	left: 22px;
	width: 20px;
	height: 20px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	line-height: 1.5;
	background: var( --red1-color );
	color: #fff;
	font-size: 12px;
	-webkit-font-smoothing: auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	z-index:999;
}

.mob_barbox
{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	
	justify-content: center;
	align-items: center; 
	
	position:absolute;
	top:0px;
	right:0px;
	font-size:1em;
	height:var( --header-height );
	color: var( --fonts-color );
    padding: 5px;
    transition: background-color .15s ease-in-out;
}

@media (max-width: 767px)
{
    .nav_left
    {
		width:100%;
		text-align:center;
		
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		
		justify-content: center;
		align-items: center; 
    }
}
/*--header--*/

/*---------navbar ---------*/
.navbar-toggle_modify .icon-bar {
    background-color: var( --header-icon-bar-color );
}

.cross
{
	position: relative;
	transition-duration: 0.5s;
	cursor: pointer;
	width:40px;
	height:40px;
	margin:0px;
}
.navbar-toggle_modify .icon-bar
{
	margin:0px;
}
.cross .line1
{
	position: absolute;
	top:25%;
	left:50%;
	transform: translateX(-50%) translateY(-150%);
	transition:all 0.8s ease-in-out;
}
.cross .line2
{
	position: absolute;
	top:25%;
	left:50%;
	transform: translateX(-50%) translateY(150%);
	transition:all 0.8s ease-in-out;
}
.cross .line3
{
	position: absolute;
	top:50%;
	left:50%;
	transform: translateX(-50%) translateY(150%);
	transition:all 0.8s ease-in-out;
}
#set_navbar.cross_active .line1
{
	top:50%;
	transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
#set_navbar.cross_active .line2
{
	display:none;
}
#set_navbar.cross_active .line3
{
	left:50%;
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
#set_navbar.cross_active .icon-bar+.icon-bar
{
	margin-top:0px;
}
/*---------navbar ---------*/
/*---------mobile start ---------*/
body.bodyin
{
	overflow:hidden;
}
.mobilemenu_mask
{
	width: 100vw;
    height: 100vh;
    background-color: #000;
    opacity: 0.3;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 900;
}
.mobile_menu
{
	display:none;
	
	position: fixed;
	top:0;
	
	overflow-x: hidden;
	overflow-y: auto;
	
	color:#fff;
	z-index:999;
	
	width:250px;
	height:100%;
	background-color:var( --header-mobile-menu );
}
.mobile_menu.in
{
	display:block;
	
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-name: mheaderFadeInDown;
	animation-name: mheaderFadeInDown;
}
@-webkit-keyframes mheaderFadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes mheaderFadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.mm_title
{
	padding:15px;
	background-color:rgba( 255, 255, 255, .1 );
}
.mm_tsfonts
{
	font-size:16px;
	color:#fff;
	text-align:center;
}
.mm_ticon
{
	padding-top:10px;
	padding-bottom:5px;
	margin-top:5px;
}

.mm_tsbtn {
    display: inline-block;
    font-size: 20px;
    border-radius: 5px;
    cursor: pointer;
    margin: 5px;
    transition: all .15s ease-in-out;
    color: var( --tag-color );
}
.mm_tsbtn:hover
{
	color:#fff;
}
.mm_body
{
	font-size:16px;
	overflow:auto;
}
.mm_mainMenu
{
	font-family: 'PopGothicCjkTc', sans-serif;
	position: relative;
	width:100%;
}
.mm_mainMenu li.mm_mainlist
{
	position: relative;
	width:100%;
	color:#fff;
	width:100%;
	padding: 10px;
	padding-left: 20px;
	transition: all .15s ease-in-out;
}
.mm_mainMenu li.mm_mainlist:hover
{
	color:var( --fonts9-color );
}
.mm_onelifonts
{
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	
	justify-content: space-between;
    align-items: center; 
	
	margin-bottom:10px;
}
.mm_conelifonts i.mm_liicon
{
	-webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}
.mm_mainMenu li.mm_mainlist.active i.mm_liicon
{
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.mm_subMenu
{
	display: none;
	
	width:100%;
	position:relative;
	padding: 0;
    list-style: none;
	
}
.mm_subMenu li.mm_sublist
{
	background-color: rgba(255,255,255,.05);
	padding: 10px 10px 10px 20px;
	margin-left:-20px;
	margin-right:-10px;
	
	background-image: linear-gradient(to left, transparent, transparent 50%, var( --fonts21-color ) 50%, var( --fonts21-color ));
	background-position: 100% 0;
	background-size: 200% 100%;
	
	transition: all .5s ease-in-out;
}
.mm_subMenu li.mm_sublist:hover
{
	background-color: rgba(255,255,255,.1);
	background-position: 0 0;
}

.mm_mainMenu li.mm_mainlist a, .mm_subMenu li.mm_sublist a
{
	color:#fff;
}
.mm_mainMenu li.mm_mainlist.active .mm_subMenu, .mm_subMenu li.mm_sublist a, .mm_mainMenu li.mm_mainlist.only_item a
{
	display:block;
}
/*---------mobile end ---------*/


/* css/bootstrap_modify.css */

/* CSS Document */

.navbar
{
	margin-bottom:0px;
    border: 0px;
}
.navbar-inverse
{
	background-color: #5A83A3;
    border-color: unset;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form
{
	border-color: transparent;
}
.navbar-inverse .navbar-brand
{
	color: #FFF;
	font-weight: bold;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus
{
    background-color: #527896;
}
.navbar-inverse .navbar-nav>li>a
{
	color: #FFF;
}

.panel-blue
{
    border-color: #DDD;
}
.panel-blue>.panel-heading
{
	color: #FFF;
    background-color: #5A83A3;
    border-color: #DDD;
}
.panel-blue>.panel-body
{
    border-color: #DDD;
}
.panel-heading
{
	letter-spacing:5px;
}
.panel-body>.nosign
{
	list-style-type:none;
	cursor:pointer;
	
	transition: all .15s ease-in-out;
}
.panel-body>.nosign:hover
{
	color:#c3c3c3;
}


@media (min-width: 768px)
{
	.navbar
	{
		border-radius: 0px;
	}
}


.form-control
{
	border-radius: 1px;
}
.form-control, .form-control:focus, .has-error .form-control:focus, .has-success .form-control:focus, .has-warning .form-control:focus, .navbar-collapse, .navbar-form, .navbar-form-custom .form-control:focus, .navbar-form-custom .form-control:hover, .open .btn.dropdown-toggle, .panel, .popover, .progress, .progress-bar {
    box-shadow: none;
}


/* CSS Document */

/* ---------- 全站頁面淡入轉場 ---------- */
@media (prefers-reduced-motion: no-preference) {
	body {
		animation: page_fade_in 0.25s ease-out;
	}
}
@keyframes page_fade_in {
	from { opacity: 0; }
	to   { opacity: 1; }
}

html,body
{
	font-size: 18px;
	font-family: Microsoft JhengHei, Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.7;
	color: #666666;
	margin:0px;
	padding:0px;
	
	scroll-behavior: smooth;
}
body
{
	background-image:url('../images/bg/dust_scratches.png');
	/*
	========================================================
	This pattern is downloaded from www.toptal.com/designers/subtlepatterns/ 
	If you need more, that's where to get'em.
	========================================================
	*/ 
}

a, a:link, a:visited, a:active, a:hover
{
	color: #666666;
    text-decoration: none;
}

img
{
	border: 0px;
}

pre
{
	white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
	
	/* 覆蓋瀏覽器預設 */
	padding: 0;
    margin: 0;
    background-color: transparent;
    border: 0;
	color: #757575;
	
	font-size:15px;
	line-height: 1.5;
}
textarea{resize:none;}

.margin_10topbottom
{
	margin:10px 0;
}

/* xs version */
@media (max-width: 768px) 
{
	
}


/* 
.row{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}
.row [class="col-"]{
	display: flex;
	flex-direction: column;
}*/


/*
 * Row with equal height columns
 * --------------------------------------------------
 */

.cursor
{
	cursor:pointer;
}
.marginTop10px
{
	margin-top:10px;
}
.marginTop20px
{
	margin-top:20px;
}
.margintb20px
{
	margin:20px 0;
}
/*------- under construction START----------*/
.undercon_block
{
	/* padding:60px 0; */
	position:relative;
	width:100%;
}
.undercon_img
{
	width:100%;
}
.undercon_img img
{
	max-width:300px !important;
}
.undercon_chtext
{
	margin-top:20px;
	color:rgba( 0,0,0, 0.5 );
	font-size:20px;
	font-weight:600;
}
.undercon_entext
{
	color:rgba( 0,0,0, 0.4 );
	margin-top:10px;
	font-size:16px;
	font-weight:600;
}
.undercon_importantchtext
{
	margin-bottom:20px;
	color: rgba( 188,66,0, 0.9 );
	font-size:20px;
	font-weight:600;
}
/*------- under construction End----------*/

.imgAreaContain
{
	width:100%;
	position:relative;
	-webkit-background-size:cover;
	background-size:cover;
	background-color:#F0EFEF;
	background-repeat:no-repeat;
	background-position: center;
	
	overflow:hidden;
	
	transition: all .5s ease-in-out;
}

.html_title
{
	color:var( --footertop-color );
	font-size:28px;
	font-weight:600;
	text-align:center;
	padding:5px;
	margin-top:10px;
	margin-bottom:0px;
	letter-spacing:2px;
	line-height:1.5;
	
	position:relative;
}
.html_con
{
	position:relative;
	width:100%;
	padding:5%;
	margin-bottom:20px;
	min-height:400px;
	line-height:1.5;
	letter-spacing:2px;
}
.html_con img, .html_con table, .html_con iframe
{
	max-width:100%;
}
.map_iframe iframe
{
	width:100%;
}

/* xs version */
@media (max-width: 768px) 
{
	.html_con
	{
		padding:20px;
	}
}

/*------breadcrumb---------*/
.breadcrumb
{
	font-size:14px;
	width: 100%;
	text-align: center;
	border: 0;
	padding:8px;
	position: relative;
	bottom: 0;
	margin-bottom:0px;
	list-style: none;
	background: transparent;
}
.breadcrumb>li {
    display: inline-block;
}
.breadcrumb>li {
	max-width:350px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.breadcrumb>li a:hover{
	color:var( --main-color );
}
/*------breadcrumb---------*/
/*------news---------*/
.news_containter
{
	position:relative;
	width:100%;
	
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	
	justify-content: center;
	align-items: flex-start; 
	
	padding:0 10px 20px;
}
.news_main
{
	position:relative;
	width: 100%;
	vertical-align: top;
	padding: 0;
	margin: 0;
}
.news_main li
{
	position:relative;
	width:100%;
	
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	
	justify-content: center;
	align-items: stretch;
	
	padding:10px;
	
	background-color:#fff;
	
	cursor:pointer;
	transition: all .5s ease-in-out;
}
.news_main li + li
{
	border-top:1px solid var( --line-colorv4 );
}
.news_main li:hover
{
	background-color:var( --bg6-color );
}
.news_main li:hover .imgAreaContain
{
	transform: scale(1.2,1.2);
}
.nmain_liimg
{
	width:300px;
	overflow:hidden;
}
.nmain_liinfo
{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	
	justify-content: center;
    align-items: center; 
	
	width:calc( 100% - 300px );
	padding-left:15px;
}
.nmain_lcinfo
{
	position:relative;
	width:100%;
}
.nmain_classtag
{
	font-size:14px;
	display: inline-block;
	
	position:relative;
	color: #fff;
	background-color: var( --footertop-color );
	margin-bottom: 8px;
	padding:5px;
}
.nmain_btitle
{
	font-size:20px;
	font-weight:600;
	color:var( --fonts15-color );
	transition: all .5s ease-in-out;
	margin-top:0px;
	
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.nmain_desc
{
	font-size:15px;
	color:var( --fonts-color );
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	overflow:hidden;
	-webkit-box-orient: vertical;
}
.nmain_othermsg
{
	color:var( --fonts20-color );
	font-size:13px;
	margin-top:15px;
	text-align:right;
}
.flex_align_top
{
	align-self: flex-start;
}
.flex_align_bottom
{
	align-self: flex-end;
}
@media (max-width: 600px)
{
	.nmain_liimg
	{
		width:100%;
	}
	.nmain_liinfo
	{
		width:100%;
		padding-left:0px;
	}
	.nmain_btitle
	{
		margin-top:10px;
	}
	.nmain_classtag
	{
		margin-top:8px;
	}
}

.part_menu_area
{
	position: sticky;
    top: var( --header-height );
	
	color: var( --fonts18-color );
	width:calc( 100% - 20px );
	clear: both;
	background-color: var( --bg6-color );
	border: 1px solid var( --line-colorv5 );
	padding: 10px;
	margin:0 auto;
	margin-bottom: 10px;
	
	z-index:10;
}
.part_menu_area ul
{
	padding: 0 0 0 10px;
}
.part_menu_area li {
	display:inline-block;
	font-size: 15px;
    height: 20px;
    margin: 0px 8px 10px 0px;
}
.part_menu_area li a{
	transition: all .2s ease-in-out;
}
.part_menu_area li .isAtive, .part_menu_area li:hover a{
    color: var( --red5-color );
}
.clearfix:after {
    content: ".";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
    visibility: hidden;
}

.news_h1title
{
	font-size:28px;
	font-weight:600;
	margin-top:15px;
	margin-bottom:30px;
	line-height:1.5;
	letter-spacing:2px;
	text-align:center;
}
#showcon_set
{
	letter-spacing:2px;
	word-wrap: break-word;
	word-break: break-all;
}

.news_bbtnblock
{
	width:100%;
	padding:10px;
	text-align:center;
}

.newsget_title
{
	font-size: 16px;
	line-height:1.5;
	letter-spacing:2px;
	display: inline-block;
	padding: 5px 30px 5px 7px;
	color: var( --fonts18-color );
	background: -o-linear-gradient(25deg,var( --bg6-color ) 0,var( --bg6-color ) 80.5%,var( --bg6-color ) 80.5%,transparent 80.6%,transparent 100%);
	background: linear-gradient(65deg,var( --bg6-color ),var( --bg6-color ) 80.5%,var( --bg6-color ) 0,transparent 80.6%,transparent);
	font-weight: 400;
	margin:0;
}
.newsget_hr
{
	display: block;
	width: 100%;
	height: 3px;
	background-color: var( --bg6-color );
	border-bottom: 1px solid var( --line-colorv5 );
}
ul
{
	list-style: none;
}
ul.nclass_ul
{
	position:relative;
	width:100%;
}
ul.nclass_ul li
{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	
	color:var( --fonts15-color );
	font-size:15px;
	width:100%;
	cursor:pointer;
	padding:10px 5px;
	border-bottom:1px solid var( --fonts8-color );
	
	transition: all .5s ease-in-out;
}
ul.nclass_ul li:last-child
{
	border-width:0px;
}
ul.nclass_ul li:hover
{
	color:var( --fonts19-color );
}
ul.nclass_ul li.active, ul.nclass_ul li.active a
{
	color:var( --main-color );
}

ul.interest_ul
{
	position:relative;
	width:100%;
}
ul.interest_ul li
{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	
	color:var( --fonts15-color );
	font-size:15px;
	width:100%;
	cursor:pointer;
	padding:10px 5px;
	border-bottom:1px solid var( --fonts8-color );
	
	transition: all .5s ease-in-out;
}
ul.interest_ul
{
	counter-reset: myli 0;
}
ul.interest_ul li:before
{
	display: inline-block;
	width: 18px;
	height: 18px;
	line-height: 18px;
	background: var( --bg8-color );
	font-size: 13px;
	color: #fff;
	text-align: center;
	font-style: normal;
	margin-top: 5px;
	margin-right: 5px;
	content: counter(myli);
	counter-increment: myli 1;
}
ul.interest_ul li a
{
	width:calc( 100% - 23px );
	
	transition: all .5s ease-in-out;
}
ul.interest_ul li:hover a
{
	color: var( --red7-color );
}
ul.interest_ul li:last-child
{
	border-width:0px;
}

.newshotget_title
{
	font-size: 16px;
	line-height:1.5;
	letter-spacing:2px;
	display: inline-block;
	padding: 5px 30px 5px 7px;
	color: #fff;
	background: -o-linear-gradient(25deg,var( --red6-color ) 0,var( --red6-color ) 80.5%,var( --red6-color ) 80.5%,transparent 80.6%,transparent 100%);
	background: linear-gradient(65deg,var( --red6-color ),var( --red6-color ) 80.5%,var( --red6-color ) 0,transparent 80.6%,transparent);
	font-weight: 400;
	margin:0;
}
.newshotget_hr
{
	display: block;
	width: 100%;
	height: 3px;
	background-color: var( --red6-color );
	border-bottom: 1px solid var( --line-colorv5 );
}
ul.hotnews_ul
{
	position:relative;
	width:100%;
}
ul.hotnews_ul li
{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	
	color:var( --fonts15-color );
	font-size:15px;
	width:100%;
	cursor:pointer;
	padding:10px 5px;
	border-bottom:1px solid var( --fonts8-color );
	
	transition: all .5s ease-in-out;
}
ul.hotnews_ul li:before
{
	font-family: 'icomoon' !important;
	content: '\ea57';
	
	display: inline-block;
	width: 18px;
	font-size: 13px;
	color: var( --red7-color );
	text-align: center;
	font-style: normal;
	margin-right: 5px;
}
ul.hotnews_ul li a
{
	width:calc( 100% - 23px );
	
	transition: all .5s ease-in-out;
}
ul.hotnews_ul li:hover a
{
	color: var( --red7-color );
}
ul.hotnews_ul li:last-child
{
	border-width:0px;
}
/*------news---------*/
/*------article---------*/
.article_containter
{
	position:relative;
	width:100%;
	
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	
	justify-content: center;
	align-items: flex-start; 
	
	padding:0 10px 20px;
}
.acon_left
{
	width:71%;
	padding-right:5px;
}
.acon_right
{
	position:sticky;
	top:var( --header-height );
	
	width:29%;
	padding:10px;
	background-color:#fff;
	overflow:hidden;
}
.widget_title
{
	font-size:16px;
	width:100%;
	font-weight:500;
	color:var( --fonts18-color );
	background-color:var( --bg6-color );
	border:1px solid var( --line-colorv5 );
	text-align:center;
	padding:10px;
	margin-bottom:5px;
	margin-top:20px;
}
.widget_title:first-child
{
	margin-top:0px;
}
ul
{
	list-style: none;
}
ul.aclass_ul
{
	position:relative;
	width:100%;
}
ul.aclass_ul li
{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	
	color:var( --fonts15-color );
	font-size:15px;
	width:100%;
	cursor:pointer;
	padding:10px 5px;
	border-bottom:1px solid var( --fonts8-color );
	
	transition: all .5s ease-in-out;
}
ul.aclass_ul li:last-child
{
	border-width:0px;
}
ul.aclass_ul li:hover
{
	color:var( --fonts19-color );
}
ul.aclass_ul li.active, ul.aclass_ul li.active a
{
	color:var( --main-color );
}
.aclass_liname
{
	line-height:1.5;
	letter-spacing:2px;
	width:calc( 100% - 50px );
}
.aclass_nums
{
	width:50px;
	text-align:right;
}

ul.article_main
{
	position:relative;
	width: 100%;
	vertical-align: top;
	padding: 0;
	margin: 0;
}
ul.article_main li
{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	
	width: 100%;
	margin-right: 0;
	padding:15px 10px 20px;
	background-color:#fff;
	border-bottom: 1px solid var( --line-colorv4 );
	line-height:1.5;
	letter-spacing:1px;
	cursor:pointer;
	
	transition: all .5s ease-in-out;
}
ul.article_main li:hover
{
	box-shadow: 0 2px 15px -2px rgb(0 0 0 / 12%), 0 2px 6px -2px rgb(0 0 0 / 5%);
}
.amain_liimg
{
	width:46%;
	overflow:hidden;
}
ul.article_main li:hover .imgAreaContain
{
	transform: scale(1.2,1.2);
}
.amain_liinfo
{
	width:54%;
	padding-left:15px;
}
.amain_classtag
{
	font-size:15px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	
	justify-content: flex-start;
	align-items: center;
	
	position:relative;
	color: var(--fonts-color);
    margin-bottom: 8px;
}
.amain_inclasstag
{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	
	justify-content: center;
	align-items: center;
	
	position:relative;
	color: var(--fonts-color);
	margin-top:10px;
}
.split_symbol
{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	
	justify-content: center;
	align-items: center;
	
	font-size:25px;
	width:10px;
	max-height:21px;
}
.amain_btitle
{
	font-size:20px;
	font-weight:600;
	color:var( --fonts15-color );
	transition: all .5s ease-in-out;
	margin-top:10px;
}
ul.article_main li:hover .amain_btitle
{
	color:var( --fonts17-color );
}
.amain_desc
{
	font-size:15px;
	color:var( --fonts-color );
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	overflow:hidden;
	-webkit-box-orient: vertical;
}
.amain_othermsg
{
	width:100%;
	text-align:right;
	color:var( --fonts1-color );
	font-size:13px;
	margin-top:15px;
	text-align:right;
}
.amain_inothermsg
{
	color:var( --fonts20-color );
	font-size:13px;
	padding:10px;
	padding-top:0px;
}

.amin_intitle
{
	font-size:30px;
	font-weight:500;
	color:var( --fonts15-color );
	text-align:center;
	padding:10px;
	padding-top:0px;
	margin-bottom:10px;
}
.amain_incontent
{
	position:relative;
	width:100%;
	padding:10px;
	background-color:#fff;
	box-shadow: 0 2px 15px -2px rgb(0 0 0 / 12%), 0 2px 6px -2px rgb(0 0 0 / 5%);
	margin-bottom:10px;
}
.share_block
{
	width:100%;
	padding:5px;
	margin-bottom:15px;
	background-color: var( --bg6-color );
	
	position:sticky;
	top:var( --header-height );
	z-index:10;
}
.article_h1title
{
	font-size:28px;
	font-weight:600;
	margin-top:15px;
	margin-bottom:30px;
	line-height:1.5;
	letter-spacing:2px;
	text-align:center;
}

.shareArea_pos
{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	
	justify-content: start-end;
	align-items: center;
}
.shareBtnPublic {
    font-size: 25px;
    margin-right: 8px;
	outline:none !important;
}
.facebookBtn, .twitterBtn, .plurkBtn, .LineBtn, .messagesBtn, .linkBtn
{
	color:var( --fonts1-color ) !important;
	transition: all .3s ease-in-out;
}
.facebookBtn:hover
{
	color: #1877f2 !important;
	background-color:transparent !important;
}
.twitterBtn:hover
{
	color: rgb(29, 155, 240) !important;
	background-color:transparent !important;
}
.plurkBtn:hover
{
	color: #ff574d !important;
	background-color:transparent !important;
}
.LineBtn:hover
{
	color: #00c300 !important;
	background-color:transparent !important;
}
.messagesBtn:hover
{
	color: #0066CC !important;
	background-color:transparent !important;
}
.linkBtn:hover
{
	color: #BB3D00 !important;
	background-color:transparent !important;
}

.amain_inImg
{
	width:600px;
	max-width:100%;
	margin:0 auto;
	overflow:hidden;
	margin-bottom:20px;
}

.amain_arrowblock
{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	
	justify-content: center;
	align-items: center;
	
	width:100%;
	margin-bottom:10px;
	
	background-color:#fff;
	
	box-shadow: 0 2px 15px -2px rgb(0 0 0 / 12%), 0 2px 6px -2px rgb(0 0 0 / 5%);
}
.amain_arrleft, .amain_arrright
{
	position:relative;
	width:50%;
	padding:10px;
	
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	
	cursor:pointer;
	
	transition: all .2s ease-in-out;
}
.amain_arrleft:hover, .amain_arrright:hover
{
	color:var( --fonts17-color );
	background-color:var( --bg6-color );
}
.aain_direction
{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	
	justify-content: center;
	align-items: center;
	
	font-size:30px;
	width:20px;
}
.aain_lefttitle, .aain_righttitle
{
	width:calc( 100% - 20px );
	
	overflow:hidden;
	text-overflow:ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}
.aain_lefttitle
{
	padding-left:10px;
}
.aain_righttitle
{
	padding-right:10px;
}

ul.hotarticle_ul
{
	position:relative;
	width:100%;
}
ul.hotarticle_ul li
{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	
	align-items:flex-start;
	
	color:var( --fonts15-color );
	font-size:15px;
	width:100%;
	cursor:pointer;
	padding:10px 5px;
	
	transition: all .5s ease-in-out;
}
ul.hotarticle_ul li:hover
{
	color:var( --fonts19-color );
}
.hoticon
{
	width:20px;
	padding-top:5px;
}
.hotinfo
{
	line-height:1.5;
	letter-spacing:2px;
	width:calc( 100% - 20px );
}
.hotinfo a
{
	color:var( --main-color );
	transition: all .5s ease-in-out;
}
.hotinfo a:hover
{
	color:var( --sub-color );
}

.catalog_block
{
	color: var( --fonts4-color );
    background: var( --bg7-color );
	padding: 14px 18px 18px;
	display: inline-block;
	min-width:200px;
	max-width:100%;
}
.catalog_header
{
	font-size:16px;
	font-weight:600;
	color:var( --fonts21-color );
	margin-bottom:5px;
}
.catalog_h2item
{
	margin-bottom: 5px;
}
.catalog_h3item
{
	margin-bottom:5px;
	padding-left:15px;
}
.a_flex
{
	margin-bottom:5px;
	line-height:1.5;
	letter-spacing:2px;
}
.aflex_nums
{
	width:25px;
}
.aflex_info
{
	width:calc( 100% - 25px );
}
.aflex_nums_h3
{
	width:35px;
}
.aflex_info_h3
{
	width:calc( 100% - 35px );
}
.editor_htmlcon a, .editor_htmlcon a:link, .editor_htmlcon a:visited, .editor_htmlcon a:active
{
	color: var( --sub9-color ) !important;
	text-decoration: none;
	transition: all .15s ease-in-out;
}
.editor_htmlcon a:hover {
    color: var( --sub-color ) !important;
    text-decoration: none;
}

.catalog_h2item a, .catalog_h3item a
{
	transition: all .5s ease-in-out;
	border-bottom: 1px dotted var( --bg7-color ) !important;
}
.catalog_h2item a:hover, .catalog_h3item a:hover
{
	border-bottom-color:var( --main-color ) !important;
}

.editor_htmlcon img, .editor_htmlcon iframe, .catalog_h2item img, .catalog_h2item iframe, .catalog_h3item img, .catalog_h3item iframe
{
	max-width:100%;
}

@media screen and (max-width: 767px) {
	.acon_left, .acon_right
	{
		width:100%;
	}
	.acon_left
	{
		padding-right:0px;
	}
}
@media screen and (max-width: 600px) {
	.amain_liimg, .amain_liinfo
	{
		width:100%;
	}
	.amain_liinfo
	{
		padding-left:0px;
		padding-top:10px;
	}
}
/*------article---------*/
/*------shop---------*/
.shop_containter
{
	position:relative;
	width:100%;
	
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	
	justify-content: center;
	align-items: flex-start; 
	
	padding:0 10px 20px;
}
.scon_left
{
	width: 260px;
	margin-right: 14px;
	flex-shrink: 0;

	background: #fff;
	border-radius: 12px;
	box-shadow: 0 2px 12px rgba(0,0,0,0.08);
	border: 1px solid #efefef;
	overflow: visible;       /* 不裁切，讓文字完整顯示 */

	position: sticky;
	top: 16px;
	align-self: flex-start;
}
.scon_full
{
	width:100%;
	padding:20px;
	overflow:hidden;
}
.scon_right
{
	width: calc( 100% - 274px );
	padding: 0;
	overflow: hidden;
}
.scon_right_inshop
{
	width: calc( 100% - 274px );
	overflow: hidden;
}
.sconl_classblock
{
	position: relative;
}
.sconl_search
{
	padding: 12px;
}

/* ---- 側邊欄標題 ---- */
.sconl_classtitle
{
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #888;
	padding: 16px 16px 10px;
	border-bottom: 1px solid #f0f0f0;
	background: #fff;
}
.sconl_classtitle::before
{
	content: '';
	display: inline-block;
	width: 3px;
	height: 14px;
	border-radius: 2px;
	background-color: var(--main-color, #333);
	flex-shrink: 0;
}

/* ---- 類別導覽 ---- */
ul.class_nav
{
	padding: 8px 0;
	margin: 0;
	list-style: none;
	background: #fff;
	border-radius: 0 0 12px 12px;
	overflow: hidden;         /* 讓圓角生效 */
}
ul.class_nav > li
{
	position: relative;
	display: block;
	transition: background 0.15s ease;
}
ul.class_nav > li a
{
	display: flex;
	align-items: flex-start;  /* 多行時對齊頂部 */
	gap: 8px;
	padding: 10px 14px;
	font-size: 14px;
	color: #555;
	line-height: 1.5;
	white-space: normal;      /* 允許換行 */
	word-break: break-all;
	transition: color 0.15s ease;
}
ul.class_nav > li a::before
{
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	border: 1.5px solid #ccc;
	flex-shrink: 0;
	margin-top: 6px;          /* 對齊第一行文字 */
	transition: all 0.15s ease;
}
ul.class_nav > li + li
{
	border-top: 1px solid #f5f5f5;
}
ul.class_nav > li:hover
{
	background-color: #fafafa;
}
ul.class_nav > li:hover a
{
	color: var(--main-color, #222);
}
ul.class_nav > li:hover a::before
{
	border-color: var(--main-color, #333);
	background: var(--main-color, #333);
}
ul.class_nav > li.active
{
	background-color: #f5f5f5;
}
ul.class_nav > li.active a
{
	color: var(--main-color, #222);
	font-weight: 600;
}
ul.class_nav > li.active a::before
{
	border-color: var(--main-color, #333);
	background: var(--main-color, #333);
}

/* ul.shop_sort_list — 樣式已移入 shop_selllist 現代電商重構區段 */

/* =====================================================
   shop_selllist — 現代電商重構 2024
   ===================================================== */

ul.shop_selllist
{
	padding: 0;
	margin: 0;
	list-style: none;
	max-width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	justify-content: flex-start;
	align-items: stretch;
}

/* ---- 格狀視圖 (v_grid) ---- */

.scon_full ul.shop_selllist.v_grid li
{
	position: relative;
	width: calc( (100% - 16px * 3) / 4 );
}
ul.shop_selllist.v_grid li
{
	position: relative;
	width: calc( (100% - 16px * 2) / 3 );
}
ul.shop_selllist.v_index li
{
	width: calc( (100% - 16px * 3) / 4 );
}

.v_grid .shop_pblock
{
	width: 100%;
	background-color: #fff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0,0,0,0.07);
	transition: box-shadow 0.3s ease, transform 0.3s ease;
	display: flex;
	flex-direction: column;
	height: 100%;
}
.v_grid .shop_pblock:hover
{
	box-shadow: 0 8px 28px rgba(0,0,0,0.14);
	transform: translateY(-3px);
}

.v_grid .shop_pimg
{
	position: relative;
	width: 100%;
	overflow: hidden;
	border-radius: 12px 12px 0 0;
	background-color: #f7f7f7;
}
.v_grid .one_img
{
	position: relative;
	opacity: 1;
	visibility: visible;
	transition: opacity 0.4s ease, visibility 0.4s ease;
}
.v_grid .second_img
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.4s ease, visibility 0.4s ease;
}
.v_grid .shop_pblock:hover .one_img
{
	opacity: 0;
	visibility: hidden;
}
.v_grid .shop_pblock:hover .second_img
{
	opacity: 1;
	visibility: visible;
}
.v_grid .shop_pblock:hover .scale_img
{
	transform: scale(1.06);
	transition: transform 0.5s ease;
}

.v_grid .shop_listcon
{
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	padding: 12px 14px 4px;
}

.v_grid .shop_pname
{
	color: #222;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: 6px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
}

.v_grid .shop_price
{
	font-size: 17px;
	font-weight: 700;
	color: var(--red5-color, #e03131);
	padding: 0;
	margin-bottom: 2px;
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 4px;
}

.v_grid .shop_price_urdel
{
	font-size: 13px;
	color: #aaa;
	text-decoration: line-through;
	font-weight: 400;
}

.v_grid .shop_pbtn
{
	padding: 12px 14px;
	text-align: right;
}

.v_grid .shop_isoff
{
	font-size: 13px;
	color: #999;
	letter-spacing: 1px;
	padding: 10px 14px;
	border-top: 1px solid #f0f0f0;
	background-color: #fafafa;
	border-radius: 0 0 12px 12px;
	text-align: center;
}

/* ---- 條列視圖 (v_list) ---- */

ul.shop_selllist.v_list
{
	gap: 10px;
}

ul.shop_selllist.v_list li
{
	position: relative;
	width: 100%;
}

.v_list .shop_pblock
{
	width: 100%;
	background-color: #fff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0,0,0,0.07);
	transition: box-shadow 0.3s ease, transform 0.3s ease;
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	min-height: 130px;
}
.v_list .shop_pblock:hover
{
	box-shadow: 0 6px 22px rgba(0,0,0,0.13);
	transform: translateY(-2px);
}

.v_list .shop_pimg
{
	position: relative;
	width: 150px;
	min-width: 150px;
	overflow: hidden;
	border-radius: 12px 0 0 12px;
	background-color: #f7f7f7;
	flex-shrink: 0;
}
.v_list .one_img
{
	position: relative;
	opacity: 1;
	visibility: visible;
	transition: opacity 0.4s ease, visibility 0.4s ease;
	height: 100%;
}
.v_list .second_img
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.4s ease, visibility 0.4s ease;
}
.v_list .shop_pblock:hover .one_img
{
	opacity: 0;
	visibility: hidden;
}
.v_list .shop_pblock:hover .second_img
{
	opacity: 1;
	visibility: visible;
}
.v_list .shop_pblock:hover .scale_img
{
	transform: scale(1.06);
	transition: transform 0.5s ease;
}

.v_list .shop_listcon
{
	flex: 1;
	padding: 14px 16px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
}

.v_list .shop_pname
{
	color: #222;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.6;
	margin-bottom: 6px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
}

.v_list .shop_price
{
	font-size: 18px;
	font-weight: 700;
	color: var(--red5-color, #e03131);
	padding: 0;
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 6px;
}

.v_list .shop_price_urdel
{
	font-size: 13px;
	color: #aaa;
	text-decoration: line-through;
	font-weight: 400;
}

.v_list .shop_pbtn
{
	padding: 14px 16px;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: flex-end;
	min-width: 130px;
	gap: 8px;
}

.v_list .shop_isoff
{
	font-size: 13px;
	color: #999;
	letter-spacing: 1px;
	text-align: right;
	padding: 14px 16px;
	display: flex;
	align-items: flex-end;
}

/* ---- 排序列現代化 ---- */

/* ul.shop_sort_list — 排序按鈕 現代電商重構 */
ul.shop_sort_list
{
	font-size: 13px;
	padding: 0;
	margin: 0 0 16px 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	background: transparent;
}
ul.shop_sort_list li
{
	padding: 0;
	background: transparent;
	border: none;
	border-radius: 0;
}
ul.shop_sort_list li a
{
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 7px 16px;
	border-radius: 6px;
	border: 1.5px solid #d8d8d8;
	background-color: #fff;
	color: #444;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.5px;
	line-height: 1;
	transition: all 0.18s ease;
	box-shadow: 0 1px 3px rgba(0,0,0,0.06);
	cursor: pointer;
	white-space: nowrap;
}
ul.shop_sort_list li a i
{
	font-size: 12px;
	opacity: 0.7;
}
ul.shop_sort_list li:hover a
{
	color: var(--main-color, #c5c5c5);
	background-color: #f8f8f8;
}
ul.shop_sort_list li.active a
{
	background-color: var(--main-color, #222);
	border-color: var(--main-color, #222);
	color: #fff;
	font-weight: 700;
	box-shadow: 0 2px 8px rgba(0,0,0,0.18);
}
ul.shop_sort_list li.active a i
{
	opacity: 1;
}
ul.shop_sort_list > li + li
{
	border-left: none;
}
@media screen and (max-width: 500px)
{
	ul.shop_sort_list li a
	{
		font-size: 12px;
		padding: 6px 12px;
	}
}
.moblie_classblockicon
{
	position: absolute;
	font-size: 13px;
	top: 60px;
	left: 260px;
	padding: 10px 8px;
	color: #fff;
	background: var(--main-color, #333);
	box-shadow: 2px 2px 8px rgba(0,0,0,0.25);
	border-radius: 0 8px 8px 0;

	writing-mode: vertical-rl;
	z-index: 10;
	opacity: 0;
	visibility: hidden;
	letter-spacing: 2px;
	font-weight: 600;
	transition: background 0.2s ease;
}
.moblie_classblockicon i
{
	display: inline-block;
	transition: all .3s ease-in-out;
}
.moblie_classblockicon:hover
{
	background: var(--sub-color, #555);
}
.moblie_classblockicon.in
{
	left: 260px;
}
.moblie_classblockicon.in i
{
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
@media screen and (max-width: 1020px) {
	ul.shop_selllist.v_index li
	{
		width: calc( (100% - 16px * 2) / 3 );
	}
}
@media screen and (max-width: 767px) {
	.scon_right, .scon_right_inshop
	{
		width: 100%;
	}
	.scon_left
	{
		/* 覆蓋 sticky，改為固定側抽屜 */
		position: fixed;
		top: 0;
		left: -260px;
		z-index: 900;
		height: 100%;
		width: 260px;
		border-radius: 0;
		align-self: auto;
		overflow-y: auto;
		overflow-x: hidden;

		background-color: #fff;
		box-shadow: 3px 0px 16px rgba(0,0,0,0.18);
	}
	.scon_mobile_lefty
	{
		overflow-y: auto;
		height: calc( 100% - 51px );
	}
	.moblie_classblockicon
	{
		/* 脫離 scon_left（fixed 藏在畫面外），改用 fixed 定位在畫面上 */
		position: fixed;
		top: 120px;
		left: 0;
		z-index: 901;           /* 比 scon_left 的 900 高一層 */
		opacity: 1;
		visibility: visible;
		border-radius: 0 8px 8px 0;
	}
	.moblie_classblockicon.in
	{
		left: 260px;            /* 側欄打開時跟著移到右邊 */
	}

	.scon_left.in
	{
		visibility: visible;
		opacity: 1;

		-webkit-animation-duration: 0.3s;
		animation-duration: 0.3s;
		animation-fill-mode: forwards;
		-webkit-animation-name: classMenuFadeInDown;
		animation-name: classMenuFadeInDown;
	}
	.scon_left.out
	{
		visibility: visible;
		opacity: 1;

		-webkit-animation-duration: 0.3s;
		animation-duration: 0.3s;
		animation-fill-mode: forwards;
		-webkit-animation-name: classMenuFadeInUp;
		animation-name: classMenuFadeInUp;
	}

	/* 手機：格狀 2 欄 */
	ul.shop_selllist
	{
		gap: 10px;
	}
	.scon_full ul.shop_selllist.v_grid li
	{
		width: calc( (100% - 10px) / 2 );
	}
	ul.shop_selllist.v_grid li
	{
		width: calc( (100% - 10px) / 2 );
	}

	/* 手機：條列圖片縮小 */
	.v_list .shop_pimg
	{
		width: 110px;
		min-width: 110px;
	}
	.v_list .shop_pbtn
	{
		min-width: 90px;
		padding: 10px;
	}

	/* 手機：加入購物車按鈕置中 */
	.v_grid .shop_pbtn
	{
		text-align: center;
		display: flex;
		justify-content: center;
	}
	.v_grid .shop_pbtn .prodaddv2_btn,
	.v_grid .shop_pbtn .linkv2_btn,
	.v_grid .shop_pbtn .callv2_btn
	{
		width: 100%;
		justify-content: center;
		text-align: center;
	}
}
@media screen and (max-width: 480px) {
	
	/* 小螢幕格狀仍保持 2 欄，更緊湊 */
	ul.shop_selllist
	{
		gap: 8px;
	}
	ul.shop_selllist.v_grid li
	{
		width: calc( (100% - 8px) / 2 );
	}
	
	ul.shop_selllist.v_index li
	{
		width: calc( (100% - 8px) / 2 );
	}

	/* 小螢幕條列：圖片更窄，按鈕收起 */
	.v_list .shop_pimg
	{
		width: 90px;
		min-width: 90px;
	}
	.v_list .shop_pbtn
	{
		min-width: 80px;
		padding: 8px;
	}
	.v_list .shop_pname
	{
		font-size: 13px;
	}
}
@-webkit-keyframes classMenuFadeInDown {
  0% {
    opacity: 0;
    left:-260px;
  }

  100% {
    opacity: 1;
   left:0px;
  }
}

@keyframes classMenuFadeInDown {
  0% {
    opacity: 0;
   left:-260px;
  }

  100% {
    opacity: 1;
    left:0px;
  }
}
@-webkit-keyframes classMenuFadeInUp {
  0% {
	left:0px;
  }

  100% {
   left:-260px;
  }
}

@keyframes classMenuFadeInUp {
  0% {
	left:0px;
  }

  100% {
   left:-260px;
  }
}

/* ---- 格狀/條列 切換 ---- */
.shopview_block
{
	font-size: 13px;
	width: 100%;
	display: flex;
	flex-wrap: nowrap;          /* 絕不換行 */
	align-items: center;
	justify-content: flex-start;
	gap: 6px;
	padding: 8px 12px;
	margin: 0 auto;
	background-color: #fafafa;
	border-bottom: 1px solid #f0f0f0;
	box-sizing: border-box;
}
/* 「商品呈現：」標籤 */
.shopview_block > div:first-child
{
	font-size: 12px;
	color: #bbb;
	letter-spacing: 1px;
	white-space: nowrap;
	flex-shrink: 0;
	margin-right: 2px;
}
.shopview_grid, .shopview_list
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	padding: 5px 12px;
	border-radius: 6px;
	border: 1.5px solid #e0e0e0;
	background: #fff;
	color: #666;
	font-size: 13px;
	white-space: nowrap;       /* 按鈕文字不換行 */
	flex-shrink: 0;
	cursor: pointer;
	transition: all 0.18s ease;
	box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
.shopview_grid.active, .shopview_list.active
{
	background-color: var(--main-color, #222);
	border-color: var(--main-color, #222);
	color: #fff;
	box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}
.shopview_grid:hover:not(.active), .shopview_list:hover:not(.active)
{
	border-color: #aaa;
	color: #333;
	background: #f5f5f5;
}

/* 手機上「商品呈現：」文字隱藏，按鈕只留 icon */
@media screen and (max-width: 767px)
{
	.shopview_block > div:first-child
	{
		display: none;
	}
	.shopview_grid, .shopview_list
	{
		padding: 6px 14px;
		font-size: 13px;
	}
}


/*--------附加選項-----------*/
.prod_container
{
	position:relative;
	width:100%;
	max-height:270px;
    background-color: #fff;
    overflow-y: auto;
}
.prod_top2
{
	position:relative;
	width:100%;
	padding-top:10px;
	padding-bottom:14px;
	margin-bottom:8px;
	
	border-bottom: 1px solid var( --border3-color );
}
.pt2_list
{
	position:relative;
	width:100%;
	padding:5px 0;
	margin-bottom:5px;
}
.pt2list_title
{
	position:relative;
	width:100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}
.pt2t_l
{
	width:calc( 100% - 80px );
	font-size:18px;
	font-weight:600;
	flex: 1 1 auto;
    color: var( --footertop-color );
}
.pt2t_r
{
	width:80px;
	font-size:14px;
	text-align:right;
}
.pt2t_full
{
	font-size:13px;
	line-height:1.5;
	letter-spacing:2px;
	color:var( --fonts33-color );
}
.not_req
{
	color:var( --fonts2-color );
}
.req
{
	color:var( --red2-color );
}
.pt2_ul
{
	position:relative;
	width:100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center; 
}
.pt2_li
{
	position:relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	cursor:pointer;
	padding:10px 5px; 
	transition: all .15s ease-in-out;
}
.pt2_li:hover
{
	background-color:var( --fonts34-color );
}
.pt2_licheckbox
{
	width:30px;
}
.pt2_price
{
	font-size:12px;
	color:var( --fonts27-color );
	letter-spacing:1px;
}
.pt2_name
{
	font-size:15px;
	width:calc( 100% - 30px );
}
.checkbox_obj
{
	width: 24px;
	height: 24px;
	flex-basis: 24px;
	margin-right: 8px;
	background: #fff;
	border:1px solid var( --fonts35-color );
	
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center; 
	align-content: center;
	
	transition: all .4s ease-in;
}
.checkbox_obj i
{
	color:#fff;
	display:none;
}
.checkbox_obj.active
{
	background-color:var( --fonts21-color );
}
.checkbox_obj.active i
{
	display:block;
}

.no_nums
{
	color:var( --fonts35-color );
}
/*------shop Content---------*/
.pro_con_section
{
	position:relative;
	width:100%;
	background-color:#fff;
	padding:10px;
	margin-bottom:20px;
}
.pro_con_section img, .pro_con_section iframe
{
	max-width:100%;
}
.shopcon_titleh1
{
	font-size:28px;
	color:var( --fonts4-color );
	line-height:1.5;
	letter-spacing:2px;
}
.shopcon_price
{
	font-weight:600;
	color:var( --red6-color );
	letter-spacing:1px;
	line-height:1.5;
	text-align:right;
}
.sc_currency_style
{
	font-size:20px;
}
.sc_price_style
{
	font-size:28px;
}
.sc_price_urdel
{
	font-size:20px;
	color: var( --fonts11-color );
    text-decoration: line-through;
    margin-left: 5px;
}

.shopcon_modal_price
{
	font-weight:600;
	color:var( --red6-color );
	letter-spacing:1px;
	line-height:1.5;
	text-align:left;
}
.sc_currency_modal_style
{
	font-size:16px;
}
.sc_price_modal_style
{
	font-size:22px;
}
.sc_price_modal_urdel
{
	font-size:16px;
	color: var( --fonts11-color );
    text-decoration: line-through;
    margin-left: 5px;
}

.tag_free_1
{
	display: inline-block;
    line-height: 1.5;
    padding: 0;
    border: 1px solid var( --red7-color );
    float: left;
    margin: 10px;
    border-radius: 3px;
    font-weight: 500;
    font-size: 14px;
}
.tf1_left
{
	float: left;
	line-height: 1.5;
    background: var( --red7-color );
    color: #fff;
    padding: 8px;
}
.tf1_right
{
	float: left;
	color: var( --red7-color );
	padding: 8px;
	margin-left: 0;
}
.pro_bottom_msg
{
	margin-top: 10px;
	color: var( --fonts22-color );
	font-size: 15px;
}
.tag_widths
{
	width:100%;
}
.clearx
{
	clear:both;
}

.star_infoblock
{
	background: transparent;
	border: none;
	margin: 14px 0;
	padding: 0;
	display: -moz-flex;
	display: -ms-flex;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	font-size: 16px;
	line-height: 1.5;
	
	cursor:pointer;
}
.stars
{
	font-size:16px;
	color:var( --y1-color );
	margin-right:2px;
}
.star_infoblock_score
{
	color: var( --fonts23-color );
	margin-left: 5px;
}
.star_infoblock_total
{
	color: var( --main-color );
	margin-left: 5px;
}

.addnums_block
{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: nowrap;
	
	justify-content:flex-start;
	align-items:center;
}
.addnums_fonts
{
	font-size:16px;
	line-height:1.5;
	letter-spacing:2px;
}
.buy_numsmain
{
	width:150px;
    display: inline-flex;
    align-items: strtch;
	justify-content:center;
    background-color: #fff;
	margin:5px 0;
	border:1px solid var( --border1-color );
}
.buy_reduce
{
	width: 36px;
    border: none;
    padding: 0;
    margin: 0;
}
.buy_add
{
	width: 36px;
    border: none;
    padding: 0;
    margin: 0;
}
.buy_count
{
	display: flex;
    text-align: center;
	align-items:center;
	justify-content:center;
    width: calc(100% - 72px);
	height:36px;
    color: var( --fonts22-color );
}
.buy_reduce.is-disabled
{
	color:var( --fonts7-color );
}

.cartbtn_block
{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: nowrap;
	
	justify-content:center;
	align-items:center;
}
.cartbtn_50width
{
	width:50%;
	padding:10px;
}
.cartbtn_100width
{
	width:100%;
	padding:10px;
	text-align:right;
}
.shop_in_isoff
{
	font-size:16px;
	color:var(  --red6-color );
	margin-left:5px;
	letter-spacing:2px;
	line-height:1.5;
	text-align:right;
}


ul.label_prod_tags
{
	position:relative;
	padding: 0;
	margin: 0;
	
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	
    margin-top: 10px;
}
ul.label_prod_tags li
{
	font-size:14px;
	line-height:1.5;
	letter-spacing:2px;
	padding:5px;
	border-radius:5px;
	margin:5px;
	background-color: var(--bg10-color);
	color: var( --fonts24-color );
	
	transition: all .15s ease-in-out;
}
ul.label_prod_tags li:hover
{
	background-color: var( --fonts24-color );
	color: #fff;
}

.cart_menu_area
{
	position: sticky;
    top: var( --header-height );
	
	font-weight:600;
	color: var( --fonts25-color );
	width:100%;
	clear: both;
	background-color: #fff;
	border-bottom: 1px solid var( --line-colorv5 );
	margin:0 auto;
	margin-top: 20px;
	margin-bottom: 10px;
	padding:0px 8px;
	
	z-index:10;
}
.cart_menu_area li {
	position:relative;
	display:inline-block;
	font-size: 18px;
    margin: 0px 8px 10px 0px;
}
.cart_menu_area li a{
	padding:10px;
	transition: all .2s ease-in-out;
}
.cart_menu_area li .isAtive, .cart_menu_area li:hover a{
    color: var( --main-color );
}
.cart_menu_area li:hover:before
{
	content:'';
	border-bottom:1px solid var( --main-color );
}

.max100-image
{
	max-width:100%;
}
.cart_detialcont1
{
	color:var( --footertop-color );
	font-size:28px;
	font-weight:600;
	text-align:center;
	padding:5px;
	margin-top:10px;
	margin-bottom:10px;
	letter-spacing:2px;
	line-height:1.5;
	
	position:relative;
}


.s_in_starblock
{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	
	align-items: center; 
	
	margin-bottom:20px;
}
.sin_star_fonts
{
	font-size:50px;
	font-weight:600;
	margin-right:10px;
}
.sin_star_show
{
	font-size:16px;
}
.cs_instars_fonts
{
	font-size:16px;
	letter-spacing:1px;
	cursor:pointer;
}
.ch_star
{
	color:var( --y1-color );
}
.nose_star
{
	color:var( --fonts26-color );
}

.stars_commentlist
{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	
	align-items: flex-start; 
	
	margin-bottom:30px;
	
	padding:15px;
	background-color:var( --bg-color );
	
	border-radius:5px;
	box-shadow: 0 1px 3px 0 var( --border-color );
}
.scomm_user
{
	font-weight:600;
	width:120px;
	text-align:center;
}
.scomm_msg
{
	width:calc( 100% - 120px );
	border-left:1px solid #fff;
	padding-left:10px;
	
	font-size:16px;
	letter-spacing:1px;
	line-height:1.5;
	
	text-align: justify;
}
.scomm_circleimg
{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	
	justify-content: center;
	align-items: center; 
	
	color:#fff;
	width: 55px;
	height: 55px;
    position: relative;
    -webkit-background-size: cover;
    background-size: cover;
    background-color: var( --fonts1-color );
    background-repeat: no-repeat;
    background-position: center;
	
	border-radius:50%;
	
	margin:0 auto;
	margin-bottom:5px;
}
.scomm_times
{
	color:var( --fonts12-color );
	font-size:13px;
	margin-top:8px;
}

.see_starmore
{
	font-size:14px;
	border-top:1px solid var( --fonts14-color );
	text-align:center;
	padding:10px;
	cursor:pointer;
	
	transition: all .15s ease-in-out;
}
.see_starmore:hover
{
	background-color:var( --bg-color );
}
/*------- tabnav start ----------*/
.tabnav_control
{
	position: sticky;
    top: var( --header-height );
	
	width:100%;
	display: none;
	background-color:var( --bg6-color );
	z-index:100;
}
.tshow_active
{
	display: table;
	
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: tabnavFadeInDown;
	animation-name: tabnavFadeInDown;
}
@-webkit-keyframes tabnavFadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes tabnavFadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.top_tab
{
	top:0px;
}
.bottom_tab
{
	bottom:0px;
}
.tabnav_item
{
	font-size:15px;
	font-weight:600;
	display: table-cell;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid var( --fonts13-color );
    position: relative;
	cursor:pointer;
	padding:10px;
	color:var( --fonts-color );
	
	transition: all .15s ease-in-out;
}
.tabnav_item:after
{
	content: '';
    position: absolute;
    bottom: -1px;
	left:0px;
    display: block;
    width: 0;
    height: 2px;
    background-color: var( --main-color );
    -webkit-transition: width .3s ease;
    -o-transition: width .3s ease;
    transition: width .3s ease;
}
.tabnav_item:hover, .tabnav_item.is-active
{
	color:var( --main-color );
}
.tabnav_item.is-active:after, .tabnav_item:hover:after {
    width: 100%;
}
/*------- tabnav end ----------*/
.cartbtn_mob
{
	font-size: 14px;
	position: fixed;
	bottom: -100%;
	left: 0;
	width: 100%;
	text-align: center;
	
	transition: all .5s ease-in-out;
	
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	
	justify-content: center;
	align-items: center; 
	
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
	z-index:10;
}
.cartbtn_li_full
{
	width:100%;
	position:relative;
	cursor:pointer;
	padding: 10px 0;
	
	background-color:var( --fonts24-color );
	color: #fff;
	
	transition: all .15s ease-in-out;
}
.cartbtn_li_full:hover
{
	background-color:var( --fonts22-color );
}
.cartbtn_li_redfull
{
	width:100%;
	position:relative;
	cursor:pointer;
	padding: 10px 0;
	
	background-color:var( --red7-color );
	color: #fff;
	
	transition: all .15s ease-in-out;
}
.cartbtn_li_redfull:hover
{
	background-color:var( --red9-color );
}
.cartbtn_li_l
{
	width:50%;
	position:relative;
	cursor:pointer;
	padding: 10px 0;
	
	background-color:var( --fonts24-color );
	color: #fff;
	
	transition: all .15s ease-in-out;
}
.cartbtn_li_l:hover
{
	background-color:var( --fonts22-color );
}
.cartbtn_li_r
{
	width:50%;
	position:relative;
	cursor:pointer;
	padding: 10px 0;
	
	background-color:var( --red6-color );
	color: #fff;
	
	transition: all .15s ease-in-out;
}
.cartbtn_li_r:hover
{
	background-color:var( --red7-color );
}
.cartbtn_mob.fshow {
	bottom: 0px;
}
@media screen and (max-width: 767px)
{
	.cartbtn_mob.fshow {
		bottom: 73px;
	}
}
.scommMsg_block
{
	position:relative;
	width:100%;
	overflow-x:auto;
}
ul.scomm_main
{
	position:relative;
	padding: 0;
	margin: 0;
	
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: nowrap;
}
ul.scomm_main li
{
	width:200px;
	flex-shrink: 0;
	
	position: relative;
    overflow: hidden;
    box-shadow: 0 0 5px rgb(0 0 0 / 15%);
    background: #fff;
	margin:10px;
	
	cursor:pointer;
	
	transition: all .5s ease-in-out;
}
/*------shop Content---------*/
/*------shop---------*/
/*------contact---------*/
.read_formmain
{
	padding: 60px 30px;
	margin:0 auto;
	margin-bottom:50px;
    background: rgb(255,255,255,0.8);
    box-shadow: 1px 1px 5px rgb(0 0 0 / 30%);
}
.sub_title
{
	color: #595757;
	text-align:center;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: 1px;
    margin-top: 15px;
    margin-bottom: 15px;
}
/*------contact---------*/
/*------fq---------*/
.panel-default>.panel-heading
{
	color: #fff;
    background-color: var( --fonts15-color );
    border-color: var( --fonts21-color );
	
	transition: all .15s ease-in-out;
}
.panel-default>.panel-heading:hover
{
    background-color: var( --fonts18-color );
}

.panel-heading .accordion-toggle:before{
	content: "-";
	color:#fff;
	font-size:1.1em;
	float:right;
}
.panel-heading .accordion-toggle.collapsed:before{
	content: "+";
	color:#fff;
	font-size:1.1em;
	float:right;
}
/*------fq---------*/
/*------index---------*/
.html_indextitle
{
	color:var( --footertop-color );
	font-size:28px;
	font-weight:600;
	text-align:center;
	padding:5px;
	margin-top:10px;
	margin-bottom:10px;
	letter-spacing:2px;
	line-height:1.5;
	
	position:relative;
}
.aindexmain_block
{
	position:relative;
	width:100%;
	overflow-x:auto;
}
ul.article_indexmain
{
	position:relative;
	padding: 0;
	margin: 0;
	
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: nowrap;
}
ul.article_indexmain li
{
	width:calc( ( 100% / 3 ) - 20px );
	
	position: relative;
    overflow: hidden;
    border-radius: 10px;
    -ms-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    box-shadow: 0 0 10px rgb(0 0 0 / 15%);
    background: #fff;
	margin:10px;
	
	cursor:pointer;
	
	transition: all .5s ease-in-out;
}
.aindexmain_liimg
{
	width:100%;
	overflow:hidden;
}
ul.article_indexmain li:hover .imgAreaContain
{
	transform: scale(1.2,1.2);
}
.aindexmain_liinfo
{
	width:100%;
	padding:20px;
}
.aindexmain_classtag
{
	font-size:15px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	
	justify-content: flex-start;
	align-items: center;
	
	position:relative;
	color: var(--fonts-color);
    margin-bottom: 8px;
}
.aindexmain_btitle
{
	font-size:20px;
	font-weight:600;
	color:var( --fonts15-color );
	transition: all .5s ease-in-out;
	margin-top:10px;
	
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	overflow:hidden;
	-webkit-box-orient: vertical;
}
ul.article_indexmain li:hover .aindexmain_btitle
{
	color:var( --fonts17-color );
}
.aindexmain_desc
{
	font-size:15px;
	color:var( --fonts-color );
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	overflow:hidden;
	-webkit-box-orient: vertical;
}
.aindexmain_time
{
	font-size:14px;
	color:var( --fonts1-color );
}
.aindexmain_more
{
	font-size:15px;
	text-align:right;
	margin-top:20px;
	line-height:1.5;
	letter-spacing:2px;
	transition: all .5s ease-in-out;
}
@media screen and (max-width: 875px) {
	ul.article_indexmain li
	{
		width:350px;
		flex-shrink: 0;
	}
}
/*------index---------*/
/*------search---------*/
.search_iboxcon
{
	width:calc( 100% - 20px );
	background-color: #ffffff;
    padding: 15px 20px 20px 20px;
    border-color: var( --bg9-color );
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
	margin:10px;
	margin-bottom:30px;
}
.search_inputblock
{
	position:relative;
	width:100%;
	margin-bottom:10px;
}
.blocl_overflowhidden {
    overflow: hidden;
}
.search_anblock
{
	position:relative;
	width:100%;
	margin-bottom:20px;
}
.search_infomsg
{
	font-size:22px;
	line-height:1.5;
	letter-spacing:2px;
	margin:0;
	margin-top:10px;
}
#keywords_style
{
	color:var( --main-color );
}
.search_times
{
	font-size:12px;
	line-height:1.5;
	letter-spacing:2px;
}

.search_comused
{
	position:relative;
	width:100%;
	margin-bottom:5px;
}
.search_nav_keywords
{
	position:relative;
	width:100%;
	
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: nowrap;
	
	justify-content: flex-start;
	align-items: center; 
}
.search_nav_keywords>li
{
	margin:0px 5px;
}
.search_nav_keywords>li a.sd_block {
    background-color: var( --bg10-color );
    border-radius: 10px;
    color: var( --fonts4-color );
    font-size: 14px;
    line-height: 16px;
    padding: 4px 10px;
	
	transition: all .15s ease-in-out;
}
.search_nav_keywords>li:hover a.sd_block
{
	background-color: var( --fonts4-color );
	color: #fff;
}

.search_dataul
{
	position:relative;
	width:100%;
	
	margin-top: 20px;
    margin-bottom: 10px;
	
	margin-block-start:0px;
	padding-inline-start:0px;
}
.search_dataul li
{
	cursor:pointer;
	padding:10px 5px;
	margin-bottom:5px;
	
	border-bottom:1px dashed var( --bg9-color );
	
	transition: transform 0.2s linear, box-shadow 0.2s linear;
}
.search_dataul li .sdata_link
{
	font-size:14px;
	color:var( --green2-color );
	transition: all .15s ease-in-out;
}
.search_dataul li p
{
	font-size:14px;
	margin-top:5px;
	
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	overflow: hidden;
	-webkit-box-orient: vertical;
}
.sdata_lititle
{
	font-size:16px;
	font-weight:600;
	color:var( --main-color );
	margin:5px 0; 
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	
	transition: all .15s ease-in-out;
}
.search_dataul li:hover
{
	transform: translateY(-4px);
	-webkit-transform: translateY(-4px);
	box-shadow: 0 17px 25px rgb(0 0 0 / 13%);
}
.search_dataul li:hover .sdata_lititle
{
	color:var( --sub-color );
}
.search_dataul li:hover .sdata_link
{
	color:var( --green-color );
}
.sdata_tag
{
	font-size:13px;
	position: relative;
    color: var(--fonts-color);
}

.aprodmain_block
{
	position:relative;
	width:100%;
	overflow-x:auto;
}
ul.search_prod {
    position: relative;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: nowrap;
}
ul.search_prod li
{
	width: 250px;
    flex-shrink: 0;
	
	position: relative;
    overflow: hidden;
    box-shadow: 0 0 10px rgb(0 0 0 / 15%);
	margin:10px;
	cursor:pointer;
	
	transition: all .5s ease-in-out;
}

.min_search_h
{
	min-height:400px;
}
/*------search---------*/
/*------member---------*/
.member_block
{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	margin:20px;
	margin-bottom:30px;
}
.mb_left
{
	width:250px;
}
.mb_right
{
	width:calc( 100% - 250px );
}
.mbleft_s1
{
	margin:10px;
	
	position: relative;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(0 0 0 / 12%);
}
.mbls1_top
{
	position:relative;
	height:90px;
	background-color:var( --fonts10-color );
}
.mbls1_bottom
{
	position:relative;
	background-color:var( --fonts7-color );
	padding:20px 10px;
	padding-top:35px;
}
.mbls1_member
{
	position:absolute;
	bottom:-30px;
	left:calc( 50% - 43px );
	width:86px;
	height:86px;
	background-color:var( --fonts6-color );
	border:4px solid #fff;
	border-radius:50%;
	
	-webkit-box-shadow: 0px 2px 3px rgb(0 0 0 / 15%);
    box-shadow: 0px 2px 3px rgb(0 0 0 / 15%);
	
	display: flex;
	justify-content: center;
    align-items: center; 
	z-index:10;
}
.mbls1_member img
{
	max-width:40px;
}

.mbls1_title
{
	font-size:14px;
	color:var( --sub7-color );
	text-align:center;
	letter-spacing:2px;
	line-height:1.5;
}
.mb1s1_ul
{
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 10px;
}
.mbls1_list
{
    display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
    padding: 8px 2px;
    
    border-bottom:1px solid var( --tag1-color );
}
.mbls1_lleft
{
    color:var( --sub-color );
    font-weight: 600;
    width:50%;
    text-align: left;
}
.mbls1_lright
{
    width:50%;
    text-align: right;
}


.mbleft_s2
{
    margin:10px;
	
	position: relative;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(0 0 0 / 12%);
}
.mbleft_s2title
{
    color:#fff;
    background-color: var( --sub6-color );
    padding: 5px;
}
.mbleft_s2con
{
    padding: 5px;
    background-color: #fff;
}
.mbls2c_list
{
    position: relative;
    cursor: pointer;
    margin: 10px 0;
    padding: 8px 4px;
    border-bottom:1px solid rgb(0 0 0 / 12%);
    
    transition: all .4s ease-in-out;
}
.mbls2c_list:hover
{
    color:var( --fonts-color );
}

.mbls2c_list i 
{
    position: absolute;
    right:5px;
    bottom:12px;
    
    display: none;
}
.mbls2c_list.active i
{
    display: block;
}


.editor_table
{
    width:100%;
    position: relative;
    border:1px solid var( --fonts8-color );
    
    margin-top: 10px;
}
.editor_tr
{
    font-size: 15px;
    display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
   
    width:100%;
    position: relative;
    border-bottom:1px solid var( --fonts8-color ); 
}
.editor_tr:last-child
{
    border-bottom-width: 0px;
}
.editor_ltd
{
    color:var( --footertop-color );
    text-align: center;
    font-weight: 600;
    width:80px;
    background-color: var( --fonts9-color );
    padding: 12px 0px;
}
.editor_rtd
{
    color:var( --fonts1-color );
    width:calc( 100% - 80px );
    background-color: #fff;
    padding: 12px 4px;
    padding-left: 10px;
}

.editor_btn
{
	text-align: center;
    padding: 3px 5px;
    background-color:var( --main-color );
    color: #fff;
    display: inline-block;
    font-size: 13px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
	 margin-left: 5px;
    line-height: 1.5;
    border-radius: 3px;
    letter-spacing: 2px;
	
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
	-webkit-box-shadow: 0px 1px 2px rgb(0 0 0 / 23%);
    box-shadow: 0px 1px 2px rgb(0 0 0 / 23%);
	
    -webkit-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
}
.editor_btn:hover
{
    background-color: var( --sub-color );
}
.e_important
{
    font-size: 13px;
    color:var( --red1-color );
    margin-top: 8px;
}
/*------手機----*/
.mb_block
{
    display: none;
}
.top_mb_l
{
    width:160px;
}
.top_mb_r
{
    width:calc( 100% - 160px );
    background-color: #fff;
    padding: 4px 10px;
}
.mb_mbleft_s1
{
    height: 100%;
	position: relative;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(0 0 0 / 12%);
    border-right-width: 0px;
}
.mb_mbls1_top
{
	position:relative;
	height:45px;
	background-color:var( --sub8-color );
}
.mb_mbls1_bottom
{
	position:relative;
	background-color:var( --fonts7-color );
    height: calc( 100% - 45px );
	padding:15px 10px;
	padding-top:35px;
}
.mb_mbls1_member
{
	position:absolute;
	bottom:-30px;
	left:calc( 50% - 33px );
	width:66px;
	height:66px;
	background-color:var( --fonts6-color );
	border:4px solid #fff;
	border-radius:50%;
	
	-webkit-box-shadow: 0px 2px 3px rgb(0 0 0 / 15%);
    box-shadow: 0px 2px 3px rgb(0 0 0 / 15%);
	
	display: flex;
	justify-content: center;
    align-items: center; 
	z-index:10;
}
.mb_mbls1_member img
{
	max-width:30px;
}

.mb_mbls1_title
{
	font-size:14px;
	color:var( --sub7-color );
	text-align:center;
	letter-spacing:2px;
	line-height:1.5;
}

.mb_mbls1_list
{
	font-size:16px;
    display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
    padding: 8px 2px;
    
    border-bottom:1px solid var( --tag1-color );
}
.mb_mbls1_lleft
{
    color:var( --sub-color );
    font-weight: 600;
    width:50%;
    text-align: left;
}
.mb_mbls1_lright
{
    width:50%;
    text-align: right;
}


.top_mb_full
{
    width:100%;
    position: relative;
    margin-top: 10px;
    
    display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center; 
}
.mb_member_menu
{
	font-size:16px;
    color:var( --fonts1-color );
    margin: 5px;
    padding: 5px;
    border-radius: 5px;
    background-color: #fff;
    border:1px solid var( --fonts-color );
    border-bottom-width: 3px;
    
    -webkit-box-shadow: 0px 2px 3px rgb(0 0 0 / 33%);
    box-shadow: 0px 2px 3px rgb(0 0 0 / 33%);
    
    cursor: pointer;
    -webkit-user-select: none;
    
    transition: all linear 0.2s;
}
.mb_member_menu.active, .mb_member_menu:hover
{
    color:#fff;
    background-color: var( --fonts1-color );
}
/*------手機----*/
@media (max-width: 700px)
{
    .mb_left, .mb_right, .mb_dwpageleft, .mb_dwpageright
    {
        width:100%;
    }
    
    .web_block
    {
        display: none;
    }
    .mb_block
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
    }
    
}

.order_block
{
	width:calc( 100% - 20px );
	margin: 10px;
    position: relative;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(0 0 0 / 12%);
}
/*------member---------*/
/*------footer------*/
.footer_block
{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	
	align-items:flex-start;
	
	color:#fff;
	padding:10px;
	padding-top:20px;
	background-color:var( --footertop-color );
}
.footer_left
{
	width:calc( 100% / 3 );
	padding-right:15px;
}
.footer_middle
{
	width:calc( 100% / 3 );
}
.footer_right
{
	width:calc( 100% / 3 );
}


.flf_sname
{
	font-size:12px;
}

ul.footermiddle, ul.footerright, ul.footerother
{
	margin-top: 0;
    margin-bottom: 10px;
	
	margin-block-start:0px;
	padding-inline-start:0px;
}
ul.footerright
{
	margin-bottom: 5px;
}
.fm_li
{
	font-size:16px;
	position:relative;
	letter-spacing: 2px;
	list-style-type: none;
	line-height: 2;
	text-align: left;
}
.fm_li.fcompname:before
{
	font-family: 'icomoon';
	content: "\ea1e";
	position:absolute;
	left:0px;
	top:0px;
	color:var( --tag-color );
}
.fm_li.fidnumber:before
{
	font-family: 'icomoon';
	content: "\ea27";
	position:absolute;
	left:0px;
	top:0px;
	color:var( --tag-color );
}
.fm_li.fphone:before
{
	font-family: 'icomoon';
	content: "\e9b3";
	position:absolute;
	left:0px;
	top:0px;
	color:var( --tag-color );
}
.fm_li.fmail:before 
{
	font-family: 'icomoon';
	content: "\e992";
	position:absolute;
	left:0px;
	top:0px;
	color:var( --tag-color );
}
.fm_li.faddr:before 
{
	font-family: 'icomoon';
	content: "\e993";
	position:absolute;
	left:0px;
	top:0px;
	color:var( --tag-color );
}
.fm_li label
{
	font-size:16px;
	font-weight: 500;
	padding-left:24px;
	margin-right:5px;
}

.fm_liv1
{
	font-size:16px;
	position:relative;
	letter-spacing: 2px;
	list-style-type: none;
	line-height: 2;
	text-align: left;
	
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	
	justify-content: flex-start;
	align-items:  flex-start; 
}
.fm_liv1 label
{
	font-size:16px;
	font-weight: 500;
	padding-left:24px;
	margin-right:5px;
}
.fm_liv1.fservicetime:before
{
	font-family: 'icomoon';
	content: "\e939";
	position:absolute;
	left:0px;
	top:0px;
	color:var( --tag-color );
}

.footer_block a {
    color: #fff;
	transition: all .15s ease-in-out;
}
.footer_block a:hover {
	text-decoration: underline;	
}

.footer_img
{
	position:relative;
	width:100%;
	text-align:center;
	
	padding:10px;
}
.footer_img img
{
	max-width:100%;
	margin:0px 5px;
}

.fr_li
{
	font-size:16px;
	position:relative;
	letter-spacing: 2px;
	list-style-type: none;
	line-height: 2;
	text-align: left;
	margin:5px;
	
	font-size:16px;
	font-weight:500;
	display:inline-block;
}

.footer_btn
{
	display:inline-block;
	font-size:28px;
	border-radius:5px;
	cursor:pointer;
	margin:10px 5px;
	margin-bottom:20px;
	
	transition: all .15s ease-in-out;
	
	color:var( --tag-color );
}
.footer_btn:hover
{
	color:#fff;
}

.footer_full
{
	color:var( --tag-color );
	font-size:15px;
	width:100%;
	text-align:center;
	border-top:1px solid var( --tag-color );
	padding-top:5px;
	padding-bottom:5px;
	line-height:1.5;
	letter-spacing:2px;
}

@media (max-width: 900px)
{
	.footer_left
	{
		width:340px;
	}
	.footer_middle
	{
		width:calc( 100% - 340px );
	}
	.footer_right
	{
		width:100%;
	}
}
@media (max-width: 768px)
{
	.footer_left
	{
		width:100%;
	}
	.footer_middle
	{
		width:100%;
		margin-top:10px;
	}
	.footer_right
	{
		width:100%;
		margin-top:10px;
	}
}

/* moblie */
.footermenu_mob
{
	position: fixed;
	bottom: -100%;
	left: 0;
	width: 100%;
	padding: 8px 0;
	background: rgba(0, 0, 0, 0.75);
	text-align: center;
	
	transition: all .5s ease-in-out;
	
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	
	justify-content: center;
	align-items: center; 
}
.footm_li
{
	width:25%;
	position:relative;
	cursor:pointer;
	
	border-left: 1px dotted rgba(255, 255, 255, 0.35);
	
	transition: all .5s ease-in-out;
}
.footm_li:first-child {
    border: 0;
}
.fmob_icon
{
	position: relative;
	
	color:var( --fofonts-color );
	font-size:22px;
	
	transition: all .5s ease-in-out;
}
.fmob_fonts
{
	color:#fff;
	font-size:14px;
	font-weight:600;
	
	transition: all .5s ease-in-out;
}
.footm_li:hover .fmob_icon, .footm_li:hover .fmob_fonts
{
	color:var( --fofonts1-color );
}
.fmob_relative
{
	position:relative;
}
.footm_shopCount
{
	position: absolute;
	top: -3px;
	left: 22px;
	width: 20px;
	height: 20px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	line-height: 1.5;
	background: var( --red7-color );
	color: #fff;
	font-size: 12px;
	-webkit-font-smoothing: auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	z-index:999;
}
@media screen and (max-width: 767px)
{
	.footermenu_mob.fshow {
		bottom: 0px;
	}
}

.u-flyer{
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    position: fixed;
    z-index: 9999;
}

.marginBottom20px {
    margin-bottom: 20px;
}

.evalue_minwidth
{
	min-width:150px;
	display: inline-block;
	background-color:var( --bg6-color );
	padding:3px;
}

.cart_container_temp
{
	position: relative;
    width: 100%;
	padding:10px;
    margin: 0 auto;
    background: rgb(255,255,255,0.8);
    box-shadow: 1px 1px 3px rgb(0 0 0 / 10%);
}

.floatisFixed
{
	position: fixed;
    bottom: 20%;
    right: 0;
    margin-right: 0;
	z-index:100;
	
	
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.08), 0 2px 5px 0 rgba(0,0,0,0.12);
}
.list_unstyled
{
	padding-left: 0;
	list-style: none;
	background: #fff;
}
.float_item
{
	font-size:12px;
	letter-spacing:1px;
	color: var( --fonts-color );
	text-align: center;
	position: relative;
	padding: 5px 0;
	border: 0;
	width:45px;
	
	cursor:pointer;
	
	transition: all .3s ease-in-out;
}
.top_only
{
	border-top:1px solid #ddd;
}
.flitem_icon
{
	font-size:20px;
	text-align:center;
}
.float_item:hover
{
	color: #fff;
	background-color:var( --fonts-color );
}
.float_item:hover a
{
	color: #fff;
}
#gotop_v1
{
	display: none;
}

.no_data_block
{
	font-size:16px;
	text-align:center;
	padding:30px;
	color:rgba( 0,0,0, 0.2 );
	line-height:1.8;
	margin:0 auto;
}
.no_data_block .big_tilte
{
	font-size:20px;
}
.no_data_block .big_stilte
{
	font-size:16px;
}

.ibox-new-title {
    padding: 20px;
    background-color: #fff;
    color: #5b5b5b;
    border-bottom: 1px solid #e7e7e7;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 15px;
}

.line_msg
{
	color:#fff;
	text-align:center;
	padding:5px;
	letter-spacing:2px;
	line-height:1.2;
	background-color:#08bf5b;
}

/*------album---------*/
.album_containter
{
	position:relative;
	width:100%;
	
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	
	justify-content: center;
	align-items: flex-start; 
	
	padding:0 10px 20px;
}
.album_full
{
	width:100%;
}

.image_resize
{
	width:100%;
	position:relative;
	-webkit-background-size:cover;
	background-size:cover;
	background-color:#F0EFEF;
	background-repeat:no-repeat;
	background-position: center;
}
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:flex;
  flex-wrap: wrap;

}
.n_padding_container
{
	padding:10px 20px;
}
.n_padding_container .row
{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	
	margin-left:0px;
	margin-right:0px;
}
.n_padding_container .row [class="col-*"]
{
	display: flex;
	flex-direction: column;
	
	padding-right: 10px;
    padding-left: 10px;
}

.album_block
{
	position:relative;
	-webkit-box-shadow: 2px 2px 6px rgb(0 0 0 / 5%);
    box-shadow: 2px 2px 6px rgb(0 0 0 / 5%);
	margin:5px 0;
}
.album_in_img
{
	padding:10px;
	background-color:var( --main-color );
}
.album_time
{
	text-align:right;
	font-size:14px;
	padding:10px;
	color:#757575;
	border-bottom:1px solid #dfdfdf;
	background-color:#fff;
}
.album_shtitle
{
	text-align:center;
	font-size:18px;
	padding:10px;
	color:#757575;
	background-color:#fff;
}

.album_tim
{
	text-align:right;
	font-size:15px;
	margin-bottom:5px;
}
.album_title
{
	text-align:center;
	font-size:20px;
	padding:10px;
	margin:10px;
	color:#fff;
	background-color:#c26949;
}
.mp_inlist
{
    position: relative;
    cursor: pointer;
}

.caption_block
{
	font-size:15px;
	color:#a95400;
	padding:10px;
	margin:5px 0px;
	background-color:#ffedaf;
	line-height:1.5;
	letter-spacing:2px;
}


/* moblie */
.line_windows
{
	position: fixed;
	bottom: -100%;
	left: calc( ( 100% - 250px ) / 2 );
	width: 250px;
	padding: 8px 0;
	background: #fff;
	text-align: center;
	
	border:1px solid #ddd;
	border-radius:10px;
	letter-spacing:2px;
	line-height:1.5;
	
	transition: all .8s ease-in-out;
	
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	
	justify-content: center;
	align-items: center; 
}
.line_title
{
	font-size:16px;
	font-weight:600;
	padding:0px 20px;
}
.line_btn
{
	font-size:14px;
	color:#fff;
	background-color:#00c300;
	letter-spacing:1px;
	line-height:1.5;
	padding:10px 20px;
	border-radius:10px;
	margin-top:10px;
}
.line_btn .icon-line
{
	font-size:18px;
}
.line_delbtn
{
	position:absolute;
	top:5px;
	right:5px;
	color:var( --fonts32-color );
	
	cursor:pointer;
	
	transition: all .5s ease-in-out;
}
.line_delbtn:hover
{
	color:var( --fonts15-color );
}
@media screen and (max-width: 767px)
{
	.line_windows {
		bottom:85px;
	}
}


.cart_point_flex
{
	width:98%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;
}
.cart_point_input
{
	width:calc( 100% - 100px );
}
.cart_point_btn
{
	width:100px;
}
.ticket_btn
{
	text-align: center;
    padding: 8px 6px 8px;
    background-color:var( --main-color );
    color: #fff;
    display: inline-block;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
	 margin-left: 5px;
    line-height: 1.5;
    border-radius: 3px;
    letter-spacing: 2px;
	
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
	-webkit-box-shadow: 0px 1px 2px rgb(0 0 0 / 23%);
    box-shadow: 0px 1px 2px rgb(0 0 0 / 23%);
	
    -webkit-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
}
.ticket_btn:hover
{
    background-color: var( --sub-color );
}

/*-----------------coupon-----------*/
.coupon_main
{
	position: relative;
    width: 100%;
    vertical-align: top;
    padding: 15px;
    margin: 0;
}

.coupon_card
{
	width:100%;
	position:relative;
	
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
	
	align-items: stretch;
	justify-content: center;
	border: 1px solid rgba(0,0,0,.09);
	border-radius:5px;
	background-color:#fff;
	margin-bottom:10px;
	
	box-shadow: 0.125rem 0.125rem 0.3125rem rgba(0,0,0,.07);
}
.coupon_card_left
{
	position:relative;
	font-size:13px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: stretch; /* 將內容物的高度延伸至外框高度 */
	justify-content: center;
	
	line-height:1.5;
	color:#7f8ec1;
	width:106px;
	min-height:106px;
}
.coupon_cleft_text
{
	position: absolute;
	top:0px;
	left:0px;
	font-size:15px;
	text-align:center;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	line-height:1.5;
	color:#f1f4fa;
	background-color:#e03f19;
	width:100%;
	height:100%;
	padding:6px;
	min-height:106px;
	
	flex: 1; /* 使內容物佔據剩餘的空間 */
}
.ccleft_intext
{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}
.vc_Card_sawtooth {
    background: linear-gradient(180deg, transparent calc(4px * 2), #e8e8e8 0) 0 1px / 1px calc(4px * 2 + 2px) repeat-y, radial-gradient(circle at 0 4px, transparent 0, transparent calc(4px - 1px), #e8e8e8 0, #e8e8e8 4px, #e1264a 0) 0 1px / 100% calc(4px * 2 + 2px) repeat-y;

    bottom: 0;
    position: absolute;
    top: 0;
	left:-5px;
    width: 100%;
}
.coupon_card_right
{
	width:calc( 100% - 106px );
	border-left:2px dashed #e1264a;
	min-height:106px;
	
	display: flex;
	align-items: center;
	justify-content: center;
}
.coupon_crcon_full
{
	padding:10px;
	width:100%;
	min-height:106px;
	
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
}
.coupon_crcon
{
	padding:10px;
	width:calc( 100% - 85px );
	min-height:106px;
	
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
}
.coupon_crbtn
{
	width:85px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.coup_usebtn
{
	color: #fff;
	font-size:13px;
    width: 70px;
    text-align: center;
    background-color: var(--sp-primary, #4872c6);
    padding: 3px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}
.coup_usebtn:hover
{
	background-color: #345aa7;
}
.coup_usebtnhr {
    padding: 3px;
    border: 1px solid #798aa0;
}
.cccon_title
{
	width:100%;
	font-size:15px;
	font-weight:600;
	line-height:1.5;
	text-align:left;
}
.cccon_info
{
	width:100%;
	font-size:13px;
	line-height:1.5;
	text-align:left;
}
.cccon_time
{
	width:100%;
	font-size:12px;
	line-height:1.5;
	text-align:left;
	padding:5px;
	
	 border-top: 1px solid rgba(0,0,0,.09);
}
.ct_showtime {
    color: #FF7575;
    margin-right: 5px;
}


.is_chking
{
	font-size:12px;
	color:#019858;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center; 
	
	width:60px;
	height:60px;
	border:1px solid #019858;
	border-radius:50%;
}
.tbchking_hr
{
	border:1px dotted #019858;
	border-left-width:0px;
	border-right-width:0px;
}
.is_used
{
	font-size:12px;
	color:#a0adbc;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center; 
	
	width:60px;
	height:60px;
	border:1px solid #a0adbc;
	border-radius:50%;
	
	transform:rotate(-10deg)
}
.tb_hr
{
	border:1px dotted #a0adbc;
	border-left-width:0px;
	border-right-width:0px;
}
.is_end
{
	font-size:12px;
	color:#FF7575;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center; 
	
	width:60px;
	height:60px;
	border:1px solid #FF7575;
	border-radius:50%;
	
	transform:rotate(-10deg)
}
.tbend_hr
{
	border:1px dotted #FF7575;
	border-left-width:0px;
	border-right-width:0px;
}

.coupbtn_relative
{
	position:relative;
}

.plus-one {
	color:#ee6f43;
	width: 100%;
	text-align: center;
	position: absolute;
	top: -25px;
	left: 0;
	opacity: 0;
}
.plus_btn_anim
{
	animation: btn-fade-in 0.5s ease forwards;
}
@keyframes btn-fade-in {
  0% {
    opacity: 0;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
    transform: translateY(-20px);
  }
}
.plus_btn_animout
{
	animation: btn-fade-out 0.5s ease forwards;
}
@keyframes btn-fade-out {
  0%{
	opacity: 1;
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    transform: translateY(0);
  }
}



.clist_flex
{
	width:calc( 100% - 20px );
	position:relative;
	
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
	
	background-color:#fff;
	padding:10px;
	margin:10px;
}
.clist_flexleft
{
	width:calc( 100% - 20px );
}
.clist_flexright
{
	width:20px;
	text-align:center;
}
/*-----------------coupon-----------*/

/*-----------------prod spec-----------*/
.spec-buttons {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

/* 規格選擇按鈕 — 統一品牌藍配色（與 shopContent_design.css 一致） */
.spec-button {
    padding: 12px 24px;
    border: 1.5px solid #e8edf5;
    border-radius: 8px;
    background: #ffffff;
    color: #1a1a2e;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.18s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.spec-button.spec-hidden {
    display: none;
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.spec-button:not(.spec-hidden) {
    opacity: 1;
    transform: translateY(0);
}

.spec-button:hover {
    background: var(--sp-primary-light, #eef2fb);
    border-color: var(--sp-primary, #365a9e);
    color: var(--sp-primary, #365a9e);
}

.spec-button.active {
    background: var(--sp-primary, #365a9e);
    border-color: var(--sp-primary, #365a9e);
    color: #ffffff;
    font-weight: 600;
    box-shadow: 0 2px 8px rgba(var(--sp-primary-rgb, 54,90,158), 0.20);
}

.spec-toggle-btn {
    padding: 6px 14px;
    border: 1.5px dashed var(--sp-primary, #365a9e);
    border-radius: 8px;
    background: var(--sp-primary-light, #eef2fb);
    color: var(--sp-primary, #365a9e);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.18s ease;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    justify-content: center;
}

.spec-toggle-btn:hover {
    background: var(--sp-primary, #365a9e);
    border-style: solid;
    color: #ffffff;
}

.spec-toggle-btn.expanded {
    background: var(--sp-primary, #365a9e);
    border-color: var(--sp-primary, #365a9e);
    border-style: solid;
    color: #ffffff;
}

.spec-toggle-btn:focus {
    outline: none;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.spec-toggle-icon {
    width: 16px;
    height: 16px;
    transition: transform 0.3s ease;
}

.spec-toggle-btn.expanded .spec-toggle-icon {
    transform: rotate(180deg);
}
/*-----------------prod spec-----------*/

/* =====================================================
   Pagination 頁碼 — 現代電商重構 v2
   ===================================================== */

/* 外層容器：加上「第 X 頁」的視覺區塊感 */
.pagination-wrap
{
	position: relative;
	width: 100%;
	padding: 20px 0 8px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
}

.pagination-label
{
	font-size: 12px;
	color: #aaa;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.pagination
{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 4px;
	padding: 10px 16px;
	margin: 0 auto;
	list-style: none;
	border: none;

	/* 整個頁碼列有自己的背景區塊，讓使用者一眼辨識 */
	background: #fff;
	border-radius: 50px;
	box-shadow: 0 2px 12px rgba(0,0,0,0.10);
	border: 1px solid #ebebeb;
	width: fit-content;
	max-width: 100%;
}

/* 所有頁碼項目 */
.pagination > li
{
	display: inline-flex;
}

.pagination > li > a,
.pagination > li > span
{
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 38px;
	height: 38px;
	padding: 0 8px;
	border-radius: 50px;
	border: none;
	background-color: transparent;
	color: #555;
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	text-decoration: none;
	transition: background 0.18s ease, color 0.18s ease, transform 0.15s ease;
	cursor: pointer;
}

.pagination > li > a:hover
{
	background-color: #f0f0f0;
	color: #222;
	transform: scale(1.08);
}

/* 當前頁 active — 清楚標示 */
.pagination > li.active > a,
.pagination > li.active > span
{
	background-color: var(--main-color, #222);
	color: #fff;
	font-weight: 700;
	cursor: default;
	box-shadow: 0 2px 8px rgba(0,0,0,0.22);
}
.pagination > li.active > a:hover
{
	transform: none;
	background-color: var(--main-color, #222);
}

/* 停用狀態 disabled */
.pagination > li.disabled > a,
.pagination > li.disabled > span
{
	color: #d0d0d0;
	cursor: not-allowed;
	pointer-events: none;
	transform: none;
}

/* 前後箭頭 — 稍大一點容易點擊 */
.pagination > li.footable-page-arrow > a
{
	min-width: 42px;
	font-size: 17px;
	font-weight: 400;
}

/* 頁碼與箭頭之間的分隔視覺（第一個箭頭後、最後一個箭頭前） */
.pagination > li.footable-page-arrow:nth-child(2)
{
	margin-right: 4px;
	padding-right: 4px;
	border-right: 1px solid #e8e8e8;
}
.pagination > li.footable-page-arrow:nth-last-child(2)
{
	margin-left: 4px;
	padding-left: 4px;
	border-left: 1px solid #e8e8e8;
}

/* 手機：整列縮小，維持膠囊形 */
@media screen and (max-width: 480px)
{
	.pagination
	{
		padding: 8px 10px;
		gap: 2px;
	}
	.pagination > li > a,
	.pagination > li > span
	{
		min-width: 34px;
		height: 34px;
		font-size: 13px;
	}
	.pagination > li.footable-page-arrow > a
	{
		min-width: 34px;
		font-size: 15px;
	}
}
/* 20260911 商品列表：顧客評價星數 */
.shop_prating { display:flex; align-items:center; gap:6px; font-size:13px; color:#888; margin:2px 0 4px; }
.shop_prating .rv_stars i { font-size:13px; margin-right:1px; }

/* ===== 20260911 頁面設計（拖拉版型）區塊樣式 ===== */
.ils-page { width: 100%; }
.ils-blk { position: relative; }
.ils-hide-mobile { display: block; }
.ils-hide-desktop { display: none; }
@media screen and (max-width: 767px) {
	.ils-hide-mobile { display: none !important; }
	.ils-hide-desktop { display: block; }
	ul.shop_selllist.v_index.ils-mcol1 li { width: 100%; }
}
.ils-empty-note { margin: 16px; padding: 18px; border: 2px dashed #cbd5e1; border-radius: 10px; color: #64748b; font-size: 14px; text-align: center; background: #f8fafc; }
.ils-subheading { text-align: center; color: #64748b; font-size: 15px; margin: -8px 0 20px; }
/* 20261112 標題組：英文小標在上（主色、字距寬）、中文大標、細線 */
.ils-head { display: flex; flex-direction: column; margin-top: 52px; margin-bottom: 28px; }
.ils-head .html_indextitle { margin-top: 0; margin-bottom: 0; }
.ils-head .ils-subheading { order: -1; margin: 0 0 6px; font-size: 13px; font-weight: 600; letter-spacing: .32em; text-transform: uppercase; color: var(--sp-primary, #365a9e); }
@media (max-width: 767px) { .ils-head { margin-top: 36px; margin-bottom: 20px; } .ils-head .ils-subheading { font-size: 12px; letter-spacing: .26em; } }
.ils-text { font-size: 15px; line-height: 1.9; padding: 0 16px; word-break: break-word; }
.ils-video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 14px; background: #0f172a; }
.ils-video.tall { padding-bottom: 177.78%; }
.ils-video iframe, .ils-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; display: block; background: #000; }
/* 多支影片：直式短影片並排、橫式兩欄 */
.ils-video-grid { display: grid; gap: 18px; grid-template-columns: repeat(var(--vcols, 3), minmax(0, 1fr)); }
.ils-video-grid.is-tall { max-width: calc(var(--vcols, 3) * 300px + (var(--vcols, 3) - 1) * 18px); margin: 0 auto; }
.ils-video-grid.is-wide { max-width: 1100px; margin: 0 auto; }
.ils-video-item { min-width: 0; }
.ils-video-cap { margin-top: 10px; font-size: 14px; color: #475569; text-align: center; line-height: 1.5; }
:where(.ils-video-sec) .ils-subheading { text-align: center; margin-top: -6px; margin-bottom: 18px; }
/* 平板 / 手機：留邊距、減欄數，不要貼齊螢幕邊 */
.ils-video-sec { padding-left: 16px; padding-right: 16px; box-sizing: border-box; }
@media (max-width: 1024px) {
  .ils-video-sec { padding-left: 20px; padding-right: 20px; }
  .ils-video-grid { gap: 14px; }
  .ils-video-grid.is-tall { grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 720px; }
  .ils-video-grid.is-tall[style*='--vcols:2'], .ils-video-grid.is-tall[style*='--vcols:1'] { grid-template-columns: repeat(var(--vcols), minmax(0, 1fr)); max-width: calc(var(--vcols) * 240px + (var(--vcols) - 1) * 14px); }
}
@media (max-width: 767px) {
  .ils-video-sec { padding-left: 16px; padding-right: 16px; }
  .ils-video-grid.is-tall { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; max-width: 420px; }
  .ils-video-grid.is-tall[style*='--vcols:1'] { grid-template-columns: 1fr; max-width: 300px; }
  .ils-video-grid.is-wide { grid-template-columns: 1fr; gap: 14px; }
  .ils-video { border-radius: 12px; }
}
.ils-spacer { width: 100%; }
/* 商品分類 */
.ils-cats { display: flex; flex-wrap: wrap; gap: 10px; padding: 0 12px 20px; }
.ils-cats-chips { justify-content: center; }
.ils-cat-chip { display: inline-flex; align-items: center; gap: 6px; padding: 9px 16px; border-radius: 999px; background: #fff; border: 1px solid #e2e8f0; color: #334155; font-size: 14px; text-decoration: none; transition: all .15s; }
.ils-cat-chip span { font-size: 12px; color: #94a3b8; }
.ils-cat-chip:hover { border-color: var(--y1-color, #f5b301); color: #111; text-decoration: none; }
.ils-cats-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
.ils-cat-card { display: block; border-radius: 12px; overflow: hidden; background: #fff; border: 1px solid #e2e8f0; text-decoration: none; color: #334155; transition: transform .15s, box-shadow .15s; }
.ils-cat-card:hover { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(0,0,0,.08); text-decoration: none; }
.ils-cat-img { width: 100%; padding-bottom: 75%; background-size: cover; background-position: center; background-color: #f1f5f9; }
.ils-cat-name { padding: 10px 12px; font-size: 14px; font-weight: 600; display: flex; justify-content: space-between; align-items: center; }
.ils-cat-name span { font-size: 12px; color: #94a3b8; font-weight: 400; }
/* 按鈕 */
.ils-btn-wrap { padding: 8px 16px 24px; }
.ils-btn { display: inline-block; padding: 12px 32px; border-radius: 999px; font-size: 15px; font-weight: 600; text-decoration: none; transition: all .15s; }
.ils-btn-primary { background: var(--y1-color, #f5b301); color: #111; }
.ils-btn-primary:hover { filter: brightness(.95); text-decoration: none; color: #111; }
.ils-btn-outline { border: 2px solid #334155; color: #334155; }
.ils-btn-outline:hover { background: #334155; color: #fff; text-decoration: none; }
/* 聯絡列 */
.ils-contact { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; padding: 8px 12px 24px; }
.ils-ct { display: inline-flex; align-items: center; gap: 8px; padding: 12px 18px; border-radius: 12px; background: #fff; border: 1px solid #e2e8f0; color: #334155; font-size: 14px; text-decoration: none; min-width: 140px; justify-content: center; }
.ils-ct i { font-size: 18px; }
.ils-ct-tel i { color: #16a34a; } .ils-ct-line i { color: #06c755; } .ils-ct-addr i { color: #dc2626; } .ils-ct-fb i { color: #1877f2; }
.ils-ct:hover { border-color: #94a3b8; text-decoration: none; }
@media screen and (max-width: 767px) {
	.ils-cats { gap: 8px; }
	.ils-cats-cards { grid-template-columns: repeat(2, 1fr); }
	.ils-btn-fullm { display: block; text-align: center; }
	.ils-contact { flex-direction: column; }
	.ils-ct { width: 100%; }
	.ils-text { padding: 0 8px; }
}
/* 預覽模式（後台 iframe 內） */
.ils-preview-mode .ils-blk { outline: 2px dashed transparent; outline-offset: -2px; transition: outline-color .15s; cursor: pointer; min-height: 24px; }
.ils-preview-mode .ils-blk:hover { outline-color: #93c5fd; }
.ils-preview-mode .ils-blk.ils-selected { outline: 2px solid var(--sp-primary, #2563eb); }
.ils-preview-mode .ils-blk.ils-disabled { opacity: .35; }
.ils-preview-mode .ils-blk .ils-tag { position: absolute; top: 0; left: 0; z-index: 5; background: var(--sp-primary, #2563eb); color: #fff; font-size: 11px; padding: 2px 8px; border-radius: 0 0 8px 0; opacity: 0; pointer-events: none; transition: opacity .15s; }
.ils-preview-mode .ils-blk:hover .ils-tag, .ils-preview-mode .ils-blk.ils-selected .ils-tag { opacity: 1; }
.ils-preview-mode .ils-hide-mobile::after, .ils-preview-mode .ils-hide-desktop::after { content: ''; }

/* ── 20261111 大圖輪播疊字 ── */
.ils-hero { position: relative; }
.ils-hero-cap { position: absolute; inset: 0; z-index: 3; display: flex; align-items: center; justify-content: center; padding: 24px 6%; pointer-events: none; background: linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.42)); }
.ils-hero-cap.is-left { justify-content: flex-start; text-align: left; background: linear-gradient(90deg, rgba(0,0,0,.55), rgba(0,0,0,.05) 70%); }
.ils-hero-inner { max-width: 860px; color: #fff; text-align: inherit; }
.ils-hero-cap.is-center .ils-hero-inner { text-align: center; }
.ils-hero-eyebrow { font-size: 15px; letter-spacing: .3em; text-transform: uppercase; opacity: .9; margin-bottom: 14px; text-shadow: 0 1px 8px rgba(0,0,0,.35); }
.ils-hero-title { font-size: 46px; font-weight: 600; letter-spacing: .12em; line-height: 1.3; text-shadow: 0 2px 18px rgba(0,0,0,.4); }
.ils-hero-sub { margin-top: 16px; font-size: 17px; letter-spacing: .18em; opacity: .92; text-shadow: 0 1px 8px rgba(0,0,0,.35); }
.ils-hero-btn { pointer-events: auto; display: inline-block; margin-top: 30px; padding: 13px 38px; border-radius: 999px; background: var(--sp-cta, #f97316); color: var(--sp-cta-text, #fff); font-size: 15px; font-weight: 600; letter-spacing: .12em; text-decoration: none; transition: filter .2s, background .3s, color .3s; }
.ils-hero-btn:hover { filter: brightness(.94); text-decoration: none; color: var(--sp-cta-text, #fff); }
/* 20261112 圖片橫幅疊字：圖片不留底縫、標題比輪播小一號 */
.ils-banner-hero { overflow: hidden; }
.ils-banner-hero img { display: block; }
.ils-banner-hero .ils-hero-title { font-size: 38px; }
@media (max-width: 767px) { .ils-banner-hero .ils-hero-title { font-size: 20px; } .ils-banner-hero .ils-hero-cap { padding: 12px 5%; } }
@media (max-width: 767px) {
	.ils-hero-title { font-size: 24px; letter-spacing: .08em; }
	.ils-hero-eyebrow { font-size: 11px; margin-bottom: 8px; }
	.ils-hero-sub { font-size: 13px; margin-top: 8px; letter-spacing: .08em; }
	.ils-hero-btn { margin-top: 16px; padding: 9px 24px; font-size: 13px; }
}

/* ── 20261111 圖文兩欄 ── */
.ils-it { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 56px; align-items: center; max-width: 1140px; margin: 0 auto; padding: 36px 20px; box-sizing: border-box; }
.ils-it.side-right .ils-it-img { order: 2; }
.ils-it.no-img { grid-template-columns: 1fr; max-width: 820px; text-align: center; }
.ils-it-img { overflow: hidden; border-radius: 4px; }
.ils-it-img img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.ils-it-sub { font-size: 13px; letter-spacing: .28em; text-transform: uppercase; color: var(--sp-primary, #365a9e); margin-bottom: 12px; }
.ils-it-title { margin: 0 0 18px; font-size: 26px; font-weight: 600; line-height: 1.45; letter-spacing: .06em; color: var(--sp-heading, var(--sp-text, #1a1a2e)); }
.ils-it-text { font-size: 15px; line-height: 2; letter-spacing: .03em; color: var(--sp-text-sub, #555); word-break: break-word; }
.ils-it-btn { display: inline-block; margin-top: 26px; padding: 12px 30px; border-radius: 999px; background: var(--sp-cta, #f97316); color: var(--sp-cta-text, #fff); font-size: 15px; font-weight: 600; text-decoration: none; transition: filter .2s; }
.ils-it-btn:hover { filter: brightness(.94); text-decoration: none; color: var(--sp-cta-text, #fff); }
@media (max-width: 767px) {
	.ils-it { grid-template-columns: 1fr; gap: 22px; padding: 22px 16px; }
	.ils-it.side-right .ils-it-img { order: 0; }
	.ils-it-title { font-size: 21px; }
}

/* ── 20261111 步驟流程：像真的流程一樣一步接一步（圓圈編號＋連接線＋箭頭）──
   is-grid＝橫向流程（電腦版 1 → 2 → 3，手機自動改直向）；is-list＝直向時間軸 */
.ils-steps { --st-c: var(--sp-primary, #365a9e); --st-line: color-mix(in srgb, var(--st-c) 30%, transparent); list-style: none; margin: 0 auto; padding: 8px 20px 32px; box-sizing: border-box; }
.ils-step { position: relative; }
.ils-step-no { position: relative; z-index: 1; flex: none; width: 64px; height: 64px; border-radius: 50%; background: var(--st-c); color: var(--sp-primary-text, #fff); display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 24px; font-weight: 700; line-height: 1; box-shadow: 0 0 0 6px color-mix(in srgb, var(--st-c) 14%, transparent); }
.ils-step-no small { font-size: 9px; letter-spacing: .18em; margin-bottom: 3px; font-weight: 600; opacity: .85; }
.ils-step-body h3 { margin: 0 0 6px; font-size: 18px; font-weight: 700; letter-spacing: .04em; line-height: 1.45; color: var(--sp-heading, var(--sp-text, #1a1a2e)); }
.ils-step-body p { margin: 0; font-size: 14.5px; line-height: 1.85; color: var(--sp-text-sub, #555); }

/* 直向時間軸：圓圈之間一條直線串起來，內容放卡片 */
.ils-steps.is-list { max-width: 760px; }
.ils-steps.is-list .ils-step { display: flex; gap: 22px; align-items: flex-start; padding-bottom: 22px; }
.ils-steps.is-list .ils-step:not(:last-child)::before { content: ''; position: absolute; left: 31px; top: 64px; bottom: -2px; width: 2px; background: var(--st-line); }
.ils-steps.is-list .ils-step-body { flex: 1; min-width: 0; margin-top: 4px; padding: 16px 20px; border-radius: 14px; background: var(--sp-white, #fff); border: 1px solid var(--sp-border, #e8edf5); box-shadow: 0 4px 16px rgba(15, 23, 42, .04); }

/* 橫向流程：圓圈在上、文字在下，圓圈之間連線＋箭頭 */
.ils-steps.is-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 28px 12px; max-width: 1140px; }
.ils-steps.is-grid .ils-step { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 0 6px; }
.ils-steps.is-grid .ils-step:not(:last-child)::after { content: ''; position: absolute; top: 31px; left: calc(50% + 46px); right: calc(-50% + 40px); height: 2px; background: var(--st-line); }
.ils-steps.is-grid .ils-step:not(:last-child)::before { content: ''; position: absolute; top: 26px; right: calc(-50% + 40px); width: 8px; height: 8px; border-top: 2px solid var(--st-c); border-right: 2px solid var(--st-c); transform: rotate(45deg); opacity: .6; }
.ils-steps.is-grid .ils-step-body { margin-top: 18px; }

@media (max-width: 767px) {
	/* 手機一律直向時間軸 */
	.ils-steps.is-grid { display: block; }
	.ils-steps.is-grid .ils-step { flex-direction: row; align-items: flex-start; text-align: left; gap: 16px; padding: 0 0 20px; }
	.ils-steps.is-grid .ils-step::after, .ils-steps.is-grid .ils-step::before { display: none; }
	.ils-steps.is-grid .ils-step:not(:last-child)::before { display: block; content: ''; position: absolute; left: 25px; top: 52px; bottom: -2px; right: auto; width: 2px; height: auto; border: 0; transform: none; opacity: 1; background: var(--st-line); }
	.ils-steps.is-grid .ils-step-body { margin-top: 6px; }
	.ils-step-no { width: 52px; height: 52px; font-size: 19px; box-shadow: 0 0 0 4px color-mix(in srgb, var(--st-c) 14%, transparent); }
	.ils-steps.is-list .ils-step { gap: 14px; padding-bottom: 16px; }
	.ils-steps.is-list .ils-step:not(:last-child)::before { left: 25px; top: 52px; }
	.ils-steps.is-list .ils-step-body { padding: 12px 14px; }
	.ils-step-body h3 { font-size: 16px; }
}
/* ── 區塊「看更多」：安靜的外框膠囊，不搶主內容 ── */
.ils-more-row { display: flex; justify-content: center; padding: 6px 0 40px; }
.ils-more { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 22px; border-radius: 999px; border: 1px solid var(--sp-border, #dfe4ec); background: #fff; color: var(--sp-text, #1f2937); font-size: 14px; font-weight: 600; letter-spacing: .04em; text-decoration: none; transition: border-color .2s, color .2s, background .2s, transform .2s; }
.ils-more i { font-size: 13px; transition: transform .2s; }
.ils-more:hover { border-color: var(--sp-primary, #365a9e); color: var(--sp-primary, #365a9e); background: #fff; text-decoration: none; }
.ils-more:hover i { transform: translateX(3px); }

/* ── GEO 重點整理（文章 / 消息頁最上方，AI 可直接引用） ── */
.geo-keypoints{ margin:14px 0 22px; padding:16px 20px; border-radius:14px; background:var(--sp-primary-light, #eef2fb); border:1px solid color-mix(in srgb, var(--sp-primary, #365a9e) 18%, #fff); }
.geo-kp-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; margin-bottom:8px; }
.geo-kp-head b{ font-size:15px; color:var(--sp-primary, #365a9e); letter-spacing:.04em; }
.geo-kp-head b:before{ content:'✦'; margin-right:6px; }
.geo-kp-meta{ display:flex; gap:14px; font-size:12px; color:var(--sp-text-light, #94a3b8); }
.geo-kp-meta i{ margin-right:4px; }
.geo-keypoints ul{ margin:0; padding-left:20px; }
.geo-keypoints li{ font-size:15px; line-height:1.75; color:var(--sp-text, #1a1a2e); margin:2px 0; }
@media (max-width:767px){ .geo-keypoints{ padding:14px 16px; margin:10px 0 18px; } .geo-keypoints li{ font-size:14px; } }

/* ── 20260914 AEO 常見問答（文章 / 消息頁內文之後，輸出 FAQPage 結構化資料） ── */
.geo-faq{ margin:28px 0 18px; }
.geo-faq-title{ font-size:18px; font-weight:700; color:var(--sp-text, #1a1a2e); margin:0 0 12px; padding-left:12px; border-left:4px solid var(--sp-primary, #365a9e); line-height:1.4; }
.geo-faq-item{ border:1px solid var(--sp-border, #e2e8f0); border-radius:10px; background:#fff; margin-bottom:10px; overflow:hidden; }
.geo-faq-item summary{ list-style:none; display:flex; align-items:flex-start; gap:10px; padding:13px 16px; cursor:pointer; font-size:15.5px; font-weight:700; color:var(--sp-text, #1a1a2e); line-height:1.6; }
.geo-faq-item summary::-webkit-details-marker{ display:none; }
.geo-faq-item summary::after{ content:'+'; margin-left:auto; color:var(--sp-text-light, #94a3b8); font-weight:400; font-size:18px; line-height:1.2; }
.geo-faq-item[open] summary::after{ content:'–'; }
.geo-faq-item[open] summary{ border-bottom:1px dashed var(--sp-border, #e2e8f0); }
.geo-faq-a{ display:flex; align-items:flex-start; gap:10px; padding:12px 16px 14px; font-size:14.5px; color:#444; line-height:1.8; }
.geo-faq-badge{ flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; border-radius:50%; background:var(--sp-primary, #365a9e); color:#fff; font-size:12px; font-weight:700; margin-top:2px; }
.geo-faq-badge--a{ background:var(--sp-primary-light, #eef2fb); color:var(--sp-primary, #365a9e); border:1px solid var(--sp-border, #e2e8f0); }
/* 關鍵字標籤（文章底部） */
.geo-tags{ display:flex; flex-wrap:wrap; gap:8px; margin:18px 0 6px; }
.geo-tags span{ display:inline-block; padding:4px 12px; border-radius:999px; background:var(--sp-primary-light, #eef2fb); color:var(--sp-primary, #365a9e); font-size:13px; line-height:1.6; }
.geo-tags span:before{ content:'#'; opacity:.6; margin-right:1px; }
@media (max-width:767px){ .geo-faq-item summary{ font-size:14.5px; padding:11px 12px; } .geo-faq-a{ font-size:14px; padding:10px 12px 12px; } }

/* 20261111 首頁區塊錨點：捲過去時留出固定頁首的高度 */
.ils-blk[id] { scroll-margin-top: 88px; }
@media (max-width: 767px) { .ils-blk[id] { scroll-margin-top: 64px; } }

/* 20261111 聯絡列「資訊列表」樣式 */
.ils-ct-ig i { color: #e1306c; } .ils-ct-link i { color: var(--sp-primary, #365a9e); }
.ils-ctl { max-width: 720px; margin: 0 auto; padding: 0 20px 40px; box-sizing: border-box; }
.ils-ctl-row { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 20px; padding: 20px 0; border-bottom: 1px solid var(--sp-border, #e5e7eb); align-items: baseline; }
.ils-ctl-row:last-child { border-bottom: 0; }
.ils-ctl-k { font-size: 13px; letter-spacing: .2em; color: var(--sp-text-sub, #64748b); }
.ils-ctl-v { font-size: 16px; line-height: 1.7; word-break: break-word; }
.ils-ctl-v a { color: var(--sp-text, #1a1a2e); text-decoration: none; }
.ils-ctl-v a:hover { color: var(--sp-primary, #365a9e); }
.ils-ctl-v .ils-ctl-more { display: block; margin-top: 4px; font-size: 13px; letter-spacing: .06em; color: var(--sp-primary, #365a9e); }
@media (max-width: 767px) { .ils-ctl-row { grid-template-columns: 1fr; gap: 4px; padding: 16px 0; } }

/* ===== css/empty_state.css ===== */
/* ================================================================
   空狀態統一視覺 EmptyState
   設計目的：解釋現狀 + 引導行動 + 維持情感
   ================================================================ */

.empty_state {
    text-align: center;
    padding: 60px 24px;
    max-width: 520px;
    margin: 0 auto;
}

.empty_state__img {
    display: block;
    width: 220px;
    max-width: 60vw;
    margin: 0 auto 20px;
    opacity: 0.92;
    /* 微浮動感 */
    animation: empty_state_float 4s ease-in-out infinite;
}

@keyframes empty_state_float {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(-6px); }
}

@media (prefers-reduced-motion: reduce) {
    .empty_state__img { animation: none; }
}

/* 主訊息：解釋現狀 */
.empty_state__title {
    font-size: 20px;
    line-height: 1.4;
    color: #333;
    font-weight: 600;
    margin-bottom: 8px;
}

/* 副訊息：補充說明 */
.empty_state__sub {
    font-size: 14px;
    line-height: 1.7;
    color: #888;
    margin-bottom: 24px;
}

/* 引導 CTA 群組 */
.empty_state__cta_group {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    margin-bottom: 16px;
}

/* 主按鈕 — 強調色（橘）*/
.empty_state__cta {
    display: inline-block;
    padding: 12px 28px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 8px;
    text-decoration: none;
    cursor: pointer;
    border: none;
    transition: transform .12s ease-out, box-shadow .15s ease-out, background-color .15s;
    min-width: 140px;
}
.empty_state__cta--primary {
    background-color: #ff8a00;
    color: #fff;
    box-shadow: 0 2px 8px rgba(255, 138, 0, 0.25);
}
.empty_state__cta--primary:hover {
    background-color: #e67900;
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(255, 138, 0, 0.35);
    color: #fff;
}
.empty_state__cta--primary:active {
    transform: translateY(0);
    box-shadow: 0 2px 6px rgba(255, 138, 0, 0.25);
}

/* 次按鈕 — 白底框線 */
.empty_state__cta--secondary {
    background-color: #fff;
    color: #555;
    border: 1px solid #ddd;
}
.empty_state__cta--secondary:hover {
    background-color: #f7f7f7;
    border-color: #c8c8c8;
    color: #333;
}

/* 細字提示（如：操作教學、補充說明） */
.empty_state__hint {
    font-size: 12px;
    color: #aaa;
    margin-top: 12px;
    line-height: 1.6;
}

/* 操作教學卡片：友善的灰底圓角區，可放 3 步驟 */
.empty_state__tips {
    margin: 20px auto 0;
    padding: 14px 18px;
    background-color: #f8f8f8;
    border-radius: 10px;
    font-size: 13px;
    color: #666;
    line-height: 1.7;
    text-align: left;
    max-width: 420px;
}
.empty_state__tips_title {
    font-weight: 600;
    color: #444;
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    gap: 6px;
}
.empty_state__tips_title i { color: #ff8a00; }
.empty_state__tips ol,
.empty_state__tips ul {
    margin: 0;
    padding-left: 22px;
}
.empty_state__tips li { margin-bottom: 4px; }

/* 行動版：垂直堆疊、按鈕滿版 */
@media (max-width: 576px) {
    .empty_state {
        padding: 40px 16px;
    }
    .empty_state__img {
        width: 180px;
        margin-bottom: 16px;
    }
    .empty_state__title { font-size: 18px; }
    .empty_state__sub   { font-size: 13px; margin-bottom: 20px; }
    .empty_state__cta_group {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 8px;
    }
    .empty_state__cta {
        width: 100%;
        padding: 14px;
        min-width: 0;
    }
}

/* ===== css/cta_system.css ===== */
/* ================================================================
   CTA 按鈕視覺系統
   採 opt-in 設計：新元件用 .cta-btn 系統；既有按鈕保留 + 加 polish
   ================================================================ */

/* ---------- 設計 token（CSS 變數，方便品牌調整） ---------- */
:root {
    --cta-primary:        #ff8a00;       /* 主強調色（橘）*/
    --cta-primary-hover:  #e67900;
    --cta-primary-active: #cf6c00;
    --cta-primary-shadow: rgba(255,138,0,0.25);

    --cta-secondary-bg:     #ffffff;
    --cta-secondary-color:  #444;
    --cta-secondary-border: #d8d8d8;
    --cta-secondary-hover-bg: #f7f7f7;

    --cta-success: #2e8b57;
    --cta-danger:  #d9534f;
    --cta-ghost-color: #ff8a00;

    --cta-radius:      8px;
    --cta-radius-pill: 999px;
}

/* ---------- 基底 ---------- */
.cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-weight: 600;
    line-height: 1.2;
    border: 1px solid transparent;
    border-radius: var(--cta-radius);
    cursor: pointer;
    text-decoration: none !important;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition:
        background-color .15s ease-out,
        color            .15s ease-out,
        border-color     .15s ease-out,
        box-shadow       .15s ease-out,
        transform        .10s ease-out;
    /* 桌機尺寸預設：48px 高、16px 字 */
    min-height: 48px;
    padding: 0 22px;
    font-size: 16px;
}

.cta-btn:focus-visible {
    outline: 2px solid var(--cta-primary);
    outline-offset: 2px;
}

/* ---------- 變體：主按鈕 ---------- */
.cta-btn--primary {
    background-color: var(--cta-primary);
    color: #fff;
    box-shadow: 0 2px 8px var(--cta-primary-shadow);
}
.cta-btn--primary:hover {
    background-color: var(--cta-primary-hover);
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 4px 14px var(--cta-primary-shadow);
}
.cta-btn--primary:active {
    background-color: var(--cta-primary-active);
    transform: translateY(0);
    box-shadow: 0 1px 4px var(--cta-primary-shadow);
}

/* ---------- 變體：次按鈕 ---------- */
.cta-btn--secondary {
    background-color: var(--cta-secondary-bg);
    color: var(--cta-secondary-color);
    border-color: var(--cta-secondary-border);
}
.cta-btn--secondary:hover {
    background-color: var(--cta-secondary-hover-bg);
    color: #222;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
.cta-btn--secondary:active {
    transform: translateY(0);
}

/* ---------- 變體：幽靈（透明背景、強調色文字） ---------- */
.cta-btn--ghost {
    background-color: transparent;
    color: var(--cta-ghost-color);
    border-color: var(--cta-ghost-color);
}
.cta-btn--ghost:hover {
    background-color: rgba(255,138,0,0.08);
    color: var(--cta-primary-hover);
    border-color: var(--cta-primary-hover);
}

/* ---------- 變體：成功 ---------- */
.cta-btn--success {
    background-color: var(--cta-success);
    color: #fff;
    box-shadow: 0 2px 8px rgba(46,139,87,0.25);
}
.cta-btn--success:hover { background-color: #267148; color: #fff; transform: translateY(-1px); }

/* ---------- 變體：危險（謹用，避免錯誤聯想） ---------- */
.cta-btn--danger {
    background-color: var(--cta-danger);
    color: #fff;
}
.cta-btn--danger:hover { background-color: #c44440; color: #fff; transform: translateY(-1px); }

/* ---------- 尺寸 ---------- */
.cta-btn--sm { min-height: 36px; padding: 0 14px; font-size: 13px; }
.cta-btn--md { /* 預設 */ }
.cta-btn--lg { min-height: 56px; padding: 0 30px; font-size: 17px; }
.cta-btn--xl { min-height: 60px; padding: 0 36px; font-size: 18px; font-weight: 700; }

/* ---------- 形狀 ---------- */
.cta-btn--pill   { border-radius: var(--cta-radius-pill); }
.cta-btn--square { border-radius: 4px; }

/* ---------- 滿版 ---------- */
.cta-btn--block { display: flex; width: 100%; }

/* ---------- 圖示按鈕 ---------- */
.cta-btn i { font-size: 1.05em; }

/* ---------- 狀態 ---------- */
.cta-btn[disabled],
.cta-btn.is-disabled {
    cursor: not-allowed;
    opacity: 0.55;
    pointer-events: none;
}

.cta-btn.is-loading {
    color: transparent !important;
    pointer-events: none;
    position: relative;
}
.cta-btn.is-loading::after {
    content: '';
    position: absolute;
    width: 18px; height: 18px;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    color: #fff;
    animation: cta_spin .8s linear infinite;
}
.cta-btn--secondary.is-loading::after,
.cta-btn--ghost.is-loading::after { color: var(--cta-primary); }

@keyframes cta_spin { to { transform: rotate(360deg); } }

@media (prefers-reduced-motion: reduce) {
    .cta-btn { transition: none; }
    .cta-btn:hover { transform: none; }
    .cta-btn.is-loading::after { animation: none; }
}

/* ---------- 行動版：自動拉到滿版高度 + 字級 ---------- */
@media (max-width: 576px) {
    .cta-btn { min-height: 48px; padding: 0 20px; font-size: 16px; }
    .cta-btn--lg { min-height: 52px; }
    .cta-btn--xl { min-height: 56px; }
    /* 手機時不該太多文字按鈕並排，鼓勵堆疊 */
    .cta-btn--mob-block { display: flex; width: 100%; }
}

/* ================================================================
   Sticky CTA bar（手機底部黏在視窗下緣的條狀 CTA）
   舊有 .cartbtn_mob 已存在；此處新類別 .cta-sticky 給日後其他頁用
   ================================================================ */
.cta-sticky {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9000;
    display: flex;
    gap: 0;
    background-color: #fff;
    box-shadow: 0 -4px 16px rgba(0,0,0,0.08);
    padding: 0;
    /* iOS 底部安全區 */
    padding-bottom: env(safe-area-inset-bottom, 0);
}
.cta-sticky .cta-btn {
    flex: 1;
    border-radius: 0;
    min-height: 56px;
}
.cta-sticky .cta-btn--secondary { border-width: 0; border-right: 1px solid #eee; }

@media (min-width: 992px) {
    /* 桌機隱藏 sticky bar，桌機自有右側 CTA */
    .cta-sticky--mobile-only { display: none; }
}

/* ================================================================
   既有按鈕的安全 polish（純添加 hover/click 回饋，不改色）
   ================================================================ */
.cartaddv3_btn, .cartaddv2_btn,
.sendv2_btn, .cancelv2_btn,
.prodaddv2_btn, .linkv2_btn, .callv2_btn,
.ticket_btn {
    transition:
        background-color .15s ease-out,
        color            .15s ease-out,
        box-shadow       .15s ease-out,
        transform        .10s ease-out;
}
.cartaddv3_btn:hover, .cartaddv2_btn:hover,
.sendv2_btn:hover,
.prodaddv2_btn:hover,
.ticket_btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.10);
}
.cartaddv3_btn:active, .cartaddv2_btn:active,
.sendv2_btn:active,
.prodaddv2_btn:active,
.ticket_btn:active {
    transform: translateY(0);
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}

@media (prefers-reduced-motion: reduce) {
    .cartaddv3_btn, .cartaddv2_btn,
    .sendv2_btn, .cancelv2_btn,
    .prodaddv2_btn, .linkv2_btn, .callv2_btn,
    .ticket_btn { transition: none; }
    .cartaddv3_btn:hover, .cartaddv2_btn:hover,
    .sendv2_btn:hover, .prodaddv2_btn:hover, .ticket_btn:hover { transform: none; }
}

/* ================================================================
   A/B 測試 hook（給 cta_ab_test.js 用，無樣式副作用）
   data-cta-id="xxx" data-cta-variant="A|B|C"
   ================================================================ */
[data-cta-variant] { /* 純標記，不出視覺 */ }

/* ===== css/skeleton.css ===== */
/* ================================================================
   骨架載入 Skeleton
   - GPU 加速 shimmer（用 transform 不用 background-position）
   - 與既有 CSS 完全獨立，命名空間 .sk-*
   - 尊重 prefers-reduced-motion
   ================================================================ */

:root {
    --sk-base:      #e6e6e6;   /* 底色 */
    --sk-highlight: #f3f3f3;   /* shimmer 高亮色 */
    --sk-radius:    6px;
    --sk-radius-lg: 10px;
    --sk-radius-pill: 999px;
    --sk-duration:  1.6s;
}

/* 容器：包整個骨架；fade-in 用 */
.sk-container {
    opacity: 1;
    transition: opacity .2s ease-out;
}
.sk-container.is-fading-out {
    opacity: 0;
}

/* 基底元素：方塊、文字線、圖、圓形、按鈕… */
.sk {
    position: relative;
    overflow: hidden;
    background-color: var(--sk-base);
    border-radius: var(--sk-radius);
    /* shimmer 高亮帶 */
}
.sk::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image: linear-gradient(
        90deg,
        rgba(255,255,255,0) 0%,
        var(--sk-highlight) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: translateX(-100%);
    animation: sk-shimmer var(--sk-duration) cubic-bezier(0.4, 0, 0.2, 1) infinite;
    will-change: transform;
}

@keyframes sk-shimmer {
    100% { transform: translateX(100%); }
}

/* 元素變化 */
.sk-block   { width: 100%; height: 40px; }
.sk-text    { width: 80%; height: 14px; margin: 6px 0; }
.sk-text--w50  { width: 50%; }
.sk-text--w30  { width: 30%; }
.sk-text--w70  { width: 70%; }
.sk-text--lg   { height: 18px; }
.sk-title   { width: 40%; height: 22px; margin-bottom: 12px; }
.sk-img     { width: 100%; aspect-ratio: 1 / 1; border-radius: var(--sk-radius-lg); }
.sk-thumb   { width: 80px; height: 80px; border-radius: var(--sk-radius-lg); flex-shrink: 0; }
.sk-thumb--sm { width: 60px; height: 60px; }
.sk-thumb--md { width: 130px; height: 130px; }
.sk-circle  { width: 48px; height: 48px; border-radius: 50%; }
.sk-btn     { width: 120px; height: 36px; border-radius: var(--sk-radius); }
.sk-btn--lg { height: 48px; width: 100%; border-radius: 8px; }
.sk-btn--pill { border-radius: var(--sk-radius-pill); }

/* 排版輔助 */
.sk-row {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 0;
    border-bottom: 1px solid #f3f3f3;
}
.sk-row:last-child { border-bottom: none; }
.sk-row__main {
    flex: 1 1 auto;
    min-width: 0;
}
.sk-row__aside {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.sk-section {
    background: #fff;
    border-radius: 12px;
    padding: 16px 18px;
    margin-bottom: 12px;
    border: 1px solid #f0f0f0;
}

.sk-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

/* 水平捲動（給 browseHistory widget 用） */
.sk-hscroll {
    display: flex;
    gap: 12px;
    overflow: hidden;
    padding: 4px 2px;
}
.sk-hcard {
    flex: 0 0 130px;
    width: 130px;
}
.sk-hcard .sk-thumb { width: 130px; height: 130px; }

/* 兩欄表單佈局（modal 用） */
.sk-form-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}
.sk-form-row__label { width: 80px; height: 14px; }
.sk-form-row__input { flex: 1; height: 38px; }

/* 響應式：手機列表骨架壓縮間距 */
@media (max-width: 576px) {
    .sk-thumb    { width: 64px; height: 64px; }
    .sk-thumb--md{ width: 100px; height: 100px; }
    .sk-hcard    { flex: 0 0 110px; width: 110px; }
    .sk-hcard .sk-thumb { width: 110px; height: 110px; }
    .sk-form-row { flex-wrap: wrap; }
    .sk-form-row__label { width: 60px; }
}

/* 尊重作業系統設定 */
@media (prefers-reduced-motion: reduce) {
    .sk::after {
        animation: none;
        background: var(--sk-highlight);
        opacity: 0.35;
        transform: none;
    }
    .sk-container { transition: none; }
}

/* 列印時不顯示骨架 */
@media print {
    .sk-container { display: none !important; }
}

/* ===== css/form_validator.css ===== */
/* ================================================================
   表單驗證視覺回饋 FormValidator
   - 不只靠顏色（搭配圖示與訊息，色盲友善）
   - WCAG 2.1 對比度達標
   - 訊息使用 role="alert" + aria-live
   ================================================================ */

:root {
    --fv-valid:        #2e8b57;   /* 綠 */
    --fv-valid-bg:     #f0faf4;
    --fv-invalid:      #d9534f;   /* 紅 */
    --fv-invalid-bg:   #fff5f4;
    --fv-focus:        #365a9e;
    --fv-disabled-bg:  #f4f4f4;
    --fv-disabled-fg:  #aaa;
}

/* ---------- 輸入框狀態 ---------- */

input.fv-valid,
textarea.fv-valid,
select.fv-valid {
    border-color: var(--fv-valid) !important;
    background-color: var(--fv-valid-bg);
    /* 右側勾號，用 SVG inline 不依賴 icon font */
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232e8b57' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='5 12 10 17 19 7'/></svg>");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 18px 18px;
    padding-right: 38px !important;
    /* 勾號彈入動畫：背景圖由小放大到正常尺寸 */
    animation: fv-check-in .35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

input.fv-invalid,
textarea.fv-invalid,
select.fv-invalid {
    border-color: var(--fv-invalid) !important;
    background-color: var(--fv-invalid-bg);
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d9534f' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><line x1='12' y1='8' x2='12' y2='13'/><line x1='12' y1='17' x2='12.01' y2='17'/></svg>");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 18px 18px;
    padding-right: 38px !important;
    /* 錯誤時欄位輕微抖動，提示使用者注意 */
    animation: fv-shake .32s ease-in-out;
}

@keyframes fv-check-in {
    0%   { background-size: 0 0; }
    60%  { background-size: 22px 22px; }
    100% { background-size: 18px 18px; }
}

@keyframes fv-shake {
    0%, 100% { transform: translateX(0); }
    20%      { transform: translateX(-5px); }
    40%      { transform: translateX(4px); }
    60%      { transform: translateX(-3px); }
    80%      { transform: translateX(2px); }
}

/* textarea 圖示靠上 + 留多一些 padding */
textarea.fv-valid,
textarea.fv-invalid {
    background-position: right 12px top 12px;
}

input:disabled,
textarea:disabled {
    background-color: var(--fv-disabled-bg) !important;
    color: var(--fv-disabled-fg) !important;
    cursor: not-allowed;
}

/* ---------- 錯誤/成功訊息 ---------- */

.fv-msg {
    font-size: 13px;
    line-height: 1.5;
    margin-top: 6px;
    min-height: 0;
    transition: color .15s ease-out;
}
.fv-msg:empty {
    margin-top: 0;
}
.fv-msg.is-error {
    color: var(--fv-invalid);
}
.fv-msg.is-success {
    color: var(--fv-valid);
}
.fv-msg__icon {
    display: inline-block;
    margin-right: 4px;
    font-weight: bold;
}

/* ---------- Label & 必填星號 ---------- */

.fv-label {
    display: block;
    font-size: 14px;
    color: #333;
    font-weight: 500;
    margin-bottom: 6px;
}
.fv-required {
    color: var(--fv-invalid);
    margin-left: 2px;
}

/* ---------- 提交按鈕 loading ---------- */

button.fv-submitting {
    cursor: wait;
    opacity: 0.7;
    pointer-events: none;
}

/* ================================================================
   密碼強度條 PasswordHelper
   ================================================================ */

.pw-strength {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 8px;
}
.pw-strength__bar {
    flex: 1;
    height: 6px;
    background-color: #eee;
    border-radius: 3px;
    overflow: hidden;
}
.pw-strength__fill {
    height: 100%;
    width: 0;
    background-color: #d9534f;
    transition: width .25s ease-out, background-color .15s;
    border-radius: 3px;
}
.pw-strength__fill[data-color="weak"]   { background-color: #d9534f; }
.pw-strength__fill[data-color="medium"] { background-color: #f0ad4e; }
.pw-strength__fill[data-color="strong"] { background-color: #2e8b57; }
.pw-strength__label {
    font-size: 13px;
    color: #666;
    min-width: 78px;
    text-align: right;
}

/* 條件清單 */
.pw-checks {
    list-style: none;
    padding: 0;
    margin: 8px 0 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 4px 14px;
    font-size: 13px;
    color: #999;
}
.pw-checks li {
    position: relative;
    padding-left: 22px;
}
.pw-checks li::before {
    content: '✗';
    position: absolute;
    left: 4px;
    color: #ccc;
    font-weight: bold;
}
.pw-checks li.is-pass {
    color: var(--fv-valid);
}
.pw-checks li.is-pass::before {
    content: '✓';
    color: var(--fv-valid);
}

/* ---------- 密碼欄位 + 顯示/隱藏鈕容器 ---------- */
.pw-input-wrap {
    position: relative;
}
.pw-input-wrap input {
    padding-right: 44px !important;
}
.pw-toggle-btn {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: #888;
    font-size: 18px;
    padding: 4px 8px;
    line-height: 1;
}
.pw-toggle-btn:hover { color: #333; }
.pw-toggle-btn:focus-visible { outline: 2px solid var(--fv-focus); outline-offset: 2px; }

/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion: reduce) {
    .fv-msg,
    .pw-strength__fill { transition: none; }
    input.fv-valid, textarea.fv-valid, select.fv-valid,
    input.fv-invalid, textarea.fv-invalid, select.fv-invalid {
        animation: none !important;
    }
}

/* ---------- 行動版微調 ---------- */
@media (max-width: 576px) {
    .pw-checks { grid-template-columns: 1fr 1fr; }
    .fv-msg { font-size: 12px; }
}

/* ===== css/breadcrumb.css ===== */
/* ================================================================
   麵包屑 Breadcrumb
   - 統一視覺、行動版橫滾、最後項灰色不可點
   - 蓋掉 common.css / shop-enhancements.css / shopContent_design.css / member_style.css 的舊規則
   ================================================================ */

.breadcrumb-wrap {
    max-width: 1400px;
    margin: 12px auto 18px;
    padding: 0 20px;
    overflow: hidden; /* 包住內部橫滾條 */
    box-sizing: border-box;
}

ul.breadcrumb {
    list-style: none;
    margin: 0;
    padding: 8px 0;
    display: flex;
    flex-wrap: nowrap;          /* 不換行，超出橫滾 */
    align-items: center;
    gap: 0;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    /* 隱藏 scrollbar 但保留滑動功能 */
    scrollbar-width: none;
    background: transparent;    /* 蓋掉 bootstrap 預設 */
    font-size: 13px;
    line-height: 1.5;
    color: #888;
}
ul.breadcrumb::-webkit-scrollbar { display: none; }

ul.breadcrumb li.breadcrumb__item {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    flex-shrink: 0;
    max-width: 220px;          /* 單項過長截斷 */
    overflow: hidden;
    text-overflow: ellipsis;
}

ul.breadcrumb li.breadcrumb__item a {
    color: #5d6878;
    text-decoration: none;
    padding: 4px 2px;
    transition: color .15s ease-out;
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
ul.breadcrumb li.breadcrumb__item a:hover {
    color: #333;
    text-decoration: underline;
}

/* 分隔符號 ›（在每個 li 之間，除了第一個） */
ul.breadcrumb li.breadcrumb__item + li.breadcrumb__item::before {
    content: '›';
    color: #c0c0c0;
    margin: 0 8px;
    font-weight: 400;
    flex-shrink: 0;
}

/* 最後一項：當前頁，灰色、不可點 */
ul.breadcrumb li.breadcrumb__item.is-current {
    color: #999;
    font-weight: 500;
}
ul.breadcrumb li.breadcrumb__item.is-current span {
    cursor: default;
}

/* 行動版：放大可點區域、留邊距 */
@media (max-width: 576px) {
    .breadcrumb-wrap {
        padding: 0 12px;
    }
    ul.breadcrumb {
        padding: 8px 0;
        font-size: 12px;
    }
    ul.breadcrumb li.breadcrumb__item {
        max-width: 160px;
    }
    ul.breadcrumb li.breadcrumb__item a {
        max-width: 160px;
        padding: 6px 2px;
    }
}

/* 列印不顯示 */
@media print {
    .breadcrumb-wrap { display: none !important; }
}

/* ===== css/a11y.css ===== */
/* ================================================================
   無障礙設計 a11y
   - 跳轉連結（skip-link）
   - 螢幕閱讀器專用文字（sr-only）
   - 全域 focus-visible 替代 outline:none
   - WCAG 2.1 AA 對應
   ================================================================ */

/* ---------- 跳到主要內容 ----------
   平常隱藏在畫面外；鍵盤聚焦時瞬間顯示，按 Enter 可跳到 #main-content
*/
.skip-link {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-200%);
    z-index: 10000;
    padding: 12px 18px;
    background: #1a1a2e;
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 600;
    border-radius: 0 0 6px 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    transition: transform 0.18s ease-out;
}
.skip-link:focus,
.skip-link:focus-visible {
    transform: translateY(0);
    outline: 3px solid #ff8a00;
    outline-offset: 0;
}

/* ---------- 螢幕閱讀器專用（視覺不顯示但 AT 可讀） ---------- */
.sr-only,
.visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}
/* 聚焦時可見（用於可被 tab 到的隱藏連結） */
.sr-only-focusable:focus,
.sr-only-focusable:focus-visible {
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important;
}

/* ---------- 全域 focus-visible 焦點環 ----------
   舊有 outline:none 規則仍會生效，但 :focus-visible 補上一層
   只有「鍵盤聚焦」才會出現亮環，滑鼠點擊不會
*/
*:focus-visible {
    outline: 3px solid #ff8a00 !important;
    outline-offset: 2px !important;
    border-radius: 4px;
}
/* 表單元素特別放大 */
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
button:focus-visible,
[role="button"]:focus-visible {
    outline: 3px solid #ff8a00 !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 4px rgba(255, 138, 0, 0.18);
}

/* 確保 #main-content 取得焦點時不出現難看的 outline（用 tabindex='-1' 進入）*/
#main-content:focus,
#main-content:focus-visible {
    outline: none !important;
}

/* ---------- 預設拒絕 outline:none 沒補替代的情境 ----------
   若有 .no-outline-but-focused 類別需要乾淨 hover，
   仍可用 outline:none。但別在「可聚焦」元素上用。
*/

/* ---------- 強制覆蓋既有 `outline:none !important` ----------
   下列既有 class 在 member_style.css / cart.css / common.css / login.css 等
   檔案中使用 !important 取消焦點環，無障礙會失分。
   這裡用高特異度（兩個 class）強制補回橘色焦點環。
*/
input.cart_point_input:focus-visible,
input.login_form:focus-visible,
input.login_form_key:focus-visible,
input.form_input_v1:focus-visible,
input.form-control:focus-visible,
select.form_select_v1:focus-visible,
textarea.form_input_v1:focus-visible,
.cart_point_input input:focus-visible,
.btn.shareBtnPublic:focus-visible {
    outline: 3px solid #ff8a00 !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 4px rgba(255, 138, 0, 0.18) !important;
}

/* ---------- 必填星號 aria-hidden 文字提示 ---------- */
[aria-required="true"] + label::after,
label.fv-label .fv-required {
    /* 既有 form_validator.css 已處理 */
}

/* ---------- 行動裝置最小觸控目標 44×44px（WCAG 2.5.5）----------
   只強制主要 CTA 與表單按鈕；icon 按鈕（如關閉×、書籤、加減數量）保留原尺寸
*/
@media (pointer: coarse) {
    .cta-btn,
    a.cta-btn,
    .form_button_order,
    .sendv2_btn,
    .cartaddv2_btn,
    .cartaddv3_btn,
    .prodaddv2_btn,
    .ticket_btn {
        min-height: 44px;
    }
}

/* ---------- 列印時保留 alt 文字顯示 ---------- */
@media print {
    img[alt]::after {
        content: attr(alt);
    }
    .skip-link { display: none !important; }
}

/* ---------- 高對比模式（Windows 高對比、forced-colors） ---------- */
@media (forced-colors: active) {
    .cta-btn,
    .skip-link {
        border: 2px solid ButtonText;
    }
}

/* ================================================================
   20261006 前台無障礙補強（搭配 js/a11y_front.js）
   ================================================================ */

/* 桌機下拉選單：鍵盤展開時（.open）也要顯示，不只 :hover */
.nav_item.open ul.sub_nav {
    display: block;
}
/* 包住選單文字的按鈕不改變原本排版 */
.a11y_navtoggle {
    display: inline-flex;
    align-items: center;
    gap: inherit;
    color: inherit;
    cursor: pointer;
}
/* 子選單項目聚焦時與 hover 同樣的底色提示 */
.nav_item ul.sub_nav li:focus-visible,
.nav_more_btn ul.sub_nav div:focus-visible {
    background: rgba(0, 0, 0, 0.06);
}

/* 購物車抽屜以 tabindex=-1 接焦點，不顯示外框 */
#cart_setcon:focus {
    outline: none !important;
}

/* 使用者在系統設定「減少動態效果」時，關閉動畫與平滑捲動（WCAG 2.3.3） */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

/* ================================================================
   會員中心：文字對比與版面（2026-10-06 第三輪，登入後實測）
   規則：一般文字對比 ≥ 4.5:1（WCAG 1.4.3）。品牌橘 #f97316 只當按鈕底色，
   當「文字色」用在白底時只有 2.8:1，改用同色系深橘 #c2410c（5.2:1）。
   ================================================================ */
body .e_important,
body .ct_showtime,
body .mbls1_list:nth-child(2) .mbls1_lright,
body .mb_mbls1_list:nth-child(2) .mb_mbls1_lright {
    color: #c2410c !important;
}
/* 購物車數量徽章：白字配深橘底 */
body .floating_shopCount,
body .footm_shopCount,
body .shopCount {
    background-color: #c2410c !important;
    color: #fff !important;
}
/* 灰色輔助字：#999 / #888 → #5f6368（白底 6.1:1、淺藍灰底 ≥ 5:1） */
body .this_block_v4_title_tab_nums,
body .empty_state__sub,
body .cccon_time {
    color: #5f6368 !important;
}
/* 麵包屑最後一層（目前頁面） */
body .breadcrumb span,
body .breadcrumb li:last-child,
body .breadcrumb .active {
    color: #5f6368 !important;
}

/* 折價券狀態章：原本被套上橘色按鈕底，綠字壓橘底看不清楚；改回白底印章 */
body .coupon_crbtn {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    width: auto !important;
    height: auto !important;
    cursor: default;
}
body .is_chking {
    color: #047857 !important;           /* 白底 5.5:1 */
    border-color: #047857 !important;
}
body .tbchking_hr { border-color: #047857 !important; }
body .is_used {
    color: #4b5563 !important;           /* 白底 7.6:1 */
    border-color: #4b5563 !important;
}
body .tb_hr { border-color: #4b5563 !important; }
body .is_end {
    color: #b91c1c !important;           /* 白底 6.5:1 */
    border-color: #b91c1c !important;
}
body .tbend_hr { border-color: #b91c1c !important; }
/* 已使用／已過期卡片：原本整張 opacity .68 會把文字對比拉到不及格，改只靠左側灰色標籤區分 */
body .coupon_card:has(.is_used),
body .coupon_card:has(.is_end) {
    opacity: 1 !important;
}

/* 基本資料：沒填的欄位原本只剩一條細灰框，看起來像跑版；顯示「未填寫」 */
body .evalue_minwidth:empty::before {
    content: "未填寫";
    color: #5f6368;
}
/* 折價券左側直排「折價券」：白字在 #e03f19 只有 4.3:1，底色加深一階到 #c2410c（5.2:1） */
body .coupon_cleft_text {
    background-color: #c2410c !important;
}
body .ccleft_intext {
    color: #fff !important;
}
/* 已使用／已過期：左側改深灰，白字仍有 4.8:1 */
body .coupon_card:has(.is_used) .coupon_cleft_text,
body .coupon_card:has(.is_end) .coupon_cleft_text {
    background-color: #6b7280 !important;
}

/* ===== css/shopto_design.css ===== */
/* ================================================================
   shopto_design.css  v2.0
   電商風格設計覆蓋層 — 依照 shopto 設計規範
   主色:   var(--sp-primary, #365a9e)  (品牌藍)
   CTA:    var(--sp-cta, #f97316)  (橙色轉換鈕)
   Footer: #1a1a1a bg / #ccc text
   ================================================================ */



:root {
    --sp-primary:        #365a9e;
    --sp-primary-rgb:    54,90,158;
    --sp-primary-dark:   #2a4780;
    --sp-primary-light:  #eef2fb;
    --sp-primary-mid:    #6887c4;
    --sp-cta:            #F97316;
    --sp-cta-rgb:        249,115,22;
    --sp-cta-dark:       #EA580C;
    --sp-text:           #1a1a2e;
    --sp-text-sub:       #666;
    --sp-text-light:     #999;
    --sp-border:         #e8edf5;
    --sp-bg:             #f5f7fc;
    --sp-white:          #ffffff;
    --sp-card-radius:    10px;
    --sp-btn-radius:     6px;
    --sp-shadow:         0 2px 12px rgba(54,90,158,0.10);
    --sp-shadow-hover:   0 8px 28px rgba(54,90,158,0.18);
}

html, body {
    font-family: 'Noto Sans TC', 'Microsoft JhengHei', sans-serif;
    font-size: 16px;
    line-height: 1.7;
    color: var(--sp-text);
    background-color: var(--sp-bg);
    background-image: none;
}

a, a:link, a:visited, a:active { color: var(--sp-text); text-decoration: none; }
a:hover { color: var(--sp-primary); }

/* ════════ HEADER — 毛玻璃效果 ════════ */
.myBoxHeader_top {
    background: rgba(255,255,255,0.82) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    box-shadow: 0 1px 0 rgba(232,237,245,0.8), 0 2px 20px rgba(0,0,0,0.06) !important;
    min-height: 70px !important;
    height: 70px !important;
    overflow: visible !important;
    /* 頁面頂端時建立堆疊上下文，讓 sub_nav z-index 生效 */
    position: relative;
    z-index: 900;
}
/* 滾動後 JS 加 .header--fixed → fixed 蓋過 relative，置頂功能正常運作 */
.myBoxHeader_top.header--fixed {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 900 !important;
}

.header_logo { width: 200px; padding: 0 16px; margin-right: 16px; }

.nav_right {
    min-height: 70px;
    height: 70px;        /* 明確設定高度，讓子層 height:100% 可以繼承 */
    padding: 0 28px;
    align-items: stretch;
    display: flex;
    overflow: visible;   /* 確保 sub_nav dropdown 不被裁切 */
}

.nav_itemgroups {
    width: calc(100% - 360px);
    height: 100%;
    gap: 0;
    align-items: stretch !important; /* 讓每個 nav_item 撐滿 header 高度 */
    overflow: visible;               /* 確保 sub_nav dropdown 不被裁切 */
}

/*
 * !! 關鍵修正 !!
 * nav_item 保留原本 height:100%（繼承自 nav_right / header）
 * 不可固定 height:70px，否則 sub_nav 的 top 計算基準會錯
 * padding 改為上下對稱，讓文字垂直置中
 */
.nav_item {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: var(--sp-text);
    padding: 0 16px;          /* 左右間距，高度繼承父層 */
    height: 100%;             /* 撐滿 header，hover 面積夠大 */
    line-height: 1;
    border-radius: 0;
    display: flex;
    flex-wrap: nowrap;        /* 不換行，避免撐破 */
    align-items: center;
    justify-content: center;
    position: relative;
    transition: color 0.2s ease, background 0.2s ease;
    white-space: nowrap;
    cursor: pointer;
}

.nav_item:hover {
    color: var(--sp-primary) !important;
    background-color: var(--sp-primary-light);
    border-radius: 0;
}

/* 底部藍色指示線 */
.nav_item::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    background: var(--sp-primary);
    transition: width 0.25s ease;
    pointer-events: none;
}
.nav_item:hover::after { width: 100%; }

/*
 * !! sub_nav 修正 !!
 * top: 100% = 緊貼 nav_item 底部（nav_item height:100% = header 完整高度）
 * 滑鼠從選單文字移到 sub_nav 之間「零空隙」→ 不會意外觸發 mouseout
 */
.nav_item ul.sub_nav {
    display: none;
    position: absolute;
    top: 100%;          /* 貼齊 nav_item 底部，無任何空隙 */
    left: 0;
    width: 210px;
    padding: 6px 0;
    margin: 0;
    list-style: none;
    background-color: var(--sp-white);
    border-radius: 0 0 var(--sp-card-radius) var(--sp-card-radius);
    box-shadow: 0 8px 28px rgba(0,0,0,0.15);
    z-index: 9999;
    transition: none !important; /* 關閉所有 transition，防止滑鼠移過間隙觸發 mouseout */
}
/* 讓 nav_item 和 sub_nav 之間完全無間隙 */
.nav_item { overflow: visible !important; }

.nav_item:hover ul.sub_nav { display: block; }

/* sub_nav 第一層 li */
.nav_item ul.sub_nav > li {
    width: 210px;
    padding: 12px 14px 12px 16px;
    font-size: 14px;
    font-weight: 400;
    color: var(--sp-text);
    border-bottom: 1px solid var(--sp-border);
    cursor: pointer;
    white-space: normal;
    word-break: break-word;
    overflow-wrap: break-word;
    position: relative;
    transition: background 0.15s ease, color 0.15s ease;
}

.nav_item ul.sub_nav > li:last-child { border-bottom: 0; }

.nav_item ul.sub_nav > li:hover {
    background-color: var(--sp-primary-light);
    color: var(--sp-primary);
}

/*
 * !! three_nav 第三層修正 !!
 * top: 0 / left: 210px → 貼齊父層 li 右側
 * 父層 li 已是 position:relative，所以三級選單定位正確
 */
.nav_item ul.three_nav {
    display: none;
    position: absolute;
    top: 0;
    left: 210px;
    width: 200px;
    padding: 6px 0;
    margin: 0;
    list-style: none;
    background-color: var(--sp-white);
    border-top: 3px solid var(--sp-primary);
    border-radius: 0 var(--sp-card-radius) var(--sp-card-radius) 0;
    box-shadow: 4px 8px 28px rgba(0,0,0,0.15);
    z-index: 9999;
    transition: none;
}

/* hover li 時顯示三級選單（原本邏輯） */
.nav_item ul.sub_nav li:hover ul.three_nav { display: block; }

.nav_item ul.three_nav > li {
    padding: 10px 14px 10px 16px;
    font-size: 14px;
    border-bottom: 1px solid var(--sp-border);
    color: var(--sp-text);
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}
.nav_item ul.three_nav > li:last-child { border-bottom: 0; }
.nav_item ul.three_nav > li:hover { background-color: var(--sp-primary-light); color: var(--sp-primary); }

/* icon 按鈕群 */
.nav_icongroups { width: 140px; height: 70px; }

.nav_iconlist {
    font-size: 19px;
    color: var(--sp-text-sub);
    padding: 0 10px;
    height: 70px;
    border-radius: 0;
    display: flex;
    align-items: center;
    transition: color 0.2s ease, background 0.2s ease;
}

.nav_iconlist:hover {
    color: var(--sp-primary);
    background-color: var(--sp-primary-light);
    transform: none;
}

.floating_shopCount { background: var(--sp-cta); width: 17px; height: 17px; font-size: 10px; top: 18px; left: 22px; }

.navbar-toggle_modify .icon-bar { background-color: var(--sp-text); }

/* ════════ 手機選單 ════════ */

/* nav_left：display 由 header_nav.css @media 控制，不覆寫 */
.nav_left {
    background-color: var(--sp-white);
    min-height: 60px;
    padding: 0 16px;
    box-shadow: 0 1px 0 var(--sp-border);
}

/* 選單主體：白底 */
.mobile_menu {
    background-color: #fff;
    width: 290px;
    box-shadow: 4px 0 32px rgba(0,0,0,0.10);
}

/* Header 品牌區塊 */
.mm_title {
    /* 20261015 sgccb：漸層終點改跟主色走（原寫死 #4872be，改主色後選單頭仍是藍色） */
    background: linear-gradient(145deg, var(--sp-primary) 0%, var(--sp-primary-dark) 100%);
    padding: 24px 18px 18px;
}

.mm_tsfonts {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: #fff;
    text-align: left;
    margin-bottom: 14px;
}

/* 社群 icon */
.mm_tsbtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    font-size: 16px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.3);
    background: rgba(255,255,255,0.12);
    color: rgba(255,255,255,0.8);
    margin: 0 3px;
    transition: background 0.2s, color 0.2s;
}
.mm_tsbtn:hover { color: #fff; background: rgba(255,255,255,0.22); }

/* 主選單 body 背景 */
.mm_body { background: #fff; }

/* ── 一級選單項目 ──
   覆蓋 header_nav.css 的 color:#fff 和 padding-left:20px */
.mm_mainMenu li.mm_mainlist {
    position: relative;
    width: 100%;
    color: var(--sp-text) !important;   /* 覆蓋 header_nav 的 #fff */
    padding: 0 12px;
    margin: 2px 0;
    border-bottom: none;
    transition: background 0.15s;
}
.mm_mainMenu li.mm_mainlist:hover {
    background-color: transparent;
    color: var(--sp-text) !important;
}

/* 無子選單的單一連結 */
.mm_mainMenu li.mm_mainlist.only_item > a {
    display: block;
    padding: 13px 10px;
    font-size: 15px;
    font-weight: 500;
    color: var(--sp-text) !important;
    border-radius: 8px;
    transition: background 0.15s, color 0.15s;
}
.mm_mainMenu li.mm_mainlist.only_item > a:hover {
    background: var(--sp-primary-light);
    color: var(--sp-primary) !important;
}

/* 有子選單的展開列 */
.mm_onelifonts {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    padding: 13px 10px;
    font-size: 15px;
    font-weight: 500;
    color: var(--sp-text) !important;
    border-radius: 8px;
    margin-bottom: 0;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
}
.mm_onelifonts:hover {
    background: var(--sp-primary-light);
    color: var(--sp-primary) !important;
}

/* active 展開狀態 — 淡藍底，深藍字，不用太多顏色 */
.mm_mainMenu li.mm_mainlist.active > .mm_onelifonts {
    background: var(--sp-primary-light);
    color: var(--sp-primary) !important;
    border-radius: 8px 8px 0 0;
    font-weight: 600;
}

/* 箭頭 */
.mm_liicon {
    font-size: 12px;
    color: #bbb;
    transition: transform 0.25s ease, color 0.2s;
    flex-shrink: 0;
}
.mm_mainMenu li.mm_mainlist.active i.mm_liicon {
    transform: rotate(90deg);
    color: var(--sp-primary);
}

/* ── 子選單容器 ── */
.mm_subMenu {
    display: none;
    width: 100%;
    list-style: none;
    padding: 4px 0 8px;
    background: #fafafa;    /* fallback */
    background: color-mix(in srgb, var(--sp-primary-light) 40%, #fff);
    border-radius: 0 0 8px 8px;
    border-top: 1px solid var(--sp-border);
}
/* header_nav.css 的 display:block 規則已處理展開邏輯，我們只需樣式 */

/* ── 子選單項目 ── */
.mm_subMenu li.mm_sublist {
    background-color: transparent;
    background-image: none;
    padding: 0;
    margin: 1px 8px;
    margin-left: 0;
    margin-right: 0;
    border-radius: 6px;
    transition: background 0.15s;
}
.mm_subMenu li.mm_sublist > a {
    display: flex !important;
    align-items: center;
    gap: 8px;
    padding: 10px 10px 10px 24px;
    font-size: 14px;
    color: var(--sp-text-sub) !important;
    text-decoration: none;
    transition: background 0.15s, color 0.15s;
}
.mm_subMenu li.mm_sublist > a::before {
    content: '';
    width: 12px;
    height: 1px;
    background: var(--sp-border);
    flex-shrink: 0;
}
.mm_subMenu li.mm_sublist:hover {
    background-color: transparent;
    background-position: unset;
}
.mm_subMenu li.mm_sublist:hover > a {
    background: var(--sp-primary-light);
    color: var(--sp-primary) !important;
}

/* 確保 a 連結顏色正確（覆蓋 header_nav 的 color:#fff） */
.mm_mainMenu li.mm_mainlist a { color: var(--sp-text) !important; }
.mm_subMenu li.mm_sublist a { color: var(--sp-text-sub) !important; }

/* ════════ 區塊標題 ════════ */
.html_indextitle {
    font-size: 26px;
    font-weight: 700;
    color: var(--sp-text);
    text-align: center;
    margin-top: 52px;
    margin-bottom: 28px;
    letter-spacing: 1.5px;
    line-height: 1.3;
    position: relative;
}

.html_indextitle::after {
    content: '';
    display: block;
    width: 44px;
    height: 3px;
    background: var(--sp-primary);
    margin: 12px auto 0;
    border-radius: 2px;
}

/* ════════ 商品卡片 ════════ */
ul.shop_selllist { padding: 0 20px 40px; gap: 15px; }

ul.shop_selllist.v_index li { width: calc((100% - 20px * 3) / 4); }

.v_grid .shop_pblock {
    background-color: var(--sp-white);
    border-radius: var(--sp-card-radius);
    border: 1px solid var(--sp-border);
    box-shadow: var(--sp-shadow);
    transition: box-shadow 0.28s ease, transform 0.28s ease, border-color 0.28s ease;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.v_grid .shop_pblock:hover {
    box-shadow: var(--sp-shadow-hover);
    transform: translateY(-5px);
    border-color: var(--sp-border);
}

.v_grid .shop_pimg { background-color: #f4f6fb; overflow: hidden; }
.v_grid .shop_pblock:hover .scale_img { transform: scale(1.06); transition: transform 0.5s ease; }

.v_grid .shop_listcon { padding: 14px 16px 8px; flex: 1; display: flex; flex-direction: column; }

.v_grid .shop_pname {
    font-size: 14px; font-weight: 600; color: var(--sp-text);
    line-height: 1.55; margin-bottom: 8px;
}

.v_grid .shop_price {
    font-size: 17px; font-weight: 700; color: var(--sp-cta);
    margin-bottom: 4px; display: flex; align-items: baseline; gap: 6px; flex-wrap: wrap;
}

.v_grid .shop_price_urdel { font-size: 13px; color: var(--sp-text-light); text-decoration: line-through; font-weight: 400; }

.v_grid .shop_pbtn { padding: 10px 16px 14px; text-align: center; }

.v_grid .shop_isoff { font-size: 13px; color: var(--sp-text-light); border-top: 1px solid var(--sp-border); background: #fafbfc; text-align: center; padding: 10px; }

/* ── 按鈕 ── */
.prodaddv2_btn {
    background-color: var(--sp-primary) !important;
    color: #fff !important;
    border-radius: var(--sp-btn-radius) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 9px 16px !important;
    transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease !important;
    border: none !important;
}
.prodaddv2_btn:hover {
    background-color: var(--sp-primary-dark) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 14px rgba(var(--sp-primary-rgb, 54,90,158),0.30) !important;
}

.cartaddv2_btn {
    background-color: var(--sp-cta) !important; color: #fff !important;
    border-radius: var(--sp-btn-radius) !important; font-weight: 600 !important;
    transition: background 0.2s ease, box-shadow 0.2s ease !important;
}
.cartaddv2_btn:hover { background-color: var(--sp-cta-dark) !important; box-shadow: 0 4px 14px rgba(var(--sp-cta-rgb, 249,115,22),0.32) !important; }

.cartaddv3_btn {
    background-color: var(--sp-primary-light) !important; color: var(--sp-primary) !important;
    border: 1.5px solid var(--sp-primary) !important; border-radius: var(--sp-btn-radius) !important;
    font-weight: 600 !important; transition: all 0.2s ease !important;
}
.cartaddv3_btn:hover { background-color: var(--sp-primary) !important; color: #fff !important; }

/* ════════ 「點我看更多」按鈕 — 重新設計 ════════ */
.news_bbtnblock {
    text-align: center;
    padding: 28px 0 48px;
}

/* shoptosendv2_btn 作為「看更多」的主要樣式 */
.shoptosendv2_btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: linear-gradient(135deg, var(--sp-primary) 0%, var(--sp-primary-dark) 100%) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 50px !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    letter-spacing: 1px;
    padding: 13px 40px !important;
    min-width: 160px;
    box-shadow: 0 4px 18px rgba(var(--sp-primary-rgb, 54,90,158),0.28) !important;
    transition: all 0.25s ease !important;
    position: relative;
    overflow: hidden;
	cursor:pointer;
}

.shoptosendv2_btn::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,0.08);
    opacity: 0;
    transition: opacity 0.2s ease;
}

.shoptosendv2_btn:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 28px rgba(var(--sp-primary-rgb, 54,90,158),0.38) !important;
    color: #fff !important;
}

.shoptosendv2_btn:hover::before { opacity: 1; }

/* 若按鈕文字有箭頭符號 → 補充動畫感 */
.shoptosendv2_btn:hover::after {
    content: ' →';
    animation: slideIn 0.2s ease;
}

@keyframes slideIn {
    from { opacity: 0; transform: translateX(-6px); }
    to   { opacity: 1; transform: translateX(0); }
}

.callv2_btn { background-color: #16a34a !important; color: #fff !important; border-radius: var(--sp-btn-radius) !important; font-weight: 600 !important; }

/* ════════ 最新消息：現代卡片網格（2欄，16:9圖片）════════ */
ul.news_main {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px !important;
    padding: 0 20px 16px !important;
    background: transparent !important;
    list-style: none;
    margin: 0;
    flex-wrap: unset !important;
}

ul.news_main li {
    width: 100% !important;
    flex-direction: column !important;
    padding: 0 !important;
    background-color: var(--sp-white) !important;
    border-radius: var(--sp-card-radius) !important;
    border: 1px solid var(--sp-border) !important;
    box-shadow: var(--sp-shadow) !important;
    overflow: hidden;
    cursor: pointer;
    transition: box-shadow 0.28s ease, transform 0.28s ease, border-color 0.28s ease !important;
    display: flex !important;
    flex-direction: column !important;
}

/* 移除預設 border-top（已由 grid gap 取代） */
ul.news_main li + li { border-top: none !important; }

ul.news_main li:hover {
    background-color: var(--sp-white) !important;
    box-shadow: var(--sp-shadow-hover) !important;
    transform: translateY(-5px) !important;
}

ul.news_main li:hover .imgAreaContain { transform: scale(1.04) !important; }

/* ── 圖片容器：強制 16:9 比例 ── */
.nmain_liimg {
    width: 100% !important;
    height: auto !important;
    overflow: hidden;
    flex-shrink: 0;
    position: relative;
}

/* padding-bottom: 56.25% = 16:9 */
.nmain_liimg .imgAreaContain {
    position: relative !important;
    width: 100% !important;
    height: 0 !important;
    padding-bottom: 56.25% !important;
    background-size: cover !important;
    background-position: center !important;
    border-radius: 0;
    transition: transform 0.4s ease;
}

/* 隱藏佔位圖（保留原 img 讓 background-image 運作）*/
.nmain_liimg .imgAreaContain img {
    position: absolute !important;
    top: 0; left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    visibility: hidden !important;
}

/* ── 文字資訊區塊 ── */
.nmain_liinfo {
    width: 100% !important;
    padding: 18px 20px 16px !important;
    flex: 1;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
}

.nmain_lcinfo { width: 100%; align-self: auto !important; }

/* ── 分類標籤 ── */
.nmain_classtag {
    display: inline-block !important;
    background-color: var(--sp-primary-light) !important;
    color: var(--sp-primary) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 3px 12px !important;
    border-radius: 20px !important;
    letter-spacing: 0.8px;
    margin-bottom: 10px !important;
    text-transform: uppercase;
}

/* 無分類時隱藏空標籤 */
.nmain_classtag:empty { display: none !important; }

/* ── 標題 ── */
.nmain_btitle {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: var(--sp-text) !important;
    line-height: 1.5;
    margin-top: 0 !important;
    white-space: normal !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    transition: color 0.2s ease;
}

ul.news_main li:hover .nmain_btitle { color: var(--sp-primary) !important; }

/* ── 摘要描述 ── */
.nmain_desc {
    font-size: 13px !important;
    color: var(--sp-text-sub) !important;
    margin-top: 8px !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical;
    line-height: 1.65;
}

/* ── 底部：日期 + 閱讀更多 ── */
.amain_othermsg {
    font-size: 12px !important;
    color: var(--sp-text-light) !important;
    margin-top: 14px !important;
    padding-top: 12px !important;
    border-top: 1px solid var(--sp-border) !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100%;
    align-self: flex-end !important;
}

/* 在日期右側加入「閱讀更多」提示 */
.amain_othermsg::after {
    content: '閱讀更多 →';
    font-size: 12px;
    font-weight: 600;
    color: var(--sp-primary);
    opacity: 0;
    transform: translateX(-6px);
    transition: opacity 0.25s ease, transform 0.25s ease;
}

ul.news_main li:hover .amain_othermsg::after {
    opacity: 1;
    transform: translateX(0);
}

/* ════════ 推薦文章：三欄卡片 ════════ */
.aindexmain_block { padding: 0 20px; overflow: visible !important; }

ul.article_indexmain {
    flex-wrap: wrap !important;
    gap: 20px;
    overflow: visible !important;
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.article_indexmain li {
    width: calc((100% - 40px) / 3) !important;
    margin: 0 !important;
    border-radius: var(--sp-card-radius) !important;
    box-shadow: var(--sp-shadow) !important;
    border: 1px solid var(--sp-border);
    background: var(--sp-white) !important;
    transition: box-shadow 0.28s ease, transform 0.28s ease, border-color 0.28s ease !important;
    overflow: hidden;
}

ul.article_indexmain li:hover {
    box-shadow: var(--sp-shadow-hover) !important;
    transform: translateY(-5px) !important;
}

ul.article_indexmain li:hover .imgAreaContain { transform: scale(1.05) !important; }
.aindexmain_liimg { overflow: hidden; }
.aindexmain_liinfo { padding: 16px 18px 18px !important; }
.aindexmain_classtag { margin-bottom: 6px !important; }
.aindexmain_time { font-size: 12px !important; color: var(--sp-text-light) !important; margin-left: 8px; }

.aindexmain_btitle {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: var(--sp-text) !important;
    margin-top: 6px !important;
    line-height: 1.5;
    -webkit-line-clamp: 2 !important;
}

ul.article_indexmain li:hover .aindexmain_btitle { color: var(--sp-primary) !important; }

.aindexmain_desc {
    font-size: 13px !important;
    color: var(--sp-text-sub) !important;
    margin-top: 6px;
    -webkit-line-clamp: 2 !important;
    line-height: 1.6;
}

.aindexmain_more {
    font-size: 13px !important;
    color: var(--sp-primary) !important;
    margin-top: 14px !important;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
}

/* ════════ Footer ════════ */
.footer_block {
    background-color: #1a1a1a !important;
    color: #ccc !important;
    padding: 44px 36px 24px !important;
    border-top: 3px solid var(--sp-primary);
}

.footer_left  { width: calc(100% / 3); padding-right: 28px; padding-bottom: 24px; }
.footer_middle{ width: calc(100% / 3); padding-bottom: 24px; }
.footer_right { width: calc(100% / 3); padding-bottom: 24px; }

.footer_section_title {
    font-size: 12px;
    font-weight: 700;
    color: #888;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 16px;
    padding-bottom: 10px;
    border-bottom: 1px solid #2e2e2e;
}

.fm_li { font-size: 14px !important; color: #aaa !important; line-height: 2 !important; letter-spacing: 0.3px !important; }
.fm_li label { font-size: 13px !important; font-weight: 600 !important; color: #ccc !important; }
.fm_li.fcompname:before,.fm_li.fidnumber:before,.fm_li.fphone:before,.fm_li.fmail:before,.fm_li.faddr:before { color: var(--sp-primary-mid) !important; }

.fm_liv1 { font-size: 14px !important; color: #aaa !important; line-height: 1.9 !important; }
.fm_liv1 label { color: #ccc !important; font-weight: 600 !important; font-size: 13px !important; }
.fm_liv1.fservicetime:before { color: var(--sp-primary-mid) !important; }

.footer_block a { color: #aaa !important; transition: color 0.18s ease; }
.footer_block a:hover { color: #fff !important; text-decoration: none; }

.fr_li {
    font-size: 14px !important;
    color: #aaa !important;
    letter-spacing: 0.3px !important;
    margin: 2px 0 !important;
    display: block !important;
    line-height: 2.2 !important;
}

.footer_btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    font-size: 20px !important;
    border-radius: 50% !important;
    cursor: pointer;
    margin: 6px 4px !important;
    color: #888 !important;
    background: transparent !important;
    border: 1px solid #2e2e2e !important;
    transition: all 0.2s ease !important;
}

.footer_btn:hover {
    color: #fff !important;
    background-color: var(--sp-primary) !important;
    border-color: var(--sp-primary) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(var(--sp-primary-rgb, 54,90,158),0.3);
}

.footer_full {
    color: #555 !important;
    font-size: 13px !important;
    border-top: 1px solid #2a2a2a !important;
    padding: 16px 0 12px !important;
    letter-spacing: 0.3px !important;
    width: 100%;
    text-align: center;
    line-height: 1.7;
}
.footer_full a { color: var(--sp-primary-mid) !important; }
.footer_full a:hover { color: #fff !important; }

.footer_img { padding: 16px 0 8px; border-top: 1px solid #2a2a2a; }

/* ════════ 手機底部 TabBar ════════ */
.footermenu_mob {
    background: rgba(20,20,20,0.95);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-top: 1px solid #2a2a2a;
    padding: 6px 0;
}

.fmob_icon { color: #888; font-size: 20px; }
.fmob_fonts { color: #888; font-size: 11px; font-weight: 500; }
.footm_li:hover .fmob_icon,.footm_li:hover .fmob_fonts { color: var(--sp-primary-mid); }
.footm_shopCount { background: var(--sp-cta); }

/* ════════ 側邊浮動按鈕 ════════
   大容器透明（無背景），每個 icon 有獨立圓形白底+毛玻璃
   ═══════════════════════════════════════════════════════ */
.floatisFixed {
    right: 14px;
    bottom: 18%;
    box-shadow: none !important;
}

/* 移除外層大背景容器 */
.floatisFixed .list_unstyled {
    background: transparent !important;
    padding: 4px 0 !important;
    box-shadow: none !important;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
}

/* 每個 icon 按鈕：獨立毛玻璃圓形背景 */
.float_item {
    width: 46px;
    height: 46px;
    padding: 0;
    background: rgba(255,255,255,0.82) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(255,255,255,0.6) !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.12) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.22s ease;
    margin: 0 !important;
    color: var(--sp-primary) !important;
}

.top_only { border-top: none !important; }

.flitem_icon {
    font-size: 20px !important;
    color: var(--sp-primary) !important;
    transition: color 0.2s ease, transform 0.22s ease;
    display: block;
}

.float_item:hover {
    background: var(--sp-primary) !important;
    border-color: var(--sp-primary) !important;
    box-shadow: 0 4px 18px rgba(var(--sp-primary-rgb, 54,90,158),0.32) !important;
    transform: translateY(-3px) scale(1.08);
}

.float_item:hover .flitem_icon,
.float_item:hover a {
    color: #fff !important;
}

.float_item a {
    color: var(--sp-primary) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

/* ════════ 其他雜項 ════════ */
.breadcrumb { font-size: 13px; color: var(--sp-text-sub); background: transparent; padding: 10px 20px; }
.breadcrumb > li a:hover { color: var(--sp-primary); }

.html_title {
    font-size: 24px; font-weight: 700; color: var(--sp-text);
    letter-spacing: 1px; padding: 6px 0; margin-top: 16px; margin-bottom: 4px; text-align: center;
}
.html_title::after { content: ''; display: block; width: 36px; height: 3px; background: var(--sp-primary); border-radius: 2px; margin: 8px auto 0; }

.show_msg { background-color: var(--sp-primary) !important; border-radius: var(--sp-btn-radius); font-size: 14px; font-weight: 600; }

.cart_listblock { border-radius: var(--sp-card-radius) 0 0 var(--sp-card-radius) !important; box-shadow: -4px 0 28px rgba(0,0,0,0.12) !important; border: none !important; }

::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #f0f2f7; }
::-webkit-scrollbar-thumb { background: #c5cde8; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--sp-primary); }

/* ════════ RWD ════════ */
@media (max-width: 1100px) {
    ul.shop_selllist.v_index li { width: calc((100% - 20px * 2) / 3); }
    ul.article_indexmain li { width: calc((100% - 20px) / 2) !important; }
}

@media (max-width: 768px) {
    .html_indextitle { font-size: 21px; margin-top: 36px; margin-bottom: 20px; }
    ul.shop_selllist { padding: 0 12px 28px; gap: 12px; }
    ul.shop_selllist.v_index li { width: calc((100% - 12px) / 2); }
    /* 與上方 gap:12px 對齊，避免兩欄被擠成單欄（手機跑版修正） */
    ul.shop_selllist.v_grid li,
    .scon_full ul.shop_selllist.v_grid li { width: calc((100% - 12px) / 2); }
    ul.news_main { padding: 0 12px 8px !important; gap: 14px !important; grid-template-columns: 1fr !important; }
    ul.news_main li { width: 100% !important; }
    ul.article_indexmain li { width: 100% !important; }
    .aindexmain_block { padding: 0 12px; }
    .footer_left,.footer_middle,.footer_right { width: 100%; padding-right: 0; }
    .footer_block { padding: 28px 18px 16px !important; }
    .fr_li { display: inline-block !important; margin: 3px 8px !important; }
}

@media (max-width: 480px) {
    ul.shop_selllist.v_index li { width: calc((100% - 10px) / 2); }
    ul.shop_selllist { gap: 10px; }
    /* 同步 v_grid 寬度與 gap:10px 對齊，避免溢出換行 */
    ul.shop_selllist.v_grid li,
    .scon_full ul.shop_selllist.v_grid li { width: calc((100% - 10px) / 2); }
}

/* ============================================================
   大圖輪播 UX/UI 優化
   ============================================================ */

/* 輪播容器 */
#index_carousel {
    position: relative;
    overflow: hidden;
}

/* 每一張輪播 item */
#index_carousel .imgAreaContain {
    position: relative;
    overflow: hidden;
}

/* 圖片 Ken Burns 縮放動畫（滑動時的視差感） */
#index_carousel .owl-item.active .imgAreaContain {
    animation: carouselZoomIn 10s ease-out forwards;
}

@keyframes carouselZoomIn {
    0%   { background-size: 108%; }
    100% { background-size: 100%; }
}

/* ── 漸層遮罩：底部文字區底色 ── */
#index_carousel .imgAreaContain::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        transparent 45%,
        rgba(0,0,0,0.18) 70%,
        rgba(0,0,0,0.42) 100%
    );
    pointer-events: none;
    z-index: 1;
}

/* ── 圖片說明文字（滑入動畫）── */
#index_carousel .slide_caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    padding: 28px 36px 32px;
    color: #fff;
    opacity: 0;
    transform: translateY(14px);
    transition: opacity 0.6s ease 0.3s, transform 0.6s ease 0.3s;
    pointer-events: none;
}

#index_carousel .owl-item.active .slide_caption {
    opacity: 1;
    transform: translateY(0);
}

.slide_caption_title {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.5px;
    line-height: 1.4;
    text-shadow: 0 2px 8px rgba(0,0,0,0.45);
    margin: 0 0 6px;
}

.slide_caption_sub {
    font-size: 14px;
    opacity: 0.85;
    text-shadow: 0 1px 4px rgba(0,0,0,0.4);
}

/* ── 左右切換箭頭 ── */
#index_carousel .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    display: flex !important;
    justify-content: space-between;
    pointer-events: none;
    padding: 0 14px;
    z-index: 10;
}

#index_carousel .owl-prev,
#index_carousel .owl-next {
    pointer-events: auto;
    width: 44px;
    height: 44px;
    background: rgba(255,255,255,0.18) !important;
    border: 1.5px solid rgba(255,255,255,0.5) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    transition: background 0.25s ease, transform 0.2s ease, opacity 0.25s ease !important;
    opacity: 0;
    color: #fff !important;
    font-size: 20px !important;
    line-height: 1 !important;
}

/* 僅在 hover 輪播區時顯示箭頭 */
#index_carousel:hover .owl-prev,
#index_carousel:hover .owl-next {
    opacity: 1;
}

#index_carousel .owl-prev:hover,
#index_carousel .owl-next:hover {
    background: rgba(255,255,255,0.32) !important;
    transform: scale(1.08);
}

#index_carousel .owl-prev:active,
#index_carousel .owl-next:active {
    transform: scale(0.95);
}

/* ── 底部圓點指示器 ── */
#index_carousel .owl-dots {
    position: absolute;
    bottom: 14px;
    left: 50%;
    transform: translateX(-50%);
    display: flex !important;
    gap: 8px;
    z-index: 10;
}

#index_carousel .owl-dot span {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,0.5) !important;
    transition: background 0.25s ease, transform 0.25s ease !important;
    display: block;
    margin: 0 !important;
}

#index_carousel .owl-dot.active span {
    background: #fff !important;
    transform: scale(1.35);
}

#index_carousel .owl-dot:hover span {
    background: rgba(255,255,255,0.85) !important;
}

/* ── 進度條（自動播放倒數視覺） ── */
#index_carousel::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    background: rgba(255,255,255,0.75);
    z-index: 20;
    animation: none;
    width: 0%;
}

#index_carousel.is-playing::after {
    animation: slideProgress 10s linear infinite;
}

@keyframes slideProgress {
    0%   { width: 0%; }
    100% { width: 100%; }
}

/* ── 手機版微調 ── */
@media (max-width: 768px) {
    #index_carousel .owl-prev,
    #index_carousel .owl-next {
        width: 36px;
        height: 36px;
        font-size: 16px !important;
        opacity: 0.65 !important; /* 手機版常顯 */
    }

    .slide_caption_title { font-size: 17px; }
    .slide_caption_sub   { font-size: 12px; }

    #index_carousel .slide_caption {
        padding: 18px 18px 28px;
    }
}


/* navText 為空字串時，用 CSS ::before 繪製箭頭符號 */
#index_carousel .owl-prev::before { content: '❮'; font-size: 18px; color: #fff; }
#index_carousel .owl-next::before { content: '❯'; font-size: 18px; color: #fff; }
/* ===== css/ui_unify.css ===== */
/* ================================================================
   前台按鈕色彩統一（2026-09-12）
   規則：
   1. 購物 CTA（放入購物車 / 立即購買 / 結帳 / 再買一次 / 領折價券）→ 主強調色 --sp-cta（橘），全站唯一會「跳出來」的按鈕
   2. 其他所有按鈕（送出、登入、搜尋、套用篩選、返回、看更多…）→ 品牌主色 --sp-primary；
      次要動作（取消、清除、關閉）→ 白底＋主色細框
   3. 分頁、標籤、連結色也一律用主色，不再出現黑 / 紫 / 綠等雜色
   此檔在所有前台樣式之後載入；因既有樣式大量使用 !important，這裡也以 !important 統一覆蓋。
   ================================================================ */
:root {
  --ui-primary:       var(--sp-primary, #365a9e);
  --ui-primary-dark:  var(--sp-primary-dark, #2a4780);
  --ui-primary-soft:  var(--sp-primary-light, #eef2fb);
  --ui-cta:           var(--sp-cta, #f97316);
  --ui-cta-dark:      var(--sp-cta-dark, #ea580c);
  --ui-radius:        10px;
  --ui-text:          var(--sp-text, #1a1a2e);
  --ui-border:        var(--sp-border, #e3e8f0);
  /* 舊系統 token 一併對齊，避免零星按鈕仍用舊黑色 / 舊橘色 */
  --main-color:       var(--sp-primary, #365a9e);
  --cta-primary:      var(--sp-cta, #f97316);
  --cta-primary-hover:var(--sp-cta-dark, #ea580c);
  --cta-ghost-color:  var(--sp-primary, #365a9e);
}

/* ---------- 1. 購物 CTA：橘色 ---------- */
body .prodaddv2_btn, body .cartaddv2_btn, body .cartaddv3_btn,
body .cartbtn_li_full, body .cartbtn_li_redfull, body .cartbtn_li_r, body .cartbtn_mob_r,
body .order_repurchase_btn, body .product-buy-btn, body .savelater_btn_addcart,
body .cta-btn--primary {
  background-color: var(--ui-cta) !important; background-image: none !important;
  color: #fff !important; border: 1px solid var(--ui-cta) !important;
  border-radius: var(--ui-radius) !important; font-weight: 700 !important;
  box-shadow: 0 2px 10px rgba(var(--sp-cta-rgb, 249,115,22),.22) !important;
  transition: background .18s, box-shadow .18s, transform .18s !important;
}
body .prodaddv2_btn:hover, body .cartaddv2_btn:hover, body .cartaddv3_btn:hover,
body .cartbtn_li_full:hover, body .cartbtn_li_redfull:hover, body .cartbtn_li_r:hover, body .cartbtn_mob_r:hover,
body .order_repurchase_btn:hover, body .product-buy-btn:hover, body .savelater_btn_addcart:hover,
body .cta-btn--primary:hover {
  background: var(--ui-cta-dark) !important; border-color: var(--ui-cta-dark) !important; color: #fff !important;
  box-shadow: 0 6px 18px rgba(var(--sp-cta-rgb, 249,115,22),.30) !important; transform: translateY(-1px) !important;
}
/* 商品頁「立即購買」與「加入購物車」並排時：立即購買維持實心橘，加入購物車用橘色外框，仍屬 CTA 但有主次 */
body .cartaddv3_btn { background: #fff !important; color: var(--ui-cta) !important; box-shadow: none !important; }
body .cartaddv3_btn:hover { background: var(--ui-cta) !important; color: #fff !important; }

/* ---------- 2. 一般按鈕：品牌主色 ---------- */
body .sendv2_btn, body .addv2_btn, body .searchv2_btn, body .linkv2_btn, body .callv2_btn, body .ticket_btn, body .editor_btn,
body .login_btn, body .cart_point_btn, body .sf_apply, body .sp-send-btn, body .nf-btn-primary, body .password-submit,
body .shoptosendv2_btn, body .not_online_btn, body .t1v8_btn_style, body .form_btn_out_f16c5d, body .form_button,
body .btn-primary, body .cta-btn--success, body .cta-btn--danger,
body .cartbtn_li_l, body .cartbtn_mob_l, body .google_btn {
  background-color: var(--ui-primary) !important; background-image: none !important;
  color: #fff !important; border: 1px solid var(--ui-primary) !important;
  border-radius: var(--ui-radius) !important; font-weight: 600 !important;
  box-shadow: none !important; letter-spacing: .02em;
  transition: background .18s, border-color .18s, color .18s, transform .18s !important;
}
body .sendv2_btn:hover, body .addv2_btn:hover, body .searchv2_btn:hover, body .linkv2_btn:hover, body .callv2_btn:hover, body .ticket_btn:hover, body .editor_btn:hover,
body .login_btn:hover, body .cart_point_btn:hover, body .sf_apply:hover, body .sp-send-btn:hover, body .nf-btn-primary:hover, body .password-submit:hover,
body .shoptosendv2_btn:hover, body .not_online_btn:hover, body .t1v8_btn_style:hover, body .form_btn_out_f16c5d:hover, body .form_button:hover,
body .btn-primary:hover, body .cta-btn--success:hover, body .cta-btn--danger:hover,
body .cartbtn_li_l:hover, body .cartbtn_mob_l:hover, body .google_btn:hover {
  background: var(--ui-primary-dark) !important; border-color: var(--ui-primary-dark) !important; color: #fff !important;
  transform: translateY(-1px) !important; box-shadow: none !important;
}
body .shoptosendv2_btn::before, body .shoptosendv2_btn:hover::after { display: none !important; content: none !important; }

/* ---------- 3. 次要按鈕：白底主色細框 ---------- */
body .cancelv2_btn, body .sf_clear, body .sf_clearall, body .nf-btn-ghost, body .cta-btn--secondary, body .cta-btn--ghost,
body .savelater_btn_remove, body .sendv2_out_btn, body .sendv2sim_btn, body .btn-default, body .line_delbtn,
body .spec-toggle-btn, body .rv_photo_btn, body .shop_filter_btn {
  background-color: #fff !important; background-image: none !important;
  color: var(--ui-primary) !important; border: 1px solid var(--ui-border) !important;
  border-radius: var(--ui-radius) !important; font-weight: 600 !important; box-shadow: none !important;
  transition: border-color .18s, background .18s, color .18s !important;
}
body .cancelv2_btn:hover, body .sf_clear:hover, body .sf_clearall:hover, body .nf-btn-ghost:hover, body .cta-btn--secondary:hover, body .cta-btn--ghost:hover,
body .savelater_btn_remove:hover, body .sendv2_out_btn:hover, body .sendv2sim_btn:hover, body .btn-default:hover, body .line_delbtn:hover,
body .spec-toggle-btn:hover, body .rv_photo_btn:hover, body .shop_filter_btn:hover {
  border-color: var(--ui-primary) !important; background: var(--ui-primary-soft) !important; color: var(--ui-primary) !important;
}
body .spec-toggle-btn { border-style: dashed !important; }
body .sf_clear, body .sf_clearall { border-color: transparent !important; padding-left: 4px !important; padding-right: 4px !important; }
body .sf_clear:hover, body .sf_clearall:hover { background: transparent !important; text-decoration: underline; }

/* ---------- 4. 分頁 / 標籤 / 連結 ---------- */
body .pagination > li > a, body .pagination > li > span { color: var(--ui-text) !important; box-shadow: none !important; }
body .pagination > li > a:hover { background: var(--ui-primary-soft) !important; color: var(--ui-primary) !important; }
body .pagination > li.active > a, body .pagination > li.active > span, body .pagination > li.active > a:hover {
  background: var(--ui-primary) !important; color: #fff !important; box-shadow: none !important;
}
body .pagination-wrap { box-shadow: none !important; border: 1px solid var(--ui-border); }
/* 社群登入 / 分享按鈕維持各平台色，不在統一範圍 */

/* ================================================================
   首頁「最新消息」：改成消息列表感（左小圖右文字、兩欄、緊湊）
   取代 shopto_design.css 的兩張超大 16:9 卡片
   ================================================================ */
body ul.news_main { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px !important; padding: 0 20px 4px !important; margin: 0 !important; }

body ul.news_main li { flex-direction: row !important; align-items: stretch !important; border-radius: 14px !important; box-shadow: none !important; }
body ul.news_main li:hover { transform: none !important; box-shadow: 0 6px 18px rgba(15,23,42,.06) !important; border-color: var(--ui-primary) !important; }
body ul.news_main li .nmain_liimg { width: 200px !important; flex: 0 0 200px !important; }
body ul.news_main li .nmain_liimg .imgAreaContain { height: 100% !important; padding-bottom: 0 !important; min-height: 140px; }
body ul.news_main li:hover .imgAreaContain { transform: scale(1.03) !important; }
body ul.news_main li .nmain_liinfo { padding: 16px 18px 14px !important; justify-content: space-between !important; min-width: 0; }
body ul.news_main li .nmain_lcinfo { display: flex; flex-direction: column; }
body ul.news_main li .nmain_classtag { order: 0; display: inline-block !important; font-size: 11.5px !important; padding: 2px 8px !important; border-radius: 999px !important; background: var(--ui-primary-soft) !important; color: var(--ui-primary) !important; margin: 0 0 8px !important; width: fit-content; }
body ul.news_main li .nmain_btitle { font-size: 16px !important; line-height: 1.45 !important; margin: 0 0 6px !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
body ul.news_main li .nmain_desc { font-size: 13px !important; line-height: 1.6 !important; color: var(--sp-text-sub, #666) !important; margin: 0 !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
body ul.news_main li .amain_othermsg { margin-top: 10px !important; padding-top: 8px !important; font-size: 12px !important; }
@media (max-width: 1024px) { body ul.news_main li .nmain_liimg { width: 160px !important; flex-basis: 160px !important; } body ul.news_main li .nmain_liimg .imgAreaContain { min-height: 120px; } }
@media (max-width: 767px) {
  body ul.news_main { grid-template-columns: 1fr !important; gap: 10px !important; padding: 0 12px 4px !important; }
  body ul.news_main li .nmain_liimg { width: 118px !important; flex-basis: 118px !important; }
  body ul.news_main li .nmain_liimg .imgAreaContain { min-height: 100px; }
  body ul.news_main li .nmain_liinfo { padding: 10px 12px !important; }
  body ul.news_main li .nmain_btitle { font-size: 14.5px !important; }
  body ul.news_main li .nmain_desc { -webkit-line-clamp: 1; }
  body ul.news_main li .amain_othermsg { margin-top: 6px !important; padding-top: 6px !important; }
  body ul.news_main li .amain_othermsg::after { display: none; }
}
body ul.news_main li .nmain_classtag:empty { display: none !important; }

/* ================================================================
   首頁「商品分類」膠囊：淡主色底 + 主色字 + 數量小圓標，明顯但不搶戲
   ================================================================ */
body .ils-cats-chips { gap: 10px 12px !important; padding: 26px 16px 26px !important; }
body .ils-cat-chip { padding: 11px 18px 11px 20px !important; font-size: 15px !important; font-weight: 600 !important; background: var(--ui-primary-soft) !important; border: 1px solid color-mix(in srgb, var(--ui-primary) 28%, #fff) !important; color: var(--ui-primary) !important; box-shadow: none !important; letter-spacing: .02em; }
body .ils-cat-chip span { min-width: 22px; height: 22px; padding: 0 7px; border-radius: 999px; background: #fff !important; color: var(--ui-primary) !important; font-size: 12px !important; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; margin-left: 2px; }
body .ils-cat-chip:hover { background: var(--ui-primary) !important; border-color: var(--ui-primary) !important; color: #fff !important; transform: translateY(-1px); }
body .ils-cat-chip:hover span { background: rgba(255,255,255,.22) !important; color: #fff !important; }
@media (max-width: 767px) { body .ils-cat-chip { padding: 9px 14px 9px 16px !important; font-size: 14px !important; } }

/* 頁尾圖示：不要按鈕感，回到細框圓形圖示 */
body .footer_btn { background: transparent !important; border: 1px solid rgba(255,255,255,.22) !important; color: rgba(255,255,255,.75) !important; border-radius: 50% !important; box-shadow: none !important; }
body .footer_btn:hover { border-color: rgba(255,255,255,.6) !important; color: #fff !important; background: rgba(255,255,255,.06) !important; }

/* ================================================================
   頁尾 v2：四欄整齊網格 + 底部版權列（2026-09-12）
   ================================================================ */
body .footer_v2 { display: block !important; padding: 0 !important; background: #16181d !important; color: #cfd3da !important; border-top: 3px solid var(--ui-primary) !important; }
body .footer_v2 .footer_inner { max-width: 1280px; margin: 0 auto; padding: 52px 24px 40px; display: grid; grid-template-columns: 1.15fr 1.3fr .8fr 1fr; gap: 40px; }
body .footer_v2 .footer_col { width: auto !important; padding: 0 !important; min-width: 0; }
body .footer_v2 .footer_brand { font-size: 22px; font-weight: 700; color: #fff; letter-spacing: .04em; margin-bottom: 22px; padding-left: 14px; border-left: 3px solid var(--ui-primary); line-height: 1.2; }
body .footer_v2 .footer_h { font-size: 12.5px; font-weight: 700; color: #8b93a1; letter-spacing: .18em; text-transform: uppercase; margin: 0 0 14px; padding: 0; border: 0; }
body .footer_v2 ul { list-style: none; margin: 0; padding: 0; }
body .footer_v2 .fm_liv1 { display: block !important; padding: 0 !important; font-size: 14px !important; line-height: 1.9 !important; color: #b6bcc7 !important; letter-spacing: .02em !important; }
body .footer_v2 .fm_liv1.fservicetime:before { display: none !important; }
body .footer_v2 .fm_li { display: flex !important; gap: 10px; align-items: flex-start; font-size: 14px !important; line-height: 1.7 !important; color: #b6bcc7 !important; padding: 5px 0 !important; letter-spacing: .02em !important; }
body .footer_v2 .fm_li:before { position: static !important; margin-top: 2px; font-size: 14px !important; color: var(--ui-primary) !important; opacity: .9; }
body .footer_v2 .fm_li label { flex: 0 0 auto; color: #8b93a1 !important; font-weight: 500 !important; font-size: 13px !important; padding: 0 !important; margin: 0 !important; min-width: 40px; }
body .footer_v2 .fm_li a { color: #e5e8ee !important; }
body .footer_v2 .fm_li a:hover { color: #fff !important; text-decoration: underline; text-underline-offset: 3px; }
body .footer_v2 .fr_li { display: block !important; margin: 0 !important; padding: 0 !important; line-height: 2.1 !important; font-size: 14px !important; letter-spacing: .02em !important; }
body .footer_v2 .fr_li a { color: #b6bcc7 !important; }
body .footer_v2 .fr_li a:hover { color: #fff !important; padding-left: 4px; transition: padding .15s, color .15s; }
body .footer_v2 .footer_icons { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
body .footer_v2 .footer_btn { width: 38px !important; height: 38px !important; margin: 0 !important; font-size: 17px !important; border-radius: 50% !important; background: rgba(255,255,255,.04) !important; border: 1px solid rgba(255,255,255,.16) !important; color: #c3c9d3 !important; display: inline-flex !important; align-items: center; justify-content: center; }
body .footer_v2 .footer_btn:hover { background: var(--ui-primary) !important; border-color: var(--ui-primary) !important; color: #fff !important; }
body .footer_v2 .footer_fbpage { border-radius: 10px; overflow: hidden; max-width: 100%; }
body .footer_v2 .footer_bottom { border-top: 1px solid rgba(255,255,255,.08); }
body .footer_v2 .footer_bottom_in { display: flex !important; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 24px !important; grid-template-columns: none; }
body .footer_v2 .footer_img { width: auto !important; padding: 0 !important; text-align: left !important; display: flex; gap: 10px; align-items: center; }
body .footer_v2 .footer_img img { width: auto; height: 44px !important; max-width: none; margin: 0 !important; border-radius: 6px; opacity: .9; }
body .footer_v2 .footer_full { width: auto !important; border: 0 !important; padding: 0 !important; font-size: 12.5px !important; color: #7f8794 !important; letter-spacing: .04em !important; text-align: right !important; margin-left: auto; }
body .footer_v2 .footer_full a { color: #aab1bd !important; }
@media (max-width: 1024px) { body .footer_v2 .footer_inner { grid-template-columns: 1fr 1fr; gap: 32px 28px; padding: 40px 20px 28px; } }
@media (max-width: 640px) {
  body .footer_v2 .footer_inner { grid-template-columns: 1fr; gap: 26px; padding: 32px 18px 22px; }
  body .footer_v2 .footer_brand { margin-bottom: 14px; }
  /* 20261112 手機版服務連結改兩欄，右邊不再空一大片 */
  body .footer_v2 ul.footerright { display: grid !important; grid-template-columns: 1fr 1fr; column-gap: 16px; }
  body .footer_v2 .fr_li { line-height: 1.5 !important; }
  body .footer_v2 .fr_li a { display: block; padding: 7px 0; }
  body .footer_v2 .footer_bottom_in { flex-direction: column; align-items: flex-start; gap: 12px; padding: 16px 18px 22px !important; }
  body .footer_v2 .footer_full { text-align: left !important; margin-left: 0; }
}

/* ============================================================
   商品頁購買按鈕（頁內）：兩顆等高等寬、稍後再買改成安靜的文字連結
   ============================================================ */
body .cartbtn_block { display: flex; gap: 10px; margin: 14px 0 0; }
body .cartbtn_50width, body .cartbtn_100width { flex: 1 1 0; min-width: 0; }
body .cartaddv3_btn, body .cartaddv2_btn {
  height: 48px; padding: 0 14px !important; font-size: 15px !important; line-height: 1 !important;
  border-radius: var(--ui-radius) !important; gap: 8px !important; letter-spacing: .02em;
  /* 20260930 固定高度 + padding 0 時，非 flex 的頁面（cart.php 等）文字會貼在按鈕上緣 → 一律 flex 置中 */
  display: inline-flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important;
}
/* 20260930 側邊購物車「訂單結帳」：外框原本 57px 裝不下 48px 按鈕 + 上下 10px 內距 → 按鈕底部被切
   外框改 68px，上方商品列表（cart.css 原本 calc(100% - 57px)）同步讓出 68px */
body .cart_btncon { height: 68px !important; box-sizing: border-box !important; }
body .cart_itemcon { height: calc(100% - 68px) !important; }
body .cart_btncon .cartaddv2_btn { display: flex !important; width: 100% !important; }
body .cartaddv3_btn { border: 1.5px solid var(--ui-cta) !important; background: #fff !important; color: var(--ui-cta) !important; box-shadow: none !important; }
body .cartaddv3_btn:hover { background: rgba(var(--sp-cta-rgb, 249,115,22),.08) !important; color: var(--ui-cta) !important; transform: none !important; box-shadow: none !important; }
body .cartaddv2_btn { border: 1.5px solid var(--ui-cta) !important; box-shadow: 0 4px 14px rgba(var(--sp-cta-rgb, 249,115,22),.25) !important; }
body .cartaddv2_btn:hover { border-color: var(--ui-cta-dark) !important; }
body .cartaddv3_btn i, body .cartaddv2_btn i { font-size: 16px; }
body .savelater_link_block { text-align: left; margin-top: 10px; }
body .savelater_link_btn {
  display: inline-flex !important; align-items: center; gap: 6px; padding: 4px 2px !important;
  background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  color: #6b7280 !important; font-size: 13.5px !important; font-weight: 500 !important; letter-spacing: .02em;
  transition: color .15s !important;
}
body .savelater_link_btn:hover { color: var(--ui-primary) !important; background: transparent !important; transform: none !important; text-decoration: underline; text-underline-offset: 4px; }
body .savelater_link_btn i { font-size: 15px; }

/* ============================================================
   底部固定購買列 buybar v2：桌機浮動卡片（縮圖＋品名＋價格＋按鈕）、手機貼底
   ============================================================ */
body .cartbtn_mob {
  position: fixed; left: 50%; bottom: 18px; right: auto; top: auto; z-index: 850;
  width: min(calc(100% - 32px), 960px); height: auto;
  display: flex; flex-wrap: nowrap; align-items: center; gap: 14px;
  padding: 10px 10px 10px 14px; box-sizing: border-box;
  background: rgba(255,255,255,.96); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  border: 1px solid rgba(15,23,42,.08); border-radius: 16px;
  box-shadow: 0 12px 34px rgba(15,23,42,.16), 0 2px 6px rgba(15,23,42,.06);
  transform: translate(-50%, calc(100% + 40px)); opacity: 0;
  transition: transform .32s cubic-bezier(.4,0,.2,1), opacity .25s;
  font-size: 14px; text-align: left; user-select: none;
}
body .cartbtn_mob.fshow { bottom: 18px; transform: translate(-50%, 0); opacity: 1; }
body .cartbtn_info { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 12px; }
body .cartbtn_info img { width: 48px; height: 48px; border-radius: 10px; object-fit: cover; flex: 0 0 48px; border: 1px solid rgba(15,23,42,.06); background: #f4f6f9; }
body .cartbtn_info_txt { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
body .cartbtn_info_txt b { font-size: 14px; font-weight: 600; color: #0f172a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.3; }
body .cartbtn_info_txt .shopcon_price { display: flex; align-items: baseline; gap: 6px; margin: 0; padding: 0; line-height: 1.2; }
body .cartbtn_info_txt .sc_currency_style { font-size: 12px; font-weight: 700; color: var(--ui-cta); }
body .cartbtn_info_txt .sc_price_style { font-size: 19px; font-weight: 800; color: var(--ui-cta); letter-spacing: -.01em; }
body .cartbtn_info_txt .sc_price_urdel { font-size: 12px; color: #9ca3af; text-decoration: line-through; }
body .cartbtn_actions { flex: 0 0 auto; display: flex; align-items: center; gap: 8px; }
body .cartbtn_actions > div { position: static; width: auto; height: 44px; padding: 0 !important; margin: 0; }
body .cartbtn_mob_savelater {
  flex: 0 0 44px !important; width: 44px !important; display: flex; align-items: center; justify-content: center;
  border: 1.5px solid #e2e6ec !important; border-radius: var(--ui-radius) !important; background: #fff !important;
  color: #6b7280 !important; font-size: 18px !important; cursor: pointer; transition: all .15s !important;
}
body .cartbtn_mob_savelater:hover, body .cartbtn_mob_savelater:active { border-color: var(--ui-primary) !important; color: var(--ui-primary) !important; background: rgba(var(--sp-primary-rgb, 54,90,158),.06) !important; }
body .cartbtn_mob_l, body .cartbtn_mob_r, body .cartbtn_li_full, body .cartbtn_li_redfull, body .cartbtn_li_l, body .cartbtn_li_r {
  flex: 0 0 auto !important; min-width: 150px; padding: 0 22px !important; height: 44px;
  display: inline-flex !important; align-items: center; justify-content: center; gap: 8px;
  font-size: 15px !important; line-height: 1 !important; border-radius: var(--ui-radius) !important; letter-spacing: .02em; white-space: nowrap;
}
body .cartbtn_mob_l, body .cartbtn_li_l {
  background: #fff !important; color: var(--ui-cta) !important; border: 1.5px solid var(--ui-cta) !important; box-shadow: none !important;
}
body .cartbtn_mob_l:hover, body .cartbtn_li_l:hover { background: rgba(var(--sp-cta-rgb, 249,115,22),.08) !important; color: var(--ui-cta) !important; border-color: var(--ui-cta) !important; transform: none !important; }
body .cartbtn_mob_r:hover, body .cartbtn_li_r:hover, body .cartbtn_li_full:hover, body .cartbtn_li_redfull:hover { transform: none !important; }
body .cartbtn_li_full, body .cartbtn_li_redfull { min-width: 220px; }
@media (max-width: 767px) {
  body .cartbtn_mob, body .cartbtn_mob.fshow {
    left: 0; right: 0; bottom: 66px; width: 100%; border-radius: 16px 16px 0 0; gap: 8px; /* 66px = 手機底部選單 footermenu_mob 高度，購買列疊在它上面 */
    padding: 10px 12px; border-width: 1px 0 0; box-shadow: 0 -8px 24px rgba(15,23,42,.12);
    transform: translate(0, calc(100% + 20px));
  }
  body .cartbtn_mob.fshow { transform: translate(0, 0); }
  body .cartbtn_info { display: none; }
  body .cartbtn_actions { flex: 1 1 auto; width: 100%; }
  body .cartbtn_actions > div { height: 46px; }
  body .cartbtn_mob_savelater { flex: 0 0 46px !important; width: 46px !important; }
  body .cartbtn_mob_l, body .cartbtn_mob_r, body .cartbtn_li_full, body .cartbtn_li_redfull, body .cartbtn_li_l, body .cartbtn_li_r { flex: 1 1 0 !important; min-width: 0; padding: 0 10px !important; height: 46px; }
  body .cartbtn_mob_r, body .cartbtn_li_r { flex-grow: 1.25 !important; }
}

/* ============================================================
   圖片 SEO：背景圖容器裡的真正 <img>（由 img_seo_realize 自動加入）
   ============================================================ */
body .imgAreaContain { position: relative; }
body .imgAreaContain > img.ia-real, body .imgAreaContain > a > img.ia-real { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; object-fit: cover; object-position: center; visibility: visible !important; display: block; margin: 0; border: 0; }

/* 購物車「使用此門市」等 .form_button 原本沒有任何樣式（顯示成瀏覽器預設灰框），補尺寸；顏色走上方主要按鈕 */
body .form_button { font-size: 13px !important; padding: 6px 14px !important; cursor: pointer; line-height: 1.4; }