/* 縮小失敗。正在傳回未縮小的內容。 (465,29): run-time error CSS1046: Expect comma, found '0' (465,33): run-time error CSS1046: Expect comma, found '/' (1347,130): run-time error CSS1046: Expect comma, found '0' (1347,134): run-time error CSS1046: Expect comma, found '/' (1347,172): run-time error CSS1046: Expect comma, found '0' (1347,176): run-time error CSS1046: Expect comma, found '/' (1348,129): run-time error CSS1046: Expect comma, found '0' (1348,133): run-time error CSS1046: Expect comma, found '/' (1348,171): run-time error CSS1046: Expect comma, found '0' (1348,175): run-time error CSS1046: Expect comma, found '/' */ @charset "UTF-8";/*! * Datepicker for Bootstrap v1.8.0 (https://github.com/uxsolutions/bootstrap-datepicker) * * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0) */.datepicker{border-radius:4px;direction:ltr}.datepicker-inline{width:220px}.datepicker-rtl{direction:rtl}.datepicker-rtl.dropdown-menu{left:auto}.datepicker-rtl table tr td span{float:right}.datepicker-dropdown{top:0;left:0;padding:4px}.datepicker-dropdown:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(0,0,0,.15);border-top:0;border-bottom-color:rgba(0,0,0,.2);position:absolute}.datepicker-dropdown:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;border-top:0;position:absolute}.datepicker-dropdown.datepicker-orient-left:before{left:6px}.datepicker-dropdown.datepicker-orient-left:after{left:7px}.datepicker-dropdown.datepicker-orient-right:before{right:6px}.datepicker-dropdown.datepicker-orient-right:after{right:7px}.datepicker-dropdown.datepicker-orient-bottom:before{top:-7px}.datepicker-dropdown.datepicker-orient-bottom:after{top:-6px}.datepicker-dropdown.datepicker-orient-top:before{bottom:-7px;border-bottom:0;border-top:7px solid rgba(0,0,0,.15)}.datepicker-dropdown.datepicker-orient-top:after{bottom:-6px;border-bottom:0;border-top:6px solid #fff}.datepicker table{margin:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker table tr td,.datepicker table tr th{text-align:center;width:30px;height:30px;border-radius:4px;border:none}.table-striped .datepicker table tr td,.table-striped .datepicker table tr th{background-color:transparent}.datepicker table tr td.new,.datepicker table tr td.old{color:#777}.datepicker table tr td.day:hover,.datepicker table tr td.focused{background:#eee;cursor:pointer}.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover{background:0 0;color:#777;cursor:default}.datepicker table tr td.highlighted{color:#000;background-color:#d9edf7;border-color:#85c5e5;border-radius:0}.datepicker table tr td.highlighted.focus,.datepicker table tr td.highlighted:focus{color:#000;background-color:#afd9ee;border-color:#298fc2}.datepicker table tr td.highlighted:hover{color:#000;background-color:#afd9ee;border-color:#52addb}.datepicker table tr td.highlighted.active,.datepicker table tr td.highlighted:active{color:#000;background-color:#afd9ee;border-color:#52addb}.datepicker table tr td.highlighted.active.focus,.datepicker table tr td.highlighted.active:focus,.datepicker table tr td.highlighted.active:hover,.datepicker table tr td.highlighted:active.focus,.datepicker table tr td.highlighted:active:focus,.datepicker table tr td.highlighted:active:hover{color:#000;background-color:#91cbe8;border-color:#298fc2}.datepicker table tr td.highlighted.disabled.focus,.datepicker table tr td.highlighted.disabled:focus,.datepicker table tr td.highlighted.disabled:hover,.datepicker table tr td.highlighted[disabled].focus,.datepicker table tr td.highlighted[disabled]:focus,.datepicker table tr td.highlighted[disabled]:hover,fieldset[disabled] .datepicker table tr td.highlighted.focus,fieldset[disabled] .datepicker table tr td.highlighted:focus,fieldset[disabled] .datepicker table tr td.highlighted:hover{background-color:#d9edf7;border-color:#85c5e5}.datepicker table tr td.highlighted.focused{background:#afd9ee}.datepicker table tr td.highlighted.disabled,.datepicker table tr td.highlighted.disabled:active{background:#d9edf7;color:#777}.datepicker table tr td.today{color:#000;background-color:#ffdb99;border-color:#ffb733}.datepicker table tr td.today.focus,.datepicker table tr td.today:focus{color:#000;background-color:#ffc966;border-color:#b37400}.datepicker table tr td.today:hover{color:#000;background-color:#ffc966;border-color:#f59e00}.datepicker table tr td.today.active,.datepicker table tr td.today:active{color:#000;background-color:#ffc966;border-color:#f59e00}.datepicker table tr td.today.active.focus,.datepicker table tr td.today.active:focus,.datepicker table tr td.today.active:hover,.datepicker table tr td.today:active.focus,.datepicker table tr td.today:active:focus,.datepicker table tr td.today:active:hover{color:#000;background-color:#ffbc42;border-color:#b37400}.datepicker table tr td.today.disabled.focus,.datepicker table tr td.today.disabled:focus,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today[disabled].focus,.datepicker table tr td.today[disabled]:focus,.datepicker table tr td.today[disabled]:hover,fieldset[disabled] .datepicker table tr td.today.focus,fieldset[disabled] .datepicker table tr td.today:focus,fieldset[disabled] .datepicker table tr td.today:hover{background-color:#ffdb99;border-color:#ffb733}.datepicker table tr td.today.focused{background:#ffc966}.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:active{background:#ffdb99;color:#777}.datepicker table tr td.range{color:#000;background-color:#eee;border-color:#bbb;border-radius:0}.datepicker table tr td.range.focus,.datepicker table tr td.range:focus{color:#000;background-color:#d5d5d5;border-color:#7c7c7c}.datepicker table tr td.range:hover{color:#000;background-color:#d5d5d5;border-color:#9d9d9d}.datepicker table tr td.range.active,.datepicker table tr td.range:active{color:#000;background-color:#d5d5d5;border-color:#9d9d9d}.datepicker table tr td.range.active.focus,.datepicker table tr td.range.active:focus,.datepicker table tr td.range.active:hover,.datepicker table tr td.range:active.focus,.datepicker table tr td.range:active:focus,.datepicker table tr td.range:active:hover{color:#000;background-color:#c3c3c3;border-color:#7c7c7c}.datepicker table tr td.range.disabled.focus,.datepicker table tr td.range.disabled:focus,.datepicker table tr td.range.disabled:hover,.datepicker table tr td.range[disabled].focus,.datepicker table tr td.range[disabled]:focus,.datepicker table tr td.range[disabled]:hover,fieldset[disabled] .datepicker table tr td.range.focus,fieldset[disabled] .datepicker table tr td.range:focus,fieldset[disabled] .datepicker table tr td.range:hover{background-color:#eee;border-color:#bbb}.datepicker table tr td.range.focused{background:#d5d5d5}.datepicker table tr td.range.disabled,.datepicker table tr td.range.disabled:active{background:#eee;color:#777}.datepicker table tr td.range.highlighted{color:#000;background-color:#e4eef3;border-color:#9dc1d3}.datepicker table tr td.range.highlighted.focus,.datepicker table tr td.range.highlighted:focus{color:#000;background-color:#c1d7e3;border-color:#4b88a6}.datepicker table tr td.range.highlighted:hover{color:#000;background-color:#c1d7e3;border-color:#73a6c0}.datepicker table tr td.range.highlighted.active,.datepicker table tr td.range.highlighted:active{color:#000;background-color:#c1d7e3;border-color:#73a6c0}.datepicker table tr td.range.highlighted.active.focus,.datepicker table tr td.range.highlighted.active:focus,.datepicker table tr td.range.highlighted.active:hover,.datepicker table tr td.range.highlighted:active.focus,.datepicker table tr td.range.highlighted:active:focus,.datepicker table tr td.range.highlighted:active:hover{color:#000;background-color:#a8c8d8;border-color:#4b88a6}.datepicker table tr td.range.highlighted.disabled.focus,.datepicker table tr td.range.highlighted.disabled:focus,.datepicker table tr td.range.highlighted.disabled:hover,.datepicker table tr td.range.highlighted[disabled].focus,.datepicker table tr td.range.highlighted[disabled]:focus,.datepicker table tr td.range.highlighted[disabled]:hover,fieldset[disabled] .datepicker table tr td.range.highlighted.focus,fieldset[disabled] .datepicker table tr td.range.highlighted:focus,fieldset[disabled] .datepicker table tr td.range.highlighted:hover{background-color:#e4eef3;border-color:#9dc1d3}.datepicker table tr td.range.highlighted.focused{background:#c1d7e3}.datepicker table tr td.range.highlighted.disabled,.datepicker table tr td.range.highlighted.disabled:active{background:#e4eef3;color:#777}.datepicker table tr td.range.today{color:#000;background-color:#f7ca77;border-color:#f1a417}.datepicker table tr td.range.today.focus,.datepicker table tr td.range.today:focus{color:#000;background-color:#f4b747;border-color:#815608}.datepicker table tr td.range.today:hover{color:#000;background-color:#f4b747;border-color:#bf800c}.datepicker table tr td.range.today.active,.datepicker table tr td.range.today:active{color:#000;background-color:#f4b747;border-color:#bf800c}.datepicker table tr td.range.today.active.focus,.datepicker table tr td.range.today.active:focus,.datepicker table tr td.range.today.active:hover,.datepicker table tr td.range.today:active.focus,.datepicker table tr td.range.today:active:focus,.datepicker table tr td.range.today:active:hover{color:#000;background-color:#f2aa25;border-color:#815608}.datepicker table tr td.range.today.disabled.focus,.datepicker table tr td.range.today.disabled:focus,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today[disabled].focus,.datepicker table tr td.range.today[disabled]:focus,.datepicker table tr td.range.today[disabled]:hover,fieldset[disabled] .datepicker table tr td.range.today.focus,fieldset[disabled] .datepicker table tr td.range.today:focus,fieldset[disabled] .datepicker table tr td.range.today:hover{background-color:#f7ca77;border-color:#f1a417}.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled:active{background:#f7ca77;color:#777}.datepicker table tr td.selected,.datepicker table tr td.selected.highlighted{color:#fff;background-color:#777;border-color:#555;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.selected.focus,.datepicker table tr td.selected.highlighted.focus,.datepicker table tr td.selected.highlighted:focus,.datepicker table tr td.selected:focus{color:#fff;background-color:#5e5e5e;border-color:#161616}.datepicker table tr td.selected.highlighted:hover,.datepicker table tr td.selected:hover{color:#fff;background-color:#5e5e5e;border-color:#373737}.datepicker table tr td.selected.active,.datepicker table tr td.selected.highlighted.active,.datepicker table tr td.selected.highlighted:active,.datepicker table tr td.selected:active{color:#fff;background-color:#5e5e5e;border-color:#373737}.datepicker table tr td.selected.active.focus,.datepicker table tr td.selected.active:focus,.datepicker table tr td.selected.active:hover,.datepicker table tr td.selected.highlighted.active.focus,.datepicker table tr td.selected.highlighted.active:focus,.datepicker table tr td.selected.highlighted.active:hover,.datepicker table tr td.selected.highlighted:active.focus,.datepicker table tr td.selected.highlighted:active:focus,.datepicker table tr td.selected.highlighted:active:hover,.datepicker table tr td.selected:active.focus,.datepicker table tr td.selected:active:focus,.datepicker table tr td.selected:active:hover{color:#fff;background-color:#4c4c4c;border-color:#161616}.datepicker table tr td.selected.disabled.focus,.datepicker table tr td.selected.disabled:focus,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected.highlighted.disabled.focus,.datepicker table tr td.selected.highlighted.disabled:focus,.datepicker table tr td.selected.highlighted.disabled:hover,.datepicker table tr td.selected.highlighted[disabled].focus,.datepicker table tr td.selected.highlighted[disabled]:focus,.datepicker table tr td.selected.highlighted[disabled]:hover,.datepicker table tr td.selected[disabled].focus,.datepicker table tr td.selected[disabled]:focus,.datepicker table tr td.selected[disabled]:hover,fieldset[disabled] .datepicker table tr td.selected.focus,fieldset[disabled] .datepicker table tr td.selected.highlighted.focus,fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,fieldset[disabled] .datepicker table tr td.selected:focus,fieldset[disabled] .datepicker table tr td.selected:hover{background-color:#777;border-color:#555}.datepicker table tr td.active,.datepicker table tr td.active.highlighted{color:#fff;background-color:#337ab7;border-color:#2e6da4;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.active.focus,.datepicker table tr td.active.highlighted.focus,.datepicker table tr td.active.highlighted:focus,.datepicker table tr td.active:focus{color:#fff;background-color:#286090;border-color:#122b40}.datepicker table tr td.active.highlighted:hover,.datepicker table tr td.active:hover{color:#fff;background-color:#286090;border-color:#204d74}.datepicker table tr td.active.active,.datepicker table tr td.active.highlighted.active,.datepicker table tr td.active.highlighted:active,.datepicker table tr td.active:active{color:#fff;background-color:#286090;border-color:#204d74}.datepicker table tr td.active.active.focus,.datepicker table tr td.active.active:focus,.datepicker table tr td.active.active:hover,.datepicker table tr td.active.highlighted.active.focus,.datepicker table tr td.active.highlighted.active:focus,.datepicker table tr td.active.highlighted.active:hover,.datepicker table tr td.active.highlighted:active.focus,.datepicker table tr td.active.highlighted:active:focus,.datepicker table tr td.active.highlighted:active:hover,.datepicker table tr td.active:active.focus,.datepicker table tr td.active:active:focus,.datepicker table tr td.active:active:hover{color:#fff;background-color:#204d74;border-color:#122b40}.datepicker table tr td.active.disabled.focus,.datepicker table tr td.active.disabled:focus,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.highlighted.disabled.focus,.datepicker table tr td.active.highlighted.disabled:focus,.datepicker table tr td.active.highlighted.disabled:hover,.datepicker table tr td.active.highlighted[disabled].focus,.datepicker table tr td.active.highlighted[disabled]:focus,.datepicker table tr td.active.highlighted[disabled]:hover,.datepicker table tr td.active[disabled].focus,.datepicker table tr td.active[disabled]:focus,.datepicker table tr td.active[disabled]:hover,fieldset[disabled] .datepicker table tr td.active.focus,fieldset[disabled] .datepicker table tr td.active.highlighted.focus,fieldset[disabled] .datepicker table tr td.active.highlighted:focus,fieldset[disabled] .datepicker table tr td.active.highlighted:hover,fieldset[disabled] .datepicker table tr td.active:focus,fieldset[disabled] .datepicker table tr td.active:hover{background-color:#337ab7;border-color:#2e6da4}.datepicker table tr td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer;border-radius:4px}.datepicker table tr td span.focused,.datepicker table tr td span:hover{background:#eee}.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover{background:0 0;color:#777;cursor:default}.datepicker table tr td span.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active:hover{color:#fff;background-color:#337ab7;border-color:#2e6da4;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td span.active.disabled.focus,.datepicker table tr td span.active.disabled:focus,.datepicker table tr td span.active.disabled:hover.focus,.datepicker table tr td span.active.disabled:hover:focus,.datepicker table tr td span.active.focus,.datepicker table tr td span.active:focus,.datepicker table tr td span.active:hover.focus,.datepicker table tr td span.active:hover:focus{color:#fff;background-color:#286090;border-color:#122b40}.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover:hover{color:#fff;background-color:#286090;border-color:#204d74}.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover:active{color:#fff;background-color:#286090;border-color:#204d74}.datepicker table tr td span.active.active.focus,.datepicker table tr td span.active.active:focus,.datepicker table tr td span.active.active:hover,.datepicker table tr td span.active.disabled.active.focus,.datepicker table tr td span.active.disabled.active:focus,.datepicker table tr td span.active.disabled.active:hover,.datepicker table tr td span.active.disabled:active.focus,.datepicker table tr td span.active.disabled:active:focus,.datepicker table tr td span.active.disabled:active:hover,.datepicker table tr td span.active.disabled:hover.active.focus,.datepicker table tr td span.active.disabled:hover.active:focus,.datepicker table tr td span.active.disabled:hover.active:hover,.datepicker table tr td span.active.disabled:hover:active.focus,.datepicker table tr td span.active.disabled:hover:active:focus,.datepicker table tr td span.active.disabled:hover:active:hover,.datepicker table tr td span.active:active.focus,.datepicker table tr td span.active:active:focus,.datepicker table tr td span.active:active:hover,.datepicker table tr td span.active:hover.active.focus,.datepicker table tr td span.active:hover.active:focus,.datepicker table tr td span.active:hover.active:hover,.datepicker table tr td span.active:hover:active.focus,.datepicker table tr td span.active:hover:active:focus,.datepicker table tr td span.active:hover:active:hover{color:#fff;background-color:#204d74;border-color:#122b40}.datepicker table tr td span.active.disabled.disabled.focus,.datepicker table tr td span.active.disabled.disabled:focus,.datepicker table tr td span.active.disabled.disabled:hover,.datepicker table tr td span.active.disabled.focus,.datepicker table tr td span.active.disabled:focus,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover.disabled.focus,.datepicker table tr td span.active.disabled:hover.disabled:focus,.datepicker table tr td span.active.disabled:hover.disabled:hover,.datepicker table tr td span.active.disabled:hover[disabled].focus,.datepicker table tr td span.active.disabled:hover[disabled]:focus,.datepicker table tr td span.active.disabled:hover[disabled]:hover,.datepicker table tr td span.active.disabled[disabled].focus,.datepicker table tr td span.active.disabled[disabled]:focus,.datepicker table tr td span.active.disabled[disabled]:hover,.datepicker table tr td span.active:hover.disabled.focus,.datepicker table tr td span.active:hover.disabled:focus,.datepicker table tr td span.active:hover.disabled:hover,.datepicker table tr td span.active:hover[disabled].focus,.datepicker table tr td span.active:hover[disabled]:focus,.datepicker table tr td span.active:hover[disabled]:hover,.datepicker table tr td span.active[disabled].focus,.datepicker table tr td span.active[disabled]:focus,.datepicker table tr td span.active[disabled]:hover,fieldset[disabled] .datepicker table tr td span.active.disabled.focus,fieldset[disabled] .datepicker table tr td span.active.disabled:focus,fieldset[disabled] .datepicker table tr td span.active.disabled:hover,fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus,fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,fieldset[disabled] .datepicker table tr td span.active.focus,fieldset[disabled] .datepicker table tr td span.active:focus,fieldset[disabled] .datepicker table tr td span.active:hover,fieldset[disabled] .datepicker table tr td span.active:hover.focus,fieldset[disabled] .datepicker table tr td span.active:hover:focus,fieldset[disabled] .datepicker table tr td span.active:hover:hover{background-color:#337ab7;border-color:#2e6da4}.datepicker table tr td span.new,.datepicker table tr td span.old{color:#777}.datepicker .datepicker-switch{width:145px}.datepicker .datepicker-switch,.datepicker .next,.datepicker .prev,.datepicker tfoot tr th{cursor:pointer}.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker tfoot tr th:hover{background:#eee}.datepicker .next.disabled,.datepicker .prev.disabled{visibility:hidden}.datepicker .cw{font-size:10px;width:12px;padding:0 2px 0 5px;vertical-align:middle}.input-group.date .input-group-addon{cursor:pointer}.input-daterange{width:100%}.input-daterange input{text-align:center}.input-daterange input:first-child{border-radius:3px 0 0 3px}.input-daterange input:last-child{border-radius:0 3px 3px 0}.input-daterange .input-group-addon{width:auto;min-width:16px;padding:4px 5px;line-height:1.42857143;border-width:1px 0;margin-left:-5px;margin-right:-5px}.irs{position:relative;display:block;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.irs-line{position:relative;display:block;overflow:hidden;outline:0!important}.irs-line-left,.irs-line-mid,.irs-line-right{position:absolute;display:block;top:0}.irs-line-left{left:0;width:11%}.irs-line-mid{left:9%;width:82%}.irs-line-right{right:0;width:11%}.irs-bar{position:absolute;display:block;left:0;width:0}.irs-bar-edge{position:absolute;display:block;top:0;left:0}.irs-shadow{position:absolute;display:none;left:0;width:0}.irs-slider{position:absolute;display:block;cursor:default;z-index:1}.irs-slider.type_last{z-index:2}.irs-min{position:absolute;display:block;left:0;cursor:default}.irs-max{position:absolute;display:block;right:0;cursor:default}.irs-from,.irs-single,.irs-to{position:absolute;display:block;top:0;left:0;cursor:default;white-space:nowrap}.irs-grid{position:absolute;display:none;bottom:0;left:0;width:100%;height:20px}.irs-with-grid .irs-grid{display:block}.irs-grid-pol{position:absolute;top:0;left:0;width:1px;height:8px;background:#000}.irs-grid-pol.small{height:4px}.irs-grid-text{position:absolute;bottom:0;left:0;white-space:nowrap;text-align:center;font-size:9px;line-height:9px;padding:0 3px;color:#000}.irs-disable-mask{position:absolute;display:block;top:0;left:-1%;width:102%;height:100%;cursor:default;background:0 0;z-index:2}.lt-ie9 .irs-disable-mask{background:#000;cursor:not-allowed}.irs-disabled{opacity:.4}.irs-hidden-input{position:absolute!important;display:block!important;top:0!important;left:0!important;width:0!important;height:0!important;font-size:0!important;line-height:0!important;padding:0!important;margin:0!important;outline:0!important;z-index:-9999!important;background:0 0!important;border-style:solid!important;border-color:transparent!important}.irs{height:55px}.irs-with-grid{height:75px}.irs-line{height:2px;top:34px;background:#eee;background:#dee2e6;border:none;border-radius:16px}.irs-line-left{height:2px}.irs-line-mid{height:2px}.irs-line-right{height:2px}.irs-bar{height:3px;top:33px;border-top:none;border-bottom:none;background:#04abf2;background:#04abf2}.irs-bar-edge{height:10px;top:33px;width:14px;border:1px solid #428bca;border-right:0;background:#428bca;background:-webkit-gradient(linear,left bottom,left top,from(#428bca),to(#7fc3e8));background:linear-gradient(to top,#428bca 0,#7fc3e8 100%);border-radius:16px 0 0 16px;-moz-border-radius:16px 0 0 16px}.irs-shadow{height:2px;top:38px;background:#000;opacity:.3;border-radius:5px;-moz-border-radius:5px}.irs-slider{top:25px;width:20px;height:20px;border:none;background:#ddd;background:#04abf2;border-radius:27px;-moz-border-radius:27px;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}.irs-slider.state_hover,.irs-slider:hover{background:#fff;border:2px solid #04abf2}.irs-max,.irs-min{color:#333;font-size:12px;line-height:1.333;text-shadow:none;top:0;padding:1px 5px;background:rgba(0,0,0,.1);border-radius:3px;-moz-border-radius:3px}.lt-ie9 .irs-max,.lt-ie9 .irs-min{background:#ccc}.irs-from,.irs-single,.irs-to{color:#fff;font-size:14px;line-height:1.333;text-shadow:none;padding:1px 5px;background:#04abf2;border-radius:3px;-moz-border-radius:3px}.lt-ie9 .irs-from,.lt-ie9 .irs-single,.lt-ie9 .irs-to{background:#999}.irs-grid{height:27px}.irs-grid-pol{opacity:.5;background:#428bca}.irs-grid-pol.small{background:#999}.irs-grid-text{bottom:5px;color:#99a4ac} @charset "UTF-8"; /* line 348, ../sass/bootstrap/_reboot.scss */ button, select, input { outline: none; } /*--------../sass/page/_group.sass--------*/ body { background: #f0f0f0; } /*--航班資訊modal--*/ .modal-body section.group_table.trip_airline::before { display: none; } .modal-body section.group_table.trip_airline .table .thead { font-size: 16px; } .modal-body section.group_table.trip_airline .table .text_gary { font-size: 15px; } .modal-body section.group_table.trip_airline .table td, .modal-body section.group_table.trip_airline .table .location { padding: 20px 5px 20px 0px; text-align: center; } @media (max-width: 991px) { .modal-body section.group_table.trip_airline .table td, .modal-body section.group_table.trip_airline .table .location { text-align: left; } } .modal-body section.group_table.trip_airline .table .has_note td, .modal-body section.group_table.trip_airline .table .has_note .location { padding: 20px 5px 20px 0px; } .modal-body section.group_table.trip_airline .table .ps_note td { padding: 0px 0 10px 0px; text-align: left; font-size: 15px; } /*--banner--*/ .WinChrome section.group_banner .img_box, .WinIe section.group_banner .img_box { min-height: 180px; } .WinChrome section.group_banner.search_banner, .WinIe section.group_banner.search_banner { height: 180px; } @media (max-width: 1199px) { .WinChrome section.group_banner.search_banner, .WinIe section.group_banner.search_banner { height: 260px; } } @media (max-width: 767px) { .WinChrome section.group_banner.search_banner, .WinIe section.group_banner.search_banner { height: 520px; margin-top: 0; } } .WinChrome section.group_banner.search_banner::after, .WinIe section.group_banner.search_banner::after { width: 100%; background: rgba(0, 0, 0, 0.5); display: block; z-index: 9; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .WinChrome section.group_banner .search-area, .WinIe section.group_banner .search-area { min-height: 150px; bottom: calc(50% - (150px / 2)); } @media (max-width: 1199px) { .WinChrome section.group_banner .search-area, .WinIe section.group_banner .search-area { min-height: 220px; bottom: calc(50% - (220px / 2)); } } @media (max-width:991px) { .WinChrome section.group_banner .search-area, .WinIe section.group_banner .search-area{ min-height: 240px; bottom: calc(50% - (245px / 2)); } } @media (max-width: 767px) { .WinChrome section.group_banner .search-area, .WinIe section.group_banner .search-area { min-height: 500px; bottom: calc(50% - (500px / 2)); } } .WinChrome section.group_banner .search-area .search-box, .WinIe section.group_banner .search-area .search-box { height: 150px; align-content: center; padding-bottom: 20px; position: relative; margin: 0; -webkit-box-shadow: none; box-shadow: none; } @media (max-width: 1199px) { .WinChrome section.group_banner .search-area .search-box, .WinIe section.group_banner .search-area .search-box { height: 220px; } } @media (max-width:991px) { .WinChrome section.group_banner .search-area .search-box, .WinIe section.group_banner .search-area .search-box{ height: 240px; } } @media (max-width: 767px) { .WinChrome section.group_banner .search-area .search-box, .WinIe section.group_banner .search-area .search-box { height: 500px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-bottom: 0; } } .WinChrome section.group_banner .search-area .search-box .select-goal, .WinChrome section.group_banner .search-area .search-box .select-place, .WinChrome section.group_banner .search-area .search-box .select-date, .WinIe section.group_banner .search-area .search-box .select-goal, .WinIe section.group_banner .search-area .search-box .select-place, .WinIe section.group_banner .search-area .search-box .select-date { padding: 10px; height: 70px; border: none; } .WinChrome section.group_banner .search-area .search-box .select-goal .title, .WinChrome section.group_banner .search-area .search-box .select-place .title, .WinChrome section.group_banner .search-area .search-box .select-date .title, .WinIe section.group_banner .search-area .search-box .select-goal .title, .WinIe section.group_banner .search-area .search-box .select-place .title, .WinIe section.group_banner .search-area .search-box .select-date .title { height: 25px; min-height: 25px; } .WinChrome section.group_banner .search-area .search-box .select-goal .title h6, .WinChrome section.group_banner .search-area .search-box .select-place .title h6, .WinChrome section.group_banner .search-area .search-box .select-date .title h6, .WinIe section.group_banner .search-area .search-box .select-goal .title h6, .WinIe section.group_banner .search-area .search-box .select-place .title h6, .WinIe section.group_banner .search-area .search-box .select-date .title h6 { color: #666; font-size: 0.95rem; margin: 0px 0 0 10px; } .WinChrome section.group_banner .search-area .search-box .select-goal, .WinChrome section.group_banner .search-area .search-box .select-place, .WinIe section.group_banner .search-area .search-box .select-goal, .WinIe section.group_banner .search-area .search-box .select-place { width: calc(12% - 10px); margin-right: 10px; } @media (max-width: 1199px) { .WinChrome section.group_banner .search-area .search-box .select-goal, .WinChrome section.group_banner .search-area .search-box .select-place, .WinIe section.group_banner .search-area .search-box .select-goal, .WinIe section.group_banner .search-area .search-box .select-place { width: calc(19% - 10px); } } .WinChrome section.group_banner .search-area .search-box .select-date, .WinChrome section.group_banner .search-area .search-box .select-input, .WinIe section.group_banner .search-area .search-box .select-date, .WinIe section.group_banner .search-area .search-box .select-input { width: calc(26% - 10px); margin-right: 10px; } @media (max-width: 1199px) { .WinChrome section.group_banner .search-area .search-box .select-date, .WinChrome section.group_banner .search-area .search-box .select-input, .WinIe section.group_banner .search-area .search-box .select-date, .WinIe section.group_banner .search-area .search-box .select-input { width: calc(43% - 10px); } } .WinChrome section.group_banner .search-area .search-box .select-date > input, .WinChrome section.group_banner .search-area .search-box .select-input > input, .WinIe section.group_banner .search-area .search-box .select-date > input, .WinIe section.group_banner .search-area .search-box .select-input > input { width: 100%; height: 70px; } .WinChrome section.group_banner .search-area .search-box .select-input i, .WinIe section.group_banner .search-area .search-box .select-input i { top: calc(35px - 8px); } .WinChrome section.group_banner .search-area .search-box .select-status, .WinIe section.group_banner .search-area .search-box .select-status { position: absolute; bottom: 0; right: 13%; } .WinChrome section.group_banner .search-area .search-box .select-status .form-check, .WinIe section.group_banner .search-area .search-box .select-status .form-check{ margin-left: 1.5rem; } @media (max-width: 1199px) { .WinChrome section.group_banner .search-area .search-box .select-status, .WinIe section.group_banner .search-area .search-box .select-status { right: 58%; } } @media (max-width: 767px) { .WinChrome section.group_banner .search-area .search-box .select-status, .WinIe section.group_banner .search-area .search-box .select-status { width: auto !important; position: unset; margin-bottom: 10px; } } .WinChrome section.group_banner .search-area .search-box .search-btn, .WinIe section.group_banner .search-area .search-box .search-btn { height: 70px; line-height: 70px; } @media (max-width: 1199px) { .WinChrome section.group_banner .search-area .search-box .search-btn, .WinIe section.group_banner .search-area .search-box .search-btn { width: 57%; } } @media (max-width: 767px) { .WinChrome section.group_banner .search-area .search-box > div:nth-child(2), .WinIe section.group_banner .search-area .search-box > div:nth-child(2) { width: calc(50% - 5px); margin-right: 5px; } .WinChrome section.group_banner .search-area .search-box > div:nth-child(3), .WinIe section.group_banner .search-area .search-box > div:nth-child(3) { width: calc(50% - 5px); margin-right: 0px; margin-left: 5px; } .WinChrome section.group_banner .search-area .search-box > div:nth-child(n+4), .WinIe section.group_banner .search-area .search-box > div:nth-child(n+4) { margin-right: 0px; width: 100%; } .WinChrome section.group_banner .search-area .search-box button.search-btn, .WinIe section.group_banner .search-area .search-box button.search-btn { width: 100%; } } .WinChrome section.group_banner .search-area .form-check label, .WinIe section.group_banner .search-area .form-check label { color: #fff; } .WinChrome section.group_banner .search-area > form > div:nth-last-child(1), .WinIe section.group_banner .search-area > form > div:nth-last-child(1) { margin-right: 12%; } @media (max-width: 1199px) { .WinChrome section.group_banner .search-area > form > div:nth-last-child(1), .WinIe section.group_banner .search-area > form > div:nth-last-child(1) { margin-right: 0%; } } .WinChrome section.group_banner .search-area .form-check input[type="checkbox"], .WinIe section.group_banner .search-area .form-check input[type="checkbox"]{position: absolute; opacity: 0; cursor: pointer;} .WinChrome section.group_banner .search-area .form-check .checkmark, .WinIe section.group_banner .search-area .form-check .checkmark{position: absolute; top: 4px; left: 0; height: 16px; width: 16px; background-color: #fff; border: 1px solid #ccc;} .WinChrome section.group_banner .search-area .form-check .customcheck:hover input ~ .checkmark, .WinIe section.group_banner .search-area .form-check .customcheck:hover input ~ .checkmark{background-color: #eee;} .WinChrome section.group_banner .search-area .form-check .customcheck input:checked ~ .checkmark, .WinIe section.group_banner .search-area .form-check .customcheck input:checked ~ .checkmark{background-color: #04abf2; border: 1px solid #fff;} .WinChrome section.group_banner .search-area .form-check .checkmark:after, .WinIe section.group_banner .search-area .form-check .checkmark:after {content: ""; position: absolute; display: none;} .WinChrome section.group_banner .search-area .form-check .customcheck .checkmark:after, .WinIe section.group_banner .search-area .form-check .customcheck .checkmark:after { left: 4px; top: 0px; width: 6px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg);} .WinChrome section.group_banner .search-area .form-check .customcheck input:checked ~ .checkmark:after, .WinIe section.group_banner .search-area .form-check .customcheck input:checked ~ .checkmark:after {display: block;} .WinChrome section.group_banner .search-area .select-type, .WinIe section.group_banner .search-area .select-type{width: 100%; display: flex; flex-wrap: wrap; align-items: center;} .WinChrome section.group_banner .search-area .select-type .form-check, .WinIe section.group_banner .search-area .select-type .form-check{padding-left: 30px; padding-right: 10px; margin-right: 10px; padding-top: 3px; padding-bottom: 3px; border-radius: 4px; margin-bottom: 10px;} .WinChrome section.group_banner .search-area .select-type .form-check.check-GO, .WinIe section.group_banner .search-area .select-type .form-check.check-GO{background: #cdeefc;} .WinChrome section.group_banner .search-area .select-type .form-check.check-PGO, .WinIe section.group_banner .search-area .select-type .form-check.check-PGO{background: #d4edda;} .WinChrome section.group_banner .search-area .select-type .form-check.check-GO label, .WinIe section.group_banner .search-area .select-type .form-check.check-GO label{margin-bottom: 0; color: #0481b6; font-size: 15px;} .WinChrome section.group_banner .search-area .select-type .form-check.check-PGO label, .WinIe section.group_banner .search-area .select-type .form-check.check-PGO label{margin-bottom: 0; color: #28a745; font-size: 15px;} .WinChrome section.group_banner .search-area .select-type .form-check .checkmark, .WinIe section.group_banner .search-area .select-type .form-check .checkmark{top: 7px; left: 10px;} @media (max-width:319px) { .WinChrome section.group_banner .search-area .select-type, .WinIe section.group_banner .search-area .select-type{padding-left: 0;padding-right: 0;} .WinChrome section.group_banner .search-area .select-type .form-check, .WinIe section.group_banner .search-area .select-type .form-check{padding-left: 27px; padding-right: 7px; margin-right: 10px;} .WinChrome section.group_banner .search-area .select-type .form-check.check-PGO, .WinIe section.group_banner .search-area .select-type .form-check.check-PGO{margin-right: 0;} .WinChrome section.group_banner .search-area .select-type .form-check .checkmark, .WinIe section.group_banner .search-area .select-type .form-check .checkmark{left: 7px;} } /*--------../sass/page/_search.sass--------*/ /*-搜尋內容-*/ section.search_con { margin-top: 0px; margin-bottom: 50px; } section.search_con .container { background: none; padding: 20px 15px; } /*----- 搜尋列表 -----*/ .list_con .title { padding-bottom: 5px; margin-bottom: 15px; } /*----- 搜尋篩選 -----*/ @media (max-width: 1199px) { .filter_list .resize_input { font-size: 14px; } } @media (max-width: 991px) { .filter_list > h4 { display: none; } } .filter_list .accordion .card:first-child { margin-top: 15px; } .filter_list .btn { border-bottom: 1px solid #e2e2e2; background: #f8f8f9; font-size: 1.2rem; } .filter_list .btn::after { top: 10px; } .filter_list .btn i::before { line-height: 0; } .filter_list .form-check { margin: 5px 15px; font-size: 16px; color: #666; } .filter_list .form-check .checkmark { border: 1px solid #e2e2e2; } .filter_list .form-check .disabled .checkmark, .filter_list .form-check .disabled input:checked ~ .checkmark { background-color: #ddd; border-radius: 0px; border: 1px solid #fff; } .filter_list .form-check .disabled:hover input ~ .checkmark { background-color: #ddd; } .filter_list .accordion_all.active { background: #f0f0f0; } .all_box, .pic_style { margin: 15px 0 30px 0; } @media (max-width: 991px) { .filter_header { margin-bottom: 0px; } } /*---區塊列表---*/ .plane-s1 .plane-sche{ padding-left: 5px; } .plane-s1 .plane-sche::before { content: '‧'; margin-right: 5px; } figure.block_style { margin: 15px 0 15px 0; border-color: #e2e2e2; } figure.block_style:nth-child(1) { margin: 0 0 15px 0; } figure.block_style .pic_all::after { content: ''; width: 0; height: 0; border-style: solid; border-width: 0px 0 100px 100px; border-color: transparent transparent transparent rgba(4, 171, 242, 0.5); position: absolute; left: 0; top: 0; z-index: 0; } figure.block_style .pic_all .item_days { position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; color: #fff; font-size: 1.8rem; padding: 13px 0; z-index: 9; width: 70px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: bold; } figure.block_style .pic_all .item_days span { font-size: 0.9rem; margin-left: 5px; margin-top: 8px; font-weight: normal; } .group_tag{ font-size: 12px; padding: 2px 12px; margin-left: 10px; background: #cdeefc; border-radius: 50px; color: #0481b6; margin: 0; } .free_tag{ font-size: 12px; padding: 2px 12px; margin-left: 10px; background: #d4edda; border-radius: 50px; color: #28a745; margin: 0; } figure.block_style .pic_all .group_tag, figure.block_style .pic_all .free_tag{ position: absolute; top: 10px; right: 10px; box-shadow: 0 0 5px rgb(0 0 0 / 30%); } figure.block_style .main_words { height: 70%; background: #fff; padding: 15px 20px; } @media (max-width: 1199px) { figure.block_style .main_words { height: 100%; } } @media (max-width: 767px) { figure.block_style .main_words { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 10px; } figure.block_style .main_words .go_tag { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } figure.block_style .main_words .go-date, figure.block_style .main_words .icon-collect { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } figure.block_style .main_words .go-date { font-size: 1.3rem; line-height: 2rem; } figure.block_style .main_words a { margin: 10px 0; } figure.block_style .main_words a h4 { font-size: 1.45rem; font-weight: bold; } figure.block_style .main_words h6 { line-height: 30px; width: 50%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media (max-width: 1199px) { figure.block_style .main_words h6 { width: 100%; } } @media (max-width: 767px) { figure.block_style .main_words h6 { margin-top: 0.5rem; } } figure.block_style .main_words h6 > div { max-width: 25%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } figure.block_style .main_words h6 > div span { margin-right: 0; } figure.block_style .main_words .tag { margin-bottom: 0 !important; } @media (max-width: 767px) { figure.block_style .main_words .tag { margin-top: 0.3rem; } } figure.block_style .note_words { padding: 13px 0px 12px 0px; border-top: 0px; width: 60%; border-right: 1px solid #e2e2e2; } @media (max-width: 1199px) { figure.block_style .note_words { background: #fff; padding-left: 15px; padding-right: 15px; border-top: 1px solid #e2e2e2; border-bottom: 0px; } } @media (max-width: 991px) { figure.block_style .note_words { width: 100%; padding: 10px 10px; border-right: 0px; } } @media (max-width: 767px) { figure.block_style .note_words .plane { font-size: 15px; } } figure.block_style .note_words > div { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } figure.block_style .note_words > div .go_number h6 { font-size: 0.9rem; width: 100%; color: #626262; } figure.block_style .note_words > div .go-airport { width: 100%; } @media (max-width: 767px) { figure.block_style .note_words > div .go-airport { font-size: 15px; } } figure.block_style .note_words > div img { height: 40px; margin-right: 5px; } figure.block_style .media_all_plane-lg { height: 30%; background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-top: 1px solid #e2e2e2; } @media (max-width: 1199px) { figure.block_style .media_all_plane-lg { display: none; } } figure.block_style .media_all_plane-md { display: none; } @media (max-width: 1199px) { figure.block_style .media_all_plane-md { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } figure.block_style .price_box { width: 40%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; align-content: center; } @media (max-width: 1199px) { figure.block_style .price_box { background: #fff; padding-right: 15px; border-top: 1px solid #e2e2e2; } } @media (max-width: 991px) { figure.block_style .price_box { width: 100%; padding: 10px 10px; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } figure.block_style .price_box span { font-size: 1.8rem; font-weight: bold; } figure.block_style .plane_word { width: 50%; line-height: 1.8rem; } @media (max-width: 1199px) { figure.block_style .plane_word { width: 100%; } } @media (max-width: 767px) { figure.block_style .plane_word { font-size: 1rem; } } /*----圖卡模式----*/ .pic_style .go-airport, .pic_style .plane-s1{ font-size: 14px; } .pic_style figure.block_style { margin: 0 0 20px 0; border: none; padding-right: 6px; padding-left: 6px; } .pic_style figure.block_style:nth-child(2n) { padding-right: 6px; padding-left: 6px; } @media (max-width: 1199px) { .pic_style figure.block_style:nth-child(2n) { padding-right: 0px; padding-left: 10px; } } @media (max-width: 767px) { .pic_style figure.block_style:nth-child(2n) { padding-left: 0; } } .pic_style figure.block_style:nth-child(1) { margin: 0 0 20px 0; padding-left: 0; padding-right: 14px; } @media (max-width: 1199px) { .pic_style figure.block_style:nth-child(1) { padding-right: 10px; } } @media (max-width: 767px) { .pic_style figure.block_style:nth-child(1) { padding-right: 0; } } .pic_style figure.block_style:nth-child(3n) { padding-left: 14px; padding-right: 0; } @media (max-width: 1199px) { .pic_style figure.block_style:nth-child(3n) { padding-right: 10px; padding-left: 0px; } } @media (max-width: 767px) { .pic_style figure.block_style:nth-child(3n) { padding-right: 0; } } .pic_style figure.block_style .pic_all:before{display: none;} .pic_style figure.block_style .pic_all .img-wrapper:before{ content: ""; background: url(/Assets/Begonia/Images/search/shadow.png) bottom left repeat-x; z-index: 1; position: absolute; display: block; width: 100%; height: 100%; } .pic_style figure.block_style .go_number { position: absolute; top: 5px; right: 10px; color: #fff; text-shadow: 1px 1px 3px #000; } .pic_style figure.block_style .go_tag { position: absolute; bottom: 0; left: 0; right: 0; z-index: 9; } .pic_style figure.block_style .go_tag .tag { padding: 5px 10px; margin-bottom: 10px; margin-left: 5px; } .pic_style figure.block_style .price_all { padding-bottom: 10px; padding-top: 10px; background: #fff; border-color: #e2e2e2; } @media (max-width: 767px) { .pic_style figure.block_style .price_all > div.order-md-1 { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } .pic_style figure.block_style .price_all h6 { padding-top: 0px; text-decoration: none; } @media (max-width: 767px) { .pic_style figure.block_style .price_all h6 { font-size: 1rem; } } .pic_style figure.block_style .price_all h6 > div { width: 50%; -ms-flex-preferred-size: auto; flex-basis: auto; } @media (max-width: 767px) { .pic_style figure.block_style .price_all h6 > div { width: 25%; text-align: right; } } .pic_style figure.block_style .price_all h4 span { font-size: 1.6rem; font-weight: bold; } .pic_style figure.block_style .price_all .price_box_general span { font-size: 1.25rem; } .pic_style figure.block_style .plane_word { width: 100%; background: #fff; border: 1px solid #e2e2e2; border-top: 0px; padding: 10px; } .pic_style figure.block_style .plane_word img { height: 30px; margin: 0 2px; } .pic_style figure.block_style .go-date { font-size: 1.2rem; line-height: 1.4rem; } .pic_style figure.block_style .main_words h4 { font-size: 1.3rem; line-height: 1.8rem; } .pic_style figure.block_style .main_words .group_tag, .pic_style figure.block_style .main_words .free_tag{ position: unset; box-shadow: none; margin-left: 0; margin-right: 10px; } @media (max-width: 767px) { .pic_style figure.block_style .main_words .group_tag, .pic_style figure.block_style .main_words .free_tag{ order: -1; } } /*----- 表格列表 -----*/ .plane-s1 h6{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .plane-s1 h6 .plane-sche{ padding: 0; } .plane-s1 h6 .plane-sche::before { display: none; } .search_table { background: #fff; } @media (max-width: 991px) { .search_table { background: none; } } .search_table .thead th.go-date { width: 15%; } .search_table .thead th.go-airport { width: 13%; } .search_table .thead th.tour-price { width: 15%; } .search_table tbody td { padding: 10px; } .search_table tbody td.go-date { vertical-align: middle; } @media (max-width: 991px) { .search_table tbody td.go-date { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; align-items: center; } .search_table tbody td.go-date > div.row { width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .search_table tbody td.go-date .time { display: table; font-size: 1.2rem; order: 1; } .search_table tbody td.go-date > div.item_days { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; font-size: 1.2rem; margin-right: 15px; } .search_table tbody td.go-date .group_tag, .search_table tbody td.go-date .free_tag{ margin-right: 10px; } } .search_table tbody td.go-date .icon-collect { margin-left: 0px; margin-bottom: 10px; } @media (max-width: 991px) { .search_table tbody td.go-date .icon-collect { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 0; } } @media (max-width: 991px) { .search_table tbody td.tour-name { padding-top: 0px; } } .search_table tbody td.tour-name a.title_main { font-weight: bold; font-size: 1.2rem; line-height: 1.5rem; margin-top: 5px; } .search_table tbody td.tour-name .bird { margin-top: 5px; } @media (max-width: 991px) { .search_table tbody td.tour-name .bird { font-size: 1rem; margin-bottom: 10px; } } .search_table tbody td.tour-name .bird::before { display: none; } @media (max-width: 991px) { .search_table tbody td.tour-name .main_words .time { display: none; } .search_table tbody td.tour-name .main_words h6 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media (max-width: 991px) and (max-width: 767px) { .search_table tbody td.tour-name .main_words h6 { text-align: right; } .search_table tbody td.tour-name .main_words h6 span:nth-last-child(1) { margin-right: 0; } } .search_table tbody td.go-airport { vertical-align: middle; } @media (max-width: 991px) { .search_table tbody td.go-airport { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; border-top: 1px solid #e2e2e2; display: -webkit-box; display: -ms-flexbox; display: flex; } .search_table tbody td.go-airport > .row { width: 100%; } .search_table tbody td.go-airport > .row > div { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .search_table tbody td.go-airport > .row h6 { font-size: 1rem; } .search_table tbody td.go-airport > .row br { display: none; } } .search_table tbody td.go-airport img { height: 35px; } .search_table tbody td.total-seat { vertical-align: middle; } .search_table tbody td.booking-num { vertical-align: middle; } .search_table tbody td.waiting-num { vertical-align: middle; } .search_table tbody td.available-seat { vertical-align: middle; } .search_table tbody td.tour-price { vertical-align: middle; display: table-cell; } @media (max-width: 991px) { .search_table tbody td.tour-price { display: flex; flex-wrap: wrap; justify-content: end; } .search_table tbody td.tour-price h6 { margin-bottom: 0px; margin-right: 10px; } } @media (max-width: 767px) { .search_table tbody td.tour-price { border: none; } .search_table tbody td.tour-price h6 { margin-bottom: 5px; } } .search_table tbody td.tour-price span { font-size: 1.6rem; font-weight: bold; } .search_table tbody td.tour-price .price_box_general span {font-size: 1.25rem;} @media (min-width:992px) { .search_table tbody td.tour-price .price_box_agt small:nth-child(1), .search_table tbody td.tour-price .price_box_general small:nth-child(1){display: block;} } @media (max-width: 991px) { .search_table td:nth-child(n+2) { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .search_table > tbody > tr { background: #fff; margin-bottom: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (max-width: 767px) { .search_table .tag_all .btn { margin-bottom: 0 !important; margin-top: 5px !important; } .search_table tbody td.tour-price .price_box_general span{display: inline-block;} } /*列表航空公司*/ .plane.plane-s1{cursor: pointer;} .plane.plane-s1::after{display: inline-block; content: '\f05a'; font: normal normal normal 14px/1 FontAwesome; margin-left: 5px; font-size: 20px; color: #04abf2;} .plane.plane-s1:hover{color: #04abf2;} .pic_style .plane.plane-s1::after{margin-left: 3px; font-size: 18px;} /*----- 頁碼 -----*/ section.search_con .pagination { margin-top: 40px; } @media (max-width: 767px) { section.search_con .pagination { margin-top: 30px; } } section.search_con .pagination svg { width: auto; height: 12px; } section.search_con .pagination .page-item.disabled svg { fill: #666; } section.search_con .pagination .page-item:first-child .page-link, section.search_con .pagination .page-item:last-child .page-link { border-radius: 0; border: 1px solid #e2e2e2; } section.search_con .pagination .page-item .page-link { width: 38px; border-color: #e2e2e2; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #111; } @media (max-width: 767px) { section.search_con .pagination .page-item{ margin: 0 3px; } section.search_con .pagination .page-item .page-link { width: 20px; height: 30px; font-size: 13px; } } section.search_con .pagination .page-item .page-link:hover, section.search_con .pagination .page-item .page-link:active { background: #fff; border-color: #04abf2; color: #04abf2; } section.search_con .pagination .page-item .page-link:hover svg, section.search_con .pagination .page-item .page-link:active svg { fill: #04abf2; } section.search_con .pagination .page-item.active .page-link { background: #fff; border-color: #04abf2; color: #04abf2; } /*------自訂-------*/ /*---收藏icon---*/ .icon-collect { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 15px; } .icon-collect svg { width: 20px; } .icon-collect svg.collect_2 { display: none; } .icon-collect.active .collect_1 { display: none; } .icon-collect.active .collect_2 { display: table; } .icon-collect svg { width: 20px; } .icon-collect svg.collect_2 { display: none; } .icon-collect.active .collect_1 { display: none; } .icon-collect.active .collect_2 { display: table; } /*# sourceMappingURL=searchNew.css.map */ /*列表頁增加報名、候補、額滿、截止、請電洽..等相關按鈕*/ figure.block_style .media_all_plane-lg {justify-content: space-between;} figure.block_style .price_box {width: 32%;} figure.block_style .note_words {width: 53%;} .pic_style figure.block_style .price_all h6 > div {width: 25%;} .search_table tbody td.tour-price span {font-size: 1.4rem; white-space: nowrap;} @media (max-width: 767px) { figure.block_style .note_words {width: 100%; order: 3;} figure.block_style .price_box {width: 100%;} } /*同業AGT*/ .group-list-AGT section.search_con .list_con.mold .pic_style figure.block_style .main_words{ padding: 30px 18px 200px;} .group-list-AGT .search_table .thead th.tour-price{width: 17%;} figure.block_style .price_box_agt h4, figure.block_style .price_box_general h4{line-height: 1.3;font-size: 1.25rem;} figure.block_style .price_box_agt h4 span{font-size: 1.6rem;line-height: 1;} figure.block_style .price_box_general span{font-size: 1.25rem;line-height: 1;} .search_table .price_box_agt, .search_table .price_box_general{display: table;width: 100%;} .search_table .price .price_box_agt h6, .search_table .price .price_box_general h6{line-height: 1.1; margin: 0rem 0 0.5rem;} @media (max-width: 1399px){ .group-list-AGT figure.block_style .price_box { width: 30%;} } @media (max-width:1280px) { .group-list-AGT figure.block_style .note_words{width: 50%;} } @media (max-width:1199px) { .group-list-AGT figure.block_style .media_all_plane-md{background-color: #fff;border-top: 1px solid #e2e2e2;} .group-list-AGT figure.block_style .note_words, .group-list-AGT figure.block_style .price_box{border-top: 0px;} } @media (max-width: 1024px){ figure.block_style .price_box_agt h4, figure.block_style .price_box_general h4, .pic_style figure.block_style .price_box_agt h4, .pic_style figure.block_style .price_box_general h4{line-height: 1;} } @media (max-width:991px) { .group-list-AGT figure.block_style .price_box, .group-list-AGT figure.block_style .note_words{width: 100%;} .group-list-AGT #search-block figure.block_style .media_all_plane-md .btn{width: calc(100% - 2rem); justify-content: center;} .search_table .price .price_box_agt h6, .search_table .price .price_box_general h6{margin: 0.5rem;} } @media (max-width: 767px){ .price_box_agt, .price_box_general{width: 100%;display: table;} figure.block_style .price_box_agt h4, figure.block_style .price_box_general h4, .pic_style figure.block_style .price_box_agt h4, .pic_style figure.block_style .price_box_general h4{line-height: 1.5;} } /*搜尋團型列表*/ section.search_con .list_con.mold figure.block_style .row .pic_all { flex: 0; max-width: 350px; min-width: 350px; } section.search_con .list_con.mold figure.block_style .row .mold_content { flex: 1; max-width: initial; display: flex; flex-flow: column; justify-content: space-between; } section.search_con .list_con.mold figure.block_style .main_words { height: auto; padding: 30px 18px; flex: 1; align-content: flex-start !important;} section.search_con .list_con.mold figure.block_style .main_words a h4 { font-size: 1.125rem; } section.search_con .list_con.mold figure.block_style .main_words>.mold_name { flex: 1; } section.search_con .list_con.mold figure.block_style .main_words>.mold_price { flex: 0; max-width: 210px; min-width: 210px; display: flex; flex-flow: column; align-items: flex-end;} section.search_con .list_con.mold figure.block_style .main_words>.mold_price span.text-danger { font-size: 24px; line-height: 24px; letter-spacing: 0; font-weight: 600; margin-right: -3px; } section.search_con .list_con.mold figure.block_style .main_words>.mold_price small { font-size: 14px; } section.search_con .list_con.mold figure.block_style .main_words a.join_btn { padding: 6px 23px; background: #04abf2; font-size: 16px; border-radius: 5px; color: #ffffff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;} section.search_con .list_con.mold figure.block_style .main_words a.join_btn:hover{ background:#0192d0; } section.search_con .list_con.mold figure.block_style .pic_all .img_box:before{ padding-top: 57.43%;} section.search_con .list_con.mold .mold_date{ background-color: #ffffff; padding: 0px 18px 24px;} section.search_con .list_con.mold .mold_date a { background-color: #ffffff; font-size: 13px; display: inline-block; text-align: center; border-radius: 5px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;} section.search_con .list_con.mold .mold_date a.state_n{border: 1px solid #04abf2; color:#04abf2} section.search_con .list_con.mold .mold_date a.state_g{border: 1px solid #dc3545; color:#dc3545;} section.search_con .list_con.mold .mold_date a.state_p{border: 1px solid #e09f08; color:#e09f08;} section.search_con .list_con.mold .mold_date a.state_c{border: 1px solid #BDBDBD; color:#BDBDBD;} section.search_con .list_con.mold .mold_date a.state_e{border: 1px solid #77BCC8; color:#77BCC8;} section.search_con .list_con.mold .mold_date a.state_s{border: 1px solid #77C87C; color:#77C87C;} section.search_con .list_con.mold .mold_date a.more{ position: relative; border: 0; border-bottom: 1px solid #04abf2;background-color: #ffffff; color: #04abf2; border-radius: 0; margin-left: 8px; padding: 0px 18px 0 0;} section.search_con .list_con.mold .mold_date a.more:hover{ color: #04abf2; border-bottom: 0; } section.search_con .list_con.mold .mold_date a.more::before, section.search_con .list_con.mold .mold_date a.more::after{content: ""; position: absolute; top:7px; width: 0; height: 0; border-style: solid; border-width: 3px 0 3px 4px; border-color: transparent transparent transparent #04abf2;} section.search_con .list_con.mold .mold_date a.more::before{ right:2px; } section.search_con .list_con.mold .mold_date a.more::after{ right:9px; } section.search_con .list_con.mold .mold_date a .trip_dt{ padding: 2px 5px; } section.search_con .list_con.mold .mold_date a .trip_st{ border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; color: #ffffff; padding: 2px; } section.search_con .list_con.mold .mold_date a.state_n .trip_st{ background: #04abf2; } section.search_con .list_con.mold .mold_date a.state_g .trip_st{ background: #dc3545; } section.search_con .list_con.mold .mold_date a.state_p .trip_st{ background: #e09f08; } section.search_con .list_con.mold .mold_date a.state_c .trip_st{ background: #BDBDBD; } section.search_con .list_con.mold .mold_date a.state_e .trip_st{ background: #77BCC8; } section.search_con .list_con.mold .mold_date a.state_s .trip_st{ background: #77C87C; } section.search_con .list_con.mold .mold_date a.state_n:hover .trip_st{ background: #0192d0; } section.search_con .list_con.mold .mold_date a.state_g:hover .trip_st{ background: #c82333; } section.search_con .list_con.mold .mold_date a.state_p:hover .trip_st{ background: #cc9004; } section.search_con .list_con.mold .mold_date a.state_c:hover .trip_st{ background: #BDBDBD; } section.search_con .list_con.mold .mold_date a.state_e:hover .trip_st{ background: #77BCC8; } section.search_con .list_con.mold .mold_date a.state_s:hover .trip_st{ background: #77C87C; } section.search_con .list_con.mold .group_tag { position: absolute; top: 10px; right: 10px; -webkit-box-shadow: 2px 1px 5px rgb(0 0 0 / 30%); box-shadow: 2px 1px 5px rgb(0 0 0 / 30%); font-size: 12px; padding: 2px 12px; margin-left: 10px; background: #cdeefc; border-radius: 50px; color: #0481b6; } section.search_con .list_con.mold .free_tag { position: absolute; top: 10px; right: 10px; -webkit-box-shadow: 2px 1px 5px rgb(0 0 0 / 30%); box-shadow: 2px 1px 5px rgb(0 0 0 / 30%);font-size: 12px; padding: 2px 12px; margin-left: 10px; background: #d4edda; border-radius: 50px; color: #28a745;} section.search_con .list_con.mold .mold_info {padding: 14px 20px; background: #f5f5f5; display: flex; justify-content: space-between; } section.search_con .list_con.mold .mold_info .departure {margin-bottom: 5px;} section.search_con .list_con.mold .mold_info .departure a {background: transparent; color: #04abf2; text-decoration: underline; padding: 0 2px; font-size: 1rem; } section.search_con .list_con.mold .pic_style{ justify-content: start !important;} section.search_con .list_con.mold .pic_style figure.block_style>.row { height: 100%; padding-bottom: 85px; margin-bottom: -85px; position: relative; } section.search_con .list_con.mold .pic_style figure.block_style>.row>div:nth-child(2){ position: initial; } section.search_con .list_con.mold .pic_style figure.block_style .row .pic_all { flex: initial; max-width: initial; min-width: initial; } section.search_con .list_con.mold .pic_style figure.block_style .pic_all .img_box:before{ padding-top: 70%;} section.search_con .list_con.mold .pic_style figure.block_style .main_words{ padding: 30px 18px 140px; background-color: #ffffff; border-bottom: 0; } section.search_con .list_con.mold .pic_style figure.block_style .main_words h4{ margin-bottom: 0;} section.search_con .list_con.mold .pic_style .mold_date { padding: 10px 0 15px; flex: 0 0 100%; } section.search_con .list_con.mold .pic_style figure.block_style .main_words>.mold_price { flex: 0 0 100%; max-width: initial; min-width: initial; flex-flow: initial; justify-content:flex-end; flex-wrap: wrap; position: absolute; bottom: 95px; right: 18px; left: 18px;} section.search_con .list_con.mold .pic_style figure.block_style .main_words>.mold_price .price_box_agt,section.search_con .list_con.mold .pic_style figure.block_style .main_words>.mold_price .price_box_general{ flex:0 0 100%;} section.search_con .list_con.mold .pic_style .mold_info { display: flex; justify-content: flex-start; flex-flow: column; border-left: 1px solid #eee; border-right: 1px solid #eee; border-bottom: 1px solid #e2e2e2; position: absolute; left: 0; bottom: 0; width: 100%;} section.search_con .list_con.mold .pic_style .mold_info .departure { margin-bottom: 8px; } section.search_con .list_con.mold .pic_style .mold_info .departure a { background: transparent; color: #04abf2; text-decoration: underline; padding: 0 2px; font-size: 1rem; } section.search_con .list_con.mold .search_table .thead th.go_day{ width: 9%; } section.search_con .list_con.mold .search_table .thead th.go_departure { width: 13%; } section.search_con .list_con.mold .search_table .thead th.go_transportation { width: 12%; } section.search_con .list_con.mold .search_table .thead th.go_price { width: 16%; } section.search_con .list_con.mold .search_table tbody td { padding: 10px; } section.search_con .list_con.mold .search_table tbody td.go_day{width: 9%; text-align: center !important; vertical-align: middle; } section.search_con .list_con.mold .search_table tbody td.go_departure{width: 13%; vertical-align: middle; } section.search_con .list_con.mold .search_table tbody td.go_departure h6{ margin-bottom: 5px;} section.search_con .list_con.mold .search_table tbody td.go_departure a { background: transparent; color: #04abf2; text-decoration: underline; padding: 0 2px; font-size: 1rem; } section.search_con .list_con.mold .search_table tbody td.go_transportation{width: 12%; vertical-align: middle; } section.search_con .list_con.mold .search_table tbody td.go_price{width: 16%; vertical-align: middle; } section.search_con .list_con.mold .search_table tbody td.go_price .price_box_general .text-secondary{ font-size: 18px;} section.search_con .list_con.mold .search_table .group_tag,section.search_con .list_con.mold .search_table .free_tag{ position: initial; margin: 0;} section.search_con .list_con.mold .search_table .item_days{ margin-top: 8px;} section.search_con .list_con.mold .search_table .main_words{ margin-bottom: 10px;} section.search_con .list_con.mold .search_table .main_words .title_main{ font-weight: bold; line-height: 1.8rem;} section.search_con .list_con.mold .search_table .mold_date { padding: 0; background-color: transparent;} section.search_con .list_con.mold .search_table .mold_date a.more{ background-color: transparent; } section.search_con .list_con.mold .search_table tbody td.go_price .text-danger{ color: #dc3545 !important; font-size: 22px; line-height: 22px; letter-spacing: 0; font-weight: 600; margin-right: -3px;} section.search_con .list_con.mold .search_table tbody td.go_price small{ font-size: 14px;} section.search_con .list_con.mold .search_table tbody td.go_price small.dollar{ font-size: 18px; padding-right: 5px;} section.search_con .list_con.mold .search_table tbody td.go_price h4 { margin-bottom: 10px; line-height: 20px;} section.search_con .list_con.mold .search_table tbody td.go_price .join_btn { padding: 6px 10px; background: #04abf2; font-size: 16px; border-radius: 5px; color: #ffffff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;} @media (min-width:992px) and (max-width:1199px) { section.search_con .list_con.mold figure.block_style .row .pic_all { flex: 0; max-width: 200px; min-width: 200px; } } @media(max-width:1199px) { section.search_con .list_con.mold figure.block_style .main_words>.mold_price .price_box_agt,section.search_con .list_con.mold figure.block_style .main_words>.mold_price .price_box_general { flex: 0 0 100%; } section.search_con .list_con.mold figure.block_style .main_words>.mold_price .price_box_general{ margin-bottom: 8px;} section.search_con .list_con.mold figure.block_style .main_words>.mold_price h4 { margin-right: 8px; } section.search_con .list_con.mold figure.block_style .main_words { padding: 18px; } section.search_con .list_con.mold figure.block_style .main_words>.mold_name { flex: 0 0 100%; } section.search_con .list_con.mold figure.block_style .main_words>.mold_price { flex: 0 0 100%; max-width: 100%; min-width: initial; display: flex; flex-flow: initial; align-items: flex-end; justify-content: flex-end; flex-wrap: wrap; } section.search_con .list_con.mold .mold_date { padding: 0px 18px 18px; } figure.block_style .main_words a.join_btn { margin: 0; padding: 5px 16px; font-size: 15px; } section.search_con .list_con.mold .pic_style figure.block_style .main_words>.mold_price h4 { margin-right: 0; } section.search_con .list_con.mold .search_table .thead th.go_day{ width: 10%;} section.search_con .list_con.mold .search_table .thead th.go_price{ width: 22%;} section.search_con .list_con.mold .search_table .mold_date a{ margin-bottom: 5px;} } @media(max-width:991px) { section.search_con .list_con.mold figure.block_style .row .pic_all { flex: 0; max-width: 260px; min-width: 260px; } section.search_con .list_con.mold figure.block_style .main_words a h4 { font-size: 1rem; } section.search_con .list_con.mold figure.block_style .main_words>.mold_price span.text-danger{ font-size: 24px; line-height: 24px;} section.search_con .list_con.mold figure.block_style .main_words>.mold_price small { font-size: 13px; } section.search_con .list_con.mold figure.block_style .main_words>.mold_price{ padding-top: 10px;} section.search_con .list_con.mold figure.block_style .main_words a.join_btn { margin: 0 0 5px; padding: 4px 10px; font-size: 14px; } section.search_con .list_con.mold .mold_info {flex-flow: column; } section.search_con .list_con.mold .mold_info .departure{ margin-bottom: 8px;} section.search_con .list_con.mold .search_table td:before { font-size: 0.875rem; font-weight: 400; } section.search_con .list_con.mold .search_table tbody td.go_day{ width: 100%; text-align: left !important; padding-bottom: 5px;} section.search_con .list_con.mold .search_table .group_tag, section.search_con .list_con.mold .search_table .free_tag{ font-size: 13px;} section.search_con .list_con.mold .search_table .item_days { margin-top: 0; display: inline-block; margin-left: 5px; } section.search_con .list_con.mold .search_table tbody td.go_departure{ width: 50%; border-top: 1px solid #e2e2e2;} section.search_con .list_con.mold .search_table tbody td.go_departure a{ font-size: 0.9rem;} section.search_con .list_con.mold .search_table tbody td.go_transportation{ width: 50%; border-top: 1px solid #e2e2e2;} section.search_con .list_con.mold .search_table tbody td.go_transportation h6{ margin-bottom: 0;} section.search_con .list_con.mold .search_table tbody td.go_price{ width: 100%; justify-content: flex-end; align-items: flex-start; border-top: 1px solid #e2e2e2; } section.search_con .list_con.mold .search_table tbody td.go_price h4{ margin-right: 10px; } } @media(max-width:767px) { section.search_con .list_con.mold figure.block_style .row .pic_all { flex: 0 0 100%; max-width: 100%; min-width: initial; } section.search_con .list_con.mold figure.block_style .main_words { padding: 10px 18px 20px; } section.search_con .list_con.mold figure.block_style .main_words>.mold_price{ padding-top: 20px;} section.search_con .list_con.mold .mold_date { padding: 0px 18px 10px; } section.search_con .list_con.mold .mold_date a { margin-bottom: 8px; font-size: 12px;} section.search_con .list_con.mold .mold_date a.more{ margin-left: 0;} section.search_con .list_con.mold .mold_date a .trip_dt { padding: 2px 3px; } section.search_con .list_con.mold figure.block_style .main_words { padding: 10px 10px 20px; } section.search_con .list_con.mold .mold_info .departure, section.search_con .list_con.mold .mold_info .traffic, section.search_con .list_con.mold .pic_style .mold_info .departure, section.search_con .list_con.mold .pic_style .mold_info .traffic{ font-size: 0.9rem;} section.search_con .list_con.mold .mold_info .departure a, section.search_con .list_con.mold .pic_style .mold_info .departure a{ font-size: 0.9rem;} section.search_con .list_con.mold .mold_date{ padding: 0px 10px 10px;} section.search_con .list_con.mold .search_table td:before{font-size: 0.9rem;} section.search_con .list_con.mold .search_table tbody td.go_departure h6, section.search_con .list_con.mold .search_table tbody td.go_transportation h6{ font-size: 0.9rem;} section.search_con .list_con.mold .search_table tbody td.go_departure a{ font-size: 0.9rem;} } .flight { color: #222222; width: 100%; } .flight .close { opacity: 1; } .flight .close:hover { opacity: 0.5; } .flight .material-icons { font-size: 2rem; } @media (max-width: 575px) { .flight .material-icons { font-size: 1.8rem; } } .flight .modal-dialog { max-width: 90%; margin: 1.75rem auto; } @media (min-width: 576px) { .flight .modal-dialog { max-width: 90%; } } @media (min-width: 992px) { .flight .modal-dialog { max-width: 900px; } section.search_con .list_con.mold .search_table tbody td.go_price .price_box_agt small:nth-child(1), section.search_con .list_con.mold .search_table tbody td.go_price .price_box_general .text-secondary>small:nth-child(1) { display: block; } } .flight h2.modal-title { font-size: 20px; font-family: "PT Sans", 微軟正黑體, sans-serif; margin: 0 0 0.5rem; } h2.modal-title strong { color: #04abf2; margin-left: 10px; } .flight_details { border: 1px solid #04abf2; margin-top: 5px; } .flight_details:first-child { margin-top: 0px; } .flight_details .details_box+.details_box { border-top: 1px solid #04abf2; } @media (max-width: 991.98px) { .flight_details .details_box+.details_box { border: none; } } .flight_details .details_box+.details_box h4 { border-top: 1px solid #fff; } @media (max-width: 991px) { .flight_details .details_box+.details_box h4 { border: none; } } .flight_details .details_box>h4 { background: #04abf2; text-align: center; height: 100%; color: #fff; font-weight: bold; line-height: 28px; } .flight_details .details_box>h4 span { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } @media (max-width: 991px) { .flight_details .details_box>h4 { height: auto; padding: 10px; } } .flight_details .details_box>h4 i { color: #c9f1ff; width: 100%; } .flight_details .details_box .flight_infor ul { list-style-type: none; padding: 0px; margin: 0; } .flight_details .details_box .flight_infor li { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 15px 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 576px) { .flight_details .details_box .flight_infor li { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .flight_details .details_box .flight_infor li+li { border-top: 1px dashed #ccc; } .flight_details .details_box .flight_infor .detail_airline { text-align: center; width: 23%; padding: 0 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-right: 1px solid #ddd; font-size: 1.2rem; } @media (max-width: 991px) { .flight_details .details_box .flight_infor .detail_airline { width: 100%; border-right: 0px; padding-bottom: 5px; margin-bottom: 5px; } } @media (max-width: 576px) { .flight_details .details_box .flight_infor .detail_airline span { font-weight: bold; } } .flight_details .details_box .flight_infor .detail_airline img { height: 35px; } .flight_details .details_box .flight_infor .go { width: 30%; text-align: center; font-size: 1.2rem; color: #444; } @media (max-width: 991px) { .flight_details .details_box .flight_infor .go { width: 38%; } } @media (max-width: 576px) { .flight_details .details_box .flight_infor .go { width: 100%; } } .flight_details .details_box .flight_infor .time { width: 17%; text-align: center; font-size: 0.85rem; color: #888; position: relative; } @media (max-width: 991px) { .flight_details .details_box .flight_infor .time { width: 24%; } } @media (max-width: 576px) { .flight_details .details_box .flight_infor .time { width: 50%; padding: 15px 5px; } } .flight_details .details_box .flight_infor .time hr { height: 1px; background: #111; margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0,0,0,.1); } .flight_details .details_box .flight_infor .time::after { content: "\f072"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: calc(50% - 9px); right: 1px; color: #111; font-size: 1rem; } @media (max-width: 991px) { .flight_details .details_box .flight_infor .time::after { top: calc(50% - 8px); } } .flight_details .details_box .flight_infor .to { width: 30%; text-align: center; font-size: 1.2rem; color: #444; } @media (max-width: 991px) { .flight_details .details_box .flight_infor .to { width: 38%; } } @media (max-width: 576px) { .flight_details .details_box .flight_infor .to { width: 100%; } } /* fallback */ @font-face { font-family: "Material Icons"; font-style: normal; font-weight: 400; src: url(https://design21.fillo.tw/Assets/Begonia/fonts/MaterialIcons-Regular.eot); /* For IE6-8 */ src: local("Material Icons"), local("MaterialIcons-Regular"), url(https://design21.fillo.tw/Assets/Begonia/fonts/MaterialIcons-Regular.woff2) format("woff2"), url(https://design21.fillo.tw/Assets/Begonia/fonts/MaterialIcons-Regular.woff) format("woff"), url(https://design21.fillo.tw/Assets/Begonia/fonts/MaterialIcons-Regular.ttf) format("truetype"); src: url(https://design21.fillo.tw/Assets/Begonia/fonts/MaterialIconsBaseline.woff2) format("woff2"); } @font-face { font-family: "Material Icons Outlined"; font-style: normal; font-weight: 400; src: url(https://design21.fillo.tw/Assets/Begonia/fonts/MaterialIconsOutlined-Regular.woff2) format("woff2"); } .material-icons { font-family: "Material Icons"; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } .material-icons-outlined { font-family: "Material Icons Outlined"; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } .material-icons-round { font-family: "Material Icons Round"; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } .material-icons-sharp { font-family: "Material Icons Sharp"; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } .material-icons-two-tone { font-family: "Material Icons Two Tone"; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } /*語音輸入_icon*/ .mic_icon{ position: absolute; display: flex; top: 0; bottom: 1px; right: 0; background: #fff; align-items: center; flex-wrap: wrap; } .mic_icon i{ font-size: 1.2rem; color: #777; padding: 5px 15px 3px; }