/* 縮小失敗。正在傳回未縮小的內容。 (3076,41): run-time error CSS1046: Expect comma, found '0' (3076,45): run-time error CSS1046: Expect comma, found '/' (3077,33): run-time error CSS1046: Expect comma, found '0' (3077,37): run-time error CSS1046: Expect comma, found '/' (8686,43): run-time error CSS1046: Expect comma, found '0' (8686,47): run-time error CSS1046: Expect comma, found '/' (8687,35): run-time error CSS1046: Expect comma, found '0' (8687,39): run-time error CSS1046: Expect comma, found '/' (8750,43): run-time error CSS1046: Expect comma, found '0' (8750,47): run-time error CSS1046: Expect comma, found '/' (8751,35): run-time error CSS1046: Expect comma, found '0' (8751,39): run-time error CSS1046: Expect comma, found '/' (10848,1): run-time error CSS1019: Unexpected token, found '}' */ /*! jQuery UI - v1.10.4 - 2014-01-17 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css * Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:999999}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin-top:2px;padding:.5em .5em .5em .7em;min-height:0}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-noicons{padding-left:.7em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.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-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}.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:700;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;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;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-dialog{overflow:hidden;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:0;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 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-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-menu{list-style:none;padding:2px;margin:0;display:block;outline:0}.ui-menu .ui-menu{margin-top:-3px;position:absolute}.ui-menu .ui-menu-item{margin:0;padding:0;width:100%;list-style-image:url(/Content/Uninet/css/data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.ui-menu .ui-menu-divider{margin:5px -2px 5px -2px;height:0;font-size:0;line-height:0;border-width:1px 0 0}.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:2px .4em;line-height:1.5;min-height:0;font-weight:400}.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active{font-weight:400;margin:-1px}.ui-menu .ui-state-disabled{font-weight:400;margin:.4em 0 .2em;line-height:1.5}.ui-menu .ui-state-disabled a{cursor:default}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item a{position:relative;padding-left:2em}.ui-menu .ui-icon{position:absolute;top:.2em;left:.2em}.ui-menu .ui-menu-icon{position:static;float:right}.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(/Content/Uninet/css/images/animated-overlay.gif);height:100%;filter:alpha(opacity=25);opacity:.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;display:block}.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-selectable-helper{position:absolute;z-index:100;border:1px dotted #000}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default}.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-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:0;background:0;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:0;border-bottom:0;border-right:0}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:0}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #aaa;background:#fff url(/Content/Uninet/css/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #aaa;background:#ccc url(/Content/Uninet/css/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;color:#222;font-weight:700}.ui-widget-header a{color:#222}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6 url(/Content/Uninet/css/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;font-weight:400;color:#555}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #999;background:#dadada url(/Content/Uninet/css/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;font-weight:400;color:#212121}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#212121;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:#fff url(/Content/Uninet/css/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;font-weight:400;color:#212121}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url(/Content/Uninet/css/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url(/Content/Uninet/css/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;color:#cd0a0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:700}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:400}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(/Content/Uninet/css/images/ui-icons_222222_256x240.png)}.ui-widget-header .ui-icon{background-image:url(/Content/Uninet/css/images/ui-icons_222222_256x240.png)}.ui-state-default .ui-icon{background-image:url(/Content/Uninet/css/images/ui-icons_888888_256x240.png)}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url(/Content/Uninet/css/images/ui-icons_454545_256x240.png)}.ui-state-active .ui-icon{background-image:url(/Content/Uninet/css/images/ui-icons_454545_256x240.png)}.ui-state-highlight .ui-icon{background-image:url(/Content/Uninet/css/images/ui-icons_2e83ff_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(/Content/Uninet/css/images/ui-icons_cd0a0a_256x240.png)}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#aaa url(/Content/Uninet/css/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa url(/Content/Uninet/css/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px} .ui-datepicker-trigger{vertical-align: middle;} @charset "utf-8"; /***** Global Settings *****/ html,body { border: 0px; margin: 0px auto 0px auto; padding: 0px; } body { /*background: url(/Content/Frontend/images/mutual/top_bg02.gif) top repeat-x;*/ font: 12px "Microsoft JhengHei", Arial, Helvetica, sans-serif; } a:focus { outline: none; } input { line-height: 18px; height: 18px; padding: 1px; } input[type="text"],input[type="password"] { background-color: white; border: solid 1px #bfbdbd; line-height: initial; } input[type="radio"] { bottom: 3px; height: 15px; /*-- position: relative; --*/ vertical-align: middle; width: 15px; } input[type="checkbox"] { top: 0px; position: relative; vertical-align: middle; height: 13px; width: 13px; padding-right: 2px; } textarea { background-color: white; border: solid 1px #bfbdbd; } select { padding: 1px; } .clear { clear: both; } .wrapper { width: 1000px; /* max-width: 1000px;*/ height: auto; margin: 0 auto 0 auto; } .wrapper685 { width: 685px; height: auto; margin: 0 auto 0 auto; } .header685 { background: url(/Content/Frontend/images/mutual/top_bg.gif) repeat-x; width: 685px; height: 111px; margin: 0 auto 0 auto; padding: 0px; } .top { width: 807px; height: 111px; float: right; margin: 0px; padding: 0px; } .sitebtn { width: auto; height: 48px; margin: 0px; padding: 0px; float: right; } .eventPlay { width: 430px; height: 48px; float: left; margin: 0px; padding: 0px; } .navBox { width: 781px; height: 63px; margin: 0px; padding: 0px; float: left; } .nav { background: url(/Content/Frontend/images/mutual/navbg.jpg) no-repeat; width: 781px; height: 32px; margin: 0px; padding: 0px; float: left; } .navSub { width: 781px; height: 31px; background-image: url(/Content/Frontend/images/mutual/nav_drop_bg.gif); background-repeat: repeat-x; margin: 0px; padding: 0px; z-index: 1; float: left; } .navSub a { display: block; height: 21px; font-size: 13px; color: #000000; text-decoration: none; padding: 10px 10px 0px 10px; font-weight: normal; font-family: "Microsoft JhengHei", Arial, Helvetica, sans-serif; } .navSub a:hover { height: 21px; background: #fed61c; text-decoration: none; font-weight: normal; } .navdrop { width: 120px; background: #fccd00; border-bottom: 1px solid #e99100; border-left: 1px solid #e99100; border-right: 1px solid #e99100; z-index: 9999; } .navdrop a { display: block; font-weight: normal; font-size: 12px; color: #000000; text-decoration: none; padding: 5px; border-top: 1px solid #e99100; } .navdrop a:hover { display: block; background-color: #f1b40e; text-decoration: none; } /* individual nav */ .nav a#nav01 { width: 96px; height: 32px; background-image: url(/Content/Frontend/images/mutual/nav01.jpg); background-repeat: no-repeat; float: left; } .nav a#nav01:hover { background-image: url(/Content/Frontend/images/mutual/nav01O.jpg); background-repeat: no-repeat; } .nav a#nav02 { width: 94px; height: 32px; background-image: url(/Content/Frontend/images/mutual/nav02.jpg); background-repeat: no-repeat; float: left; } .nav a#nav02:hover { background-image: url(/Content/Frontend/images/mutual/nav02O.jpg); background-repeat: no-repeat; } .nav a#nav03 { width: 123px; height: 32px; background-image: url(/Content/Frontend/images/mutual/nav03.jpg); background-repeat: no-repeat; float: left; } .nav a#nav03:hover { background-image: url(/Content/Frontend/images/mutual/nav03O.jpg); background-repeat: no-repeat; } .nav a#nav04 { width: 180px; height: 32px; background-image: url(/Content/Frontend/images/mutual/nav04.jpg); background-repeat: no-repeat; float: left; } .nav a#nav04:hover { background-image: url(/Content/Frontend/images/mutual/nav04O.jpg); background-repeat: no-repeat; } .nav a#nav05 { width: 94px; height: 32px; background-image: url(/Content/Frontend/images/mutual/nav05.jpg); background-repeat: no-repeat; float: left; } .nav a#nav05:hover { background-image: url(/Content/Frontend/images/mutual/nav05O.jpg); background-repeat: no-repeat; } .nav a#nav06 { width: 95px; height: 32px; background-image: url(/Content/Frontend/images/mutual/nav06.jpg); background-repeat: no-repeat; float: left; } .nav a#nav06:hover { background-image: url(/Content/Frontend/images/mutual/nav06O.jpg); background-repeat: no-repeat; } .nav a#nav07 { width: 99px; height: 32px; background-image: url(/Content/Frontend/images/mutual/nav07.jpg); background-repeat: no-repeat; float: left; } .nav a#nav07:hover { background-image: url(/Content/Frontend/images/mutual/nav07O.jpg); background-repeat: no-repeat; } /* nav insurance */ .nav a#Innav01, .nav a#Ponav01 { width: 103px; height: 32px; background-image: url(/Content/Frontend/images/insurance/nav01.jpg); background-repeat: no-repeat; float: left; } .nav a#Innav01:hover, .nav a#Ponav01:hover { background-image: url(/Content/Frontend/images/insurance/nav01o.jpg); background-repeat: no-repeat; } .nav a#Innav02, .nav a#Ponav02 { width: 103px; height: 32px; background-image: url(/Content/Frontend/images/insurance/nav02.jpg); background-repeat: no-repeat; float: left; } .nav a#Innav02:hover, .nav a#Ponav02:hover { background-image: url(/Content/Frontend/images/insurance/nav02o.jpg); background-repeat: no-repeat; } .nav a#Innav03 { width: 103px; height: 32px; background-image: url(/Content/Frontend/images/insurance/nav03.jpg); background-repeat: no-repeat; float: left; } .nav a#Innav03:hover { background-image: url(/Content/Frontend/images/insurance/nav03o.jpg); background-repeat: no-repeat; } .nav a#Innav04, .nav a#Ponav04 { width: 103px; height: 32px; background-image: url(/Content/Frontend/images/insurance/nav04.jpg); background-repeat: no-repeat; float: left; } .nav a#Innav04:hover, .nav a#Ponav04:hover { background-image: url(/Content/Frontend/images/insurance/nav04o.jpg); background-repeat: no-repeat; } .nav a#Innav05, .nav a#Ponav05 { width: 103px; height: 32px; background-image: url(/Content/Frontend/images/insurance/nav05.jpg); background-repeat: no-repeat; float: left; } .nav a#Innav05:hover, .nav a#Ponav05:hover { background-image: url(/Content/Frontend/images/insurance/nav05o.jpg); background-repeat: no-repeat; } .nav a#Innav06 { width: 103px; height: 32px; background-image: url(/Content/Frontend/images/insurance/nav06.jpg); background-repeat: no-repeat; float: left; } .nav a#Innav06:hover { background-image: url(/Content/Frontend/images/insurance/nav06o.jpg); background-repeat: no-repeat; } .nav a#Ponav03 { width: 132px; height: 32px; background-image: url(/Content/Frontend/images/post/nav03.jpg); background-repeat: no-repeat; float: left; } .nav a#Ponav03:hover { background-image: url(/Content/Frontend/images/post/nav03o.jpg); background-repeat: no-repeat; } .band { display: none; background: url(/Content/Frontend/images/mutual/oggi_bg.gif) no-repeat; width: 1000px; height: 3px; margin: 0px 0px 0px 0px; padding: 0px; overflow: hidden; /* used for hiding the exceed content over the height */ } .top_bar { /*-- background: url(/Content/Frontend/images/mutual/bg02.gif) repeat-x; width: 1000px; margin: 0px; padding: 0px; --*/ margin-bottom: 10px; padding: 8px 0; border: 1px solid #ddd; clear: both; } .top_bar:after { content: ""; clear: both; display: block; } .container { width: 950px; padding: 0px 25px 0px 25px; margin: 0px; } .container_alt { padding: 0px 25px; margin: 15px auto; position: relative; } .container_alt01 { width: 100%; max-width: 950px; padding: 0px 25px 0px 25px; margin: 15px 0px 15px 0px; position: relative; } .container_alt02 { width: 685px; padding: 0px; margin: 8px auto 0px auto; } .left_column { display: inline; width: 270px; height: auto; margin: 15px 15px 15px 0px; padding: 0px; float: left; *background: #ffffff; /* 千萬不要移除 */ } .l_box1 { width: 270px; height: auto; margin: 0px; padding: 0px; } .l_box2 { width: 270px; height: 90px; margin-top: 12px; padding: 0px; } .l_box3 { width: 270px; height: auto; margin: 12px 0px 0px 0px; padding: 0px; } .l_box4 { width: 270px; height: auto; margin: 12px 0px 0px 0px; padding: 0px; } .l_box5 { width: 270px; height: auto; margin: 12px 0px 0px 0px; padding: 0px; } .mid_column { width: 400px; height: auto; margin: 15px 15px 15px 0px; padding: 0px; float: left; display: inline; } .m_kv { width: 400px; height: 344px; margin: 0px; padding: 0px; } .m_box2 { width: 400px; height: 38px; margin: 0px; padding: 0px; } .m_box3 { width: 400px; height: auto; margin: 0px; padding: 0px; } .right_column { width: 250px; height: auto; margin: 15px 0px 15px 0px; padding: 0px; float: right; display: inline; } .r_box1 { background: url(/Content/Frontend/images/mutual/banner01.jpg) no-repeat; width: 250px; height: 78px; margin: 0px; padding: 0px; } .r_box1_alt { background-color: #cccccc; width: 250px; height: 78px; margin: 0px; padding: 0px; } .r_box2_alt { width: 250px; height: auto; margin-bottom: 12px; padding: 0px; } .r_box2 { width: 250px; height: auto; margin-top: 12px; padding: 0px; } .r_box3 { width: 250px; height: auto; margin: 12px 0px 0px 0px; padding: 0px; } .r_box4 { width: 250px; height: auto; margin: 12px 0px 0px 0px; padding: 0px; } .r_box4_btm { background: url(/Content/Frontend/images/mutual/250_bottom.gif) no-repeat; width: 250px; height: 6px; margin: 0px; padding: 0px; } /* 基金排行榜 */ .chart_border { border-bottom: 1px solid #c4c4c4; } .warning { width: 950px; background-color: #f4f4f4; margin: 0px; padding: 25px 25px 25px 25px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #656565; float: left; } /**** 我要找基金 ****/ .fund_finder { background: url(/Content/Frontend/images/mutual/fund_title.jpg) no-repeat; width: 180px; height: 50px; float: left; margin: 0px; padding: 40px 0px 0px 10px; *padding: 40px0px0px10px; } .fund_fla { background: url(/Content/Frontend/images/mutual/banner07.jpg) no-repeat; width: 80px; height: 90px; float: right; margin: 0px; padding: 0px; } #txt_find { border: 1px solid #c8c8c8; width: 120px; height: 14px; *height: 13px; margin: 0px; padding: 2px0px2px5px; *padding: 4px0px1px6px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #676767; } #txt_finda { border: 1px solid #c8c8c8; width: 120px; height: 14px; *height: 13px; margin: 0px; padding: 2px0px2px5px; *padding: 4px0px1px6px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #676767; } .exlink_bg { background: url(/Content/Frontend/images/mutual/250_bg.gif) repeat-y; width: 225px; height: auto; margin: 0px; padding: 5px 12px 5px 13px; } .exlink_bot { margin: 0px 0px 5px 0px; padding: 0px; } .report_bg { background: url(/Content/Frontend/images/mutual/250_bg.gif) repeat-y; width: 234px; height: auto; margin: 0px; padding: 7px 8px 0px 8px; } /**** 項目清單 *****/ .report_ul { width: 370px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #363636; padding: 0px; margin: 0px; } .report_ul li { width: 360px; background: url(/Content/Frontend/images/mutual/blu_arro.gif) 0px 10px no-repeat; *background: url(/Content/Frontend/images/mutual/blu_arro.gif) 0px7pxno-repeat; list-style: none; line-height: 20px; *line-height: 21px; padding-left: 10px; text-decoration: none; font-size: 13px; color: #363636; font-weight: normal; } .report_ul li a { text-decoration: none; font-size: 13px; color: #363636; font-weight: normal; } .report_ul li a:hover { text-decoration: none; font-size: 13px; color: #336699; font-weight: normal; } .tv_ul { width: 234px; margin: 0px; padding: 0px; } .tv_ul li { background: url(/Content/Frontend/images/mutual/blu_arro.gif) 0px 7px no-repeat; *background: url(/Content/Frontend/images/mutual/blu_arro.gif) 0px5pxno-repeat; list-style: none; line-height: 18px; *line-height: 19px; padding-left: 10px; text-decoration: none; font-size: 15px; color: #363636; font-weight: normal; } .tv_ul li a { text-decoration: none; font-size: 15px; color: #363636; font-weight: normal; } .tv_ul li a:hover { text-decoration: none; font-size: 15px; color: #336699; font-weight: normal; } .m_bg { background: url(/Content/Frontend/images/mutual/400_bg.gif) repeat-y; width: 370px; height: auto; margin: 0px; padding: 10px 15px 0px 15px; } .more { background: url(/Content/Frontend/images/mutual/more_a.gif) no-repeat; width: 35px; height: 9px; margin: 0px; padding: 0px; display: block; } *html .more { background: url(/Content/Frontend/images/mutual/more_a.gif) no-repeat; width: 35px; height: 9px; margin: 0px; padding: 0px; display: block; } /****麵包屑****/ .bread_crumb { background: url(/Content/Frontend/images/mutual/home.gif) no-repeat left; margin: 0px 0px 0px 25px; padding: 4px 0 4px 12px; float: left; } .login { width: 300px; margin: 0px; padding: 6px 0 6px 0; float: right; display: none; } .m_btm { background: url(/Content/Frontend/images/mutual/400_bottom.gif) no-repeat; width: 400px; height: 10px; margin: 0px; padding: 0px; } .cntBox { width: 950px; padding: 0px; margin-bottom: 15px; float: left; } .cntBoxa { width: 950px; padding: 0px; float: left; } .cntBox02 { width: 655px; padding: 0px; margin-bottom: 15px; float: left; } .cntBox03 { width: auto; padding: 0px; margin: 0px; float: left; } .Gotop, .Gotop a { height: 30px; font-size: 10px; color: #336699; font-weight: bold; float: right; line-height: 25px; text-decoration: none; } .Gotop_alt, .Gotop_alt a { font-size: 10px; color: #336699; font-weight: bold; float: right; text-decoration: none; } .Lcolumn { width: 685px; float: left; margin: 0px; padding: 0px; } .Rcolumn { clear: right; width: 250px; float: right; margin: 0px; padding: 0px; } .Rcolumn form { margin: 0; padding: 0; text-align: left; display: inline-block; } /* 內頁 */ .search250 { width: 240px; height: 110px; background: url(/Content/Frontend/images/mutual/searchbg.gif) no-repeat center bottom; float: right; padding: 40px 0px 0px 10px; margin: 0 0 15px 0; } .search250a { width: 240px; height: 115px; background: url(/Content/Frontend/images/mutual/searchbga.gif) no-repeat; float: right; padding: 40px 0px 0px 10px; margin: 0px; } .search250b { width: 240px; height: 70px; background: url(/Content/Frontend/images/mutual/searchbgb.gif) no-repeat; float: right; padding: 40px 0px 0px 10px; margin: 0px; } .TabBar { height: 32px; width: 950px; background: url(/Content/Frontend/images/mutual/tabbarbg.gif) no-repeat; margin: 0px; padding: 0px; float: left; } .TabBar.topedge { height: 1px; border-bottom: 1px solid #cdcdcd; } .TabBar02 { height: 32px; width: 685px; background: url(/Content/Frontend/images/mutual/tabbarbg685.gif) no-repeat; margin: 0px; padding: 0px; float: left; } .TabBar03 { height: 32px; width: 655px; background: url(/Content/Frontend/images/mutual/tabbarbg685.gif) no-repeat; margin: 0px; padding: 0px; float: left; } .TabTop { width: 950px; height: 15px; background: url(/Content/Frontend/images/mutual/tabtop950.gif) top no-repeat; margin: 0px; padding: 0px; float: left; } .TabTop02 { width: 685px; height: 15px; background: url(/Content/Frontend/images/mutual/Ftop685.gif) top no-repeat; margin: 0px; padding: 0px; float: left; } .TabCnt { width: 920px; /*background: url(/Content/Frontend/images/mutual/950bg.gif) repeat-y;*/ border:1px solid #ccc; border-top:none; margin: 0px auto; _margin-bottom: -30px; padding: 15px 14px; float: left; } .TabCnt_alt { width: 100%; max-width: 920px; /*background: url(/Content/Frontend/images/mutual/950bg.gif) repeat-y;*/ margin: 0 auto; padding: 0px 15px 0px 15px; box-sizing: border-box; } .TabCnt02 { width: 655px; background: url(/Content/Frontend/images/mutual/685bg.gif) repeat-y; margin: 0px; _margin-bottom: -30px; padding: 15px 15px 0px 15px; float: left; } .TabCnt02_alt { width: 655px; background: url(/Content/Frontend/images/mutual/685bg.gif) repeat-y; margin: 0px; _margin-bottom: -30px; padding: 0px 15px 0px 15px; float: left; } .TabCnt03 { width: 920px; /* border-top: 1px solid #c4c4c4; background: url(/Content/Frontend/images/mutual/950bg.gif) repeat-y;*/ border: 1px solid #c4c4c4; margin: 0px; _margin-bottom: -30px; padding: 15px; float: left; } .TabCnt04 { width: 625px; background: url(/Content/Frontend/images/mutual/655bg.gif) repeat-y; margin:0 auto; _margin-bottom: -30px; padding: 15px 15px 0px 15px; float: left; } /* TabBlock */ .TabBlock { width: 615px; height: auto; background-color: #333333; margin: 0px; padding: 20px; z-index: 2; opacity: 0.95; filter: alpha(opacity=95); position: absolute; } .TabBlock950 { width:100%; max-width: 880px; background-color: #005598; margin: 3% auto 0; padding: 20px; border-radius:6px; box-sizing: border-box; } .TabBlockbox { width: 500px; background-color: #787878; border: 1px solid #999999; margin: 100px 0px 0px 75px; padding: 20px; z-index: 4; position: absolute; } .TabBtm { width: 950px; height: 15px; background: url(/Content/Frontend/images/mutual/btm950.gif) top no-repeat; margin: 0px; padding: 0px; display: none; } .TabBtm02 { width: 685px; height: 15px; background: url(/Content/Frontend/images/mutual/btm685.gif) top no-repeat; margin: 0px; padding: 0px; float: left; } .Graybtm { width: 685px; height: 37px; background: url(/Content/Frontend/images/mutual/graybtm685.gif) top no-repeat; padding: 0px; margin: 0px; float: left; } .top950 { width: 950px; background: url(/Content/Frontend/images/mutual/top950.gif) no-repeat; height: 15px; margin: 0px; padding: 0px; float: left; } .topLine { width: 950px; border-bottom: 1px solid #c4c4c4; height: 1px; margin: 0px; padding: 0px; float: left; } .fundtitle { padding: 0 15px; font-size: 20px; color: #005598; line-height: 25px; margin-bottom: 20px; } .fundtitle span { font-size: 18px; color: #97a4bb; } .divider { background: url(/Content/Frontend/images/mutual/bluDot.gif) center repeat-x; width: auto; height: 25px; } .blueframe { width: 910px; background: #e7f2f7; border: 1px solid #d4e4ec; padding: 5px; margin-bottom: 10px; float: left; } .blueframe950 { width: 940px; background: #e7f2f7; border: 1px solid #d4e4ec; padding: 5px; margin-bottom: 10px; float: left; } /* 藍底內框 */ .innerFrame { width: 655px; float: left; margin-bottom: 15px; padding: 0px; } .innerFrametop { width: 655px; height: 15px; background: url(/Content/Frontend/images/mutual/blutop655.gif) no-repeat; padding: 0px; margin: 0px; float: left; } .innerFramebg { width: 625px; background: url(/Content/Frontend/images/mutual/blubg655.gif) repeat-y; padding: 0px 15px 0px 15px; margin: 0px; float: left; } .innerFramebtm { width: 655px; height: 40px; background: url(/Content/Frontend/images/mutual/blubtm655.gif) no-repeat; padding: 0px; margin: 0px; float: left; } /* 經理人圖 */ .picFrame { width: 120px; height: 160px; padding: 5px; border: 1px solid #d7d7d7; } /* sitemap */ .siteBox { width: 222px; height: auto; background: url(/Content/Frontend/images/mutual/Sbg.gif) repeat-y; margin: 0px 8px 15px 0px; padding: 0px; float: left; } .siteBoxAlt { width: 222px; height: auto; background: url(/Content/Frontend/images/mutual/Sbg.gif) repeat-y; margin-bottom: 15px; padding: 0px; float: left; } .siteBtm { width: 222px; height: 17px; background: url(/Content/Frontend/images/mutual/sBtm.gif) no-repeat; } .siteLine { width: 197px; height: 23px; border-bottom: 1px dotted #3573ab; padding: 5px 0px 0px 0px; } .siteLineAlt { width: 197px; height: 23px; padding: 5px 0px 0px 0px; } .siteLineSub { width: 190px; background-color: #ececec; border-bottom: 1px solid #ffffff; padding: 5px; } /* Right column tool */ .toolBox { width: 250px; float: right; margin-bottom: 15px; padding: 0px; } .point { /*-- background: url(/Content/Frontend/images/member/img31.gif) no-repeat; width: 230px; height: 227px; marign: 0px; padding: 10px; --*/ } .level { background: url(/Content/Frontend/images/member/img35.gif) no-repeat; width: 230px; height: 123px; marign: 0px; padding: 30px 10px 0px 10px; } /* Right 我的任務徽章 */ .itemBox { margin: 0 auto; margin-top: 5px; padding: 0px; width: 234px; height: 30px; background: url(/Content/Frontend/images/mutual/badgetitle01a.gif) no-repeat; } .itemBox .block { float: right; margin: 5px 5px 0 0; } .badge { padding-top: 8px; float: left; margin-left: 2px; } .badge hr { border: none; border-top: #3573ab dashed 1px; height: 1px; margin: 5px 10px; } .badge .txt { padding: 0 10px; } .itemBoxb { margin: 0 auto; margin-top: 10px; padding: 0px; width: 234px; height: 30px; background: url(/Content/Frontend/images/mutual/badgetitle01b.gif) no-repeat; } .itemBoxb .block { float: right; margin: 5px 5px 0 0; } .itemBoxb .txt_ojs { font-size: 12px; color: #fe6103; text-decoration: none; } .itemBoxb .txt_ojs a { float: right; margin: 5px 5px 0 0; font-size: 13px; color: #fe6103; text-decoration: underline; } .itemBoxb .txt_ojs a:hover { text-decoration: none; } .itemBoxc { margin: 0 auto; margin-top: 10px; padding: 0px; width: 234px; height: 30px; background: url(/Content/Frontend/images/mutual/badgetitle01c.gif) no-repeat; } .itemBoxc .block { float: right; margin: 5px 5px 0 0; } .itemBoxc .blockIcon { float: right; margin: 3px 45px 0 0; } .itemBoxd { margin: 0 auto; margin-top: 10px; padding: 0px; width: 234px; height: 30px; background: url(/Content/Frontend/images/mutual/badgetitle01d.gif) no-repeat; } .itemBoxd .block { float: right; margin: 5px 5px 0 0; } .itemBoxe { margin: 0 auto; margin-top: 10px; padding: 0px; width: 234px; height: 30px; background: url(/Content/Frontend/images/mutual/badgetitle01e.gif) no-repeat; } .itemBoxe .block { float: right; margin: 5px 5px 0 0; } .itemBoxe .block .acc { float: left; } .itemBoxf { margin: 0 auto; margin-top: 10px; padding: 0px; width: 234px; height: 30px; background: url(/Content/Frontend/images/mutual/badgetitle01f.gif) no-repeat; } .itemBoxf .block { float: right; margin: 5px 5px 0 0; } .itemBoxf .block .acc { float: left; } .clear { clear: both; } /* search */ .searchLeft { width: 165px; margin-right: 20px; float: left; } .topA { background: url(/Content/Frontend/images/search/topA.gif) no-repeat; width: 165px; height: 27px; text-align: center; padding: 10px 0 5px 0; } .searchBodyA { background: url(/Content/Frontend/images/search/repeatA.gif) repeat-y left top; padding: 0 20px 10px 12px; } .searchBodyA a { display: block; padding: 8px 3px 8px 5px; line-height: 16px; } .dotLine { background: url(/Content/Frontend/images/search/dotLine.gif) repeat-x; display: block; height: 6px; } .bottomA { background: url(/Content/Frontend/images/search/bottomA.gif) no-repeat; width: 165px; height: 24px; } /**/ .searchRight { width: 465px; float: left; } .topB { background: url(/Content/Frontend/images/search/topB.gif) no-repeat; width: 465px; height: 27px; text-align: center; padding: 10px 0 5px 0; } .searchBodyB { background: url(/Content/Frontend/images/search/repeatB.gif) repeat-y left top; padding: 0 20px 10px 12px; } .searchBodyB a { display: block; padding: 8px 3px 8px 5px; line-height: 16px; } .searchBodyB a:hover { color: #000; } .searchCt { display: block; margin-bottom: 10px; } .bottomB { background: url(/Content/Frontend/images/search/bottomB.gif) no-repeat; width: 465px; height: 24px; } /*換頁功能*/ .page { font-size: 12px; font-family: Arial; color: #666666; padding: 0; text-align: center; } .page .box { padding: 0; margin: 0 53px 0 53px; float: left; } .page .pageBtnUnlink { color: #000000; text-decoration: none; font-weight: bold; display: block; padding: 0 10px; float: left; border-right: #666666 solid 1px; } .page .pageBtn { color: #666666; text-decoration: none; display: block; padding: 0 10px; float: left; border-right: #666666 solid 1px; } .page .final { border: none; } .page a { color: #666666; text-decoration: none; } .page a:hover { color: #666666; text-decoration: underline; } /* new added for tab content */ .newbg { width: 270px; background: #eeeeee; border-right: 1px solid #c4c4c4; border-left: 1px solid #c4c4c4; border-bottom: 1px solid #d4d4d4; } /* new added for member message */ .message { width: 613px; margin: 10px auto 0; padding: 10px 20px; border: #dfdfdf solid 2px; } /* new for about */ .about { width: 655px; margin: 10px auto; font-size: 15px; font-weight: bold; } .about p { margin: 0 auto; padding: 10px 20px; line-height: 1.6em; } .aboout_photo { width: 632px; margin: 0 auto; } .about ul { margin: 0; } .about li { padding: 15px 20px 0 0; list-style: square; color: #2365b8; line-height: 1.6em; } .about li span { color: #7d7d7d; } /*首頁右上button -------------------------------------------------------------------*/ .fund_list_btn { float: left; margin: 0px; } .fund_s_btn { float: left; } a.fund_list_btn_01:link, a.fund_list_btn_01:visited { display: block; background: url(/Content/Frontend/images/default/fund_list_btn-C.gif) no-repeat; width: 120px; height: 53px; text-indent: -9999px; } a.fund_list_btn_01:hover { background: url(/Content/Frontend/images/default/fund_list_btn-C-ov.gif) no-repeat; } a.fund_list_btn_01 { margin-right: 5px; } a.fund_list_btn_02:link, a.fund_list_btn_02:visited { display: block; background: url(/Content/Frontend/images/default/fund_list_btn-B.gif) no-repeat; width: 120px; height: 53px; text-indent: -9999px; } a.fund_list_btn_02:hover { background: url(/Content/Frontend/images/default/fund_list_btn-B-ov.gif) no-repeat; } a.fund_list_btn_02 { margin-left: 5px; } /*css form 表單 -------------------------------------------------------------------*/ .divForm { color: #464646; font-size: 13px; } .divForm td { padding: 0px 6px; } .divForm div.row { margin: 4px; } .divForm label.name { float: left; text-align: right; width: 180px; font-weight: bold; line-height: 24px; vertical-align: middle; } .divForm div.field { display: inline-block; line-height: 24px; margin-left: 4px; } .divForm input:text, .divForm textarea { margin: 0px; width: 160px; margin-bottom: 5px; } .divForm textarea { width: 250px; height: 150px; } .divForm .boxes { width: 1em; } .divForm br { clear: left; } .divForm ul { list-style: none; margin: 0px; padding: 0px 4px; } .divForm ul li { line-height: 26px; } .divForm ul li a { text-decoration: none; } @media print { body { background: none; } img.print { width: auto; } /*.header{display:none;}*/ .logo { display: none; } .ArticleSharingDiv { display: none; } .eventPlay { display: none; } .sitebtn { display: none; } .navBox { display: none; } .bread_crumb { display: none; } .top_bar { display: none; } .login { display: none; } .TabBar02 { display: none; } .cntBox02 { display: none; } .fundSelectListDiv { display: none; } .Rcolumn { display: none; } .Lcolumn { float: none; margin: 0 auto; } .innerFramebtm { display: none; } .LogoPrintOnly { display: block; } } @media screen { .LogoPrintOnly { display: none; } } #TabCntBtn ul li { display: inline; } .BT { margin-left: 10px; margin-right: 10px; } .bar_txt, .bar_txt a { font-size: 12px; color: #333333; text-decoration: none; } .bar_txt a:hover { color: #fe6103; text-decoration: none; } .m_box2 a { font-size: 13px; color: #fe6103; text-decoration: none; } .m_box2 a:hover { font-size: 13px; color: #fe6103; text-decoration: underline; } .general_li span { font-size: 11px; color: #555555; } .chart_span { font-size: 12px; color: #0d41b2; padding: 0 0 0 40px; } .general_txtlink { font-size: 13px; color: #363636; text-decoration: none; } .general_txtlink:hover { font-size: 13px; color: #336699; text-decoration: none; } .lbox3_th { font-size: 12px; color: #ffffff; } .lbox3_num { font-size: 12px; color: #333333; } .lbox3_red { background: url(/Content/Frontend/images/mutual/red_arrow.gif) no-repeat; background-position: 5px; font-size: 12px; color: #fe0000; margin: 0px; padding: 0 0 0 5px; } .lbox3_green { background: url(/Content/Frontend/images/mutual/green_arrow.gif) no-repeat; background-position: 5px; font-size: 12px; color: #329900; margin: 0px; padding: 0 0 0 5px; } .report_link { font-size: 15px; color: #000000; text-decoration: none; margin: 0px; padding: 0px; font-weight: bold; } .bread_crumb a { font-size: 12px; color: #464646; text-decoration: none; } .bread_crumb a:hover { font-size: 12px; color: #fe6103; text-decoration: none; } .lbox4_txtlink { font-size: 13px; color: #336699; text-decoration: none; } .lbox4_txtlink:hover { font-size: 13px; color: #336699; text-decoration: underline; } .general_link { font-size: 13px; color: #fe6103; background: url(/Content/Frontend/images/mutual/search_icon.gif) no-repeat left; text-decoration: none; margin: 0px; padding: 0 0 0 12px; display: block; } .general_link:hover { font-size: 12px; color: #fe6103; background: url(/Content/Frontend/images/mutual/search_icon.gif) no-repeat left; text-decoration: underline; margin: 0px; padding: 0 0 0 12px; display: block; } .red001 { color: #666666; font-size: 15px; } .general01 { font-size: 15px; color: #464646; line-height: 20px; } .general01 a, .general01 a:hover { font-size: 15px; color: #f26522; line-height: 20px; text-decoration: none; } .date { font-size: 10px; color: #787878; } .warning a { font-size: 11px; color: #656565; text-decoration: none; } .warning a:hover { font-size: 11px; color: #fe6103; text-decoration: none; } .txt_oj { font-size: 15px; color: #eb0707; text-decoration: none; } .txt_oj a { font-size: 15px; color: #005598; text-decoration: none; } .txt_oj a:hover { color: #fe6103; text-decoration: underline; } .txt_ojL { font-size: 15px; color: #fe6103; font-weight: bold; } .txt_red { font-size: 15px; text-decoration: none; } .field_gray { font-size: 15px; color: #464646; } select.field_gray { display: inline-table; height: 30px; line-height: 30px; font-size: 15px; border: 1px solid #c7c7c7; } .txt_note { font-size: 15px; color: #3399cc; line-height: 20px; padding-bottom: 5px; } .txt_noteB { font-size: 15px; color: #3399cc; } .txt_gray { font-size: 15px; color: #333333; line-height: 1.6; font-family: "Microsoft JhengHei", Arial, Helvetica, sans-serif; padding-bottom:8px; } .txt_gray.center{ text-align: center; } input.txt_gray { line-height: inherit; } select.txt_gray { font-size: 13px; font-family: "Microsoft JhengHei", Arial, Helvetica, sans-serif; } .txt_gray a { font-size: 15px; color: #005598; text-decoration: none; line-height: 20px; } .txt_gray a:hover { font-size: 15px; color: #00a0dc; text-decoration: none; line-height: 20px; } .txt_grayB { font-size: 15px; color: #464646; line-height: 2em; } .txt_grayB a { font-size: 15px; color: #464646; text-decoration: none; line-height: 2em; } .txt_grayB a:hover { font-size: 15px; color: #fe6103; text-decoration: none; line-height: 2em; } .txt_orangeB a { font-size: 15px; color: #fe6103; text-decoration: none; } .txt_gray1 { font-size: 12px; /*color:#000000;*/ height: 13px; background: #f8f8f8; border: #f8f8f8 solid 1px; } .txt_gray2 { font-size: 12px; color: #000000; height: 14px; background: #ffffff; border: #ffffff solid 1px; } .txt_gray3 { font-size: 12px; color: #676767; height: 14px; background: #ffffff; border: #ffffff solid 1px; } .txt_orange a { font-size: 13px; color: #fe6103; text-decoration: none; } .txt_bluB { font-size: 15px; color: #0d389d; line-height: 18px; font-weight: bold; } .txt_reD { font-size: 15px; color: #ff0000; line-height: 18px; font-weight: bold; } .txt_bluL { font-size: 15px; color: #0d389d; line-height: 21px; } .txt_bluG { font-size: 22px; color: #0d389d; line-height: 36px; } .txt_blu { font-size: 13px; color: #0d389d; line-height: 18px; } .txt_bluLB, .txt_bluLB a { font-size: 15px; color: #0d389d; line-height: 19px; font-weight: bold; text-decoration: none; } .txt_date { color: #0051fd; font-size: 13px; font-weight: bold; } .txt_gray_s { font-size: 12px; color: #464646; line-height: 18px; } .txt_gray_s a { font-size: 15px; color: #464646; line-height: 20px; text-decoration: none; } .txt_gray_s a:hover { font-size: 15px; color: #fe6103; line-height: 20px; text-decoration: none; } .txt_bluLB a:hover { font-size: 15px; color: #000000; line-height: 19px; font-weight: bold; text-decoration: none; } .txt_whiteLB { font-size: 15px; color: #ffffff; line-height: 20px; font-weight: bold; } .txt_whiteLB a, .txt_whiteLB a:hover { font-size: 15px; color: #f26522; line-height: 20px; font-weight: bold; text-decoration: none; } .txt_whiteLBC { font-size: 15px; color: #f26522; line-height: 20px; font-weight: bold; } .txt_bkL { font-size: 16px; color: #000000; line-height: 21px; font-weight: bold; } .txt_bk { font-size: 15px; color: #000000; line-height: 2em; } .txt_bk a { font-size: 15px; color: #f26522; line-height: 20px; text-decoration: none; } .txt_bk a:hover { font-size: 15px; color: #f26522; line-height: 20px; text-decoration: none; } .txt_bkB { font-size: 15px; color: #000000; line-height: 20px; font-weight: bold; } .txt_bkB a { font-size: 15px; color: #000000; line-height: 20px; font-weight: bold; text-decoration: none; } .txt_bkB a:hover { font-size: 15px; color: #0d389d; line-height: 20px; font-weight: bold; text-decoration: none; } .txt_wh, .txt_wh a { font-size: 15px; color: #ffffff; line-height: 20px; text-decoration: none; } .txt_wh a:hover { text-decoration: underline; } .txt_yeloOver { background: #fdeea8; font-size: 15px; color: #fe6103; line-height: 20px; text-decoration: none; } .txt_yelo { background: #ececec; font-size: 15px; color: #464646; line-height: 20px; text-decoration: none; } .qa a { width: 655px; font-size: 18px; color: #005598; text-decoration: none; } .qa a:hover { font-size: 18px; color: #fe5603; text-decoration: none; } .blutag { background: url(/Content/Frontend/images/service/headbg.gif) repeat-x; text-align: center; color: #ffffff; font-size: 15px; font-weight: bold; line-height: 24px; } /* EXPANDED BUTTON */ a.Obutton { /* Sliding right image */ background: url(/Content/Frontend/images/mutual/ObtnR.gif) no-repeat scroll top right; display: block; float: left; height: 25px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */ margin-right: 2px; padding-right: 10px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */ /* FONT PROPERTIES */ text-decoration: none; color: #ffffff; font-family: "Microsoft JhengHei", Arials, Helvetica, sans-serif, PMingLiU; font-size: 12px; font-weight: normal; } a.Obutton span { /* Background left image */ background: url(/Content/Frontend/images/mutual/ObtnL.gif) no-repeat; display: block; font-size: 12px; line-height: 25px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */ padding: 0px 2px 0px 17px; *line-height: 23px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */ *padding: 2px 2px 0px 17px; } a:hover.Obutton span { /* Background left image */ color: #000000; } .ObuttonGray { /* Sliding right image */ display: inline-block; margin-right: 5px; border-radius: 5px; /* FONT PROPERTIES */ text-decoration: none; color: #ffffff; text-align: center; background: #f5f6f6; background: -moz-linear-gradient( top, #f5f6f6 0%, #dbdce2 21%, #b8bac6 49%, #dddfe3 80%, #f5f6f6 100% ); background: -webkit-linear-gradient( top, #f5f6f6 0%, #dbdce2 21%, #b8bac6 49%, #dddfe3 80%, #f5f6f6 100% ); background: linear-gradient( to bottom, #f5f6f6 0%, #dbdce2 21%, #b8bac6 49%, #dddfe3 80%, #f5f6f6 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f6f6', endColorstr='#f5f6f6', GradientType=0); } .ObuttonGray span { /* Background left image */ font: normal 13px/1.2 "Microsoft JhengHei", Arials, Helvetica, sans-serif, PMingLiU; color: #333; display: inline-block; padding: 8px; } .ObuttonGray span:before { content: ">"; display: inline-block; } a.Rbutton { /* Sliding right image */ background: url(/Content/Frontend/images/mutual/GtbnR.gif) no-repeat scroll top right; display: block; float: left; height: 25px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */ margin-right: 2px; padding-right: 10px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */ /* FONT PROPERTIES */ text-decoration: none; color: #f26522; font-family: "Microsoft JhengHei", Arials, Helvetica, sans-serif, PMingLiU; font-size: 12px; font-weight: normal; } a.Rbutton span { /* Background left image */ background: url(/Content/Frontend/images/mutual/GbtnL.gif) no-repeat; display: block; font-size: 12px; line-height: 25px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */ padding: 0px 2px 0px 17px; *line-height: 23px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */ *padding: 2px 2px 0px 17px; } a:hover.Rbutton span { /* Background left image */ color: #000000; } /* Tab */ a.TabOn { /* Sliding right image */ background: url(/Content/Frontend/images/mutual/tabR.gif) no-repeat scroll top right; display: block; float: left; height: 32px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */ margin-right: 0px; padding-right: 5px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */ /* FONT PROPERTIES */ text-decoration: none; color: #dd8a00; font-family: "Microsoft JhengHei", Arials, Helvetica, sans-serif, PMingLiU; font-size: 13px; font-weight: bold; } a.TabOn span { /* Background left image */ background: url(/Content/Frontend/images/mutual/tabL.gif) no-repeat; display: block; font-size: 15px; line-height: 32px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */ padding: 0px 2px 0px 6px; *line-height: 32px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */ *padding: 0px 2px 0px 13px; } a.Tab { /* Sliding right image */ background: url(/Content/Frontend/images/mutual/tabonR.gif) no-repeat scroll top right; display: block; float: left; height: 32px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */ margin-right: -1px; padding-right: 5px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */ /* FONT PROPERTIES */ text-decoration: none; color: #333333; font-family: "Microsoft JhengHei", Arials, Helvetica, sans-serif, PMingLiU; font-size: 13px; font-weight: normal; } a.Tab span { /* Background left image */ background: url(/Content/Frontend/images/mutual/tabonL.gif) no-repeat; display: block; font-size: 15px; line-height: 32px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */ padding: 0px 2px 0px 13px; *line-height: 32px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */ *padding: 0px 2px 0px 13px; } a:hover.Tab span { /* Background left image */ color: #0d389d; } /* 銷售機構按鈕 */ a.Ybtn { /* Sliding right image */ background: url(/Content/Frontend/images/foriegn/yRtab.gif) no-repeat scroll top right; display: block; float: left; height: 32px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */ margin: 0px 5px 5px 0px; padding-right: 15px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */ /* FONT PROPERTIES */ text-decoration: none; color: #333333; font-family: "Microsoft JhengHei", Arials, Helvetica, sans-serif, PMingLiU; font-size: 15px; font-weight: normal; } a.Ybtn span { /* Background left image */ background: url(/Content/Frontend/images/foriegn/yLtab.gif) no-repeat; display: block; font-size: 15px; color: #333333; line-height: 32px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */ padding: 0px 0px 0px 15px; *line-height: 32px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */ *padding: 0px 0px 0px 15px; white-space: nowrap; } a:hover.Ybtn span { /* Background left image */ color: #fe8503; } a.Bbtn { /* Sliding right image */ background: url(/Content/Frontend/images/foriegn/bRtab.gif) no-repeat scroll top right; display: block; float: left; height: 32px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */ margin: 0px 5px 5px 0px; padding-right: 15px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */ /* FONT PROPERTIES */ text-decoration: none; color: #333333; font-family: "Microsoft JhengHei", Arials, Helvetica, sans-serif, PMingLiU; font-size: 15px; font-weight: normal; } a.Bbtn span { /* Background left image */ background: url(/Content/Frontend/images/foriegn/bLtab.gif) no-repeat; display: block; font-size: 15px; color: #333333; line-height: 32px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */ padding: 0px 0px 0px 15px; *line-height: 32px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */ *padding: 0px 0px 0px 15px; white-space: nowrap; } a:hover.Bbtn span { /* Background left image */ color: #0551af; } /* pagination */ .Pagelink a { font-size: 12px; color: #666666; text-decoration: none; margin: 0px 4px 0px 6px; } .Pagelink a:hover { color: #fe6103; text-decoration: underline; } .Pagelinkon { color: #fe6103; font-weight: bold; text-decoration: underline; margin: 0px 4px 0px 6px; } /* for Test only */ .Testqa { color: #333333; font-size: 15px; font-weight: bold; height: 35px; } .Testqa a, .Testqa a:visited, .Testqa a:active { padding: 8px; color: #333333; font-size: 15px; font-weight: bold; text-decoration: none; } .Testqa a:hover { padding: 8px; background-color: #ffcc33; color: #0249bf; font-size: 15px; font-weight: bold; text-decoration: none; } .TestqaOn { padding: 8px; border-bottom: 1px dotted #3573ab; background-color: #ffcc33; color: #0249bf; font-size: 15px; font-weight: bold; text-decoration: none; } .TestqaTxt { line-height: 19px; color: #d6420e; font-size: 15px; font-weight: normal; } .s11 { font-size: 10px; } /* search */ .txt_searchTitle { font-size: 13px; color: #1f82c9; font-weight: bold; } .highLight { color: #fd5d00; } .FormAhead { background: #ececec; font-size: 15px; font-weight: bold; color: #000000; line-height: 30px; padding-left: 5px; } .FormATitle { color: #ffffff; padding: 5px 0; min-width: 2em; background-color: #005598; font:normal 15px/20px "Microsoft JhengHei", Arial, Helvetica, sans-serif; transition: all 0.5s ease; position: relative; } .FormA01 { background: #f4f4f4; font-size: 15px; color: #464646; line-height: 20px; padding: 7px 5px; min-width: 2em; } /****hunter120216****/ .FormA01 span { font-size: 15px; line-height: 20px; } /****hunter120216 end****/ .FormA01 a, .FormA01 a:hover { background: #f4f4f4; font-size: 15px; color: #f26522; line-height: 20px; text-decoration: none; } .FormA01 a.searchAgencies2, .FormA01 a.searchAgencies2:hover { background: #f4f4f4; font-size: 15px; color: #274784; line-height: 20px; text-decoration: none; } /****hunter120215****/ .FormA01 a span, .FormA01 a:hover span { background: #f4f4f4; font-size: 15px; color: #333333; line-height: 20px; text-decoration: none; } /****hunter120215 end****/ .FormA02 { background: #fafafa; font-size: 15px; color: #464646; line-height: 20px; padding: 7px 5px; min-width: 2em; } ol.FormA02 { line-height: 1.5em; list-style: decimal inside none; margin-bottom: 5px; } /****hunter120216****/ .FormA02 span { font-size: 15px; color: #000000; line-height: 20px; } .FormA02 .Value { font-size: 15px; color: #000; line-height: 20px; } /****hunter120216 end****/ .FormA02 a, .FormA02 a:hover { background: #fafafa; font-size: 15px; color: #f26522; line-height: 20px; text-decoration: none; } .FormA02 a:hover { color: #f26522; } .FormA02 a.searchAgencies2, .FormA02 a.searchAgencies2:hover { font-size: 15px; color: #274784; line-height: 20px; text-decoration: none; } /****hunter120215 end****/ .FormA02 a span, .FormA02 a:hover span, .Value { font-size: 15px; color: #333333; line-height: 20px; text-decoration: none; } /****hunter120215 end****/ .FormA02Over { background: #f8f0ca; font-size: 15px; color: #464646; line-height: 20px; padding: 7px 5px; } .FormA02Over a, .FormA02Over a:hover { background: #f8f0ca; font-size: 15px; color: #f26522; line-height: 20px; text-decoration: none; } .FormA02Over a.searchAgencies:hover { font-size: 15px; color: #f26522; line-height: 20px; text-decoration: underline; } .FormA02Over a.searchAgencies2 { color: #274784; } .FormA02Over a.searchAgencies2:hover { font-size: 15px; color: #274784; line-height: 20px; text-decoration: underline; } /****hunter120215 end****/ .FormA02Over a span, .FormA02Over a:hover span { background: #f8f0ca; font-size: 15px; color: #000000; line-height: 20px; text-decoration: none; } /****hunter120215 end****/ /* 基金介紹表 */ .FormBHead { background: #ebebeb; padding: 8px; font-size: 15px; color: #0551af; line-height: 16px; } .FormBHead_alt { background: #fafbfb; padding: 8px; font-size: 15px; color: #0551af; line-height: 18px; } .FormB01 { background: #f6f6f6; font-size: 15px; padding: 8px; color: #464646; line-height: 18px; } .FormB01 a, .FormB01 a:hover { background: #f6f6f6; color: #f26522; line-height: 18px; text-decoration: none; } .FormB01_alt { font-size: 15px; padding: 8px; color: #464646; line-height: 18px; } .FormB01_alt a, .FormB01_alt a:hover { color: #f26522; line-height: 18px; text-decoration: none; } .expand { background: #ffffff; border: 1px solid #d7d7d7; } .expand_alt { padding: 10px; margin: 0px; } /***************.Master專用******************/ .master { background:url(/Content/Frontend/images/default/master.png); } .icon1 { background: url(/Content/Frontend/images/default/master.png); background-position: 0px, -136px; width: 40px; height: 40px; } /*20201030新增*/ .graylineBox { border: 1px solid #ccc; margin: 0 auto; padding: 15px; clear: both; } /*次標題*/ .all_sub_Title { font: bold 18px/1.2 "Microsoft JhengHei"; color: #333; margin: 0 auto 8px; padding: 0 0 0 12px; position: relative; text-align: left; } .all_sub_Title:before { content: ""; display: block; width: 5px; height: 100%; background-color: #005598; position: absolute; left: 0; top: 0; border-radius:2px; } .table_title{ color:#666; text-align: right; font:bold 14px/1.2 "Microsoft JhengHei", Arial, Helvetica, sans-serif; margin:0 auto; padding:16px 0 8px; } .table_title_note{ color:#999; font:normal 12px/1.2 "Microsoft JhengHei", Arial, Helvetica, sans-serif; } /*內文*/ .all_p { font: normal 15px/1.8 "Microsoft JhengHei"; color: #000; text-align: left; margin: 0 auto; padding: 0 0 16px; clear: both; } /*多列並排*/ .colList { list-style: none; margin: 0 auto; padding: 0; } .colList:after { clear: both; content: ""; display: block; } .colList > li { float: left; text-align: center; margin: 0; padding: 10px; display: block; box-sizing: border-box; } .colList.colx2 > li { width: 50; } .colList.colx3 > li { width: 33.3%; } .colList.colx4 > li { width: 25%; } .colList.colx5 > li { width: 20%; } /*卡片框*/ .grayCardBox { margin: 0; padding: 15px; background: #f3f3f3; } .grayCardImg{ margin:0 auto 15px; width:100%; max-width: 180px; display:block; } .grayCardImg > img{ display:block; width:100%; } /*按鈕區*/ .all_btn_area{ margin:0 auto; padding:8px 0 16px; text-align: center; } /*頁面主要按鈕*/ .blue_a_btn{ display: inline-block; color:#fff; font:bold 16px/1.2 "Microsoft JhengHei", Arial, Helvetica, sans-serif; background-color:#005598; padding:0.5em 1em; text-decoration: none; border-radius:4px; transition: all 0.5s ease-in-out; cursor: pointer; box-sizing: border-box; } .blue_a_btn:hover{ background-color:#004072; } .yellow_a_btn{ display: inline-block; color:#000; font:bold 16px/1.2 "Microsoft JhengHei", Arial, Helvetica, sans-serif; background-color:#fff; border:5px solid #dd8e0b; padding:0.5em 1em; text-decoration: none; border-radius:30px; transition: all 0.5s ease-in-out; cursor: pointer; box-sizing: border-box; } .yellow_a_btn:hover{ border:5px solid#ffc058; } .fixwidth{ min-width: 180px; } .switchBtnArea{ font:bold 14px/1.2 "Microsoft JhengHei", Arial, Helvetica, sans-serif; color:#333; display: inline-block; padding-top:4px; } .switchBtnArea > span{ display: inline-block; background-color:#efefef; color:#666; padding:3px 0.5em; cursor:pointer; transition: all 0.5s ease; } .switchBtnArea > span:nth-child(1){ margin-right:-4px; border-radius:4px 0 0 4px; } .switchBtnArea > span:nth-child(2){ border-radius:0 4px 4px 0; } .switchBtnArea > span.act, .switchBtnArea > span:hover{ display: inline-block; background-color:#005598; color:#fff; } .grayLineArea{ width: 950px; border: 1px solid #c4c4c4; margin:0 auto; padding: 15px; box-sizing: border-box; position: relative; clear:both; } /*淨值延遲及無淨值顯示*/ .navInfo{ display: inline-block; vertical-align: text-bottom; position: relative; cursor: pointer; color:#274784; } .navInfo .navInfoText{ width:320px; color:#333; position: absolute; left: -15px; bottom:-24px; font: 14px/1.4 微軟正黑體,Arial,Helvetica,sans-serif; color: #333; margin: 0 auto 5px; padding: 15px; background-color: #fff; border: 1px solid #ccc; box-sizing: border-box; -webkit-box-shadow: 3px 3px 8px rgb(0 0 0 / 10%); box-shadow: 3px 3px 8px rgb(0 0 0 / 10%); transform: translate(0, -50%); z-index: 100; display:none; text-align: left; } .navInfo .navInfoText.open{ display: block; } .navInfo .navInfoText:before{ content:''; display: block; position: absolute; bottom:-10px; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #ccc transparent transparent transparent; } #lux-series .navInfoText, #us-series .navInfoText, #ir-series .navInfoText{ bottom:-10px; } /*控制系列顯示延遲*/ #lux-series,#us-series,#ir-series{display:none} #ir-series{display:inline-block} /*基金基本資料淨值顯示*/ .td_txt_02 > .navInfo { font-size:14px; vertical-align:bottom; display: inline; } /*line到價通知*/ .lineAlart{ position: relative; margin:0 auto; padding:0 0; text-align: right; } .lineAlartBtn{ color:#005598; font-size:13px; line-height: 1.2; font-weight: bold; display: inline-block; cursor: pointer; border:1px solid #ccc; border-radius:6px; padding:3px 8px; background-color:#fff; } .lineAlartBtn > .fas.fa-plus{ transition: all .5s ease; transform: rotate(0deg); } .lineAlartBtn > .fas.fa-plus.turn{ transform: rotate(45deg); } .qrcodeBox{ max-height: 0px; overflow: hidden; transition: all .5s ease-in-out; display:block; position: absolute; right:0; top:26px; width:140%; z-index: 100; background-color: #fff; box-shadow: 0 6px 8px rgba(0,0,0,.2); border-radius: 4px; box-sizing: border-box; padding:0; } .qrcodeBox.open{ max-height: 320px; } .qrcodeBox h3{ padding:15px; color:#005598; font-size:18px; line-height: 1.2; text-align: center; } .qrcodeBox p{ padding:15px; color:#333; font-size:14px; line-height: 1.6; text-align: left; } .qrcodeBox p a{ font-weight: normal; color:#fff; background-color:#519e2f; padding:3px; margin:0 2px; } .qrcodeBox .qrcodeImg{ display: block; margin:0 auto 5px; max-width: 150px; } .qrcodeBox .qrcodeImg img{ display: block; width:100%; border:0; } .detailBox { zoom: 1 } .detailBox:before { content: ""; display: table } .detailBox:after { content: ""; display: table; clear: both } body { height: 100%; background-color: #E4E4E4; font-family: Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", sans-serif } html { height: 100% } .perspective { width: 100%; height: 100%; -webkit-perspective: 1500px; perspective: 1500px; height: 100% } .perspective.animating { position: fixed } .perspective.animating .containerBox { position: absolute; overflow: hidden; width: 100%; height: 100%; -webkit-transform: translateX(-50%) rotateY(45deg) translateZ(0); -ms-transform: translateX(-50%) rotateY(45deg) translateZ(0); transform: translateX(-50%) rotateY(45deg) translateZ(0); z-index: 1 } .perspective.animating .containerBox::after { height: 101%; transition: opacity 0.3s } .containerBox { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s } .containerBox::after { position: absolute; content: ''; top: 0; left: 0; z-index: 999; width: 100%; height: 0; opacity: 0.5; filter: alpha(opacity=50); background: rgba(0, 0, 0, 0.2); background: #fff; transition: opacity 0.4s, height 0s 0.4s } .detailBox { position: absolute; box-sizing: border-box; width: 57%; right: 0; top: 40px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); padding-right: 50px; } @media only screen and (min-width:1440px) { .detailBox { top: 60px; } } /* @media only screen and (max-width:1290px) { .detailBox { top: 48%; } } @media only screen and (max-width:940px) { .detailBox { top: 50%; } }*/ .detailBox .close { position: absolute; width: 32px; height: 32px; top:0; right:0; margin: -32px 5px 0 0; cursor: pointer; display: none } .detailBox .close::before { position: absolute; display: block; content: ''; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 2px; height: 44px; background-color: #264783; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .detailBox .close::after { position: absolute; display: block; content: ''; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 2px; height: 44px; background-color: #264783; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .fundDetail { display: none; margin-top: 5px; padding-right: 10px } .fundDetail .fundName { font-size: 28px; color: #001F72; line-height: 1.4em; margin-top: 0; display: inline-block; } .fundDetail #alertFundName { display: inline-block; } .fundDetail .alert { color: #525252 } .fundDetail .detailList { margin: 55px 0 30px; list-style: none; padding: 0 } .fundDetail .detailList li { margin: 37px 0 } .fundDetail .detailList .listTitle { position: relative; font-size: 20px; color: #264783; margin: 7px 0 0; padding-left: 15px } .fundDetail .detailList .listTitle::before { position: absolute; display: block; content: ''; width: 4px; height: 16px; left: 5px; top: 7px; background-color: #264783 } .fundDetail .detailList .listText { font-size: 16px; margin: 0; color: #000; line-height: 1.7em } .fundDetail .note { font-size: 13px } .fundDetail .note a { color: #000; text-decoration: none } .fundDetail .note a:hover { text-decoration: underline } .fundDetail .btnSection { position: absolute; right: 0; top: 0 } .fundDetail .btnSection .linkButton { box-sizing: border-box; background-color: #F1AA00; display: block; font-size: 16px; font-weight: bold; color: #FFF; text-decoration: none; text-align: center; padding: 20px 10px; width: 44px; margin: 10px 0; line-height: 1.1em; border-radius: 10px 0 0 10px } .fundDetail .btnSection .linkButton:hover { width: 50px; margin-left: -6px; background-color: #FEAF01 } @charset "utf-8"; .FormAhead{ background:#efefef; font:bold 15px/30px "Microsoft JhengHei", Arial, Helvetica, sans-serif; font-weight:bold; color:#000000; padding-left:5px; } .FormATitle{ /*background: #90a8c0;*/ background-color: #005598; color:#fff; font:normal 15px/20px "Microsoft JhengHei", Arial, Helvetica, sans-serif; padding:5px 0 5px; transition: all 0.5s ease; position: relative; } .FormATitle.sort{ vertical-align: bottom; cursor: pointer; } .FormATitle.sort .sortIconBox{ width:100%; margin:0 auto; padding:4px 0; text-align: center; font-size: 14px; line-height: 1; } .FormATitle.sort .sortIconBox > i.fas{ font-size: 14px; color:#fff; opacity:0.5; transition: all 0.2s ease; } .FormATitle.sort.down, .FormATitle.sort.up{ /*background-color: #74889d;*/ background-color:#00a0dc; } .FormATitle.sort.down .sortIconBox > i.fas{ opacity:1; } .FormATitle.sort.up .sortIconBox > i.fas{ opacity:1; transform: rotate(180deg); } .FormA01{ background:#f4f4f4; font:normal 15px/20px "Microsoft JhengHei", Arial, Helvetica, sans-serif; color:#464646; padding:7px 5px; min-width: 2em; } .FormA01-1{ background:#f4f4f4; font:normal 13px/20px "Microsoft JhengHei", Arial, Helvetica, sans-serif; color:#464646; padding:7px 5px; min-width: 2em; } /****hunter120216****/ .FormA01 span{ font-size:15px; line-height:20px; } /****hunter120216 end****/ .FormA01 a, .FormA01 a:hover{ background:#f4f4f4; font-size:15px; color:#f26522; line-height:20px; text-decoration:none; } .FormA01 a.searchAgencies2, .FormA01 a.searchAgencies2:hover{ background:#f4f4f4; font-size:15px; color:#274784; line-height:20px; text-decoration:none; } /****hunter120215****/ .FormA01 a span, .FormA01 a:hover span { background:#f4f4f4; font-size:15px; color:#333333; line-height:20px; text-decoration:none; } /****hunter120215 end****/ .FormA02{ background:#fafafa; font-size:15px; color:#464646; line-height:20px; padding:7px 5px; min-width: 2em; } .FormA02-1{ background:#fafafa; font-size:13px; color:#464646; line-height:20px; padding:7px 5px; } ol.FormA02 { line-height: 1.5em; list-style: decimal inside none; margin-bottom: 5px; } /****hunter120216****/ .FormA02 span{ font-size:15px; xxxcolor:#000000; line-height:20px; } .FormA02 .Value{ font-size:15px; color:#000; line-height:20px; } /****hunter120216 end****/ .FormA02 a,.FormA02 a:hover{ background:#fafafa; font-size:15px; color:#f26522; line-height:20px; text-decoration:none; } .FormA02 a:hover{ color:#f26522; } .FormA02 a.searchAgencies2, .FormA02 a.searchAgencies2:hover{ font-size:15px; color:#274784; line-height:20px; text-decoration:none; } /****hunter120215 end****/ .FormA02 a span, .FormA02 a:hover span, .Value { font-size:15px; color:#333333; line-height:20px; text-decoration:none; } /****hunter120215 end****/ .FormA02Over{ background:#f8f0ca; font-size:15px; color:#464646; line-height:20px; padding:7px 5px; min-width: 2em; } .FormA02Over a, .FormA02Over a:hover{ background:#f8f0ca; font-size:15px; color:#f26522; line-height:20px; text-decoration:none; } .FormA02Over a.searchAgencies:hover{ font-size:15px; color:#f26522; line-height:20px; text-decoration:underline; } .FormA02Over a.searchAgencies2{ color:#274784; } .FormA02Over a.searchAgencies2:hover{ font-size:15px; color:#274784; line-height:20px; text-decoration:underline; } /****hunter120215 end****/ .FormA02Over a span, .FormA02Over a:hover span{ background:#f8f0ca; font-size:15px; color:#000000; line-height:20px; text-decoration:none; } /****hunter120215 end****/ /* 基金介紹表 */ .FormBHead{ background:#ebebeb; padding:8px; font-size:15px; color:#0551af; line-height:16px; } .FormBHead_alt{ background:#fafbfb; padding:8px; font-size:15px; color:#0551af; line-height:18px; } .FormB01{ background:#f6f6f6; font-size:15px; padding:8px; color:#464646; line-height:18px; } .FormB01 a, .FormB01 a:hover{ background:#f6f6f6; color:#f26522; line-height:18px; text-decoration:none; } .FormB01_alt{ font-size:15px; padding:8px; color:#464646; line-height:18px; } .FormB01_alt a, .FormB01_alt a:hover{ color:#f26522; line-height:18px; text-decoration:none; } .expand { background:#FFFFFF; border:1px solid #d7d7d7; } .expand_alt{ padding:10px; margin:0px; } /*--- 富友點數 ---*/ .FormC01_alt{ font-size: 15px; padding-top: 12px; padding-bottom: 12px; color: #333333; line-height: 18px; float: left; width: 645px; } .FormC01_alt h1{ font-size: 15px; color: #333333; line-height: 18px; font-weight: bold; letter-spacing: 2px; padding-top: 2px; padding-bottom: 2px; height: 30px; } .BoxAL{ font-family: "微軟正黑體"; float: left; background-image: -webkit-linear-gradient(270deg,rgba(186,208,223,1.00) 0%,rgba(218,233,244,1.00) 100%); background-image: -moz-linear-gradient(270deg,rgba(186,208,223,1.00) 0%,rgba(218,233,244,1.00) 100%); background-image: -o-linear-gradient(270deg,rgba(186,208,223,1.00) 0%,rgba(218,233,244,1.00) 100%); background-image: linear-gradient(180deg,rgba(186,208,223,1.00) 0%,rgba(218,233,244,1.00) 100%); top: 10px; width: 100%; } .BoxL{ padding-right: 5px; padding-left: 5px; font-family: "微軟正黑體"; float: left; text-align: center; width: 27%; color: #375790; vertical-align: middle; top: 10px; padding-top: 9px; padding-bottom: 8px; font-weight: bold; } .BoxPoint{ padding-right: 5px; padding-left: 5px; font-family: "微軟正黑體"; text-align: center; width: 120px; background-image: -webkit-linear-gradient(270deg,rgba(237,237,237,1.00) 0%,rgba(247,247,247,1.00) 100%); background-image: -moz-linear-gradient(270deg,rgba(237,237,237,1.00) 0%,rgba(247,247,247,1.00) 100%); background-image: -o-linear-gradient(270deg,rgba(237,237,237,1.00) 0%,rgba(247,247,247,1.00) 100%); background-image: linear-gradient(180deg,rgba(237,237,237,1.00) 0%,rgba(247,247,247,1.00) 100%); color: #1A1A1A; height: 33px; padding-top: 18px; padding-bottom: 5px; float: right; } .T01{ font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; font-size: 2em; font-weight: bold; color: #DC0003; padding-right: 2px; padding-left: 2px; padding-top: 20px; } .T02{ font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; font-size: 2em; font-weight: bold; color: #DC0003; padding-right: 0px; padding-left: 0px; padding-top: 20px; } .T03-Red{ font-family: "微軟正黑體"; font-size: 2em; font-weight: bold; color: #DC0003; padding-right: 0px; padding-left: 0px; padding-top: 20px; padding-bottom: 20px; text-align: center; } .T04-conEX{ font-family: "微軟正黑體"; font-size: 1.25em; color: #264783; padding-right: 5px; padding-left: 5px; padding-top: 10px; padding-bottom: 10px; text-align: left; line-height: 1.4em; border-top: 1px solid #D8D8D8; margin-top: 20px; margin-left: 10px; margin-right: 10px; } .FormDate{ background: #f4f4f4; font-size: 14px; color: #464646; line-height: 20px; padding: 7px 5px; font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; } .FormName{ background: #f4f4f4; font-size: 1.25em; color: #464646; line-height: 20px; padding-top: 12px; padding-right: 8px; padding-left: 8px; padding-bottom: 12px; font-family: "微軟正黑體"; } #product{ padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; } #product h1{ font-family: "微軟正黑體"; font-size: 1.6em; background-image: url(/Content/Frontend/images/Points/img_ico.gif); background-repeat: no-repeat; padding-left: 20px; margin-left: 0px; padding-top: 3px; padding-bottom: 3px; margin-top: 10px; } #product ul li{ list-style-image: url(/Content/Frontend/images/Points/ico_circle.png); font-family: "微軟正黑體"; font-size: 1.25em; margin-left: 45px; line-height: 1.6em; margin-right: 28px; } .productTitle{ font-size: 1.8em; color: #FFFFFF; font-family: "微軟正黑體"; font-weight: bold; line-height: 2em; text-align: center; background-image: -webkit-linear-gradient(270deg,rgba(127,153,180,1.00) 0%,rgba(144,168,192,1.00) 100%); background-image: -moz-linear-gradient(270deg,rgba(127,153,180,1.00) 0%,rgba(144,168,192,1.00) 100%); background-image: -o-linear-gradient(270deg,rgba(127,153,180,1.00) 0%,rgba(144,168,192,1.00) 100%); background-image: linear-gradient(180deg,rgba(127,153,180,1.00) 0%,rgba(144,168,192,1.00) 100%); padding-top: 1px; padding-bottom: 1px; } #AC { } #AC input { padding-top: 3px; padding-right: 5px; padding-left: 5px; padding-bottom: 3px; background-color: #FFFFFF; border: 1px solid #E4E4E4; -webkit-border-radius: 5px; border-radius: 5px; font-family: "微軟正黑體"; font-size: 1em; margin-top: 4px; margin-bottom: 4px; width: 230px; color: #464646; } #AC select.soflow, select.soflow-color { -webkit-appearance: button; -webkit-border-radius: 2px; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -webkit-padding-end: 20px; -webkit-padding-start: 2px; -webkit-user-select: none; background-image: url(/Content/Frontend/images/Points/ico_select.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5); background-position: 97% center; background-repeat: no-repeat; border: 1px solid #AAA; color: #353535; font-size: 1.1em; margin-top: 5px; margin-right: 2px; margin-left: 2px; margin-bottom: 5px; overflow: hidden; padding-top: 2px; padding-right: 5px; padding-left: 5px; padding-bottom: 2px; text-overflow: ellipsis; white-space: nowrap; width: 55px; } #AC select.soflow, select.soflow-color { -webkit-appearance: button; -webkit-border-radius: 2px; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -webkit-padding-end: 20px; -webkit-padding-start: 2px; -webkit-user-select: none; background-image: url(/Content/Frontend/images/Points/ico_select.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5); background-position: 97% center; background-repeat: no-repeat; border: 1px solid #AAA; color: #353535; font-size: 1.1em; margin-top: 5px; margin-right: 2px; margin-left: 2px; margin-bottom: 5px; overflow: hidden; padding-top: 2px; padding-right: 5px; padding-left: 5px; padding-bottom: 2px; text-overflow: ellipsis; white-space: nowrap; width: 55px; } #AC select.soflowcity, select.soflow-color { -webkit-appearance: button; -webkit-border-radius: 2px; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -webkit-padding-end: 20px; -webkit-padding-start: 2px; -webkit-user-select: none; background-image: url(/Content/Frontend/images/Points/ico_select.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5); background-position: 97% center; background-repeat: no-repeat; border: 1px solid #AAA; color: #353535; font-size: 1.1em; margin-top: 5px; margin-right: 2px; margin-left: 2px; margin-bottom: 5px; overflow: hidden; padding-top: 2px; padding-right: 5px; padding-left: 5px; padding-bottom: 2px; text-overflow: ellipsis; white-space: nowrap; width: 116px; } .productname{ font-size: 1.25em; color: #464646; font-family: "微軟正黑體"; font-weight: bold; margin-bottom: 5px; line-height: 1.8em; } .productList{ font-size: 1em; color: #464646; font-family: "微軟正黑體"; font-weight: bold; line-height: 1.8em; text-align: right; width: 150px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; } .product-Right{ font-size: 1em; color: #464646; font-family: "微軟正黑體"; line-height: 1.8em; text-align: left; padding-top: 5px; padding-bottom: 5px; } #productEX { padding: 10px; } #productEX H1 { font-size: 1.25em; color: #464646; font-family: "微軟正黑體"; line-height: 1.8em; } #productEX ul li { padding-top: 2px; padding-right: 2px; padding-left: 2px; padding-bottom: 2px; font-size: 1.1em; color: #464646; font-family: "微軟正黑體"; line-height: 1.5em; list-style-type: decimal; margin-left: 20px; } /* * Selecter v2.2.9 - 2014-01-01 * A jQuery plugin for replacing default select elements. Part of the Formstone Library. * http://www.benplum.com/formstone/selecter/ * * Copyright 2014 Ben Plum; MIT Licensed */ .selecter-element { *left: -999999px; position: absolute; opacity: 0; } .selecter { display: block; /*margin: 10px 0*/ margin: 0px; position: relative; /*max-width: 30%;*/ max-width:100%; z-index: 1; } .selecter .selecter-selected { background: #F9F9F9 url(/Content/Frontend/selecter/jquery.fs.selecter-arrow.png) no-repeat right center; border: 1px solid #ccc; border-radius: 3px; color: #333; cursor: pointer; display: block; font-size: 13px; margin: 0; overflow: hidden; /*padding: 8px 10px;*/ padding:2px 1px 3px 10px; position: relative; text-overflow: clip; z-index: 49; } .selecter .selecter-options { border: 1px solid #ccc; border-width: 0 1px 1px; background-color: #fefefe; border-radius: 0 0 3px 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); display: none; left: 0; margin: 0; max-height: 260px; overflow: auto; overflow-x: hidden; padding: 0; position: absolute; top: 100%; width: 100%; *width: auto; z-index: 50; } .selecter .selecter-group { background: #999; border-bottom: 1px solid #e3e3e3; color: #F0F0F0; display: block; font-size: 13px; padding: 5px 10px 4px; text-transform: uppercase; } .selecter .selecter-item { background: #fff; border-bottom: 1px solid #e3e3e3; color: #333; cursor: pointer; display: block; font-size: 13px; margin: 0; overflow: hidden; padding: 8px 10px; text-overflow: ellipsis; width: 98%; } .selecter .selecter-item.selected { background: #F9F9F9; } .selecter .selecter-item.disabled { color: #999; cursor: default; } .selecter .selecter-item:first-child { border-radius: 0; } .selecter .selecter-item:last-child { border-radius: 0 0 2px 2px; border-bottom: 0; } @media screen and (min-width: 980px) { .selecter .selecter-item:hover, .selecter .selecter-item.selected:hover { background-color: #f3f3f3; } .selecter .selecter-item.disabled:hover { background-color: #fff; } .selecter:hover .selecter-selected { background-color: #fff; } .selecter.disabled .selecter-item:hover { background: #fff; } } /* Open */ .selecter.open { z-index: 3; } .selecter.open .selecter-selected { border-radius: 3px 3px 0 0; z-index: 51; } .selecter.open .selecter-selected, .selecter.focus .selecter-selected { background-color: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } /* 'Cover' Positioning */ .selecter.cover .selecter-options { border-radius: 3px; border-width: 1px; top: 0; } .selecter.cover .selecter-options .selecter-item.first { border-radius: 3px 3px 0 0; } .selecter.cover.open .selecter-selected { border-radius: 3px 3px 0 0; z-index: 49; } /* 'Bottom' Positioning */ .selecter.bottom .selecter-options { border-width: 1px 1px 0; bottom: 100%; top: auto; } .selecter.bottom .selecter-item:last-child { border: none; } .selecter.bottom.open .selecter-selected { border-radius: 0 0 3px 3px; } .selecter.bottom.open .selecter-options { border-radius: 3px 3px 0 0; } /* 'Bottom' + 'Cover' Positioning */ .selecter.bottom.cover .selecter-options { bottom: 0; top: auto; } .selecter.bottom.cover.open .selecter-selected { border-radius: 3px; } .selecter.bottom.cover.open .selecter-options { border-radius: 3px; } /* Multiple Select */ .selecter.multiple .selecter-options { border-radius: 3px; border-width: 1px; box-shadow: none; display: block; position: static; width: 100%; } /* 'Disabled' State */ .selecter.disabled .selecter-selected { background: #fff; border-color: #eee; color: #ccc; cursor: default; } .selecter.disabled .selecter-options { background: #fff; border-color: #eee; } .selecter.disabled .selecter-group, .selecter.disabled .selecter-item { border-color: #eee; color: #ccc; cursor: default; } .selecter.disabled .selecter-item.selected { background: #fafafa; } /* Scroller Support */ .selecter .selecter-options.scroller { overflow: hidden; } .selecter .selecter-options.scroller .scroller-content { max-height: 260px; padding: 0; } /* Media Queries */ @media screen and (max-width: 740px) { .selecter { max-width: 40%; } } @media screen and (max-width: 500px) { .selecter { max-width: 100%; } } /* Chosen v1.1.0 | (c) 2011-2013 by Harvest | MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md */ .chosen-container{position:relative;display:inline-block;vertical-align:middle;font-size:13px;zoom:1;*display:inline;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chosen-container .chosen-drop{position:absolute;top:100%;left:-9999px;z-index:1010;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;border:1px solid #aaa;border-top:0;background:#fff;box-shadow:0 4px 5px rgba(0,0,0,.15)}.chosen-container.chosen-with-drop .chosen-drop{left:0}.chosen-container a{cursor:pointer}.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:0 0 0 8px;height:23px;border:1px solid #aaa;border-radius:5px;background-color:#fff;background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),color-stop(100%,#f4f4f4));background:-webkit-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:-moz-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:-o-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-clip:padding-box;box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);color:#444;text-decoration:none;white-space:nowrap;line-height:24px}.chosen-container-single .chosen-default{color:#999}.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;background:url(/Content/Frontend/chosen/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-single .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%}.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background:url(/Content/Frontend/chosen/chosen-sprite.png) no-repeat 0 2px}.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}.chosen-container-single .chosen-search input[type=text]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;background:#fff url(/Content/Frontend/chosen/chosen-sprite.png) no-repeat 100% -20px;background:url(/Content/Frontend/chosen/chosen-sprite.png) no-repeat 100% -20px;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;left:-9999px}.chosen-container .chosen-results{position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;-webkit-touch-callout:none}.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}.chosen-container .chosen-results li.highlighted{background-color:#3875d7;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));background-image:-webkit-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-moz-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-o-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff}.chosen-container .chosen-results li.no-results{display:list-item;background:#f4f4f4}.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}.chosen-container .chosen-results li.group-option{padding-left:15px}.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;width:100%;height:auto!important;height:1%;border:1px solid #aaa;background-color:#fff;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(1%,#eee),color-stop(15%,#fff));background-image:-webkit-linear-gradient(#eee 1%,#fff 15%);background-image:-moz-linear-gradient(#eee 1%,#fff 15%);background-image:-o-linear-gradient(#eee 1%,#fff 15%);background-image:linear-gradient(#eee 1%,#fff 15%);cursor:text}.chosen-container-multi .chosen-choices li{float:left;list-style:none}.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}.chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;padding:5px;height:15px;outline:0;border:0!important;background:transparent!important;box-shadow:none;color:#666;font-size:100%;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-multi .chosen-choices li.search-field .default{color:#999}.chosen-container-multi .chosen-choices li.search-choice{position:relative;margin:3px 0 3px 5px;padding:3px 20px 3px 5px;border:1px solid #aaa;border-radius:3px;background-color:#e4e4e4;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-clip:padding-box;box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;line-height:13px;cursor:default}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:4px;right:3px;display:block;width:12px;height:12px;background:url(/Content/Frontend/chosen/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666}.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}.chosen-container-multi .chosen-results{margin:0;padding:0}.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}.chosen-container-active .chosen-single{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;-moz-border-radius-bottomright:0;border-bottom-right-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#eee),color-stop(80%,#fff));background-image:-webkit-linear-gradient(#eee 20%,#fff 80%);background-image:-moz-linear-gradient(#eee 20%,#fff 80%);background-image:-o-linear-gradient(#eee 20%,#fff 80%);background-image:linear-gradient(#eee 20%,#fff 80%);box-shadow:0 1px 0 #fff inset}.chosen-container-active.chosen-with-drop .chosen-single div{border-left:0;background:transparent}.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 2px}.chosen-container-active .chosen-choices{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active .chosen-choices li.search-field input[type=text]{color:#111!important}.chosen-disabled{opacity:.5!important;cursor:default}.chosen-disabled .chosen-single{cursor:default}.chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}.chosen-rtl{text-align:right}.chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}.chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}.chosen-rtl .chosen-single-with-deselect span{margin-left:38px}.chosen-rtl .chosen-single div{right:auto;left:3px}.chosen-rtl .chosen-single abbr{right:auto;left:26px}.chosen-rtl .chosen-choices li{float:right}.chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}.chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}.chosen-rtl.chosen-container-single-nosearch .chosen-search,.chosen-rtl .chosen-drop{left:9999px}.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}.chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:0}.chosen-rtl .chosen-search input[type=text]{padding:4px 5px 4px 20px;background:#fff url(/Content/Frontend/chosen/chosen-sprite.png) no-repeat -30px -20px;background:url(/Content/Frontend/chosen/chosen-sprite.png) no-repeat -30px -20px;direction:rtl}.chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:144dpi){.chosen-rtl .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-container-single .chosen-search input[type=text],.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span{background-image:url(/Content/Frontend/chosen/chosen-sprite@2x.png)!important;background-size:52px 37px!important;background-repeat:no-repeat!important}} @charset "utf-8"; /* CSS Document */ /*--reset--*/ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote { margin: 0; padding: 0; } fieldset, img { border: 0; } address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; /*-- font-weight:normal; --*/ } ol, ul { list-style: none; } caption, th { text-align: left; } q:before, q:after { content: ''; } abbr, acronym { border: 0; } html { min-height: 100%; _height: 100%; height: 100%; } a, a:focus { outline: none; /* for Firefox */ /*hlbr: expression(this.onFocus=this.blur());*/ /* for IE */ } /*--reset_END--*/ /*--共用版型--*/ body { font-family: "Microsoft JhengHei", Arial, Helvetica, sans-serif; position: relative; margin: 0; padding: 0; min-height: 100%; _height: 100%; height: 100%; } .clear { float: none; clear: both; } .tall_01 { height: 10px; clear: both; float: none; } .tall_02 { height: 20px; clear: both; float: none; } .tall_03 { height: 30px; clear: both; float: none; } .tall_04 { height: 40px; clear: both; float: none; } .tall_05 { height: 50px; clear: both; float: none; } .tall_06 { height: 60px; clear: both; float: none; } .wp_1000 { width: 1000px; margin: 0 auto; position: relative; } .wp_960 { width: 960px; margin: 0 auto; position: relative; } /*--首頁--*/ body.home, .home { background: #fff url(/Content/Frontend/images/home/header_bg_home3.jpg) left top repeat-x; } body { background: #fff url(/Content/Frontend/images/home/header_bg3.jpg) left top repeat-x; } .header { /*height: 127px;*/ border-bottom: 1px solid #eee; margin-bottom: 20px; position: relative; box-sizing: border-box; } .logo { width: 240px; height: 110px; /*float: left;*/ position: absolute; left: 0; top: 0; z-index: 10; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; background-color: #fff; } .logo a { display: block; width: 100%; height: 100%; background: center center url(/Content/Frontend/images/home/logo2.jpg) no-repeat; position: relative; text-decoration: none; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; position: relative; box-shadow: 0 0 5px rgba(0, 0, 0, .2); } /* .logo a:before{ content:''; width: 0; height: 0; border-style: solid; border-width: 8px 0 0 10px; border-color: transparent transparent transparent #ccc; position: absolute; right:-10px; top:0; } .logo a:after{ content:''; width: 0; height: 0; border-style: solid; border-width: 0 0 8px 10px; border-color: transparent transparent #ccc transparent ; position: absolute; left:-10px; top:0; }*/ .header_right { /*margin-left:240px;*/ } .header_right_top { position: relative; } .logo a .slogan_box { position: absolute; z-index: 2; left: 248px; top: 10px; color: #fff; font-size: 18px; padding: 0 0 0 8px; font-weight: normal; letter-spacing: 2px; text-align: left; width: 13em; } .search_box { float: right; height: 30px; margin-top: 10px; } .searchInputArea { display: inline-block; position: relative; margin: 0; padding: 0; } .searchInputArea input[type="text"] { width: 200px; height: 22px; line-height: 22px; border: 0; margin-right: 2px; padding: 0 10px; border-radius: 3px; box-sizing: border-box; } .searchInputArea input[type="text"]:focus { outline: none; } .search_box select { width: 82px; height: 24px; line-height: 24px; border: 1px solid #bfbdbd; margin-right: 5px; } .searchInputArea .search_btn { display: inline-block; position: absolute; right: 0; top: -3px; /*height: 22px;*/ padding: 3px 6px; border-radius: 3px; font-size: 13px; background-color: #00a3e0; line-height: 22px; text-align: center; color: #FFF; text-decoration: none; box-sizing: border-box; } .searchInputArea .search_btn:hover { background-color: #00a3e0; } .search_box span { font-size: 13px; color: #fff; padding: 0 2px; } .search_box a.map_link { font-size: 14px; color: #fff; line-height: 22px; text-decoration: none; transition: all 0.3s ease-in-out; transition-delay: 0.3s; } .search_box .map_link:hover { text-decoration: underline; color: #dd8a00; } .search_box a.partner_link { font-size: 13px; color: #fff; line-height: 1; text-decoration: none; display: inline-block; border-radius: 3px; background-color: #519e2f; padding: 6px 0.5em; transition: all 0.3s ease-in-out; transition-delay: 0.3s; } .search_box a.partner_link:hover { background-color: #00a3e0; } .header_right_menu { width: 100%; height: 50px; margin-top: 6px; } .header_right_menu ul>li { display: block; float: left; font-size: 20px; color: #333; line-height: 60px; position: relative; border-right: 1px solid #e7e7e7; } .header_right_menu ul>li:last-child { border-right: none; } .header_right_menu ul>li>a, .header_right_menu ul>li>strong { display: block; color: #333; text-decoration: none; padding: 0 15px; line-height: 60px; height: 60px; cursor: pointer; transition: all 0.3s ease-in-out; transition-delay: 0.3s; } .header_right_menu ul>li>strong.act { color: #FFF; background-color: rgba(0, 85, 152, 0.5); transition: all 0.3s ease-in-out; transition-delay: 0.3s; } .mainNavArea { margin: 6px auto 0; padding: 0; position: relative; } .mainNavList { list-style: none; margin: 0; padding: 0; text-align: right; } .mainNavList>li { display: inline-block; margin: 0 -2px; padding: 0; } .mainNavList>li:last-child { margin-right: 0; } .mainNavList>li:first-child { margin-left: 1px; } .mainNavList>li>h3 { box-sizing: border-box; font-size: 24px; line-height: 58px; color: #333333; padding: 0 44px; cursor: pointer; transition: all 0.3s ease-in-out; transition-delay: 0.3s; position: relative; text-align: center; border-right: 1px solid #eee; } .mainNavList>li>h3:before { content: ''; position: absolute; left: 0; top: 0; height: 3px; width: 0; background-color: #00a3e0; display: block; transition: all 0.3s ease-in-out; } .mainNavList>li:first-child>h3 { border-left: 0; } .mainNavList>li:hover>h3 { color: #005598; } .mainNavList>li.act>h3 { color: #005598; background-color: #fff; box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1); } .mainNavList>li.act>h3:before { width: 100%; } .dropSubArea { width: 100%; margin: 0 -2px 0 0; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; position: absolute; z-index: 5; background-color: #fff; padding: 30px; box-sizing: border-box; display: none; border-bottom: 2px solid #ccc; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); text-align: left; } .dropSubArea .subNavList { width: 25%; box-sizing: border-box; display: inline-block; list-style: none; margin: 0 -2px; padding: 0 20px; vertical-align: top; } .dropSubArea .subNavList dt { font-size: 18px; font-weight: bold; color: #005598; text-align: left; margin: 0; padding: 0 0 5px; /*border-bottom:1px dotted #ccc;*/ } .dropSubArea .subNavList dd { font-size: 18px; font-weight: normal; color: #333; text-align: left; margin: 0; padding: 0; } .dropSubArea .subNavList dd a { font-size: 16px; line-height: 1.2; display: block; text-decoration: none; font-weight: normal; color: #000; text-align: left; margin: 0; padding: 12px 8px; position: relative; transition: all 0.5s ease-in-out; transition-delay: 0.3s; border-bottom: 1px solid #eee; } .dropSubArea .subNavList dd a:hover { color: #005598; } .dropSubArea .subNavList dd a:before { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; z-index: 1; background-color: #005598; transition: all 0.5s ease-in-out; transition-delay: 0.3s; } .dropSubArea .subNavList dd a:hover:before { width: 100%; } .navAdBox { width: 25%; display: inline-block; text-decoration: none; vertical-align: top; box-sizing: border-box; margin: 0 -2px; padding: 0 16px; } .navAdBox.half { width: 50%; } .navAdBox img { width: 100%; display: block; margin: 0 auto 8px; border-radius: 3px; } .navAdBox h4, .navAdBox:visited h4 { color: #005598; font-size: 18px; margin: 0 auto 5px; } .navAdBox p, .navAdBox:visited p { color: #333; font-size: 14px; line-height: 1.6; } /* .header_right_menu ul>li>.subNav { border: 1px solid #729dbb; background-color: rgba(255, 255, 255, 1); padding: 0; min-width: 150px; box-sizing: border-box; position: absolute; z-index: 2000; transition: all 1s ease-in-out; top: 60px; left: 0; display: none; } .header_right_menu ul>li>.subNav:after { content: ''; display: block; clear: both; } .header_right_menu ul>li>.subNav.show { display: block; transition: all 1s ease-in-out; } .subArea { width: 100%; display: inline-block; margin: 0; padding: 0; float: left; } .subArea h3 { font: bold 16px/1.2 "Microsoft JhengHei", Arials, Helvetica, sans-serif, PMingLiU; margin: 0; padding: 0 0 8px; border-bottom: 1px solid #eee; color: #005598; } .subArea ol { font-size: 15px; color: #666; font-family: "Microsoft JhengHei", Arials, Helvetica, sans-serif, PMingLiU; padding: 0; margin: 0; display: block; width: 100%; } .subArea>ol>li { display: block; font-size: 15px; color: #666; font-family: "Microsoft JhengHei", Arials, Helvetica, sans-serif, PMingLiU; padding: 0; margin: 0; } .subArea>ol>li.customerHide { display: none; } .subArea>ol>li.bankHide { display: none; } .subArea>ol>li>a { display: block; font-size: 15px; line-height: 1; color: #333; font-weight: normal; background-color: #fff; padding: 15px; white-space: nowrap; text-decoration: none; } .subArea>ol>li>a:hover { color: #005598; background-color: #d2ebff; } */ /* .header_right_menu ul li a.onlink { color: #FFF; background-color: #ee9922; } .header_right_menu ul li ol li ol.three { left: 185px; top: 0px; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; } .header_right_menu ul li ol li:hover ol.three { visibility: visible; opacity: 1; transition-delay: 0s; } .header_right_menu ul li ol li { padding: 0; margin: 0; line-height: 35px; border-bottom: 1px solid #FFF; }*/ .pageSubNavArea { margin: 0 auto; padding: 0; letter-spacing: 0; position: relative; } .pageSubNavArea>.pageSubNav { list-style: none; text-align: left; margin: 0; padding: 0; } .pageSubNavArea>.pageSubNav>li { display: inline-block; font-size: 18px; color: #333; border-left: 1px solid #ccc; padding: 4px 16px; margin-right: -4px; } .pageSubNavArea>.pageSubNav>li:first-child { border-left: none; padding: 0 16px 0 0; } .pageSubNavArea>.pageSubNav>li>a, .pageSubNavArea>.pageSubNav>li>span { color: #555; text-decoration: none; cursor: pointer; font-family: "Microsoft JhengHei", Arial, Helvetica, sans-serif; } .pageSubNavArea>.pageSubNav>li.noHand>a, .pageSubNavArea>.pageSubNav>li.noHand>span { cursor: default; } .pageSubNavArea>.pageSubNav>li>a i, .pageSubNavArea>.pageSubNav>li>span i { margin-right: 4px; } .pageSubNavArea>.pageSubNav>li.act a, .pageSubNavArea>.pageSubNav>li:hover a, .pageSubNavArea>.pageSubNav>li.act span, .pageSubNavArea>.pageSubNav>li:hover span { color: #005598; } .pageSubNavArea>.rightSideArea { position: absolute; right: 0; top: 5px; z-index: 2; text-align: right; padding-top: 0; } .rightSideArea:after { content: ''; display: block; clear: both; } @media only screen and (max-width:800px) { .pageSubNavArea>.rightSideArea { position: relative; right: 0; top: 0; z-index: 1; text-align: left; padding-top: 8px; } } .kv { height: 461px; margin: 0 auto 40px; } .kv_box { width: 1000px; height: 400px; /* width: 750px; height: 337px; float: left;*/ } .login_box { width: 235px; height: 337px; float: right; background-image: url(/Content/Frontend/images/home/login_box_bg.jpg); background-repeat: no-repeat; } .login_wp { width: 165px; margin: 0 auto; padding-top: 20px; } .login_box_01 { margin-bottom: 15px; } .login_box_02 { margin-bottom: 25px; } .login_box_03 { margin-bottom: 15px; } .login_box_04 { margin-bottom: 15px; } .kvRightArea { width: 235px; background-color: #005598; box-sizing: border-box; padding: 0; float: right; display: none; } .kvRightArea:after { clear: both; content: ''; display: block; } .kvRightArea .titBox { margin: 0 auto; padding: 0.2em 0; box-sizing: border-box; color: #fff; background-color: rgba(0, 0, 0, .2); text-align: center; font-size: 24px; font-weight: normal; vertical-align: middle; } .kvRightArea .titBox:after, .kvRightArea .titBox:before { content: ''; display: inline-block; height: 1px; background-color: #fff; width: 0.4em; vertical-align: middle; margin: 0 5px; } .kvRightArea>.fullsizeBtn { color: #fff; font-size: 20px; line-height: 1; font-weight: normal; margin: 0 auto; padding: 16px 24px; border-bottom: 1px solid rgba(255, 255, 255, .1); display: block; position: relative; text-align: left; transition: all 0.5s ease-in-out; transition-delay: 0.3s; } .kvRightArea>.fullsizeBtn:hover { background-color: rgba(0, 0, 0, .2); } .kvRightArea>.fullsizeBtn>img { display: inline-block; vertical-align: -12px; margin-right: -2px; } .kvRightArea>.fullsizeBtn>span { display: block; margin: 0 auto; padding-top: 4px; font-size: 12px; color: #ddd; letter-spacing: 1px; } .kvRightArea>.fullsizeBtn>.arrow { position: absolute; left: 100%; top: 45%; margin-left: -48px; opacity: .2; transition: all 0.5s ease-in-out; transition-delay: 0.3s; } .kvRightArea>.fullsizeBtn:hover>.arrow { opacity: 1; margin-left: -36px; } .kvRightArea>.halfsizeBtn { width: 50%; color: #fff; font-size: 16px; line-height: 1; font-weight: normal; margin: 0 auto; padding: 16px 8px 28px; border-left: 1px solid rgba(255, 255, 255, .1); display: block; float: left; position: relative; text-align: center; transition: all 0.5s ease-in-out; box-sizing: border-box; } .kvRightArea>.halfsizeBtn:hover { background-color: rgba(0, 0, 0, .2); } .kvRightArea>.halfsizeBtn:first-child { border-left: 0; } .kvRightArea>.halfsizeBtn>img { display: block; margin: 0 auto 8px; } .kvRightArea>.halfsizeBtn span { display: block; margin: 0 auto; padding-top: 6px; font-size: 12px; color: #ddd; letter-spacing: 1px; } .kvRightArea>.halfsizeBtn>.arrow { transition: all 0.5s ease-in-out; transition-delay: 0.3s; margin-left: 4px; opacity: 0.3; } .kvRightArea>.halfsizeBtn:hover>.arrow { transition: all 0.5s ease-in-out; transition-delay: 0.3s; margin-left: 4px; opacity: 1; } .login_icon { width: 40px; height: 40px; float: left; } .login_title { float: right; font-size: 24px; color: #002074; line-height: 35px; letter-spacing: 5px; text-align: center; } .login_title2 { float: none; font-size: 24px; color: #002074; line-height: 35px; letter-spacing: 5px; display: initial; text-align: center; vertical-align: top; } .login_title span { display: block; color: #7d7d7d; font-size: 14px; line-height: 14px; letter-spacing: 0; } .login_box_02 .login_title { color: #fd3803; } .login_box_02 .login_title span { text-align: right; display: block; letter-spacing: 5px; } .login_box_03 .login_title { color: #197448; } .login_box_03 .login_title span { text-align: right; display: block; letter-spacing: 5px; } .login_box_04 .login_title { font-size: 17px; color: #197448; letter-spacing: 0; } .login_box_04 .login_title span { text-align: right; display: block; letter-spacing: 5px; } .login_btn { padding: 10px 0; text-align: center; } .login_btn a { padding: 2px 10px; color: #FFF; text-decoration: none; font-size: 13px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .login_box_03 .login_btn { text-align: right; } .login_list_box { font-size: 13px; color: #333; line-height: 20px; padding-top: 5px; } .login_list_box a { display: block; float: left; margin-left: 13px; background-image: url(/Content/Frontend/images/home/icon_dot.png); background-repeat: no-repeat; background-position: 0 6px; padding-left: 15px; color: #333; text-decoration: none; } .login_list_box a:hover { color: #F90; } .login_popup_box { display: none; width: 405px; background-color: #FFF; } .login_popup_box.st2 { display: none; width: 525px; background-color: #FFF; } .login_popup_title { font-size: 24px; color: #FFF; height: 68px; line-height: 68px; text-align: center; letter-spacing: 5px; -moz-box-shadow: 0px 0px 10px #000000; -webkit-box-shadow: 0px 0px 10px #000000; box-shadow: 0px 0px 10px #000000; } .login_popup_title.st1 { background-color: #192d5c; } .login_popup_title.st2 { background-color: #1697da; } .login_popup_con { padding: 30px; background-color: #FFF; } .login_popup_info_box { width: 280px; margin: 0 auto; } .popup_tab_st1 td { font-size: 15px; color: #333; line-height: 25px; padding-bottom: 10px; } .popup_tab_st1 td select { width: 72%; padding: 0 1%; height: 24px; line-height: 24px; } .popup_tab_st1 td input[type="text"], .popup_tab_st1 td input[type="password"] { width: 76%; padding: 0 1%; height: 24px; line-height: 24px; } .login_popup_down_box { font-size: 12px; } .login_popup_down_box input[type="checkbox"] { vertical-align: middle; } .login_popup_down_box a { color: #6c6c6c; text-decoration: none; padding-right: 20px; } .login_popup_down_box a:hover { color: #4eb5dc; } .login_btn1 input[type="button"] { width: 70px; height: 45px; line-height: 45px; text-align: center; color: #FFF; font-size: 22px; border: none; font-family: "Microsoft JhengHei", Arials, Helvetica, sans-serif, PMingLiU; cursor: pointer; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #74809C; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#74809C), to(#192d5c)); background: -webkit-linear-gradient(#74809C, #192d5c); background: -moz-linear-gradient(#74809C, #192d5c); background: -ms-linear-gradient(#74809C, #192d5c); background: -o-linear-gradient(#74809C, #192d5c); background: linear-gradient(#74809C, #192d5c); -pie-background: linear-gradient(#74809C, #192d5c); behavior: url(/pie/PIE.htc); } .login_btn1 input[type="button"]:hover { background: #8F98AE; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#8F98AE), to(#294994)); background: -webkit-linear-gradient(#8F98AE, #294994); background: -moz-linear-gradient(#8F98AE, #294994); background: -ms-linear-gradient(#8F98AE, #294994); background: -o-linear-gradient(#8F98AE, #294994); background: linear-gradient(#8F98AE, #294994); -pie-background: linear-gradient(#8F98AE, #294994); behavior: url(/pie/PIE.htc); } .login_btn2 input[type="button"] { width: 400px; height: 60px; line-height: 60px; text-align: center; color: #FFF; font-size: 32px; border: none; font-family: "Microsoft JhengHei", Arials, Helvetica, sans-serif, PMingLiU; cursor: pointer; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #71AFCF; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#71AFCF), to(#2081b3)); background: -webkit-linear-gradient(#71AFCF, #2081b3); background: -moz-linear-gradient(#71AFCF, #2081b3); background: -ms-linear-gradient(#71AFCF, #2081b3); background: -o-linear-gradient(#71AFCF, #2081b3); background: linear-gradient(#71AFCF, #2081b3); -pie-background: linear-gradient(#71AFCF, #2081b3); behavior: url(/pie/PIE.htc); } .login_btn2 input[type="button"]:hover { background: #B1D5E7; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#B1D5E7), to(#4BABDD)); background: -webkit-linear-gradient(#B1D5E7, #4BABDD); background: -moz-linear-gradient(#B1D5E7, #4BABDD); background: -ms-linear-gradient(#B1D5E7, #4BABDD); background: -o-linear-gradient(#B1D5E7, #4BABDD); background: linear-gradient(#B1D5E7, #4BABDD); -pie-background: linear-gradient(#B1D5E7, #4BABDD); behavior: url(/pie/PIE.htc); } .popup_btn_box { text-align: center; } a:hover.popup_btn { opacity: 0.8; } .news_marquee { height: 30px; line-height: 30px; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; margin-bottom: 40px; } .news_title { float: left; width: 60px; background-color: #dd8a00; font-size: 15px; color: #FFF; line-height: 30px; padding: 0 25px; } .news_marquee_con { float: right; width: 840px; padding: 0 25px; line-height: 30px; font-size: 15px; color: #333; } .news_marquee_con a { font-size: 15px; color: #333; text-decoration: none; line-height: 30px; } .news_marquee_con a:hover { color: #dd8a00; } .main_content { margin-bottom: 50px; } .main_con_left { width: 675px; float: left; padding-left: 0; } .main_con_right { width: 300px; padding: 0; box-sizing: border-box; float: right; } .home_news_box { margin-bottom: 20px; height: 230px; overflow: hidden; position: relative; box-sizing: border-box; } .home_box_title { border-bottom: 1px solid #ccc; line-height: 35px; padding-bottom: 5px; } /*大標題*/ .homebox_title { float: left; font-size: 24px; color: #005598; letter-spacing: 1px; font-weight: bold; } /*控制休市行事曆年份*/ .mktCloseArea>h3>span:before { content: '2021年'; } /*控制配息日期年份*/ .homebox_title.dividendDate:before { content: '2021年'; } .homebox_btn { float: right; } .homebox_btn a { padding: 2px 10px; color: #FFF; text-decoration: none; font-size: 13px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .home_news_list { padding: 15px 0; } .news_list_con { background-image: url(/Content/Frontend/images/home/news_list_icon.png); background-repeat: no-repeat; background-position: 0 12px; line-height: 20px; font-size: 15px; padding: 7px 0 7px 20px; } .news_list_con span { color: #333; display: inline-block; padding-right: 10px; width: 90px; } .news_list_con a { color: #333; text-decoration: none; } .news_list_con a:hover { color: #dd8a00; } .home_fund_box { margin-bottom: 30px; overflow: hidden; position: relative; } .main_con_right > .home_fund_box{ margin-bottom: 15px; } #APIchoice>.home_fund_box { height: 330px; margin-bottom: 0; } /*重要交易通知*/ .tradeInfoArea { margin: 0 auto; padding: 0; color: #333; } .tradeInfoArea .tradeNoteTit { font-size: 20px; color: #333; margin: 0 auto; padding: 0 0 0 15px; background-color: #fff; border-bottom: 1px solid #ccc; cursor: pointer; position: relative; padding: 7px 8px 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; transition: all 0.3s ease; transition-delay: 0.3s; } .tradeInfoArea .tradeNoteTit.act { background-color: #efefef; } .tradeInfoArea .tradeNoteTit .fa-snapchat-square { margin-right: 5px; color: #005598; } .tradeInfoArea .tradeNoteTit .fa-chevron-right.arrow { position: absolute; right: 10px; top: 14px; font-size: 14px; transition: all 0.3s ease; transition-delay: 0.3s; } .tradeInfoArea .tradeNoteTit .fa-chevron-right.arrow.turn { transform: rotate(90deg); } .tradeInfoArea>.tradeNote { padding: 15px 0; border-bottom: 1px solid #ccc; border-top: 0; text-align: left; letter-spacing: 0; /*display: none;*/ } .tradeInfoArea>.tradeNote p { font-size: 13px; line-height: 1.4; font-weight: normal; color: #000; letter-spacing: 1px; margin: 0 auto 8px; text-align: left; } .tradeInfoArea>.tradeNote p .moreLink { color: #005598; text-decoration: underline; cursor: pointer; } .moreLinkArea { /*display: none;*/ padding: 8px 0 0; } .tradeInfoArea>.tradeNote>.moreLinkArea>.tradeNoteBtn { display: inline-block; border-radius: 5px; font-size: 14px; margin: 0 4px 8px; padding: 4px 14px; color: #005598; text-decoration: none; border: 1px solid #005598; background-color: #fff; position: relative; transition: all 0.3s ease; transition-delay: 0.3s; } .tradeInfoArea>.tradeNote>.moreLinkArea>.tradeNoteBtn:hover { color: #005598; background-color: #dbeffb; } .tradeInfoArea>.tradeNote>.moreLinkArea>.tradeNoteBtn .fa-chevron-right.arrow { font-size: 12px; margin-left: 5px; color: #005598; transition: all 0.3s ease; transition-delay: 0.3s; } /*主題投資*/ .topicInvestArea { border: 1px solid #cccccc; padding: 16px 19px; margin: 20px auto 30px; box-sizing: border-box; position: relative; } .topicInvestArea .homebox_title { margin-bottom: 8px; position: absolute; left: 428px; top: -20px; z-index: 3; background-color: #fff; padding: 0 20px; } .topicList { list-style: none; text-align: center; margin: 0; padding: 0; text-align: center; } .topicList>li { width: 25%; overflow: hidden; display: inline-block; margin: 0 -2px; position: relative; } .topicList>li .topicLink { width: 100%; height: 300px; overflow: hidden; margin: 0 auto; padding: 0; text-decoration: none; position: relative; display: block; } .topicList>li .topicLink img { display: block; width: 100%; margin: 0 auto; transform-origin: 50% 50%; transition: all 0.5s ease-in-out; transition-delay: 0.3s; } .topicList>li:hover .topicLink img { transform: scale(1.2); } .topicList>li .topicLink .topicBox { display: block; padding: 16px; position: absolute; left: 0; bottom: -80px; background: rgba(0, 85, 152, .6); text-decoration: none; text-align: center; box-sizing: border-box; transition: all 0.5s ease-in-out; transition-delay: 0.3s; } .topicList>li:hover .topicLink .topicBox { bottom: 0; background: rgba(0, 85, 152, 1); } .topicList>li .topicLink .topicBox .topicTit { color: #fff; font-size: 18px; border: 1px solid #fff; border-radius: 3px; padding: 8px; margin-bottom: 16px; display: inline-block; } .topicList>li .topicLink .topicBox .topicTxt { color: #fff; font-size: 14px; line-height: 1.6; text-align: left; display: block; overflow: hidden; height: 4.8em; } .customscrollbar { height: 180px; margin: 10px 0; display: block; } table.customscrollbar { width: 100%; } .fund_tab th { height: 50px; line-height: 50px; font-size: 15px; color: #000; border-bottom: 1px solid #ccc; } .fund_tab th:first-child { padding-left: 0px; } .fund_tab th a { font-size: 13px; color: #1a2d5d; text-decoration: none; } .fund_tab th a:hover { color: #dd8a00; } .fund_tab td { line-height: 20px; padding: 8px 0; font-size: 15px; color: #333; } .fund_tab td a { color: #1a2d5d; text-decoration: none; } .fund_tab td a:hover { color: #dd8a00; } .fund_tab td a span { font-size: 13px; color: #333333; } .fund_tab td .tab_up { color: #ff0000; } .fund_tab td .tab_down { color: #009944; } .fund_tab .tab_last_box td { font-size: 13px; color: #999; } .fund_tab .tab_last_box td a { display: inline-block; color: #999; text-decoration: none; height: 17px; line-height: 17px; background-repeat: no-repeat; background-position: left top; } .fund_tab .tab_last_box td a:hover { color: #0b5bcf; background-position: left bottom; } .fund_tab .tab_last_box td a.sel_left { background-image: url(/Content/Frontend/images/home/icon_btn_01.png); margin-right: 15px; padding-left: 22px; } .fund_tab .tab_last_box td a.sel_right { background-image: url(/Content/Frontend/images/home/icon_btn_02.png); background-position: right top; padding-right: 22px; } .fund_tab .tab_last_box td a:hover.sel_right { background-position: right bottom; } .home_banner { height: 170px; margin-bottom: 0px; } .home_downbig_box { margin-bottom: 30px; position: relative; } .onelayer_link { font-size: 13px; color: #1a2d5d; line-height: 40px; position: absolute; left: 115px; top: 0; } .onelayer_link a { color: #1a2d5d; text-decoration: none; } .onelayer_link a:hover { color: #dd8a00; } .one_layer_tab .fund_tab th:first-child { padding-left: 0px; } .home_fund_calendar_box { /* height: 225px; overflow: hidden;*/ margin: 15px auto 0; } .home_banner_right { height: 230px; } .right_nav_box { padding-top: 25px; background-image: url(/Content/Frontend/images/home/right_nav_icon_bg.png); background-repeat: no-repeat; background-position: 0px 22px; height: 145px; } .right_nav_box a { display: block; float: left; width: 65px; height: 65px; line-height: 65px; padding-left: 80px; font-size: 15px; color: #333; text-decoration: none; margin-right: 5px; margin-bottom: 10px; } .right_nav_box a:hover { color: #dd8a00; } .right_video_box { padding-top: 17px; position: relative; } .video_list_box a { display: block; text-decoration: none; color: #333; width: 300px; } .video_list_box a:hover { color: #dd8a00; } .video_pic { /* width: 210px; height: 155px; */ text-align: center; margin-bottom: 10px; } .video_list_box a .video_title { /* text-align: center; */ } .video_list_box a .video_title h2 { font-size: 17px; color: #333; line-height: 30px; font-weight: bold; margin-bottom: 5px; } .video_list_box a:hover .video_title h2 { color: #dd8a00; } .video_list_box a .video_title p { font-size: 15px; color: #1a2d5d; } .prevControl { position: absolute; width: 30px; height: 40px; left: 0; top: 85px; background-image: url(/Content/Frontend/images/home/video_prev_btn.png); background-repeat: no-repeat; background-position: left top; z-index: 999; cursor: pointer; } .prevControl:hover { background-position: left bottom; } .nextControl { position: absolute; width: 30px; height: 40px; right: 0; top: 85px; background-image: url(/Content/Frontend/images/home/video_next_btn.png); background-repeat: no-repeat; background-position: left top; z-index: 999; cursor: pointer; } .nextControl:hover { background-position: left bottom; } .tag_cloud_box { width: 300px; height: 140px; text-align: center; padding-top: 20px; overflow: hidden; } .tag_cloud_box a { text-decoration: none; line-height: 30px; padding: 0 3px; transition: all 0.5s ease-in-out; transition-delay: 0.3s; } .tag_cloud_box a:hover { color: #333333; font-size: 24px; } .tag_cloud_box .fontsize01 { font-size: 12px; color: #333; } .tag_cloud_box .fontsize02 { font-size: 14px; color: #333; } .tag_cloud_box .fontsize03 { font-size: 16px; color: #333; } .tag_cloud_box .fontsize04 { font-size: 18px; color: #e12c2c; color: #005598; } .tag_cloud_box .fontsize05 { font-size: 20px; color: #bc6b13; } .tag_cloud_box .fontsize06 { font-size: 21px; color: #26ae69; } .tag_cloud_box .fontsize07 { font-size: 22px; color: #2669ae; color: #f00; } #tag_cloud { width: 300px; height: 160px; } #tag_cloud a { color: #333; text-decoration: none; } #tag_cloud a:hover { color: #dd8a00; } .fund_calendar_list { margin: 2px auto 0; background-color: #f6f6f6; padding-bottom: 15px; /*height: 170px;*/ border-radius: 3px; } .fund_cal_box { width: 300px; height: auto; margin: 0; padding: 15px; box-sizing: border-box; vertical-align: middle; /* margin-left: 25px; padding-bottom: 30px;*/ } .fund_cal_box:after { content: ''; display: block; clear: both; } .fund_cal { width: 80px; height: auto; /*height: 92px;*/ border-radius: 3px; background-color: #005598; padding: 15px; box-sizing: border-box; /* background-image: url(/Content/Frontend/images/home/fund_calendar_bg.jpg); background-repeat: repeat-x;*/ margin-right: 10px; display: inline-block; vertical-align: middle; } .fund_cal span { color: #fff; font-family: Arial; font-weight: bold; text-align: center; display: block; padding: 0; margin: 0 auto; } .fund_cal br { display: none; } .fund_cal span.mon { font-size: 15px; line-height: 15px; } .fund_cal span.day { font-size: 50px; line-height: 50px; letter-spacing: -2px; } .fund_cal span.yer { font-size: 12px; line-height: 15px; } .fund_cal_title { width: 175px; color: #1a2d5d; font-size: 15px; line-height: 1.4; display: inline-block; vertical-align: middle; } .fund_cal_title>br { display: block; } .fund_cal_title a { color: #1a2d5d; text-decoration: none; } .fund_cal_title a:hover { color: #dd8a00; } .example-pager { width: 270px; border-top: 1px solid #ccc; text-align: center; margin: 0 auto; } .example-pager span { color: #ccc; font-size: 30px; line-height: 30px; cursor: pointer; } .example-pager span.cycle-pager-active { color: #dd8a00; } .footer { padding-bottom: 0px; font-weight: bold; box-sizing: border-box; width: 100%; max-width: 1000px; display: block; margin: 0 auto; } .footer_title { height: 50px; line-height: 50px; border-bottom: 1px solid #ccc; margin: 0 25px 20px 25px; } .footer_title h1 { float: left; font-size: 24px; color: #005598; line-height: 50px; font-weight: bold; } .footer_title h2 { float: right; font-size: 15px; color: #666; line-height: 50px; font-weight: normal; } .footer_title h2 span { font-family: Arial; color: #f39700; font-size: 36px; font-weight: bold; line-height: 50px; } .footer_title2 { margin-bottom: 25px; } .footer_title2 h3 { float: left; font-size: 14px; color: #333; line-height: 30px; font-weight: bold; padding-left: 25px; } .footer_title2 h3 span { font-size: 12px; color: #333; font-weight: normal; } .footer_title2 .footer_nav { float: right; font-size: 12px; color: #333; line-height: 27px; padding-right: 25px; text-align: right; } .footer_title2 .footer_nav a { display: inline-block; color: #333; text-decoration: none; } .footer_title2 .footer_nav a:hover { color: #005598; } .footer_title2 .footer_nav a.app_icon { background-image: url(/Content/Frontend/images/home/icon_mobile.png); background-repeat: no-repeat; background-position: top 8px right; padding-right: 15px; } .footer_title2 .footer_nav a.app_icon_img img { vertical-align: middle; margin-right: 10px; } /*--.footer_title2 .footer_nav a.app_icon_line{ background-image:url(/Content/Frontend/images/home/icon_line.png); background-repeat:no-repeat; background-position:top 8px left; margin-right:5px; width:24px; height:32px;}--*/ .footer_notic { padding: 15px 15px 0; background-color: #f5f5f5; font-size: 13px; color: #333; line-height: 20px; border-top: 1px solid #dfdfdf; } .footer_notic p { font-size: 13px; color: #333; line-height: 20px; } .footer_notic a { color: #333; text-decoration: none; } .footer_notic a:hover { color: #dd8a00; } .footer_notic p span { color: #1a2d5d; font-weight: bold; } .copyRightsArea { margin: 0 auto; padding: 0; text-align: center; background-color: #f5f5f5; } .copyRightsArea span { color: #333; display: inline-block; border: 1px solid #ccc; padding: 8px; font-size: 12px; line-height: 1; margin: 0 auto 24px; } .footer_title2 .footer_nav .poliacyArea { display: block; } .footer_title2 .footer_nav .poliacyArea a { color: #333; text-decoration: none; } .footer_title2 .footer_nav .poliacyArea a:hover { color: #005598; } .more_btn_box { position: absolute; bottom: 12px; right: 0; width: 115px; height: 25px; background-color: #FFF; font-size: 13px; color: #333; line-height: 25px; text-align: right; } .more_btn_box a { color: #333; text-decoration: none; } .more_btn_box a:hover { color: #005598; } .more_btn_box.st2 { bottom: -10px; } .fund_pic_links_box { padding: 20px 0; } .tab_content a.pic_link { display: inline-block; text-align: center; width: 200px; text-decoration: none; text-align: left; } .tab_content a.pic_link h2 { font-size: 15px; line-height: 30px; } .tab_content a.pic_link h2.st1 { color: #fe6103; } .tab_content a.pic_link h2.st2 { color: #398d8e; } .tab_content a.pic_link h2.st3 { color: #b85285; } .tab_content a.pic_link p { font-size: 15px; line-height: 20px; color: #333; } .tab_content a:hover.pic_link p { color: #F90; } .more_fundbtn_box { position: absolute; bottom: -12px; left: 240px; width: 165px; height: 25px; background-color: #FFF; background-image: url(/Content/Frontend/images/home/more_fund_btn.png); background-repeat: no-repeat; background-position: left top; z-index: 9; } .more_fundbtn_box a { display: block; width: 165px; height: 25px; background-image: url(/Content/Frontend/images/home/more_fund_btn.png); background-repeat: no-repeat; background-position: left top; } .more_fundbtn_box a:hover { background-position: left bottom; } a.prevControl1 { width: 20px; height: 20px; position: absolute; bottom: -10px; left: 255px; z-index: 99; } a.nextControl1 { width: 20px; height: 20px; position: absolute; bottom: -10px; left: 367px; z-index: 99; } a.prevControl2 { width: 20px; height: 20px; position: absolute; bottom: -10px; left: 255px; z-index: 99; } a.nextControl2 { width: 20px; height: 20px; position: absolute; bottom: -10px; left: 367px; z-index: 99; } /*--內容頁--*/ .inpage_title { font-size: 20px; color: #dd8a00; line-height: 25px; } .inpage_font { font-size: 13px; color: #333; } .in_title_box { border-bottom: 1px solid #ccc; padding-bottom: 8px; } .in_tab_style td { border: 1px solid #FFF; padding: 5px; } /*20200218----右側輪播*/ .cycle-slideshow { position: relative; } .cycle-slideshow #next2, .cycle-slideshow #prev2 { position: absolute; z-index: 1000; background: rgba(0, 71, 144, 0.7); color: #fff; font-size: 20px; font-weight: bold; line-height: 1; top: 50px; padding: 2px 4px; cursor: pointer; } .cycle-slideshow #prev2 { left: 0; } .cycle-slideshow #next2 { right: 0; } .sideSlideBox { width: 250px; margin: 0 auto; padding: 0; } .sideSlideBox>a { width: 100%; min-height: 245px; display: block; text-decoration: none; } .sideSlideBox>a img { display: block; margin: 0 auto 5px; border: 0; width: 100%; } .sideSlideBox>a>h3 { font-size: 18px; line-height: 1.3; color: #333; font-weight: normal; margin-bottom: 5px; color: #004790; } .sideSlideBox>a:hover>h3 { color: #dd8a00; } .sideSlideBox>a>h3 strong { font-weight: bold; } .sideSlideBox>a>p { font-weight: normal; font-size: 14px; line-height: 1.4; color: #333; margin: 0 auto; padding: 0; } /*--基金基本資料頁--*/ .fund_select_box { margin-bottom: 10px; font-size: 15px; color: #333333; } .fund_select_box select { display: inline-table; height: 30px; line-height: 30px; font-size: 15px; border: 1px solid #C7C7C7; font-family: "Microsoft JhengHei", Arials, Helvetica, sans-serif, PMingLiU; } .fund_maininfo { padding: 15px 0 0 0; border: 6px solid #e7e7e7; margin-bottom: 20px; } .fund_maininfo table tr.blue_border { border-left: 6px solid #e7e7e7; border-right: 6px solid #e7e7e7; background-color: #f6f6f6; } .fund_maininfo table { border-collapse: collapse; border-spacing: 0; margin-left: -6px; width: 685px; } .fund_maininfo table td { padding: 0 15px; } .fund_maininfo table td.td_txt_01 { font-size: 13px; color: #333; line-height: 30px; } .fund_maininfo table td.td_txt_01 span { font-size: 12px; color: #9d9d9d; padding-left: 30px; } .fund_maininfo table td.td_txt_01 span.areaTit label i { color: #274784; } .fund_maininfo table td.td_txt_02 { font-size: 35px; color: #000; line-height: 50px; position: relative; } .fund_maininfo table td.td_txt_02 span { font-size: 13px; color: #333; padding-left: 5px; } .fund_maininfo table td.td_txt_02 span.areaTit label i { color: #274784; } .fund_maininfo table td.td_txt_02 #pop+p.areaTxt { display: none; opacity: 0; } .fund_maininfo table td.td_txt_02 #pop.on+p.areaTxt { display: block; opacity: 1; } .fund_maininfo table td.td_txt_03 { font-size: 22px; color: #ff0000; line-height: 50px; } .fund_maininfo table td.td_txt_03_1 { font-size: 22px; color: #009944; line-height: 50px; } .fund_maininfo table td.td_txt_04 { font-size: 15px; color: #777; line-height: 50px; } .fund_maininfo_btn {} .fund_maininfo_btn a { display: inline-block; padding: 2px 10px; color: #FFF; text-decoration: none; font-size: 13px; margin-bottom: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .tabcnt2_box_left { width: 310px; float: left; } .tabcnt2_box_right { width: 310px; float: right; } .fund_con_box { padding: 25px 0; } .fund_con_tab td { padding: 5px 5px; } .fund_sp_word { font-size: 15px; color: #333; line-height: 25px; } .fund_sp_word span.noticword { font-size: 13px; font-weight: bold; line-height: 20px; } .fund_sp_word_bg { background-color: #f4f4f4; padding: 10px; margin-bottom: 20px; } /*20200131改 start*/ .fund_sp_word_bg>.spTitle { font-weight: bold; font-size: 16px; line-height: 1.4; padding: 0 0 5px; } .fund_sp_word_bg>.spTitle:first-child { padding: 0 0 5px; } .fund_sp_word_bg>.spTitle:before { content: '⬤'; margin-right: 5px; } .fund_sp_word_bg>p { font-size: 14px; line-height: 1.4; margin-bottom: 8px; } .fund_sp_word_bg>blockquote { font-size: 13px; line-height: 1.4; padding-bottom: 8px; } .fund_sp_word_bg>blockquote:before { content: '註：'; display: block; font-weight: bold; } .fund_sp_word_bg>.spTitle strong, .fund_sp_word_bg>p strong, .fund_sp_word_bg>blockquote strong { color: #005598; font-weight: bold; } /*20200131改 end*/ .fund_sp_title { font-size: 15px; color: #264783; line-height: 30px; } .manager_tab_line { border-bottom: 1px dotted #c5c5c5; margin-bottom: 30px; padding-bottom: 30px; clear: both; } /*-- .txt_gray td{ padding:0;} --*/ td.tab_number { font-size: 13px; color: #fe6103; padding: 5px 10px; } /*--我要交易--*/ .PlaceOrder_info { font-size: 15px; color: #333; line-height: 25px; } .PlaceOrder_info span { color: #fe6103; } a.order_btn { display: block; width: 252px; height: 80px; background-image: url(/Content/Frontend/images/home/order_btn.png); background-repeat: no-repeat; background-position: left top; margin: 30px auto; } a:hover.order_btn { background-position: left bottom; } .form_box { background-color: #f6f6f6; padding: 20px 12px; margin-bottom: 30px; } .form_left_box { width: 540px; float: left; } .form_right_box { width: 80px; float: right; margin-top: 30px; } .form_left_box h1 { display: block; font-size: 18px; font-weight: normal; color: #264783; line-height: 17px; border-left: 4px solid #264783; padding-left: 10px; margin-bottom: 10px; } .form_left_box p { font-size: 15px; color: #333; line-height: 30px; padding-left: 14px; } .form_left_box p span { color: #F00; } .form_left_box p span.org { color: #fe6103; } .form_left_box p a { line-height: 18px; } .notice_adobe_reader { font-size: 13px; color: #333; line-height: 20px; } .notice_adobe_reader a { color: #da0f16; text-decoration: none; } .notice_adobe_reader a:hover { color: #F66; } /*--基金行事曆--*/ .fund_cal_box_top { height: 250px; border-bottom: 1px dotted #c5c5c5; margin-bottom: 20px; } .fund_cal_small { width: 160px; float: left; } .fund_search_box { width: 470px; float: right; } .fund_cal_small table {} .fund_cal_small table th { text-align: center; padding: 10px 0; font-size: 13px; line-height: 18px; color: #FFF; background-color: #90a8c0; } .fund_cal_small table th a { color: #FFF; text-decoration: none; } .fund_cal_small table th a:hover { color: #F90; } .fund_cal_small table td { text-align: center; padding: 10px 0; border: 1px solid #FFF; font-size: 13px; line-height: 18px; color: #333; background-color: #f6f6f6; } .fund_cal_small table td a { color: #333; text-decoration: none; } .fund_cal_small table td a:hover { color: #F90; } .fund_search_box table {} .fund_search_box table th { padding: 10px 10px; font-size: 17px; line-height: 18px; color: #FFF; background-color: #90a8c0; } .fund_search_box table th a {} .fund_search_box table th a:hover {} .fund_search_box table td { padding: 10px 10px; font-size: 15px; line-height: 18px; color: #333; background-color: #f6f6f6; } .fund_search_box table td a {} .fund_search_box table td a:hover {} .fund_search_box table td:first-child { color: #1a2d5d; } .fund_search_box table td.fund_td_check {} .fund_search_box table td.fund_td_check input[type="checkbox"] {} .fund_search_box table td.fund_td_check span { display: inline-block; padding: 5px; color: #FFF; margin-bottom: 10px; } .fund_search_box table td.fund_td_check span.fund_style_01 { background-color: #398d8e; } .fund_search_box table td.fund_td_check span.fund_style_02 { background-color: #716393; } .fund_search_box table td.fund_td_check span.fund_style_03 { background-color: #264783; } .fund_search_box table td.fund_td_check span.fund_style_04 { background-color: #b85285; } .fund_cal_box_down {} .fund_cal_box_down table tr.tr_01 { background-color: #ececec; font-size: 18px; color: #002164; line-height: 18px; text-align: center; } .fund_cal_box_down table tr.tr_01 td { padding: 10px 0; } .fund_cal_box_down table tr.tr_01 a { color: #002164; text-decoration: none; padding: 0 10px; } .fund_cal_box_down table tr.tr_01 a:hover { color: #F90; } .fund_cal_box_down table tr.tr_02 { font-size: 15px; color: #fafafa; line-height: 15px; text-align: center; } .fund_cal_box_down table tr.tr_02 td { border: 1px solid #FFF; background-color: #90a8c0; padding: 10px 0; } .fund_cal_box_down table tr.tr_03 { background-color: #f4f4f4; font-size: 13px; color: #333; line-height: 18px; text-align: right; } .fund_cal_box_down table tr.tr_03 td { padding: 0 5px; border-right: 1px solid #dfdfdf; } .fund_cal_box_down table tr.tr_04 { background-color: #fafafa; } .fund_cal_box_down table tr.tr_04 td { padding: 5px; border-right: 1px solid #dfdfdf; height: 65px; } .fund_cal_box_down table tr.tr_05 { background-color: #FFF; } .fund_cal_box_down table tr.tr_05 td { padding: 5px; border-right: 1px solid #dfdfdf; height: 65px; } .fund_cal_box_down table td span { display: block; padding: 3px; font-size: 15px; color: #FFF; margin-bottom: 3px; text-align: center; } .fund_cal_box_down table td span.fund_cal_sp_01 { background-color: #79a9ad; } .fund_cal_box_down table td span.fund_cal_sp_02 { background-color: #a18c78; } .fund_cal_box_down table td span.fund_cal_sp_03 { background-color: #264783; } .fund_cal_box_down table td span.fund_cal_sp_04 { background-color: #b85285; } .fund_cal_box_down table td a { text-decoration: none; } .fund_cal_box_down table td a:hover { opacity: 0.8; } div.popup_info_box { font-size: 15px; color: #333; line-height: 23px; } div.popup_info_box p { padding-bottom: 23px; } div.popup_info_box a { display: block; text-align: right; color: #1a2d5d; text-decoration: none; } div.popup_info_box a:hover { color: #F90; } /*--基金比較按鈕--*/ .btn_fund_compare { width: 36px; height: 150px; position: absolute; } .btn_fund_compare a { display: block; width: 36px; height: 150px; background-image: url(/Content/Frontend/images/home/btn_fund_compare.png); background-repeat: no-repeat; background-position: left top; position: absolute; left: -36px; } .btn_fund_compare a:hover { background-position: left bottom; } /*--全球市場分析--*/ .form_box2 { padding: 10px 12px; margin-bottom: 0px; border-bottom: 1px solid #ccc; } .form_box2:last-child { border: none; } .form_box2 a { text-decoration: none; } .form_box2 a:hover h1 { color: #dd8a00; border-left: 4px solid #dd8a00; } .form_box2 a p { line-height: 25px; } .form_box2 a p span.date { font-size: 12px; color: #919191; } .form_box2 .form_left_box { width: 100%; float: none; } .form_box2 .fund_maininfo_btn { text-align: right; margin-top: 10px; } /*--社群會員--*/ .social_member_info { padding: 15px 0 30px 0; font-size: 15px; color: #333333; line-height: 25px; } .social_member_info p { font-size: 15px; color: #333333; line-height: 25px; } .social_member_info a { color: #333333; } .social_member_info a:hover { text-decoration: none; } .social_member_info a.orange { color: #fe6103; } .social_member_info input[type="text"] { width: 175px; height: 25px; line-height: 25px; border: 1px solid #bcbcbc; background: none; margin-right: 10px; } .social_member_tab {} .social_member_tab td { padding: 0 0 10px 15px; } /*--優惠訊息--*/ .offter_con { font-size: 15px; color: #464646; line-height: 1.8em; padding-top: 0; padding-right: 0; padding-left: 15px; padding-bottom: 15px; margin-top: -3px; } .offter_con li { padding-top: 0; padding-right: 0; list-style-position: outside; margin-left: 20px; } /*--預約開戶--*/ .main_title { font-size: 20px; color: #dd8a00; line-height: 30px; margin-bottom: 10px; } .account_left { width: 445px; float: left; } .account_right { width: 445px; float: right; } .account_title { display: block; font-size: 18px; font-weight: normal; color: #264783; line-height: 17px; border-left: 4px solid #264783; padding-left: 10px; margin-bottom: 10px; } .account_con_box { padding-bottom: 20px; border-bottom: 1px solid #ccc; margin-bottom: 20px; } .account_con_box p { font-size: 15px; color: #333333; line-height: 25px; padding-left: 15px; } .account_con_box p span { color: #fe6103; } .account_con_box p span.blue_font { color: #264783; } .account_con_box p a { color: #fe6103; } .account_con_box p a:hover { text-decoration: none; } .account_con_box ul li a { color: #fe6103; } .account_con_box ul li a:hover { text-decoration: none; } .account_con_box ul li { font-size: 15px; color: #333333; line-height: 25px; list-style-position: outside; list-style-type: disc; margin-left: 15px; } .account_con_box .note { font-size: 15px; color: #07306F; padding-bottom: 20px; border-radius: 15px; margin-bottom: 20px; background-color: #E8E8E8; margin-top: 20px; margin-right: 20px; margin-left: 20px; padding-top: 20px; padding-right: 20px; padding-left: 20px; } .account_con_title { font-size: 18px; line-height: 30px; color: #010000; background-image: url(/Content/Frontend/images/transact/account_icon.jpg); background-repeat: no-repeat; background-position: 0 12px; padding-left: 15px; margin-bottom: 15px; padding-left: 15px; } .account_btn { text-align: center; } .account_step_box { padding-top: 15px; padding-left: 15px; padding-right: 15px; } .account_step_box a { float: left; display: block; width: 244px; height: 130px; background-repeat: no-repeat; margin-right: 15px; margin-left: 15px; } .account_step_box a:hover {} .account_step_box a.acc_step_btn1 { background-image: url(/Content/Frontend/images/transact/account_step01.jpg); } .account_step_box a:hover.acc_step_btn1 { background-image: url(/Content/Frontend/images/transact/account_step01a.jpg); } .account_step_box a.onlink.acc_step_btn1 { background-image: url(/Content/Frontend/images/transact/account_step01a.jpg); } .account_step_box a.acc_step_btn2 { background-image: url(/Content/Frontend/images/transact/account_step02.jpg); } .account_step_box a:hover.acc_step_btn2 { background-image: url(/Content/Frontend/images/transact/account_step02a.jpg); } .account_step_box a.onlink.acc_step_btn2 { background-image: url(/Content/Frontend/images/transact/account_step02a.jpg); } .account_step_box a.acc_step_btn3 { background-image: url(/Content/Frontend/images/transact/account_step03.jpg); margin-right: 0; } .account_step_box a:hover.acc_step_btn3 { background-image: url(/Content/Frontend/images/transact/account_step03a.jpg); } .account_step_box a.onlink.acc_step_btn3 { background-image: url(/Content/Frontend/images/transact/account_step03a.jpg); } .more_btn.acc_btn_box { text-align: left; padding-left: 15px; } /*--預約開戶new--*/ .account_none { margin-left: 30px; margin-right: 30px; } .more_btn.acc_btn_box { text-align: left; padding-left: 15px; } /*--會員等級--*/ .mber_Box { width: 92%; margin-left: auto; margin-right: auto; margin-top: 0px; padding: 25px; } .Gray { background-color: #FAFAFA; } .mber_sub { font-size: 16px; background-color: #B5B5B5; border: 1px solid #FFFFFF; text-align: center; color: #FFFFFF; } .mber_tit { font-weight: bold; padding-top: 5px; padding-bottom: 0px; } .mber_con { list-style-type: disc; line-height: 20px; font-size: 14px; margin-left: 20px; color: #333333; } /*--右欄區塊--*/ .etrade_right_box { width: 250px; height: 115px; background-image: url(/Content/Frontend/images/mutual/calculation_2.jpg); background-repeat: no-repeat; position: relative; } .etrade_right_box a { display: block; position: absolute; } .etrade_right_box a.etrade_btn1 { width: 75px; height: 20px; top: 82px; left: 70px; display: none; } .etrade_right_box a.etrade_btn2 { /* width: 75px; height: 20px; top: 82px; left: 150px;*/ width: 250px; height: 84px; left: 0; top: 30px; } /*--內容UL LI 樣式參考--*/ .about_2 ul li { background-image: url(/Content/Frontend/images/about/icon_about1.jpg); background-repeat: no-repeat; background-position: 0 4px; padding-left: 20px; font-size: 15px; color: #264783; margin-left: 10px; } .about_2 li>ul>li { background-image: url(/Content/Frontend/images/about/icon_about2.jpg); background-repeat: no-repeat; background-position: 0 4px; padding-left: 20px; font-size: 15px; color: #333333; } /*--內容樣式 調整--*/ .datesize { font-size: 12px; } /*--全球市場分析--*/ .gm_title { font-size: 18px; color: #264783; line-height: 25px; padding-bottom: 5px; } .gm_title a { font-size: 18px; color: #264783; line-height: 25px; background-image: url(/Content/Frontend/images/info/title_bg.jpg); background-repeat: no-repeat; background-position: 0 6px; padding-left: 10px; text-decoration: none; } .gm_title a:hover { font-size: 18px; color: #264783; line-height: 25px; background-image: url(/Content/Frontend/images/info/title_bg_ov.jpg); color: #dd8a00; text-decoration: none; } .gm_date { font-size: 12px; color: #919191; line-height: 20px; padding-left: 10px; } .gm_info { padding-left: 10px; } /*--群組套件--*/ /*--群組套件--*/ /*--群組套件--*/ /*--群組套件--*/ /*--群組套件--*/ /*--單層頁籤--*/ .one_layer_tab { position: relative; } .one_layer_tab .tabs { height: 40px; border-bottom: none; line-height: 40px; } .one_layer_tab .tabs li { display: inline-table; height: 40px; width: 50px; } .one_layer_tab .tabs li:first-child { margin-right: 0px; } .one_layer_tab .tabs li a { display: inline-table; width: 50px; height: 22px; padding: 0; color: #FFF; text-decoration: none; font-size: 13px; line-height: 22px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .one_layer_tab .tabs li a:hover { color: #FFF; } .one_layer_tab .tabs li a.active { color: #FFF; } /*--多層頁籤--*/ .tabs { height: 40px; /*border-bottom: 1px solid #ccc;*/ } .tabs:after { content: ''; clear: both; display: block; } .tabs li { display: block; width: 50%; margin: 0; float: left; } .tabs li:first-child { margin-right: 0; } .tabs li a { display: block; width: 100%; height: 40px; text-align: center; line-height: 40px; font-size: 20px; color: #333; text-decoration: none; position: relative; background-color: #dbeffb; position: relative; transition: all 0.3s ease-in-out; transition-delay: 0.3s; border-top-left-radius: 3px; border-top-right-radius: 3px; /* background-image: url(/Content/Frontend/images/home/tab_select_bg.jpg); background-repeat: repeat-x; background-position: left top;*/ } .tabs li a:hover, .tabs li a.active { color: #fff; background-color: #005598; background-position: left bottom; } .tabs li a::after, .tabs li a::after { content: ''; width: 0; height: 0; border-style: solid; display: block; border-width: 10px 10px 0 10px; border-color: transparent transparent transparent transparent; position: absolute; left: 48%; bottom: -10px; transition: all 0.3s ease-in-out; transition-delay: 0.3s; } .tabs li a:hover::after, .tabs li a.active::after { border-color: #005598 transparent transparent transparent; } .tab_content { position: relative; /*border-bottom: 1px solid #ccc;*/ } .tab_content .tabs { height: 50px; border-bottom: none; line-height: 50px; position: absolute; top: -50px; right: 0; } .tab_content .tabs li { display: inline-table; height: 50px; width: auto; } .tab_content .tabs li:first-child { margin-right: 0px; } .tab_content .tabs li a { display: inline-table; width: auto; height: 22px; padding: 0; color: #FFF; text-decoration: none; font-size: 13px; line-height: 22px; padding: 0 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } /*活動講座*/ .seminarArea { border-radius: 3px; margin: 0 auto 20px; padding: 0; box-sizing: border-box; } .seminarBox { box-sizing: border-box; margin: 0 auto; padding: 0 24px 16px; border-radius: 3px; transition: all 0.5s ease; transition-delay: 0.3s; background-color: #fff; } .seminarBox:hover {} .seminarBox .topic { margin: 0 auto 4px; font: bold 18px/1.4 "Microsoft JhengHei", Arial, Helvetica, sans-serif; color: #333; } .seminarBox .topic::before { content: '主題：'; } .seminar_title { font: bold 30px/40px "Microsoft JhengHei", Arial, Helvetica, sans-serif; margin: 0 auto 10px; padding-left: 45px; color: #005598; } .seminar_title.type1 { background: url(/Content/Frontend/images/service/seminar-icon1.png) left top no-repeat; } .seminar_title.type2 { background: url(/Content/Frontend/images/service/seminar-icon2.png) left top no-repeat; } .seminar_title.type3 { background: url(/Content/Frontend/images/service/seminar-icon3.png) left top no-repeat; } .seminar_title.type4 { background: url(/Content/Frontend/images/service/seminar-icon4.png) left top no-repeat; } .seminar_title.type5 { background: url(/Content/Frontend/images/service/seminar-icon5.png) left top no-repeat; } .seminar_title.type6 { background: url(/Content/Frontend/images/service/seminar-icon6.png) left top no-repeat; } .seminar_title.type7 { background: url(/Content/Frontend/images/service/seminar-icon7.png) left top no-repeat; } .seminar_title.type8 { background: url(/Content/Frontend/images/service/seminar-icon8.png) left top no-repeat; } .seminar_title.type9 { background: url(/Content/Frontend/images/service/seminar-icon9.png) left top no-repeat; } .seminar_title.type10 { background: url(/Content/Frontend/images/service/seminar-icon10.png) left top no-repeat; } /*講座報名內容*/ .seminarcontent { padding: 0; font-size: 14px; line-height: 1.4; color: #333; } .seminarcontent>h2 { font: bold 20px/1.4 "Microsoft JhengHei", Arials, Helvetica, sans-serif, PMingLiU; color: #005598; margin: 0 auto 15px; padding: 15px 0 0; text-align: left; border-bottom: 1px solid #ccc; } .seminarcontent>h3 { font: bold 18px/1.4 "Microsoft JhengHei", Arials, Helvetica, sans-serif, PMingLiU; color: #333; margin: 0 auto 15px; padding: 15px 0 0; text-align: left; } .seminarcontent>p { font: normal 16px/1.6 "Microsoft JhengHei", Arials, Helvetica, sans-serif, PMingLiU; color: #333; margin: 0 auto 15px; padding: 0; } .seminarcontent>.remark { font: normal 12px/1.6 "Microsoft JhengHei", Arials, Helvetica, sans-serif, PMingLiU; color: #333; margin: 0 auto 15px; padding: 0; } .seminarcontent a { color: #005598; padding: 0 4px; } .seminarcontent a:hover { color: #39c; } .seminarcontent strong { color: #ff5050; padding: 0 4px; } .seminarcontent ul, .seminarcontent ol { margin: 0 auto; } .seminarcontent ul.itemList { list-style: disc; padding: 0 0 0 30px; } .seminarcontent ol.numberList { list-style: decimal; padding: 0 0 0 30px; } ul.itemList>li, ol.numberList>li { font: bold 16px/1.4 "Microsoft JhengHei", Arials, Helvetica, sans-serif, PMingLiU; color: #333; margin-bottom: 8px; padding: 0; text-align: left; } ul.itemList li>h6, ol.numberList li>h6 { color: #005598; font: bold 16px/1.6 "Microsoft JhengHei", Arials, Helvetica, sans-serif, PMingLiU; margin: 0 auto 5px; padding: 0; } .grayArea { margin: 0 auto; padding: 15px; background-color: #f3f3f3; } .lightBlueArea { margin: 0 auto; padding: 15px; background-color: #ecf5ff; } /*--按鈕樣式--*/ .login_btn a.login_btn1 { background: #74809C; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#74809C), to(#192d5c)); background: -webkit-linear-gradient(#74809C, #192d5c); background: -moz-linear-gradient(#74809C, #192d5c); background: -ms-linear-gradient(#74809C, #192d5c); background: -o-linear-gradient(#74809C, #192d5c); background: linear-gradient(#74809C, #192d5c); -pie-background: linear-gradient(#74809C, #192d5c); behavior: url(/pie/PIE.htc); } .login_btn a:hover.login_btn1 { background: #8F98AE; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#8F98AE), to(#294994)); background: -webkit-linear-gradient(#8F98AE, #294994); background: -moz-linear-gradient(#8F98AE, #294994); background: -ms-linear-gradient(#8F98AE, #294994); background: -o-linear-gradient(#8F98AE, #294994); background: linear-gradient(#8F98AE, #294994); -pie-background: linear-gradient(#8F98AE, #294994); behavior: url(/pie/PIE.htc); } .login_btn a.login_btn2 { background: #71AFCF; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#71AFCF), to(#2081b3)); background: -webkit-linear-gradient(#71AFCF, #2081b3); background: -moz-linear-gradient(#71AFCF, #2081b3); background: -ms-linear-gradient(#71AFCF, #2081b3); background: -o-linear-gradient(#71AFCF, #2081b3); background: linear-gradient(#71AFCF, #2081b3); -pie-background: linear-gradient(#71AFCF, #2081b3); behavior: url(/pie/PIE.htc); } .login_btn a:hover.login_btn2 { background: #B1D5E7; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#B1D5E7), to(#4BABDD)); background: -webkit-linear-gradient(#B1D5E7, #4BABDD); background: -moz-linear-gradient(#B1D5E7, #4BABDD); background: -ms-linear-gradient(#B1D5E7, #4BABDD); background: -o-linear-gradient(#B1D5E7, #4BABDD); background: linear-gradient(#B1D5E7, #4BABDD); -pie-background: linear-gradient(#B1D5E7, #4BABDD); behavior: url(/pie/PIE.htc); } .login_btn a.login_btn3 { background: #FE8767; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FE8767), to(#fd3803)); background: -webkit-linear-gradient(#FE8767, #fd3803); background: -moz-linear-gradient(#FE8767, #fd3803); background: -ms-linear-gradient(#FE8767, #fd3803); background: -o-linear-gradient(#FE8767, #fd3803); background: linear-gradient(#FE8767, #fd3803); -pie-background: linear-gradient(#FE8767, #fd3803); behavior: url(/pie/PIE.htc); } .login_btn a:hover.login_btn3 { background: #FEA78F; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FEA78F), to(#FA592E)); background: -webkit-linear-gradient(#FEA78F, #FA592E); background: -moz-linear-gradient(#FEA78F, #FA592E); background: -ms-linear-gradient(#FEA78F, #FA592E); background: -o-linear-gradient(#FEA78F, #FA592E); background: linear-gradient(#FEA78F, #FA592E); -pie-background: linear-gradient(#FEA78F, #FA592E); behavior: url(/pie/PIE.htc); } .login_btn a.login_btn4 { background: #FFB06A; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFB06A), to(#ff8315)); background: -webkit-linear-gradient(#FFB06A, #ff8315); background: -moz-linear-gradient(#FFB06A, #ff8315); background: -ms-linear-gradient(#FFB06A, #ff8315); background: -o-linear-gradient(#FFB06A, #ff8315); background: linear-gradient(#FFB06A, #ff8315); -pie-background: linear-gradient(#FFB06A, #ff8315); behavior: url(/pie/PIE.htc); } .login_btn a:hover.login_btn4 { background: #FCC99C; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FCC99C), to(#F79945)); background: -webkit-linear-gradient(#FCC99C, #F79945); background: -moz-linear-gradient(#FCC99C, #F79945); background: -ms-linear-gradient(#FCC99C, #F79945); background: -o-linear-gradient(#FCC99C, #F79945); background: linear-gradient(#FCC99C, #F79945); -pie-background: linear-gradient(#FCC99C, #F79945); behavior: url(/pie/PIE.htc); } .login_btn a.login_btn5 { background: #7AAF95; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#7AAF95), to(#197448)); background: -webkit-linear-gradient(#7AAF95, #197448); background: -moz-linear-gradient(#7AAF95, #197448); background: -ms-linear-gradient(#7AAF95, #197448); background: -o-linear-gradient(#7AAF95, #197448); background: linear-gradient(#7AAF95, #197448); -pie-background: linear-gradient(#7AAF95, #197448); behavior: url(/pie/PIE.htc); } .login_btn a:hover.login_btn5 { background: #96C0AB; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#96C0AB), to(#239F63)); background: -webkit-linear-gradient(#96C0AB, #239F63); background: -moz-linear-gradient(#96C0AB, #239F63); background: -ms-linear-gradient(#96C0AB, #239F63); background: -o-linear-gradient(#96C0AB, #239F63); background: linear-gradient(#96C0AB, #239F63); -pie-background: linear-gradient(#96C0AB, #239F63); behavior: url(/pie/PIE.htc); } .login_btn a.login_btn6 { background: #768F83; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#768F83), to(#123d28)); background: -webkit-linear-gradient(#768F83, #123d28); background: -moz-linear-gradient(#768F83, #123d28); background: -ms-linear-gradient(#768F83, #123d28); background: -o-linear-gradient(#768F83, #123d28); background: linear-gradient(#768F83, #123d28); -pie-background: linear-gradient(#768F83, #123d28); behavior: url(/pie/PIE.htc); } .login_btn a:hover.login_btn6 { background: #9DB9AB; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#9DB9AB), to(#216E48)); background: -webkit-linear-gradient(#9DB9AB, #216E48); background: -moz-linear-gradient(#9DB9AB, #216E48); background: -ms-linear-gradient(#9DB9AB, #216E48); background: -o-linear-gradient(#9DB9AB, #216E48); background: linear-gradient(#9DB9AB, #216E48); -pie-background: linear-gradient(#9DB9AB, #216E48); behavior: url(/pie/PIE.htc); } .login_btn a.login_btn7 { background: #8A8A8A; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#8A8A8A), to(#353535)); background: -webkit-linear-gradient(#8A8A8A, #353535); background: -moz-linear-gradient(#8A8A8A, #353535); background: -ms-linear-gradient(#8A8A8A, #353535); background: -o-linear-gradient(#8A8A8A, #353535); background: linear-gradient(#8A8A8A, #353535); -pie-background: linear-gradient(#8A8A8A, #353535); behavior: url(/pie/PIE.htc); } .login_btn a:hover.login_btn7 { background: #A6A6A6; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#A6A6A6), to(#525252)); background: -webkit-linear-gradient(#A6A6A6, #525252); background: -moz-linear-gradient(#A6A6A6, #525252); background: -ms-linear-gradient(#A6A6A6, #525252); background: -o-linear-gradient(#A6A6A6, #525252); background: linear-gradient(#A6A6A6, #525252); -pie-background: linear-gradient(#A6A6A6, #525252); behavior: url(/pie/PIE.htc); } .homebox_btn a.more_btn { /* background: #e8ae4d; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e8ae4d), to(#dd8a00)); background: -webkit-linear-gradient(#e8ae4d, #dd8a00); background: -moz-linear-gradient(#e8ae4d, #dd8a00); background: -ms-linear-gradient(#e8ae4d, #dd8a00); background: -o-linear-gradient(#e8ae4d, #dd8a00); background: linear-gradient(#e8ae4d, #dd8a00); -pie-background: linear-gradient(#e8ae4d, #dd8a00); behavior: url(/pie/PIE.htc);*/ color: #fff; line-height: 24px; border-radius: 3px; background-color: #005598; transition: all 0.3s ease-in-out; transition-delay: 0.3s; } .homebox_btn a.more_btn:after { content: '>'; } .homebox_btn a.more_btn:hover { /* background: #EEBF72; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEBF72), to(#FDB43A)); background: -webkit-linear-gradient(#EEBF72, #FDB43A); background: -moz-linear-gradient(#EEBF72, #FDB43A); background: -ms-linear-gradient(#EEBF72, #FDB43A); background: -o-linear-gradient(#EEBF72, #FDB43A); background: linear-gradient(#EEBF72, #FDB43A); -pie-background: linear-gradient(#EEBF72, #FDB43A); behavior: url(/pie/PIE.htc);*/ color: #005598; background-color: #dbeffb; } .tab_content .tabs li a.tab_btn { background: #C2C2C2; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#C2C2C2), to(#a0a0a0)); background: -webkit-linear-gradient(#C2C2C2, #a0a0a0); background: -moz-linear-gradient(#C2C2C2, #a0a0a0); background: -ms-linear-gradient(#C2C2C2, #a0a0a0); background: -o-linear-gradient(#C2C2C2, #a0a0a0); background: linear-gradient(#C2C2C2, #a0a0a0); -pie-background: linear-gradient(#C2C2C2, #a0a0a0); behavior: url(/pie/PIE.htc); } .tab_content .tabs li a:hover.tab_btn { background: #73C1E2; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#73C1E2), to(#279fd2)); background: -webkit-linear-gradient(#73C1E2, #279fd2); background: -moz-linear-gradient(#73C1E2, #279fd2); background: -ms-linear-gradient(#73C1E2, #279fd2); background: -o-linear-gradient(#73C1E2, #279fd2); background: linear-gradient(#73C1E2, #279fd2); -pie-background: linear-gradient(#73C1E2, #279fd2); behavior: url(/pie/PIE.htc); } .tab_content .tabs li a.active { background: #73C1E2; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#73C1E2), to(#279fd2)); background: -webkit-linear-gradient(#73C1E2, #279fd2); background: -moz-linear-gradient(#73C1E2, #279fd2); background: -ms-linear-gradient(#73C1E2, #279fd2); background: -o-linear-gradient(#73C1E2, #279fd2); background: linear-gradient(#73C1E2, #279fd2); -pie-background: linear-gradient(#73C1E2, #279fd2); behavior: url(/pie/PIE.htc); } .one_layer_tab .tabs li a.tab_btn { background: #C2C2C2; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#C2C2C2), to(#a0a0a0)); background: -webkit-linear-gradient(#C2C2C2, #a0a0a0); background: -moz-linear-gradient(#C2C2C2, #a0a0a0); background: -ms-linear-gradient(#C2C2C2, #a0a0a0); background: -o-linear-gradient(#C2C2C2, #a0a0a0); background: linear-gradient(#C2C2C2, #a0a0a0); -pie-background: linear-gradient(#C2C2C2, #a0a0a0); behavior: url(/pie/PIE.htc); } .one_layer_tab .tabs li a:hover.tab_btn { background: #73C1E2; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#73C1E2), to(#279fd2)); background: -webkit-linear-gradient(#73C1E2, #279fd2); background: -moz-linear-gradient(#73C1E2, #279fd2); background: -ms-linear-gradient(#73C1E2, #279fd2); background: -o-linear-gradient(#73C1E2, #279fd2); background: linear-gradient(#73C1E2, #279fd2); -pie-background: linear-gradient(#73C1E2, #279fd2); behavior: url(/pie/PIE.htc); } .one_layer_tab .tabs li a.active { background: #73C1E2; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#73C1E2), to(#279fd2)); background: -webkit-linear-gradient(#73C1E2, #279fd2); background: -moz-linear-gradient(#73C1E2, #279fd2); background: -ms-linear-gradient(#73C1E2, #279fd2); background: -o-linear-gradient(#73C1E2, #279fd2); background: linear-gradient(#73C1E2, #279fd2); -pie-background: linear-gradient(#73C1E2, #279fd2); behavior: url(/pie/PIE.htc); } .fund_select_box a.more_btn { font-size: 13px; color: #FFF; line-height: 20px; padding: 2px 10px; text-decoration: none; border-radius: 8px; background: #e8ae4d; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e8ae4d), to(#dd8a00)); background: -webkit-linear-gradient(#e8ae4d, #dd8a00); background: -moz-linear-gradient(#e8ae4d, #dd8a00); background: -ms-linear-gradient(#e8ae4d, #dd8a00); background: -o-linear-gradient(#e8ae4d, #dd8a00); background: linear-gradient(#e8ae4d, #dd8a00); -pie-background: linear-gradient(#e8ae4d, #dd8a00); behavior: url(/pie/PIE.htc); } .fund_select_box a:hover.more_btn { background: #EEBF72; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEBF72), to(#FDB43A)); background: -webkit-linear-gradient(#EEBF72, #FDB43A); background: -moz-linear-gradient(#EEBF72, #FDB43A); background: -ms-linear-gradient(#EEBF72, #FDB43A); background: -o-linear-gradient(#EEBF72, #FDB43A); background: linear-gradient(#EEBF72, #FDB43A); -pie-background: linear-gradient(#EEBF72, #FDB43A); behavior: url(/pie/PIE.htc); } .fund_maininfo_btn a.more_btn { background: #e8ae4d; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e8ae4d), to(#dd8a00)); background: -webkit-linear-gradient(#e8ae4d, #dd8a00); background: -moz-linear-gradient(#e8ae4d, #dd8a00); background: -ms-linear-gradient(#e8ae4d, #dd8a00); background: -o-linear-gradient(#e8ae4d, #dd8a00); background: linear-gradient(#e8ae4d, #dd8a00); -pie-background: linear-gradient(#e8ae4d, #dd8a00); behavior: url(/pie/PIE.htc); } .fund_maininfo_btn a:hover.more_btn { background: #EEBF72; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEBF72), to(#FDB43A)); background: -webkit-linear-gradient(#EEBF72, #FDB43A); background: -moz-linear-gradient(#EEBF72, #FDB43A); background: -ms-linear-gradient(#EEBF72, #FDB43A); background: -o-linear-gradient(#EEBF72, #FDB43A); background: linear-gradient(#EEBF72, #FDB43A); -pie-background: linear-gradient(#EEBF72, #FDB43A); behavior: url(/pie/PIE.htc); } .fund_maininfo_btn a.more_btn2 { background: #E9856B; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E9856B), to(#dc431a)); background: -webkit-linear-gradient(#E9856B, #dc431a); background: -moz-linear-gradient(#E9856B, #dc431a); background: -ms-linear-gradient(#E9856B, #dc431a); background: -o-linear-gradient(#E9856B, #dc431a); background: linear-gradient(#E9856B, #dc431a); -pie-background: linear-gradient(#E9856B, #dc431a); behavior: url(/pie/PIE.htc); } .fund_maininfo_btn a:hover.more_btn2 { background: #EEA895; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEA895), to(#E4562F)); background: -webkit-linear-gradient(#EEA895, #E4562F); background: -moz-linear-gradient(#EEA895, #E4562F); background: -ms-linear-gradient(#EEA895, #E4562F); background: -o-linear-gradient(#EEA895, #E4562F); background: linear-gradient(#EEA895, #E4562F); -pie-background: linear-gradient(#EEA895, #E4562F); behavior: url(/pie/PIE.htc); } .fund_maininfo_btn a.more_btn3 { color: #dd8a00; border: 1px solid #c4c4c4; background: #FFF; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFF), to(#FFF)); background: -webkit-linear-gradient(#FFF, #FFF); background: -moz-linear-gradient(#FFF, #FFF); background: -ms-linear-gradient(#FFF, #FFF); background: -o-linear-gradient(#FFF, #FFF); background: linear-gradient(#FFF, #FFF); -pie-background: linear-gradient(#FFF, #FFF); behavior: url(/pie/PIE.htc); } .fund_maininfo_btn a:hover.more_btn3 { background: #FFFFFF; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#E0E0E0)); background: -webkit-linear-gradient(#FFFFFF, #E0E0E0); background: -moz-linear-gradient(#FFFFFF, #E0E0E0); background: -ms-linear-gradient(#FFFFFF, #E0E0E0); background: -o-linear-gradient(#FFFFFF, #E0E0E0); background: linear-gradient(#FFFFFF, #E0E0E0); -pie-background: linear-gradient(#FFFFFF, #E0E0E0); behavior: url(/pie/PIE.htc); } .more_btn { text-align: center; } .more_btn a { display: inline-block; padding: 0px 20px; color: #FFF; text-decoration: none; font-size: 13px; margin: 10px 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .more_btn a { background: #e8ae4d; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e8ae4d), to(#dd8a00)); background: -webkit-linear-gradient(#e8ae4d, #dd8a00); background: -moz-linear-gradient(#e8ae4d, #dd8a00); background: -ms-linear-gradient(#e8ae4d, #dd8a00); background: -o-linear-gradient(#e8ae4d, #dd8a00); background: linear-gradient(#e8ae4d, #dd8a00); -pie-background: linear-gradient(#e8ae4d, #dd8a00); behavior: url(/pie/PIE.htc); } .more_btn a:hover { background: #EEBF72; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEBF72), to(#FDB43A)); background: -webkit-linear-gradient(#EEBF72, #FDB43A); background: -moz-linear-gradient(#EEBF72, #FDB43A); background: -ms-linear-gradient(#EEBF72, #FDB43A); background: -o-linear-gradient(#EEBF72, #FDB43A); background: linear-gradient(#EEBF72, #FDB43A); -pie-background: linear-gradient(#EEBF72, #FDB43A); behavior: url(/pie/PIE.htc); } .more_btn a.white { color: #dd8a00; border: 1px solid #c4c4c4; background: #FFF; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFF), to(#FFF)); background: -webkit-linear-gradient(#FFF, #FFF); background: -moz-linear-gradient(#FFF, #FFF); background: -ms-linear-gradient(#FFF, #FFF); background: -o-linear-gradient(#FFF, #FFF); background: linear-gradient(#FFF, #FFF); -pie-background: linear-gradient(#FFF, #FFF); behavior: url(/pie/PIE.htc); } .more_btn a.white:hover { background: #FFFFFF; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#E0E0E0)); background: -webkit-linear-gradient(#FFFFFF, #E0E0E0); background: -moz-linear-gradient(#FFFFFF, #E0E0E0); background: -ms-linear-gradient(#FFFFFF, #E0E0E0); background: -o-linear-gradient(#FFFFFF, #E0E0E0); background: linear-gradient(#FFFFFF, #E0E0E0); -pie-background: linear-gradient(#FFFFFF, #E0E0E0); behavior: url(/pie/PIE.htc); } /*--首頁KV--*/ #kv_show { width: 750px; } #kv_show .info { display: none; } #kv_show .on { display: block; } #kv_show .title { border-top: 1px solid #001749; } #kv_show .title li { cursor: pointer; float: left; width: 149px; height: 50px; border-right: 1px solid #001749; background-image: url(/Content/Frontend/images/home/kv_btn.jpg); background-repeat: no-repeat; background-position: left top; font-size: 16px; color: #bcc2cf; line-height: 20px; text-align: center; padding-top: 6px; } #kv_show .title li.on, #kv_show .title li.over { border-right: 1px solid #001749; background-position: left bottom; color: #FFF; } /*--跑馬燈--*/ .marquee { float: right; width: 840px; height: 30px; padding: 0 25px; line-height: 30px; font-size: 15px; color: #333; overflow: hidden; position: relative; } .marquee p a { color: #333; text-decoration: none; line-height: 30px; } .marquee p a:hover { color: #dd8a00; } .marquee p { font-size: 15px; color: #333; line-height: 30px; z-index: 999; position: absolute; width: 100%; height: 100%; margin: 0; transform: translateX(100%); -moz-transform: translateX(100%); -webkit-transform: translateX(100%); } .marquee p:nth-child(1) { animation: left-one 20s ease infinite; -moz-animation: left-one 20s ease infinite; -webkit-animation: left-one 20s ease infinite; } .marquee p:nth-child(2) { animation: left-two 20s ease infinite; -moz-animation: left-two 20s ease infinite; -webkit-animation: left-two 20s ease infinite; } .marquee.down p { transform: translateY(-100%); -moz-transform: translateY(-100%); -webkit-transform: translateY(-100%); } .marquee.down p:nth-child(1) { animation: down-one 20s ease infinite; -moz-animation: down-one 20s ease infinite; -webkit-animation: down-one 20s ease infinite; } .marquee.down p:nth-child(2) { animation: down-two 20s ease infinite; -moz-animation: down-two 20s ease infinite; -webkit-animation: down-two 20s ease infinite; } .marquee.up p { transform: translateY(100%); -moz-transform: translateY(100%); -webkit-transform: translateY(100%); } .marquee.up p:nth-child(1) { animation: up-one 20s ease infinite; -moz-animation: up-one 20s ease infinite; -webkit-animation: up-one 20s ease infinite; } .marquee.up p:nth-child(2) { animation: up-two 20s ease infinite; -moz-animation: up-two 20s ease infinite; -webkit-animation: up-two 20s ease infinite; } /*================================ Move the Marquee to the Left ==================================*/ /** Mozilla Firefox Keyframes **/ @-moz-keyframes left-one { 0% { -moz-transform: translateX(100%); } 10% { -moz-transform: translateX(0); } 40% { -moz-transform: translateX(0); } 50% { -moz-transform: translateX(-100%); } 100% { -moz-transform: translateX(-100%); } } @-moz-keyframes left-two { 0% { -moz-transform: translateX(100%); } 50% { -moz-transform: translateX(100%); } 60% { -moz-transform: translateX(0); } 90% { -moz-transform: translateX(0); } 100% { -moz-transform: translateX(-100%); } } /** Webkit Keyframes **/ @-webkit-keyframes left-one { 0% { -webkit-transform: translateX(100%); } 10% { -webkit-transform: translateX(0); } 40% { -webkit-transform: translateX(0); } 50% { -webkit-transform: translateX(-100%); } 100% { -webkit-transform: translateX(-100%); } } @-webkit-keyframes left-two { 0% { -webkit-transform: translateX(100%); } 50% { -webkit-transform: translateX(100%); } 60% { -webkit-transform: translateX(0); } 90% { -webkit-transform: translateX(0); } 100% { -webkit-transform: translateX(-100%); } } /*================================ Move the Marquee Downwards ==================================*/ /** Mozilla Firefox Keyframes **/ @-moz-keyframes down-one { 0% { -moz-transform: translateY(-100%); } 10% { -moz-transform: translateY(0); } 40% { -moz-transform: translateY(0); } 50% { -moz-transform: translateY(100%); } 100% { -moz-transform: translateY(100%); } } @-moz-keyframes down-two { 0% { -moz-transform: translateY(-100%); } 50% { -moz-transform: translateY(-100%); } 60% { -moz-transform: translateY(0); } 90% { -moz-transform: translateY(0); } 100% { -moz-transform: translateY(100%); } } /** Webkit Keyframes **/ @-webkit-keyframes down-one { 0% { -webkit-transform: translateY(-100%); } 10% { -webkit-transform: translateY(0); } 40% { -webkit-transform: translateY(0); } 50% { -webkit-transform: translateY(100%); } 100% { -webkit-transform: translateY(100%); } } @-webkit-keyframes down-two { 0% { -webkit-transform: translateY(-100%); } 50% { -webkit-transform: translateY(-100%); } 60% { -webkit-transform: translateY(0); } 90% { -webkit-transform: translateY(0); } 100% { -webkit-transform: translateY(100%); } } /*================================ Move the Marquee Upwards ==================================*/ /** Mozilla Firefox Keyframes **/ @-moz-keyframes up-one { 0% { -moz-transform: translateY(100%); } 10% { -moz-transform: translateY(0); } 40% { -moz-transform: translateY(0); } 50% { -moz-transform: translateY(-100%); } 100% { -moz-transform: translateY(-100%); } } @-moz-keyframes up-two { 0% { -moz-transform: translateY(100%); } 50% { -moz-transform: translateY(100%); } 60% { -moz-transform: translateY(0); } 90% { -moz-transform: translateY(0); } 100% { -moz-transform: translateY(-100%); } } /** Webkit Keyframes **/ @-webkit-keyframes up-one { 0% { -webkit-transform: translateY(100%); } 10% { -webkit-transform: translateY(0); } 40% { -webkit-transform: translateY(0); } 50% { -webkit-transform: translateY(-100%); } 100% { -webkit-transform: translateY(-100%); } } @-webkit-keyframes up-two { 0% { -webkit-transform: translateY(100%); } 50% { -webkit-transform: translateY(100%); } 60% { -webkit-transform: translateY(0); } 90% { -webkit-transform: translateY(0); } 100% { -webkit-transform: translateY(-100%); } } /*--行動版--*/ @media (max-width: 640px) {} /*--末端控制項--*/ .nobg { background-image: none; } .noborder { border: none; } .nomargin { margin: 0; } .nopadding { padding: 0; } /*淨值提示*/ .navNotice { display: none; font-size: 13px; line-height: 1.2; color: #666; padding: 3px 8px; margin: 0 auto; background-color: #f6f6f6; } span.areaTit2 { position: relative; padding:0; } span.areaTit2 label i { color: #ccc; cursor: pointer; display: inline-block; } .pop+p.areaTxt2 { width:320px; height: fit-content; text-align: left; position: absolute; left: -74px; /*top: -46px;20220510*/ bottom:100%; font: 14px/1.4 微軟正黑體, Arial, Helvetica, sans-serif; color: #333; margin: 0 auto 5px; padding: 0.5em; letter-spacing: 1px; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; background-color: #fff; border: 1px solid #ccc; -webkit-box-shadow: 3px 3px 8px rgb(0 0 0 / 10%); box-shadow: 3px 3px 8px rgb(0 0 0 / 10%); border-radius: 3px; z-index: 100; display: none; opacity: 0; } .pop.on { z-index:1000; position: relative; } .pop.on+p.areaTxt2 { display: block; opacity: 1; } .pop+p.areaTxt2 .fa-caret-down { position: absolute; left: 72px; bottom: -20px; color: #ccc; font-size: 30px; } /*基金總覽列表重新定位*/ .fundList-item-infoList-text strong .areaTit2 .pop.on+p.areaTxt2{ left: -74px; bottom: 100%; } .fundList-item-infoList-tradeNow3 .areaTit2 .pop.on+p.areaTxt2{ left: -22px; } .areaTitAbord{} /*基金淨值列表重新定位*/ .DefaultList > table tr td .areaTit2 .pop.on+p.areaTxt2{ /*left: -74px; top: -84px; */ } .areaTitNav{} /*基金基本資料頁重新定位*/ .areaTit{ position: relative; display: inline-block; } .fund_maininfo table td.td_txt_02 p.areaTxt { width: 320px; position: absolute; left: -72px; top: -70px; font: 14px/1.4 微軟正黑體, Arial, Helvetica, sans-serif; color: #333; margin: 0 auto 5px; padding: 0.5em; letter-spacing: 1px; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; background-color: #fff; border: 1px solid #ccc; border-radius: 3px; -webkit-box-shadow: 3px 3px 8px rgb(0 0 0 / 10%); box-shadow: 3px 3px 8px rgb(0 0 0 / 10%); z-index: 100; } .fund_maininfo table td.td_txt_02 p.areaTxt .fa-caret-down { position: absolute; left: 72px; bottom: -20px; color: #ccc; font-size: 30px; } .noticeBanner1,.noticeBanner2,.noticeBanner3{ margin:0 auto 2px; padding:0; } .noticeBanner3{ margin:0 auto 15px; } /*淨值列表備註*/ .navNoteTxt{ color:#333; text-decoration: underline; cursor: pointer; font-size: 13px; } .navNoteTxt:hover{ color:#dd8a00; } .navNoteTr{ display:none; } .navNoteTrShow{ display:table-row; } .navNoteTr > .fundRows{ padding:0; } .navNoteTr > .fundRows .navNoteInfo{ padding:6px 0 6px 16px; color:#333; font-size: 14px; text-align:left; display: block; box-sizing: border-box; transition: all 0.5s ease; background-color: #eaf3fc; position: relative; } .navNoteTr > .fundRows .navNoteInfo:after{ content:''; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #eaf3fc transparent; position: absolute; right:20px; top:-8px; } .navNoteTr > .fundRows .navNoteInfo:before{ content:'註：'; font-size: 14px; } @charset "UTF-8"; .memberTypeBox{ background-color:#ddeaf3; margin:0 auto 8px; padding:0; border-radius: 10px; overflow: hidden; /*cursor: pointer;*/ } .memberTypeBox:after{ content: ''; display: block; clear: both; } .memberTypeBox > img{ float:left; } .memberTypeBox > article{ float:right; box-sizing: border-box; padding:8px; margin:0 auto; width:335px; } .memberTypeBox > article h3{ padding:0; margin:0 auto 15px; color:#1d3269; font:bold 18px / 1.2 '微軟正黑體',Arial,Helvetica,sans-serif; } .memberTypeBox > article h3 strong{ font:bold 24px / 1.2 '微軟正黑體',Arial,Helvetica,sans-serif; display: block; } .memberTypeBox > article h4{ display: inline-block; font:bold 16px / 1.2 '微軟正黑體',Arial,Helvetica,sans-serif; padding:5px 0.5em; margin-bottom:3px; border-radius:8px; color:#fff; background-color:#d68500; } .memberTypeBox > article p{ display: block; font:normal 16px / 1.4 '微軟正黑體',Arial,Helvetica,sans-serif; padding:0 80px 0 0; color:#333333; /* background:url(/Content/Frontend/images/member/plusicon.png) right bottom no-repeat;*/ } .memberTypeBox > article p i.fas{ display:none; } input.error { border: 1px solid #ff0000; background-color: #ffeeee; } textarea.error { border: 1px solid #ff0000; background-color: #ffeeee; } select.error { border: 1px solid #ff0000; background-color: #ffeeee; } checkbox.error { border: 1px solid #ff0000; background-color: #ffeeee; } radio.error { border: 1px solid #ff0000; background-color: #ffeeee; } label.error { background: url(/Content/Uninet/script/jquery-validate/images/unchecked.gif) no-repeat; padding-left: 16px; margin-left: .3em; display: inline; } label.valid { background: url(/Content/Uninet/script/jquery-validate/images/checked.gif) no-repeat; display: inline; width: 16px; height: 16px; } .ac_results { padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; /* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */ /*width: 100%;*/ font: menu; font-size: 12px; /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */ line-height: 16px; overflow: hidden; } .ac_loading { background: white url(/Content/Uninet/script/jquery-autocomplete/indicator.gif) right center no-repeat; } .ac_odd { background-color: #eee; } .ac_over { background-color: #0A246A; color: white; } .button{background-color:#2b91af;border-radius:10px;box-shadow:0 2px 3px rgba(0,0,0,0.3);color:#fff;cursor:pointer;display:inline-block;padding:10px 20px;text-align:center;text-decoration:none}.button.small{border-radius:15px;float:right;margin:22px 5px 0;padding:6px 15px}.button:hover{background-color:#1e1e1e}.button>span{font-size:84%}.button.b-close,.button.bClose{border-radius:7px 7px 7px 7px;box-shadow:none;font:bold 131% sans-serif;padding:0 6px 2px;position:absolute;right:-7px;top:-7px}.example{display:block;line-height:1.25;padding:30px 110px 15px 0}.code-undefined{color:#617a61}.code-string{color:#fa8072}.code-function{color:#ffa54f}.code-int{color:#2b91af}.code-comment{color:#7ccd60}::-moz-selection{background-color:#2b91af;color:#fff;text-shadow:none}::selection{background-color:#2b91af;color:#fff;text-shadow:none}#page h1+.button{position:absolute;top:20px;right:25px}#share{position:absolute;right:18px;top:85px;width:205px}#share>div{display:inline-block}#page li{position:relative}#page ul+a{display:block;font-size:180%;margin:25px 0;text-align:center;text-decoration:none} #popup .header{margin:30px 0 0;background-color:#000;padding:12px 20px 10px;border-radius:20px 0 0 0;width:100%;left:-40px;position:relative}.note{color:#c0c0c0;font-size:80%}#popup,#popup2,.bMulti{background-color:#fff;border-radius:10px 10px 10px 10px;box-shadow:0 0 25px 5px #999;color:#111;display:none;min-width:200px;padding:25px}#popup .logo{color:#2b91af;font:bold 325% 'Petrona',sans}#popup,.bMulti{min-height:200px}#popup2 iframe{background:url(/Content/Uninet/Script/bpopup/loader.gif) center center no-repeat;min-height:240px;min-width:450px}.loading{background:url(/Content/Uninet/Script/bpopup/loader.gif) center center no-repeat}.bMulti p{font:500% 'Petrona',sans-serif;padding:45px 0 0;text-align:center}.bMulti a{left:175px;position:absolute;top:175px}.lt-ie9 .bModal{background-color:#000}.github{background:url(/Content/Uninet/Script/bpopup/images/github.png) 0 0 no-repeat;height:149px;width:149px;opacity:.6;position:fixed;right:0;top:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:.35s;-moz-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;transition-timing-function:ease-out}.github:hover{opacity:1} /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 108020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .fancybox-opened { z-index: 108030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(/Content/Frontend/images/home/fancybox_sprite.png); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url(/Content/Frontend/images/home/fancybox_loading.gif) center center no-repeat; } .fancybox-close { position: absolute; top: -36px; right: 0px; width: 50px; height: 36px; cursor: pointer; z-index: 8040; background-image:url(/Content/Frontend/images/home/icon_close.png); } .fancybox-close:hover{ opacity: 0.8; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(/Content/Frontend/images/home/blank.gif); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url(/Content/Frontend/images/home/fancybox_overlay.png); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 0px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(/Content/Frontend/images/home/fancybox_sprite@2x.png); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url(/Content/Frontend/images/home/fancybox_loading@2x.gif); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /*! * jQCloud * Copyright 2011 Luca Ongaro (http://www.lucaongaro.eu) * Copyright 2013 Daniel White (http://www.developerdan.com) * Copyright 2014 Damien "Mistic" Sorel (http://www.strangeplanet.fr) * Licensed under MIT (http://opensource.org/licenses/MIT) */ /* layout */ div.jqcloud { overflow: hidden; position: relative; } div.jqcloud span { padding: 0; } /* fonts */ div.jqcloud { font-size: 10px; line-height: normal; } div.jqcloud a { font-size: inherit; text-decoration: none; } div.jqcloud span.w10 { font-size: 22px; } div.jqcloud span.w9 { font-size: 22px; } div.jqcloud span.w8 { font-size: 22px; } div.jqcloud span.w7 { font-size: 22px; } div.jqcloud span.w6 { font-size: 22px; } div.jqcloud span.w5 { font-size: 20px; } div.jqcloud span.w4 { font-size: 18px; } div.jqcloud span.w3 { font-size: 16px; } div.jqcloud span.w2 { font-size: 14px; } div.jqcloud span.w1 { font-size: 12px; } /* colors */ div.jqcloud { color: #09f; } div.jqcloud a { color: inherit; } div.jqcloud a:hover { color: #0df; } div.jqcloud a:hover { color: #0cf; } div.jqcloud span.w10 { color: #0cf; } div.jqcloud span.w9 { color: #0cf; } div.jqcloud span.w8 { color: #0cf; } div.jqcloud span.w7 { color: #39d; } div.jqcloud span.w6 { color: #90c5f0; } div.jqcloud span.w5 { color: #90a0dd; } div.jqcloud span.w4 { color: #90c5f0; } div.jqcloud span.w3 { color: #a0ddff; } div.jqcloud span.w2 { color: #99ccee; } div.jqcloud span.w1 { color: #aab5f0; } /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 0px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image:url(/Content/Frontend/images/mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url(/Content/Frontend/include/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw/9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url(/Content/Frontend/include/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ /*.cycle-slideshow{ position: relative; width: 630px; height: 220px; margin:0 auto; padding:0; overflow: visible; }*/ .cycle-carousel-wrap{ margin: 0; padding: 0; top: 0; left: 0; position: absolute; white-space: nowrap; vertical-align: top; height: 100%; } .card{ width:210px; height: 220px; display: inline-block; box-sizing: border-box; padding:0; margin:0 22px 0 0; position: relative; cursor:pointer; vertical-align: top; perspective: 500px; } /* .card.hover { transform: rotateY(180deg); box-shadow: -3px 3px 6px rgba(0,0,0,0.3); }*/ .card .face0{ display: block; position: absolute; width: 100%; height: 100%; backface-visibility: hidden; background-color: #fff; text-decoration: none; transform-style: preserve-3d; /* transform: rotateY(0deg); */ transition: all 0.5s ease-out; z-index: 2; transform: rotateY(0deg) translateZ(1px); } .card:hover .face0{ /* transform: rotateY(-180deg); */ z-index: 1; transform: rotateY(-180deg) translateZ(0px); } .card .face0 img{ display: block; width:100%; margin:0 auto 8px; } .card .face0 .st1{ font:bold 15px/1 微軟正黑體, Tahoma, Helvetica, Arial, sans-serif; color:#fe6103; height: 1.2em; overflow:hidden; margin:0 auto; padding:0 0px; } .card .face0 p{ display: block; font:normal 15px/1.4 微軟正黑體, Tahoma, Helvetica, Arial, sans-serif; color:#333; height: 1.2em; overflow:hidden; margin:0 auto; padding:0; } .card .face1 { position: absolute; width: 100%; height: 100%; display: block; padding:10px; transform: rotateY(180deg); transition: all 0.5s ease-out; box-sizing: border-box; text-align: center; background-color: #f3f3f3; backface-visibility: hidden; overflow:hidden; z-index: 1; } .card:hover .face1 { /* transform: rotateY(0); */ z-index: 1; box-shadow: 0 0 8px rgba(0,0,0,0.3); transform: translateZ(1px) rotateY(0) } .card .face1 p, .card:hover .face1 p{ display: block; width:100%; font:normal 14px/1.5 微軟正黑體, Tahoma, Helvetica, Arial, sans-serif; color:#333; margin:0 auto; padding:0; height: 100%; letter-spacing: 1px; box-sizing: border-box; text-align: left; position: relative; word-break: normal; white-space: normal; overflow:hidden; } .card .face1 p span{ background-color:#fe6103; font:normal 13px/1.4 微軟正黑體, Tahoma, Helvetica, Arial, sans-serif; color:#fff; padding:2px 8px; position: absolute; right:0; bottom:0; border-radius: 8px; } .toolbarArea{ position: fixed; z-index: 100; right:20px; bottom:90px; padding: 8px 7px; border-radius: 50px; background-color:transparent; transition: all 0.2s ease-in-out; background-color:#005598; text-align: center; } .toolbarArea.open{ background-color:#005598; transition: all 0.2s ease-in-out; } .switchBtn{ display: inline-block; cursor: pointer; font-size: 48px; transition: all 0.5s ease-in-out; position: relative; margin: -9px 0 -6px; } .switchBtn i{ transform:rotate(0deg); transition: all 0.4s ease-in-out; color:#fff; } #switch:checked + .switchBtn i{ transform: rotate(45deg); color:#fff; } .toolIconArea{ display:block; overflow: hidden; height:0; transition: all 0.3s ease-in-out; opacity: 0; } .toolIconArea.open{ overflow: visible; height:325px; opacity: 1; } .iconBtn{ width:48px; display:block; margin:0 auto; padding:5px 0; border-top:1px solid #0074d0; text-decoration: none; line-height: 1; transition: all 0.2s ease-in-out; } .iconBtn:first-child{ border-top:0; } .iconBtn img{ border:0; display:block; width:100%; max-width: 40px; margin:0 auto; } .iconBtn .tag{ position: relative; margin:0 auto; padding:0; display: none; } .iconBtn .tag span{ font-size: 14px; line-height: 1.2; color:#fff; background-color:#2e2e2e; padding:2px 4px; border-radius: 4px; position: absolute; left:-120%; top:0; } .iconBtn:hover .tag{ display: block; } .iconBtn .tag span:before{ content:''; display:block; position: absolute; right:-8px; top:8px; width:0; height:0; border-width:8px 0 0 8px; border-color:#2e2e2e; border-style: solid; border-color: transparent transparent transparent #2e2e2e; } .iconBtn strong{ font-size: 12px; color:#fff; text-decoration: none; display:none; } /* @media only screen and (max-width:920px) { .toolbarArea{ transform: scale(0.9); right:0; bottom:116px; padding: 8px 7px; } .iconBtn strong{ display:block; } .iconBtn strong{ font-size: 12px; color:#fff; display:block; } .iconBtn .tag, .iconBtn:hover .tag{ display:none; } .iconBtn{ width:50px; } .toolIconArea.open{ height:410px; } .switchBtn{ margin: -2px 0 -6px; } .fbChatArea{ margin:0 auto; padding:0; margin-right:-16px; position: relative; } #fb-root{ transform: scale(1); position: fixed; z-index: 100; right: -16px; bottom: 38px; }*/ }