@charset "UTF-8";

.login,.image {
	min-height:100vh}
.loginexp {
	color:#ff0000;
    font-weight:700;
    font-size:16px;
    display:inline-block;
    margin-top:15px;
	text-align:justify;}
.bg-image,.bg-light {
    background-color:#e1e1e1!important;}
.bg-image {
	background-image:url('https://images.pexels.com/photos/2105/flying-people-sitting-public-transportation.jpg');
	background-size:cover;
	background-position:center left;}
.bk-image {
	background-image:url('https://images.pexels.com/photos/4474033/pexels-photo-4474033.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1');
	background-size:cover;
	background-position:center center;}
.form-control,.shadow-sm,.navbox .form-select {
	padding:0.68rem 0.35rem;
	height:54px;
    border:2px solid #e8e8e8;
	box-shadow:0 .125rem .25rem rgba(0,0,0,0)!important;}
.form-group .shadow-sm,.modal-body>.mb-3>.form-control {
    border:2px solid #d2d2d2!important;}
.form-group .shadow-sm:hover,.modal-body>.mb-3>.form-control:hover, input:hover,.form-select:hover {
    border:2px solid #0074ff!important;}
.custom-control-input {
    width:20px;
    height:20px;
    position:relative;
    top:5px;}
.btn-save {
	color:#ffffff;
	background-color:#dc3545;
    border-color:#dc3545;}
.btn-save:hover {
    color:#ffffff;
    background-color:#0074ff;
    border-color:#0074ff;}
.btn-danger {
	background-color:#0074ff;
    border-color:#0074ff;}
.btn-danger:hover {
    color:#ffffff;
    background-color:#dc3545;
    border-color:#dc3545;}
.btn-block {
    display:block;
    width:67%;
	float:left;}
.btn-forget {
	display:block;
	width:31%;}
.btn-delete {
	display:block;
	width:100%;}
.btn-example1 {
	width:100%;
	margin-left:5px;
    padding:0px;
	font-weight:700!important;
    background-color:#ffffff!important;
    border-color:#6c757d!important;
    color:#333333!important;}
.btn-addflight {
	display:block;
	width:100%;
	background-color:#ffffff;
    border-color:#0074ff;
    color:#0074ff;}
.btn-addflight:hover {
	background-color:#2658a1!important;
    border-color:#2658a1!important;
    color:#ffffff!important;}
.btn-example1:hover {
    background-color:#333333!important;
    border-color:#333333!important;
    color:#ffffff!important;}
.btn-forget,.btn-delete {
	background-color:#8f8f8f;
    border-color:#8f8f8f;
	float:right;}
.btn-deletered {
	width:50%;
    max-width:150px;
    text-align:center;
    float:right;
    display:block;
    padding:0.38rem 0rem;
	margin-bottom:10px;
    border-radius:0.25rem;
    color:#ff0000;
    background-color:#ffffff;
    border:1px solid #ff0000;
    float:right;}
.btn-forget:hover,.btn-delete:hover,.tablebule .mb-2:hover,.tabledark .mb-2:hover,.btn-open:hover {
    background-color:#333333!important;
    border-color:#333333!important;}
.btn-deletered:hover {
	cursor:pointer;
	color:#ffffff;
	background-color:#ff0000;
	float:right;}
.btn-block:active,.btn-forget:active,.btn-delete:active,.btn-deletered:active,.btn-danger:active,.btn-open:active,.addusebt:active,.form-label-bt:active {
	position:relative;
	top:3px;}
.btn-forget:focus,.btn-delete:focus {
    background-color:#8f8f8f;
    border-color:#8f8f8f;
    box-shadow:0 0 0 0.25rem rgb(225 83 97 / 0%);}
.btn-addflight:focus {
    background-color:#2658a1;
    border-color:#2658a1;}
.btn-danger:focus,.btn-danger:active:focus,.btn-open:focus ,.btn-block:active:focus,.btn-forget:active:focus,.btn-delete:active:focus,.btn-deletered:active:focus {
	box-shadow:0 0 0 0rem rgb(255 255 255 / 0%);}
.btn-r1 {
	max-width:150px;
    float:right;
	margin-left:10px;}
.mb-2 {
	padding:0.68rem 0rem;}
.captchabox {
	width:31%;
    display:inline-block;
    float:right;
    max-height:54px;
    min-height:54px;
    background-color:#e4e4e4;
    border-radius:0.25rem;
    overflow:hidden;}
.captchaimg {
	width:100%;
	max-height:54px;
    min-height:54px;}
.tablebule .calendar-box,.tableorange .calendar-box,.tablered .calendar-box,.navbox .calendar-box {
	position:relative;}
.tablebule .fa-calendar,.tableorange .fa-calendar,.tablered .fa-calendar,.navbox .fa-calendar  {
	color:#c5c5c5;
    font-size:18px;
	position:absolute;
	pointer-events:none;}
.tablebule .fa-calendar {
    top:12px;
	right:12px;}
.tableorange .fa-calendar {
    top:12px;
	right:22px;}
.tablered .fa-calendar {
    top:12px;
	right:22px;}
.navbox .fa-calendar {
    top:13px;
	right:8px;}
.eye, .eye2, .oldeye, .neweye, .confirmneweye {
	position: absolute;
	cursor: pointer;
	top: 1.2rem;
}
.fa-eye {
	right:1.3rem;
	transform:scale(1.2);
	color:#0074ff;}
.fa-eye-slash {
	right:1.0rem;
	color:#8f8f8f;}	
.fa-eye-slash:hover {
	color:#333333;}
#input_Teamnumber {
	color:#0074ff;
	font-weight:700;}
	
/*彈跳框*/
.modal-backdrop.show {
    opacity:.8;}
.modal-content {
    overflow:hidden;
	border-radius:0.5rem;}
.modal-header {
	z-index:1;
    box-shadow:0 3px 12px 0 rgb(0 0 0 / 6%);}
.modal-header .btn-close {
    padding:0.5rem 0.5rem;
    margin:-0.5rem -0.5rem -0.5rem auto;}
.modal-header,.modal-body,.modal-footer {
	border:0px;}
.modal-body,.modal-footer {
	background-color:#f1f1f1!important;}
.modal-body {
	padding:1.5rem 2.0rem;}
.modal-body .mb-3 {
    margin-bottom:0.85rem!important;}
.modal-body .form-label {
	width:100%;
	color:#000000;
    margin-bottom:0px;}
.modal-body .form-label>span,.loginred {
    margin-left:2px;
	color:#ff0000;}
.modal-body>.mb-3>.form-control {
    color:#0074ff;}
.modal-body>.mb-3>.form-control:focus {
    border-color:#ced4da;}
.modal-body>.mb-3>.captchabox {
	width:31%;
    display:inline-block;
    float:right;
    max-height:44px;
    min-height:44px;
    background-color:#f1f1f1;
    border-radius:0.25rem;
    overflow:hidden;}
.modal-body>.mb-3>.captchabox>.captchaimg {
	width:100%;
	max-height:44px;
    min-height:44px;}
.remind_bule {
	color:#0074ff;
	margin-bottom:5px;}
.remind_red {
	color:#ff0000;
	margin:0 auto;}
#set-modal .modal-dialog {	
	max-width:800px;}
#set-modal .modal-header {
	background-color:#ffe8c9;}
#set-modal .eye,#set-modal .eye2 {
	top:2.5rem;
	right:1.3rem;}
	
.grayline {
	width:100%;
	margin-top:25px;
	margin-bottom:20px;
	border-bottom:1px dashed #bcbcbc;}
.form-label-bt {
	font-size:20px;
    font-weight:700;
    float:right;
    color:#fff;
    padding:2px 12px;
    border-radius:5px;
	background-color:#0074ff;
	-webkit-transition:all .12s ease-in-out;
    transition:all .12s ease-in-out;}
.form-label-bt:hover {
    cursor:pointer;
	background-color:#2658a1;
	border-color:#2658a1;}
	
.tablebule,.tableorange,.tablered,.pp4,.navbox,.pp5 {
	border-radius:6px;
	overflow:hidden;}
.tablebule {
	margin-bottom:20px;
	background-color:#ffffff;
	border:1px solid #267ec4;}
.tablebule>div {
	padding:0.4rem 0.2rem 0.4rem 0.1rem;
	border-bottom:1px dashed #d1d7dc;}
.tablebule>div:last-of-type {
	border-bottom:0px dashed #d1d7dc;
	padding-bottom:0.75rem;}
.tablebule>.row>div {
	padding-left:0.1rem;
	padding-right:0.25rem;}	
.tablebule-top {
	background-color:#c3ecff;
	padding:0.85rem 0.25rem;}
.tablebule .mb-2,.navbox .btn-delete {
	width:100%;
	padding:0px;
	background-color:#c5c5c5;
	border-color:#c5c5c5;
	margin-bottom:0rem!important;}
.tablebule .mb-3 {
	width:100%;
	color:#0074ff;
	padding:0px;
	background-color:#ffffff;
	border-color:#0074ff;
	margin-bottom:0rem!important;}
.tablebule .mb-3:hover {
	color:#ffffff;
	background-color:#0074ff;
	border-color:#0074ff;}
.tablebule .form-check {
    text-align:center;
	padding-left:0em;}
.tablebule .form-check-input {
	float:none;
	border-radius:0.2rem;
    width:20px;
	height:20px;
	margin-top:12px;
    margin-left:0px;}
	
.tablebule_bk {
	overflow:hidden;
	margin-bottom:20px;
	background-color:#ffffff;}
.tablebule_bk>div {
	padding:0.2rem;
	border-bottom:1px solid #8f8f8f;}
.tablebule_bk>div:last-of-type {
	padding-bottom:0.2rem;}
.tablebule_bk>.tablebule-top {
	color:#ffffff;
	background-color:#8f8f8f;
	padding:0.85rem 0.2rem;}
.tablebule_bk .mb-2 {
	width:100%;
    padding:0px;
    color:#3349c4;
    background-color:#ffffff;
    border-color:#3349c4;
    margin-bottom:0rem!important;}
.tablebule_bk .mb-2:hover {
	color:#ffffff;
	background-color:#3349c4!important;
	border-color:#3349c4!important;}
.tablebule_bk .mb-3 {
	width:100%;
	color:#0074ff;
	padding:0px;
	background-color:#ffffff;
	border-color:#0074ff;
	margin-bottom:0rem!important;}
.tablebule_bk .mb-3:hover {
	color:#ffffff;
	background-color:#0074ff;
	border-color:#0074ff;}
.tablebule_bk .form-control {
	color:#000000;
	border:0px solid #e8e8e8;
	padding:0.68rem 0rem;
	margin:0 auto;}
.tablebule_bk .form-control:hover {
	border:0px solid #e8e8e8!important;}
.tablebule_bk .form-check {
    text-align:center;
	padding-left:0em;
	border:0px solid #e8e8e8}
.tablebule_bk .form-check-input {
	float:none;
	border-radius:0.2rem;
    width:20px;
	height:20px;
	margin-top:12px;
    margin-left:0px;}
.btthe,.btthefocus {
	width:150px;
	text-align:center;
	padding:10px 0px;
	margin-bottom:4px;}
.btthe {
	color:#000000;
	background-color:#fff7df;}
.btthefocus {
	color:#ffffff;
	background-color:#ffc107;}
.btthe:hover,.btthefocus:hover {
	cursor:pointer;
	color:#ffffff;
	background-color:#ff5722;}
.addusebt {
	float:right;
	text-align:right;
    display:inline-block;
    width:auto;
    padding:2px 9px;
    margin-bottom:10px;
    border-radius:4px;
    background-color:#ffffff;
    color:#3349c4;
	border:1px solid #3349c4;}
.addusebt:hover {
	background-color:#3349c4;
    color:#ffffff;}
.addusebt a {
	color:#3349c4;
	text-decoration:none;}
.addusebt:hover a {
	color:#ffffff;}
.searchpcc {
	display:inline-block;
	font-size:18px;
	width:220px;
	height:36px;
	padding:0.68rem 0.35rem;
	border:1px solid #8f8f8f;}
.searchpcc:hover {
	border:1px solid #0074ff!important;}
#btnShowState:hover,#btnShowState label:hover {
	cursor:pointer;
	color:#fff000;}
.extextarea {
	color:#ff1100!important;
	font-size:16px;
	min-height:120px!important;}
.extextarea::placeholder {
	font-size:16px;}
.setupdy {
	display:contents;
	color:#ff1100!important;
	font-size:16px;
	margin:0px;}
	
.modal-body>.mb-3>.form-control,.tablebule .mb-2,.tablebule .mb-3,.tablebule .form-control,.tablebule_bk .mb-2,.tablebule_bk .mb-3,.tablebule_bk .form-control,
.tableorange .form-control,.tableorange label,.tablered .form-control,.tablered label,.navbox .form-control,.navbox .form-select,.btn-example1 {
	height:42px;}
	
#heading01:hover span,#heading01:hover i,#heading02:hover span,#heading02:hover i,#heading03:hover span,#heading03:hover i,
#heading04:hover span,#heading04:hover i,#heading05:hover span,#heading05:hover i,#heading06:hover span,#heading06:hover i,
#heading07:hover span,#heading07:hover i,#heading08:hover span,#heading08:hover i {
	cursor:pointer;
	transition:all .1s ease-in-out;
	color:#ff5722;}
.tabledark {
	font-size:18px;
    font-weight:700;
	line-height:26px;
	margin-top:5px;
	background-color:#ffffff;}
.tabledark>div {
	padding-top:12px;
	padding-bottom:11px;}
.tabledark>div:nth-of-type(5) {
	padding-bottom:8px;}
.tabledark-top {
	color:#ffffff;
	line-height:26px;
	padding:0.75rem 0px!important;
	margin-top:15px;
	background-color:#277faf!important;}
.tabledark-top>div:first-of-type,.tabledark>div:first-of-type {
	padding-left:10px;}
.tabledark .pdl10 {
	padding-left:10px;}
.tabledark .pdtb7 {
	padding-top:7px;
	padding-bottom:7px;}
.tabledark2 {
	min-width:1200px!important;
	font-size:16px;
    font-weight:500;
    line-height:24px;
    padding:20px 10px 30px 50px;
    background-color:#f4f4f4;}
.tabledark-top .ww30, .tabledark2 .ww30, .tabledark .ww30 {
	max-width:30px;}
.tabledark-top .ww54,.tabledark2 .ww54,.tabledark .ww54 {
	max-width:54px;}
.tabledark2 .ww80 {
	max-width:80px;}
.tabledark2 .ww110 {
	max-width:110px;}
.tabledark2-epnr p {
	color:#fffe07;
    background-color:#277faf;
    width:auto;
    padding:2px 12px;
    border-radius:30px;}
.tabledark2-epnr .airblue {
	color:#0074ff;
    background-color:#ffffff;
    width:auto;
    font-weight:700;
    padding:2px 12px;
    margin-left:8px;
    border-radius:30px;}
	
.tabledark2-title i,.tabledark2-title p {
    color:#ff5722;
	float:left;
    width:auto;
    margin:0;}
.tabledark2-title p {
	font-weight:700;
	margin:-4px 0px 0px 6px;}
.tabledark2-top {
	color:#ffffff;
    line-height:22px;
    padding:0.5rem 0px!important;
    margin-top:4px;
    background-color:#ff5722!important;}
.tabledark2-ifo {
	padding:6px 0px;
	border-bottom:1px dashed #ff5722;}
.tabledark2 .btn-open {
	padding:0px 7%;
    color:#ffffff;
    font-weight:500;
	border-radius:30px;
    background-color:#c5c5c5;}
.tabledark2-top>div:last-of-type,.tabledark2-ifo>div:last-of-type {
	text-align:right;}
.tabledark2-top>div:last-of-type,.tabledark2-ifo>div:last-of-type {
	padding-right:8px;}
.tabledark2-top>div:first-of-type,.tabledark2-ifo>div:first-of-type {
	padding-left:0px;}
	
.tabledarknb {
	max-width:130px;
	display:flex;
	align-items:center;
	padding-left:10px;
	background-color:#e0f3fa;}
.tabledarkifo>div:nth-of-type(1) {
	background-color:#e0f3fa;}
.tabledarkifo>div:nth-of-type(1),.tabledarkifo>div:nth-of-type(2) {
	padding-left:10px;}
.tabledarkifo>div:nth-of-type(3) {
	padding-left:0px;}
.tabledarkifo>div {
	padding-top:7px;
	padding-bottom:7px;}
.tabledarkifo .totalprice {
	margin:0 auto;}	
.tabledarkifo .btn-open {
	padding:1px 15%;
    color:#fff;
    border-radius:30px;
    background-color:#bbbbbb;}
.tabledarknt>div {
	padding-top:7px;
	padding-bottom:7px;
	border-bottom:1px solid #e0f3fa;}
.tabledarknt>div:last-of-type {
	border-bottom:0px solid #ff0000;}
.tabledarkifo .failifo {
    font-size:15px;
    line-height:20px;
	color:#ff1100;
	margin:0 auto;}
	
.tableorange,.tablered {	
	margin-top:20px;
	margin-bottom:20px;
	background-color:#ffffff;}
.tableorange-top,.tablered-top {	
	padding:0.85rem 1rem!important;}
.tableorange-top p,.tablered-top p {	
	margin:0 auto;}
.tableorange {
	border:1px solid #ff9800;}	
.tableorange-top {
	background-color:#ffe8c9;}
.tableorange > div:nth-of-type(2), .tableorange > div:nth-of-type(3), .tableorange > div:nth-of-type(4), .tableorange > div:nth-of-type(5), .tableorange > div:nth-of-type(6), .tablered > div:nth-of-type(2), .tablered > div:nth-of-type(3), .tablered > div:nth-of-type(4) {
	padding: 1rem 0.25rem 0.25rem 0.25rem;
}
.tableorange>div:last-of-type,.tablered>div:last-of-type {
	margin-bottom:14px;}
.tableorange label,.tablered label {
	padding-top:8px;
	padding-left:2rem;}
.tableorange .fa {
	float:right;
    font-size:24px;
	padding-right:0px;
    padding-top:3px;
    color:#ff7600;}
.tableorange .fa:hover {
	cursor:pointer;
	padding-right:25px;
	color:#ff0000;}	
.tablered {
	border:1px solid #ff0000;}	
.tablered-top {
	background-color:#ffcece;}

#floatbox {
	position:fixed;
	bottom:0px;
	z-index:99999;
	width:100%;
	display:inline-block;
	background-color:#ffffff;
	padding:1rem 0rem 0rem 0rem;
	text-align:center;
	box-shadow:0px 0px 10px 5px #c5c5c5;
}
#floatbox>.container {
	display:inline-block;}
#floatbox>.container>div {
	margin-top:10px;
    padding:0px 1rem;}
	
/*頁籤區*/
.navbox {
	border:1px solid #2658a1;
	padding:0px;
	background-color:#ffffff;}
.navbox li {	
	width:33.3333%;}
.navbox li .nav-link {	
	width:100%;
    padding:18px 0px;
    border-radius:0px;
	border:0px;
	border-bottom:1px solid #2658a1;
	background-color:#b4def4;}
.navbox li .nav-link:hover {	
	color:#ffffff;
	background-color:#2658a1;
	border-bottom:1px solid #2658a1;}
.navbox li .nav-link.active:hover {	
	color:#0074ff;
	border-bottom:1px solid #ffffff;}
.navbox li .nav-link.active {
	background-color:#ffffff;}
#search-tab {
	border-left:1px solid #2658a1;
    border-right:1px solid #2658a1;
	border-top:0px;}
.navbox li button>p {
	display:contents;}
.navbox .remind_bule {
	width:70%;
	float:left;}
.navbox .tab-content {
	padding:25px 10px 25px 5px;
    display:inline-block;
    width:100%;}
.navbox .tab-content .flightbox {
	padding-top:8px;
	padding-bottom:10px;
	border-bottom:1px dashed #2658a1;}
.navbox .tab-content .flightbox:last-of-type {
	padding-top:0px;
    padding-bottom:0px;
    margin-top:-1px;
    border-top:1px solid #ffffff;
    border-bottom:0px dashed #2658a1;}
.navbox #flight .flightbox:last-of-type {
	padding-top:17px;
	border-top:1px dashed #2658a1;}
.navbox #booking .flightbox {	
	width:98%;
    margin:0 auto;
	margin-top:30px;}
.navbox #booking .form-label {
	margin-bottom:2px;}
.navbox #booking .col-md-4 {
	padding:0px 4px;}
.navbox .tab-pane div>.row {
	--bs-gutter-x:0;
	--bs-gutter-y:0;}
.navbox .mx-auto>.row>* {
	padding-left:5px;}
.navbox .form-control,.navbox .form-select {
	padding:0.35rem 0.35rem;
	margin-bottom:6px;}
.navbox .form-select {
	background-position:right 0.3rem center;}
.navbox .form-select:focus {
	box-shadow:0 0 0 0rem rgb(255 255 255);}
.navbox .mb-2 {
    height:44px;
	padding:0.38rem 0rem;}

#forget-modal	 .modal-body {
    padding:2rem 2.25rem 1.5rem 2.25rem;}
#forget-modal .modal-body .nav-tabs {
	overflow:hidden;	
	border-radius:8px;
	border-bottom:0px solid #dee2e6}
#forget-modal .modal-body .nav-tabs li {	
	width:50%;}
#forget-modal .modal-body .nav-tabs li .nav-link {	
	width:100%;
	height:54px;
	font-size:20px;
	color:#000000;
    padding:0px 10px;
    border-radius:0px;
	border:0px;
	border-bottom:1px solid #cccccc;
	background-color:#e8e8e8;}	
#forget-modal .modal-body .nav-tabs li .nav-link.active {	
    color:#000000;
	font-size:20px;
	background-color:#ffffff;
	border-bottom:1px solid #000000;}
#forget-modal .modal-body .nav-tabs .nav-link:hover,#forget-modal .modal-body .nav-tabs .nav-link.active:hover  {
    color:#ffffff;
    background-color:#0074ff;
	border-bottom:1px solid #2658a1;}
#forget-modal .modal-body .tab-content {
	margin-top:20px;}	
	
.flightbox {
	margin-top:10px;}
.flightpart {
	color:#fff;
    height:44px;
    font-size:20px;
    padding:0.5rem 5px;
    text-align:center;
    margin:0 auto;
    border-radius:0.25rem;
    background-color:#0074ff;}
.flightpartof {
	padding-top:6px;
	padding-left:44px;}
.flightpartof>.row {
	border-bottom:1px dashed #ced4da;
	padding-bottom:0px;}
.flightbox .flightpartof:last-of-type {
	margin-bottom:0px;}
.flightbox .flightpartof:last-of-type .row {
	border-bottom:0px dashed #ced4da;
    padding-left:6px;
	padding-bottom:0px;}
.navbox .custom-control-input {
    margin-top:6px;
	margin-left:6px;}
.mobile_block {
	display:none;}	
	
#flight #checkbox01 {
	margin-top:8px!important;
	margin-left:4px;}
#search #checkbox01,#search #checkbox02 {
	margin-top:32px!important;
	margin-left:4px;}	

.top-step {
	border-radius:50px;
    background-color:#ffffff;
    border:4px solid #e7e7e7;
    color:#707070;
	font-size:20px;
    font-weight:500;
    overflow:hidden;
    margin:40px 0px 40px 0px;}
.top-step>div {
	padding:13px 0px;}
.top-step>div:nth-of-type(2) {
	border-left:2px solid #e1e1e1;
	border-right:2px solid #e1e1e1;}
.steping {
	color:#ff1100;
	font-weight:700;
	background-color:#a7e3ff;}
.stepok {	
	color:#000000;
	background-color:#a7e3ff;}
.h4org {
	color:#ff7f00;}
.h4black {
	color:#000000;}
.h4org {
	margin-bottom:6px;}
.h4black  {
	margin-bottom:0px;}
.pricerangebox {
	margin-bottom:12px;}
.pricerangebox p {
    font-size:18px;
    line-height:48px;
	font-weight:700;
	padding:0px 5px;
	margin:0 auto;}
.pricerangebox>input {
	height:46px;}	
.pricerangebox .form-control {
	text-align:center;
	border-radius:5px!important;}
.pp4 {
	overflow:hidden;
    margin-bottom:2px;
	background-color:#fff;
    border:3px solid #e1e1e1;
	-webkit-box-align:center;/*置中*/
    -ms-flex-align:center;/*置中*/
    align-items:center;/*置中*/}	
.pp4:hover {
    transform:scale(1.02);
	border:3px solid #ff9800;
    background-color:#fff8ee;}
.pp4>div {
	padding:0px;}	
.pp4>.col-md-10>.fsnbox:last-of-type {
	border-bottom:0px dashed #d2d2d2;
	padding:0px;}
.pp4 .row {
    --bs-gutter-x:0;
	--bs-gutter-y:0;}
.fsnbox {
	/*height:80px*/;
	border-bottom:1px dashed #d2d2d2;}
.fsnbox>div:nth-of-type(2) {
	padding-top:8px;
	/*height:80px;*/}
.container>div:last-of-type {
	margin-bottom:100px;}
.fsnb1 {
	font-weight:500;
    font-size:18px;
	max-width:38px;
	color:#ffffff;
    background-color:#707070;
    text-align:center;
    margin:0 auto;
    /*height:80px;*/
	line-height:80px;}
.fsnbday {
	/*height:25px;*/
	line-height:25px;
	font-size:16px;
	font-weight:700;}
.fsnbno {
	/*height:49px;*/
	line-height:47px;
	font-size:18px;
	font-weight:700;}
.fsnblogo {
	width:46px;
	margin-right:8px;}
.fsnbtime1,.fsnbtime2 {	
    font-size:30px;
    line-height:38px;
	/*height:74px;*/
	font-weight:700;}
.fsnbtime1,.fsnbadd1 {
	text-align:right;}
.fsnbtime1 {
	padding-right:2%;}
.fsnbadd1,.fsnbadd2 {
	/*height:34px;*/
	font-size:18px;	
    line-height:24px;
	font-weight:500;
	margin:3px 0px 5px 0px;}
.fsnbtime2,.fsnbadd2 {
	text-align:left;}
.fsnbtime2 {
	padding-left:2%;}
.fsnbicon {
	padding:0px 1%;
    /*height:74px;*/
    text-align:center;}
.fsnbicon img {
	opacity:0.3;
	width:34px;}
.fsnbhm {
	color:#b3b3b3;
	margin:0 auto;
    line-height:36px;
	border-top:1px solid #d2d2d2;}
.fsnbday,.fsnblogo {
	padding-left:15px;}
.fsnbpricebox {
	letter-spacing:-1px;}
.fsnbprice1 {
	font-weight:700;
    font-size:16px;}	
.fsnbprice1 .fa-check-circle {
	color:#ff9800;
    font-size:28px;
   /*margin-left:4%;*/}
.fsnbprice1 p {
    display:inline-block;
	line-height:26px;
	color:#ff0018;
    font-size:28px;
	margin:0px 3px;}
.fsnbprice1>span {
	font-weight:700;
    font-size:15px;
	color:#b2b2b2;
	letter-spacing:0px;
	margin:0px 3px;}
.fsnbprice1 input {
	cursor:pointer;
	width:20px;
	height:20px;
	margin-top:6px;
    margin-left:6px;}
.openair {
	color:#333333;
	line-height:22px;
	font-size:16px;
	text-align:center;
	margin:0 auto;}
.openair>span,.mobilepnr {
	color:#0074ff;}
.openair>span {
	display:block;}
.fsnbprice1>.openair {
	width:100%;
	color:#333333;
	line-height:20px;
	font-size:15px;
	margin:0px 0px;}
.openprompt {
	color: #ffffff;
	line-height: 14px;
	font-size: 13px;
	text-align: center;
	margin: 0 auto;
	background-color: #F44336;
	display: inline-block;
	padding: 3px 9px;
	border-radius: 30px;
}
.openprompt > span {
	color: #ffeb3b;
}
.openprompt2 {
	color: #474747;
	line-height: 14px;
	font-size: 11px;
	text-align: center;
	margin: 0 auto;
	background-color: #e1e1e1;
	display: inline-block;
	padding: 3px 6px;
	border-radius: 30px;
	position: relative;
	top: -4px;
	left: 4px;
}
.openprompt2 > span {
	color: #277faf;
}
.pp5 {
	overflow:hidden;
    padding:0px;
	margin-bottom:10px;
	-webkit-box-align:center;/*置中*/
    -ms-flex-align:center;/*置中*/
    align-items:center;/*置中*/}	
.pp5 {
	color:#333333;
	font-size:18px;
	font-weight:700;
	background-color:#ffffff;
	/*border:2px solid #cfcfcf;*/
    padding:6px;}
.pp5>div:nth-of-type(1) {
	border-right:1px dashed #cfcfcf;}
.pp5box {
	padding:8px 0px;
    border-bottom:1px dashed #cfcfcf;}
.pp5box:last-of-type {
	border-bottom:0px dashed #cfcfcf;}
.pp5segment {
	max-width:30px;
	/*max-width:46px;*/
	text-align:center;
	font-size:15px;
    padding-top:5px;
    color:#ffffff;
	margin-right:2px;
	border-radius:4px;
	background-color:#737373;}	
.pp5form span,.pp5day span,.pp5fnb span {
	position:relative;
    top:5px;
    font-size:24px;}
.pp5form {
	height:28px;
	line-height:32px;}
.pp5form span {
	color:#0074ff;}
.pp5day span,.pp5fnb span,.pp5guest i {
    margin-right:4px;
	color:#a7a7a7;}
.pp5guest {
	text-align:left;}
.pp5guest i {
    position:relative;
    top:0px;
    font-size:16px;
    margin:0 auto;
	color:#000000;}
.pp5guest p {
	line-height:24px;
    font-size:16px;
    font-weight:700;
    padding:0px 3px 0px 0px;
    display:inline-block;
    margin:0 auto;}
.pp5price {
    color:#f00;
	background-color:#fffe07;
    border-radius:50px;
    padding:0px 12px!important;
	margin-left:4px!important;}
.pp5red {
	color:#ff1100;}
.pp5>div {
	padding:0px;}	
.pp5>.col-md-10>.fsnbox:last-of-type {
	border-bottom:0px dashed #d2d2d2;
	padding:0px;}
.pp5 .row {
    --bs-gutter-x:0;
	--bs-gutter-y:0;}

/*動態效果*/
div, div:hover, input, input:hover, button, button:hover, i, i:hover, span, span:hover {
	-moz-transition:all .12s ease-in-out;
	-o-transition:all .12s ease-in-out;
	-webkit-transition:all .12s ease-in-out;
	transition:all .12s ease-in-out;}

/*字體粗細*/	
.btn,.display-4,.modal-header>h5,.modal-body .form-label,.remind_bule,.remind_red,.col-form-label,.form-label,.tablebule-top,.tabledark-top,.tableorange-top p,.tableorange label,
.tablered-top p,.tablered label,.modal-body .form-label>span,.loginred,.navbox li .nav-link,.navbox .form-control,.navbox .form-select,.btn-deletered,.h4org,.h4black {
	font-weight:700;}	
.navbox .form-control::placeholder,.navbox .form-select::placeholder {
	font-weight:500;}
	
/*PC版-字體大小*/
.display-4 {
	font-size:32px;}
.col-form-label,.h4org,.h4black {
	font-size:28px;}	
.modal-header>h5,.remind_bule {
	font-size:24px;}	
.mb-2,.eye,.eye2,.tableorange-top p,.tablered-top p,.form-label,.navbox li .nav-link {
	font-size:20px;}
.form-control,.shadow-sm,.modal-body .form-label,.tableorange label,.tablered label,.modal-body>.mb-3>.form-control {
	font-size:18px;}
.custom-control-label b,.remind_red,.navbox .tab-pane .remind_bule,.navbox .mb-2,.navbox .form-control,.navbox .form-select,.btn-deletered,
.tablebule input,.tableorange input,.tablered input,.tablebule .mb-2,.tablebule .mb-3,.tabledark .mb-2,.btn-example1 {
	font-size:16px;}
.modal-body .form-label>span,.loginred {
	font-size:14px;}
.navbox .btn-r1 {
	font-size:20px;}	
	
/*字體顏色*/
.tablebule input,.tableorange input,.navbox li .nav-link.active,.navbox #booking input {
	color:#0074ff;}
.navbox li .nav-link {
	color:#000000;}
input::placeholder {
	color:#ffffff;}
	
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance:none;
  margin:0;}	

@media screen and (max-width:2000px) and (min-width:300px) {	
.container .row {
    --bs-gutter-x:0;
	--bs-gutter-y:0;}
.modal-content .row {
    --bs-gutter-x:0.35rem;
	--bs-gutter-y:0;}
}	
@media screen and (max-width:1200px) and (min-width:300px) {	
.container {
    max-width:100%;}
.tablebule .mb-2.tabledark .mb-2,.navbox .mb-2 {
	line-height:22px;}
}

@media screen and (max-width:1100px) and (min-width:768px) {	
.fsnbprice1 {
	padding-top:0px;}
.fsnbprice1 p {
	display:inline-block;}
.fsnbprice1 input {
	margin:0px 6%;}
.fsnbprice1 .fa-check-circle {
    display:block;
    margin:0 auto;
    margin-top:5px;}
}

@media screen and (max-width:992px) and (min-width:300px) {	
.container-fluid {
	padding:0px;}
.container-fluid>.row {
    --bs-gutter-x:0;
	--bs-gutter-y:0;}
.container-fluid .py-5>.container {
	padding:10px;}
.form-control,.shadow-sm {
	padding:0.68rem 0.38rem;}	
.tablebule .form-control {
	margin-bottom:6px;}
.tablebule .form-check-input {
	margin-top:13px;}
.tableorange label,.tablered label {
	height:36px;
	padding-left:0.8rem;}
.btn-r1 {
    max-width:120px;
	min-width:120px;}
.modal-body {
	padding:1.5rem 1.25rem;}
.tablebule .mb-3,.tablebule .mb-2 {
    line-height:20px;
    padding:0px 4px;}
.tablebule>div:last-of-type {
	padding-bottom:0.8rem;}

/*手機版-字體大小*/
.display-4 {
    font-size:28px;}
.col-form-label {
    font-size:24px;}
.modal-body>.mb-3>.form-control,.form-label {
    font-size:18px;}
.tablebule .mb-3,.tablebule .mb-2,.tabledark .mb-2,.tablebule input,.tableorange input,.tablered input,.navbox .mb-2,.btn-deletered,.btn-example1 {
    font-size:16px;}
input::-webkit-input-placeholder {/*chrome、Safari*/
	font-size:16px;}
input::-moz-input-placeholder {/*Firefox 4-18*/
	font-size:16px;}
input::-ms-input-placeholder {/*Firefox 19*/
	font-size:16px;}
.navbox .form-select {
	font-size:16px;}
.navbox .btn-r1 {
	font-size:18px;}
.marriaged b {
	font-size:14px;}
.h4org,.h4black {
	letter-spacing:-1px;}	
.form-control,.shadow-sm,.navbox .form-select,.marriaged b,.remind_bule,.remind_red,.col-form-label {
	letter-spacing:-0.5px;}	
}

@media screen and (max-width:768px) and (min-width:300px) {
.mobile_block {
	display:block;}
.mobile_none {
	display:none;}
.navbox li .nav-link {
	padding:12px 0px;}
.navbox li button>p {
	display:block;	
	line-height:20px;
    margin:0 auto;}
.tableorange>div:nth-of-type(2),.tableorange>div:nth-of-type(3),.tableorange>div:nth-of-type(4),.tablered>div:nth-of-type(2),.tablered>div:nth-of-type(3),.tablered>div:nth-of-type(4) {
	height:88px;}
.tableorange>div:last-of-type,.tablered>div:last-of-type {
    margin-bottom:36px;}
.tableorange input, .tableorange select, .tablered input {
	width: 92%;
	margin-left: 4%;
}
.tabledark {
	line-height:24px;
	padding-top:10px;
	background-color:#ffffff;}
.tabledark>div {
    padding-top:0px;
	padding-bottom:0px;}
.tabledark2 {
	padding:20px 10px 20px 10px;}
.tabledarkifo .mobile_block {	
	display:inline-block;
	margin-right:4px;}
.tabledark .pdl10 {
	padding-left:8px;}
.tabledarknt .mx-auto>div:nth-of-type(2) {
	text-align:right;
    padding-right:8px;}
.tabledarkifo>div:nth-of-type(1),.tabledarkifo>div:nth-of-type(2) {
	padding-left:0px;}
.tabledarkifo>div:nth-of-type(1) {
	padding-bottom:0px;}
.tabledarkifo>div:nth-of-type(2),.tabledarkifo>div:nth-of-type(3) {
	padding-top:0px;
	padding-bottom:5px;}
.tabledarkifo {
	line-height:24px;
	border-radius:5px;
	overflow:hidden;
	margin-bottom:8px;
	padding-left:8px;
	letter-spacing:-0.5px;
	background-color:#e0f3fa;}
.tabledarkifo span {
	display:block!important;}	
.tabledarkifo .totalprice {
	color:#ff1100;
	margin:0 auto;}
.tabledarkifo .btn-open {
	width:60%;
	padding:0px 15%;
	position:relative;
    top:-3px;}
.tabledarkifo .failifo {
    font-size:16px;
	line-height:22px;
	display:inline-block;
    margin-bottom:6px;}
	
#booking>.mx-auto>div {
    height:88px;}	
#booking .col-md-4 {
	width:93%;
	margin-left:4%;}
.navbox .btn-deletered {
	height:38px;
	padding:0.38rem 0rem;}
.navbox .custom-control-input {
    margin-top:8px;
    margin-left:1px;}
/*.navbox .btn-r1 {
	margin-top:10px;}*/
.end-top {
	margin-top:10px;}
#search .custom-control-input {
    margin-top:16px;
	margin-left:0px;}
#formFileMultiple {
	font-size:16px;
	padding:0.9rem 0.38rem;}
#flight #checkbox01 {
	margin-top:8px!important;}
#search #checkbox01,#search #checkbox02 {
	margin-top:18px!important;}	
.top-step {
    margin:0px 0px 40px 0px;}
/*.h4org,.h4black {
	padding-top:3px;
	padding-left:1%;}*/
.pricerangebox,.container>div:last-of-type {
	padding-right:2%;}
.pricerangebox p span {
	display:block;
    font-size:15px;
	height:20px;
	line-height:28px;}
.flightpartof {
    padding-left:35px;
	padding-top:0px;
	margin-bottom:8px;}
.flightpartof>.row {
	padding-bottom:8px;}

.pp4>.col-md-10>.fsnbox:nth-of-type(2) {
    border-bottom:1px dashed #707070;}
.fsnbox {
	border-bottom:1px dashed #707070;}
.fsnb1 {
	max-width:28px;
	line-height:98px;}
.fsnbno {
	border-bottom:0px dashed #d2d2d2;}
/*.fsnbtime1,.fsnbtime2,.fsnbicon {
    border-bottom:1px dashed #707070;}*/
.fsnbday,.fsnbno {
	 color:#000000;
	 height:26px;
	line-height:26px;
	font-size:15px;
	font-weight:500;
	float:left;}
.fsnbday {
	float:left;
	text-align:left;
	padding-left:7px;}
.fsnbno {
	float:right;
	text-align:right;
	padding-right:10px;}
.fsnblogo {
	width:26px;
    padding-left:0px;
    margin-top:-3px;
    margin-right:8px;}
/*.fsnbtime1,.fsnbtime2,.fsnbicon {
	height:66px;}*/
.fsnbtime1 {
	padding-right:0px;
	padding-left:7px;
	text-align:left;}
.fsnbtime2 {	
	padding-right:8px;
	padding-left:0px;
	text-align:right;}
.fsnbadd1 {
	text-align:left;}
.fsnbadd2 {
	text-align:right;}
.fsnbtime1,.fsnbtime2 {
    color:#000000;}
.fsnbadd1,.fsnbadd2 {
	font-size:15px;
    line-height:18px;
    font-weight:700;
	margin:0px 0px 0px 0px;}
.fsnbicon {
	padding:0px 0%;}
.fsnbicon img {
    width:30px;}
.fsnbhm {
	font-size:15px;
    line-height:34px;}
.fsnbprice1 {
	height:auto;
	text-align:right;
	font-size:15px;
	padding:14px 10px 8px 10px;}
.openair {
	height:44px;
    padding-top:14px;
	text-align:left;}
.openair>span {
	display:inline-block;
	margin-left:6px;}	
.fsnbprice1>.openair {
	width:auto;
	float:left;
	height:38px;
	padding-top:7px;
	margin:0px auto;}
.fsnbprice1 .fa-check-circle {
	float:right;}
.fsnbprice1 p {
	display:inline-block;}	
.fsnbprice1 input {
	float:right;
	margin:3px 0px 0px 3px;}
.fsnbadd1,.fsnbadd2,.fsnbicon,.top-step,.pp5box {
	letter-spacing:-0.5px;}
.pp5 {
	padding:4px 8px;}	
.pp5>div:nth-of-type(1) {
    border-right:0px dashed #d2d2d2;}
.pp5>div:nth-of-type(2) {
    border-top:1px solid #737373;}
.pp5box {
	padding:3px 0px 4px 0px;}
.pp5box {
	font-size:18px;}
.pp5segment {
    padding-top:2px;
	margin-top:4px;
    height:25px;
	max-width:25px;}
.pp5form {
	height:32px;
	line-height:34px;}
.pp5day,.pp5fnb {
	font-weight:500;}
.pp5day span {
	margin-right:2px;
    margin-left:-2px;
	top:5px;}
.pp5fnb {
	text-align:right;}
.pp5fnb span {
	margin-right:5px;
    margin-left:-2px;
	top:5px;}
.pp5guest {
	margin-top:0px;
	letter-spacing:-0.5px;}
.pp5guest p {
    display:contents!important;}
.pp5guest p,.pp5red {
	font-size:17px;}
.pp5guest .pp5price {	
	margin:4px 0px!important;
    display:inline-block!important;}	
}

/*日曆*/
.ui-widget {
	font-size:18px;}
.ui-widget.ui-widget-content {
	border:0px solid #cfcfcf;
    border-radius:3px;
    margin:0px 0px 0px 0px;
    padding:8px 8px 2px 8px;
    background-color:#e8e8e8;
	box-shadow:0 0px 15px #00000078;}
.ui-widget-header {
	border:0px solid #ffffff;
    background-color:#ffffff;
    color:#000;
    font-weight:bold;}
.ui-datepicker .ui-datepicker-title select {
	height:34px;
    width:42%;
    margin:auto;
    margin-left:2%;
    margin-right:2%;
    border-radius:2px;
    border:0px;
    background-color:#ffffff;
    padding:0px 4px;
    color:#000;}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-prev:hover,.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-next:hover {
	cursor:pointer;
	/*background-color:#e1e1e1;*/
	border:0px solid #ffffff;
    position:absolute;
    top:3px;}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {
    width:34px;
    height:34px;
    border-radius:2px;
    /*background-color:#ffffff;*/}
.ui-datepicker .ui-datepicker-prev {
    left:3px;}
.ui-datepicker .ui-datepicker-next {
    right:3px;}	
.ui-widget-header .ui-icon-circle-triangle-w {
    width:20px;
    height:20px;
    opacity:1;
    margin-top:-8px!important;
	margin-left:-9px!important;
    background-position:-1px -1px;
    background-image:url(../img/ui-icons-left.png);
    z-index:9999;}
.ui-widget-header .ui-icon-circle-triangle-e {
    width:20px;
    height:20px;
    opacity:1;
    margin-top:-8px!important;
    background-position:-1px -1px;
    background-image:url(../img/ui-icons-right.png);
    z-index:9999;}
.ui-datepicker .ui-datepicker-prev:hover,.ui-datepicker .ui-datepicker-next:hover {
	background-color:#f5f5f5;}
.ui-datepicker .ui-datepicker-prev:active,.ui-datepicker .ui-datepicker-next:active {
	background-color:#e8e8e8;}	
.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
	border:1px solid #ff0000;
    background:#f6f6f6;
    color:#ff0000;
    font-weight:600;}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active, a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover {
    border:1px solid #ff5722;
    background:#FF5722;
    font-weight:600;
    color:#ffffff;}
.ui-widget-content .ui-state-default {
    border:1px solid #8f8f8f;
    background:#ffffff;
    font-weight:normal;
    color:#000000;}
.ui-widget-content .ui-state-default:hover {
    border:1px solid #0074ff;
	background:#0074ff;
	color:#ffffff;}
.logo {
	padding:10px;
	float:left;
	background:url(../img/logo.svg) no-repeat left center;
	background-size:100%;
	padding:0;
	width:170px;
	height:73px;
	margin-right:10px
}
/*2025-04-02 增加*/
.pccnewdiv {
	position: relative;
}
.pccnewbt {
	position: absolute;
	top: 33px;
	right: 8px;
	height: 30px;
	width: auto;
	padding: 0px 4px;
	border: 0px;
	background-color: #8f8f8f;
	border-color: #8f8f8f;
	color: #ffffff;
}
.pccnewbt:hover {
	color: #ffffff;
	border: 0px !important;
	background-color: #333333;
}
.pccinfbox {
	text-align: right;
}
.pccinfbox div > label {
	display: block;
	padding: 5px 0px;
	margin: 0px 2px;
	background-color: #f1f1f1;
	border-bottom: 1px solid #d2d2d2;
	border-radius: 0.25rem;
}
.pccinfbox div > label:hover {
	background-color: #ffffff;
}
.pccinfbox div > label > button.pccdbt {
	border: 0px;
	background-color: #8f8f8f;
	border-color: #8f8f8f;
	color: #ffffff;
	font-size: 16px;
	float: right;
	border-radius: .25rem;
	margin: 0px 5px;
	padding: 0px 5px;
}
.pccinfbox div > label > button.pccdbt:hover {
	background-color: #ff5d5d;
}
.pccnewbt:active {
	top: 34px;
}
.pccnewbt:focus {
	box-shadow: 0 0 0 0 rgba(13, 110, 253, 0%);
}
.pccinfbox div > label > button.pccdbt:active {
	position: relative;
	top: 1px;
}