grunotbox@charset "UTF-8";
.noto-sans-tc-<uniquifier > {
    font-family:"Noto Sans TC", sans-serif !important;
    font-optical-sizing:auto;
    font-weight:<weight>;
    font-style:normal;
}

* {
    margin:0;
    padding:0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
/* 設定 Loading 畫面 */
#InitLoadingImg {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#ffffff url('/img/loading.gif') center center no-repeat;
    z-index:9999;
}
div, div:hover, img, img:hover, li, li:hover, i, i:hover, p, p:hover, span, span:hover, a, a:hover, select, select:hover, button, button:hover {
    transition:all .2s ease-in-out;
}

    a, a:hover, select, select:hover {
        text-decoration:none;
    }

body {
    font-family:"Noto Sans TC", sans-serif !important;
    background:#ffffff;
}

#head_top {
    position:relative;
    z-index:9;
	background-color:#ffffff;
}

#head_banner {
    position:relative;
    z-index:0;
    background:linear-gradient(to top, #f0f0f0, #ffffff);
}

#search_bk .hotsale_btn,.hotsale_btn,.hotsale_btn1,.hotsale_btn1:active {
    position:relative;
    z-index:3;
}

.ui-menu {
    z-index:99;
}

#global_loading {
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    z-index:9999;
    background:rgba(255, 255, 255, 0.8); /* 半透明背景 */
    padding:20px;
    border-radius:10px;
    text-align:center;
}

.container_box {
    width:100%;
    max-width:100%;
    border-radius:0px;
    background-color:#ffffff;
}

.container_bk,.container_top,.toplogobox {
    height:90px;
}

.container_bk {
    padding:0px 0px;
    width:100%;
    max-width:100%;
    border-radius:0px;
    box-shadow:0px 5px 15px 0px rgb(0 0 0 / 8%);
}

.container_top {
    padding:0px 10px;
}

.container_top,.container_menu,.search_box,.container_bk .web_bread {
    width:100%;
    max-width:1300px;
    margin:0 auto;
    box-shadow:none;
}

.container_w,.container_box .news_edit,.container_box .container {
    width:98%;
    max-width:1300px;
    margin:0 auto;
    box-shadow:none;
}

.toplogobox {
    width:20%;
    float:left;
}

.toplink_mobile {
    display:none;
}

.toplink {
    width:80%;
    height:90px;
    float:right;
}

    .toplink ul {
        list-style-type:none;
    }

.toplink_head,.toplink_menu {
    width:100%;
    margin:0 auto;
}

.toplink_head {
    height:40px;
}

    .toplink_head li {
        cursor:pointer;
        line-height:40px;
        float:right;
        padding-left:20px;
    }

	.toplink_head li i,.toplink_head li:hover i {
		margin-right:4px;
	}

	.toplink_head li a,.toplink_head li:hover .toplink_head li a {
		text-decoration:none;
	}

	.toplink_head li:hover i {
		text-decoration:none;
		transform:scale(1.2);
	}

    .toplink_head .loginame {
        font-style:italic;
        font-weight:500;
        color:#333333;
        margin:0;
    }

.toplink_menu,.toplink_menu .link {
    height:50px;
}

.logoimg {
    margin:0 auto;
}

    .logoimg img {
        width:100%;
        max-width:200px;
        padding-top:10px;
        margin:0 auto;
    }

    .logoimg .loginame {
        display:none;
    }

.toplink_menu {
    margin-right:-10px;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
}

    .toplink_menu li {
        float:right;
        padding:0px 1%;
    }

    .toplink_menu .link {
        cursor:pointer;
        display:block;
        text-align:right;
        padding:11px 0px 0px 0px;
        position:relative;
        -webkit-transition:all 0.4s ease;
        -o-transition:all 0.4s ease;
        transition:all 0.4s ease;
    }

	.toplink_menu .link a {
		font-weight:500;
		text-decoration:none;
	}

    .toplink_menu li:last-child .link {
        border-bottom:0;
    }

    .toplink_menu li i,.toplink_menu li i a {
        -webkit-transition:all 0.4s ease;
        -o-transition:all 0.4s ease;
        transition:all 0.4s ease;
    }

	.toplink_menu li i:first-of-type {
		position:relative;
		top:-1px;
		margin-right:5px;
	}

	.toplink_menu li i:last-of-type,.toplink_menu li a i:last-of-type {
		margin-left:4px;
	}

	.toplink_menu li i.fa-chevron-down,.toplink_menu li a i.fa-chevron-down {
		position:relative;
		top:-2px;
		right:0px;
		left:auto;
		font-weight:600 !important;
	}

	.toplink_menu li.open i.fa-chevron-down {
		-webkit-transform:rotate(180deg);
		-ms-transform:rotate(180deg);
		-o-transform:rotate(180deg);
		transform:rotate(180deg);
	}

.submenu {
    width:100%;
    display:none;
    max-height:260px;
    position:absolute;
    left:0px;
    right:0px;
    z-index:0;
    padding:30px 10px;
}

    .submenu > .container_menu > .swiper {
        min-width:526px;
        max-width:526px;
    }

    .submenu > .container_menu .swiper .swiper-pagination {
        margin-top:16px;
    }

.active .fa-check-circle {
    padding-right:5px;
}

.container_menu > .divCity > li:hover {
    -moz-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
}

.container_menu > .divCity > li a {
    display:block;
    text-decoration:none;
    font-weight:500;
    -webkit-transition:all 0.25s ease;
    -o-transition:all 0.25s ease;
    transition:all 0.25s ease;
}

.container_menu > .divCity {
    padding:0px 0px;
}

    .container_menu > .divCity > li {
        cursor:pointer;
        padding:0px 4%;
        text-align:center;
        float:right;
        height:38px;
        line-height:36px;
        margin:5px;
        position:relative;
        border-radius:5px;
    }

	.container_menu > .divCity > li > a > i {
		margin-left:0px;
	}

.container_menu .divbanner {
    display:contents;
    max-width:250px;
    padding:0px 0px;
    margin-left:10px;
}

    .container_menu .divbanner .divpopular {
        height:180px;
        padding:0px;
        overflow:hidden;
        margin-left:6px;
    }

    .container_menu .divbanner:hover {
        box-shadow:0 5px 10px 0px rgba(0,0,0,.15);
    }

    .container_menu .divbanner .divpopular,.container_menu .divpopular img {
        border-radius:6px;
    }

    .container_menu .divbanner .divpopular {
        overflow:hidden;
        position:relative;
        border:3px solid #ffffff;
        background-color:#ffffff;
    }

    .container_menu .divbanner:active,.container_menu .divCity > li:active {
        top:3px;
    }

    .container_menu .divbanner .divpopular p {
        width:100%;
        color:#333333;
        font-size:15px;
        line-height:20px;
        margin:0px;
        padding:5px 5px 4px 5px;
        position:absolute;
        bottom:0px;
        font-weight:500;
        background-color:#ffffffe8;
        transition:all .2s ease-in-out;
        text-align:justify;
    }

    .container_menu .divbanner .divpopular:hover p {
        color:#000000;
        background-color:#ffffff;
        transition:all .2s ease-in-out;
    }

    .container_menu .divbanner .divpopular span {
        color:#ff9800;
        text-align:right;
        display:list-item;
        height:0px;
        transition:all .2s ease-in-out;
    }

        .container_menu .divbanner .divpopular span i {
            color:#ff9800;
            font-style:normal;
            font-weight:700;
            letter-spacing:-.5px;
            position:relative;
            top:1px;
            margin:0px 2px;
        }

    .container_menu .divbanner .divpopular:hover span {
        color:#ff9800;
        height:22px;
        transition:all .2s ease-in-out;
    }

    .container_menu .divbanner img {
        width:250px;
        height:auto;
		min-height:180px;
    }

.container_menu > .divexp {
    color:#333333;
    padding:0px;
    margin:5px 0px 0px 0px;
}

    .container_menu > .divexp > p {
        margin:0px auto;
        text-align:justify;
    }

        .container_menu > .divexp > p > i {
            color:#333333;
            margin-left:0px;
        }

.jpgbk {
    /*min-height:420px;*/
}

.jpgbk,.jpgbanner,.jpgbanner .carousel {
    /*height:420px;*/
}

.jpgbox,.jpgbox01,.jpgbox02 {
    width:100%;
    margin:0px auto;
    overflow:hidden;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center;
    background-size:cover;
    background-color:#ffffff00;
    background-position:center center;
    border:0px solid #ffffff;
}

    .jpgbox01,.jpgbox01 img {
        width:100%;
        height:320px;
        margin:0px auto;
    }

    .jpgbox02,.jpgbox02 img {
        width:100%;
        height:230px;
        margin:0px auto;
    }

	.jpgbox01 img,.jpgbox02 img {
		float:none;
		text-align:center;
		overflow:hidden;
		background-position:center;
		background-size:cover;
	}

.jpgbox03 {
    height:30px;
}

/*空白高度*/
.jpgbk {
    width:101%;
    position:absolute;
}

    .jpgbk > img {
        width:101%;
        margin-left:-1%;
        margin-top:-5.2%;
        margin-bottom:-5.2%;
        filter:blur(10px);
        opacity:.5;
    }

.jpgbanner {
    position:relative;
    width:100%;
    max-width:1300px;
    margin:0 auto;
    text-align:center;
    z-index:8;
}

@media screen and (max-width:1300px) and (min-width:300px) {
    .jpgbox,.jpgbk {
        height:auto !important;
        min-height:auto !important;
    }
}

#body-pd .mbtn {
    position:absolute;
    top:10px;
    right:10px;
    height:40px;
    width:40px;
    padding:6px 0px;
    text-align:center;
    background:#3b94e6;
    border-radius:40px;
    cursor:pointer;
    transition:left 0.4s ease;
}

    #body-pd .mbtn:hover, #body-pd .mbtn.click {
        width:40px;
        background:#3b94e6;
    }

    #body-pd .mbtn span {
        color:white;
        font-size:24px;
        line-height:28px;
    }

    #body-pd .mbtn.click span:before {
        content:'\f00d';
    }

.sidebar {
    position:fixed;
    z-index:1;
    width:100%;
    height:100%;
    right:-100%;
    top:60px;
    transition:right 0.4s ease;
}

    .sidebar.show {
        top:60px;
        right:0px;
    }

    .sidebar .mlogin {
        display:flex;
        height:80px;
        text-align:center;
        padding:10px 20px;
    }

	.sidebar .mlogin > div {
		text-align:center;
		width:100%;
	}

	.sidebar .mlogin p {
		cursor:pointer;
		margin:0;
		padding-top:10px;
	}

	.sidebar .mlogin p:hover,.sidebar .mlogin p:hover i {
		transform:scale(1.13,1.13);
	}

	.sidebar .mlogin p > i {
		display:block;
		font-size:22px;
		width:100%;
		height:24px;
	}

nav ul {
    overflow:scroll;
    height:100%;
    width:100%;
    list-style:none;
    padding:15px 15px 80px 15px;
}

    nav ul li {
        line-height:52px;
        border-top:0px dashed rgba(255,255,255,0.3);
    }

	nav ul li:last-child {
		border-bottom:0px dashed rgba(255,255,255,0.05);
	}

	nav ul li a {
		position:relative;
		text-decoration:none;
		padding-left:10px;
		display:block;
		width:100%;
	}

	nav ul li.active a {
		text-decoration:none;
	}

	nav ul li a:hover {
		text-decoration:none;
	}

.feat-show {
    transition:all 0.5s;
}

nav ul li.active ul {
    transition:all 0.5s;
}

nav ul ul {
    position:static;
    display:none;
}

nav ul.show {
    display:block;
    padding:0px;
    transition:all 0.5s;
}

nav ul ul li {
    line-height:42px;
    border-top:none;
}

nav ul ul li a {
	padding-left:50px;
}

nav ul li.active ul li a {
    font-weight:500;
}

nav ul li a span {
    position:absolute;
    right:15px;
    transition:transform 0.4s;
}

nav ul li a .fa-caret-down {
    font-size:24px;
    height:30px;
    width:50px;
    text-align:right;
    top:-35px;
}

nav ul li a span.rotate {
    color:#FFEB3B;
    top:-45px;
    -moz-transform:scaleY(-1);
    -webkit-transform:scaleY(-1);
    -o-transform:scaleY(-1);
    transform:scaleY(-1);
}

nav ul li a i {
    width:20px;
    margin-right:6px;
    text-align:center;
}

.content {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    color:#202020;
    z-index:-1;
    text-align:center;
}

.main_side > li {
    border-bottom:1px dashed rgba(255, 255, 255, 0.2);
}

    .main_side > li > ul {
        padding-left:44px;
        padding-bottom:20px;
    }

        .main_side > li > ul > li > a {
            width:47%;
            float:left;
            height:32px;
            line-height:28px;
            text-align:center;
            padding-left:0px;
            border-radius:4px;
            margin:2px;
        }

    .main_side > li > p {
        color:#ffffff;
        line-height:18px;
        text-align:justify;
        margin:20px 15px;
    }

.main_side .show .divexp {
    display:inline-block;
    line-height:18px;
    color:#ffffff;
    text-align:justify;
    margin:20px 15px 0px 0px;
}

/*search*/
#search_bk {
    position:relative;
    width:96%;
    max-width:1300px;
    margin:0px auto;
    margin-top:40px;
    margin-bottom:80px;
    padding:7px 5px 0px 5px;
    border-radius:10px;
    box-shadow:0 5px 10px 0px rgba(0, 0, 0,.10);
}

.search_box > .search_menu > ul {
    margin:0px;
    border:0px;
    display:flex;
}

    .search_box > .search_menu > ul > li {
        padding:0px;
        text-align:center;
        line-height:24px;
        display:block;
    }

	.search_box > .search_menu > ul > li > .nav-link {
		padding:.35rem 0px .45rem 0px;
		margin:0px 2px;
		border-radius:6px;
		transition:all .15s ease-in-out;
		letter-spacing:-.5px;
		border:2px solid;
	}

	.search_box > .search_menu > ul > li > .nav-link i {
		display:none;
	}

	.search_box > .search_menu > ul > li > .nav-link:hover {
		transition:all .15s ease-in-out;
	}

	.search_box > .search_menu > ul > li > .nav-link.active i {
		display:inline-block;
		font-size:17px;
		margin-right:5px;
	}

#search_bk .fa-times-circle {
    position:absolute;
    right:10px;
    bottom:10px;
    z-index:2;
    opacity:.4;
}

#search_bk .fa-times-circle:hover {
	color:#ff1100;
	opacity:.6;
	cursor:pointer;
}

#search_bk .fa-times-circle:active {
	opacity:1;
}

.search_block {
    padding:30px 5px 20px 5px;
}

    .search_block .row {
        width:100%;
        margin:0px auto;
    }

	.search_block .row > div {
		height:60px;
		padding:0px 3px;
		margin-bottom:10px;
		background-color:#ffffff;
	}

	.search_block .row > div:hover label {
		padding-left:10px;
		transition:all .2s ease-in-out;
	}

	.search_block .row > div label {
		width:96%;
		margin:0;
		font-weight:700;
		height:24px;
		padding-left:0px;
		transition:all .2s ease-in-out;
	}

	.search_block .row > div select,.search_block .row > div input {
		width:96%;
		border:0;
		height:38px;
		color:#333333;
		margin:0 auto;
		padding:0px 0px 4px 8px;
		outline:0px;
		border-radius:0px;
		border-top:1px solid #a2a2a2;
		background-color:#ffffff00;
	}

	.search_block .row > div select:hover,.search_block .row > div input:hover {
		cursor:pointer;
	}

	.search_block .row > div select:focus-visible,.search_block .row > div input:focus-visible {
		outline:0px;
	}

.search_btn {
    cursor:pointer;
    position:absolute;
    right:0px;
    bottom:-66px;
    padding:6px 5%;
    border-radius:50px;
    color:#ffffff;
    background-color:#3b94e6;
    box-shadow:0 5px 10px 0px rgba(0, 0, 0,.10);
}

.search_btn:hover {
	padding:6px 7%;
}

.search_btn:active {
	right:5px;
}

.search_group {
    top:-80px;
    margin-bottom:0px !important;
}

.search_group > .search_block {
	padding:10px 5px 0px 5px;
}

/*daterange*/
.oK002 {
    width:100%;
    max-width:400px;
    text-align:left;
    height:46px;
    line-height:46px;
    font-size:20px;
    padding-left:10px;
    margin-top:5px;
    border:1px solid #cccccc;
    border-radius:5px;
}

.daterangepicker {
    width:96%;
    max-width:580px !important;
    font-weight:500;
    padding:2px;
    margin-top:4px;
    border-radius:8px;
}

.daterangepicker:before {
	top:-6px;
	border-right:9px solid transparent;
	border-left:9px solid transparent;
	border-bottom:9px solid #ffffff00;
}

.dropdown-menu {
    border:3px solid;
    -webkit-box-shadow:0 4px 12px 0px rgb(0 0 0 / 15%);
    box-shadow:0 4px 12px 0px rgb(0 0 0 / 15%);
}

.daterangepicker .ranges {
    display:none;
}

.daterangepicker .calendar {
    display:none;
    width:50%;
    min-width:260px !important;
    max-width:none;
    margin:0px !important;
}

.daterangepicker .calendar-table {
    border:0px solid #ffffff;
    padding:2px;
    border-radius:0px;
}

.daterangepicker.ltr .calendar.left {
    clear:left;
}

.daterangepicker.ltr .calendar.left .calendar-table {
	padding-right:5px;
	border-right:1px solid #f1f1f1;
}

.daterangepicker .table-condensed tr:nth-of-type(2) th {
    height:26px;
    color:#ff0000;
    border-bottom:1px solid #f1f1f1;
    border-radius:0px;
}

.daterangepicker .left .next,.daterangepicker_input {
    cursor:none;
}

.table-condensed .month {
    cursor:unset;
}

.daterangepicker .left .next,.daterangepicker_input {
    display:none !important;
}

.daterangepicker.opensleft:before,.daterangepicker.opensleft:after {
    right:15%;
}

.daterangepicker:after {
    top:-10px;
    border-right:10px solid transparent;
    border-left:10px solid transparent;
}

.daterangepicker td,.daterangepicker th {
    line-height:26px;
    border-radius:3px;
    padding-bottom:3px;
}

.daterangepicker td.start-date {
	border-radius:30px 0px 0px 30px;
}

.daterangepicker td.end-date {
	border-radius:0px 30px 30px 0px;
}


/*目的地*/
#waypoint, #waypoint2, #waypoint3, #waypoint4, #waypoint5, #waypoint6, #waypoint7, #waypoint8, #waypoint9, #waypoint10 {
    position:absolute;
    z-index:9;
    top:66px;
    min-width:352px;
    max-width:660px;
    height:auto;
    padding:8px;
    border-radius:6px;	
    border:3px solid;
    background-color:#ffffff;
    -webkit-box-shadow:0 4px 12px 0px rgb(0 0 0 / 15%);
    box-shadow:0 4px 12px 0px rgb(0 0 0 / 15%);
}

    #waypoint:before, #waypoint2:before, #waypoint3:before, #waypoint4:before, #waypoint5:before, #waypoint6:before, #waypoint7:before, #waypoint8:before, #waypoint9:before, #waypoint10:before {
        content:'';
        border-width:0 8px 8px;
        border-style:solid;
        position:absolute;
        left:20%;
        top:-10px;
    }

    #waypoint .nav-tabs {
        width:max-content;
		border-bottom:1px solid;
    }

	#waypoint .nav-tabs .nav-link {
		font-weight:600 !important;
		padding:.5rem 1rem;
	}

    #waypoint .citybox {
        height:55px;
        overflow-x:auto;
        overflow-y:hidden;
    }

    #waypoint .tab-content, #waypoint2 .tab-content, #waypoint3 .tab-content, #waypoint4 .tab-content, #waypoint5 .tab-content, #waypoint6 .tab-content, #waypoint7 .tab-content, #waypoint8 .tab-content, #waypoint9 .tab-content, #waypoint10 .tab-content {
        padding:4px 0px;
    }

.city_areabox {
    width:100%;
    float:left;
    padding:5px 0px;
    border-bottom:1px dashed;
}

.city_keyword {
    width:100%;
    float:left;
    padding:5px 0px;
}

.city_areabox:last-of-type {
    padding:5px 0px 0px 0px;
    border-bottom:0px dashed;
}

.city_areabox span,.city_areabox p i,.city_keyword p i {
    display:inline-block;
    text-align:center;
    border-radius:.25rem;
}

.city_areabox span {
    width:22%;
    margin-right:1%;
    float:left;
    padding:5px 0px;
}

.city_areabox p {
    width:77%;
    float:left;
    margin:0;
}

.city_keyword p {
    float:left;
    margin:0;
    margin-right:4px;
}

.city_areabox span:hover,.city_areabox p i:hover,.city_keyword p i:hover {
	cursor:pointer;
}

.city_areabox p i,.city_keyword p i {
	margin:0;
	font-style:normal;
	text-align:center;
	padding:5px 9px;
}

.citybox,.search_box,.hotarea_menu {
    &::-webkit-scrollbar

{
    width:100%;
    height:6px;
    margin-top:6px;
}

&::-webkit-scrollbar-track {
    border-radius:5px;
    margin:10px 0px;
}

&::-webkit-scrollbar-thumb {
    border-radius:10px;
    background-color:#c0c0c0;
}

}

/*目的地-輸入*/
.ui-widget-content {
    min-width:250px;
    max-height:400px;
    overflow-x:clip;
    overflow-y:auto;
    padding:6px 5px 0px 5px;
    margin-top:10px;
    border-radius:6px;
    border:3px solid!important;
    background-color:#ffffff;
}

.ui-widget-content {
    &::-webkit-scrollbar

	{
		width:4px;
	}

	&::-webkit-scrollbar-track {
		border-radius:5px;
		margin:10px 0px;
	}

	&::-webkit-scrollbar-thumb {
		border-radius:5px;
		background-color:#c0c0c0;
	}

}

/*搜尋列表-篩選*/
.web_bread {
    display:flex;
    padding:50px 0px 20px 0px!important;
}

    .web_bread li {
        list-style:none;
        float:left;
    }

	.web_bread li,.web_bread li a:hover,.web_bread li.active a {
		font-weight:400 !important;
	}

	.web_bread li a:hover {
		text-decoration:underline;
	}

	.web_bread li i {
		margin:0px 8px;
	}

.pcleft-filter,.pcright-list,.pcright-list .list-top,.pcright-list .list-sort {
    float:left;
}

.pcleft-filter {
    width:19%;
    margin-right:2%;
    margin-top:0px;
    margin-bottom:100px;
}

.panel-group {
    border-bottom:1px solid #e1e1e1;
    padding:3px 0px 10px 0px;
    margin-bottom:5px;
}

    .panel-group .ui-widget.ui-widget-content {
        overflow:unset;
        min-width:auto;
    }

    .panel-group .ind_h4 {
        line-height:26px;
        margin-top:5px;
    }

    .panel-group label {
        width:100%;
        color:#4e4e4e;
        display:block;
        line-height:35px;
        margin-bottom:0px;
        padding:0px;
    }

        .panel-group label input[type="checkbox"] {
            -webkit-appearance:none;
            vertical-align:middle;
            width:20px;
            height:20px;
            float:left;
            margin:8px 6px 0px 1.1rem;
            border:2px solid #8a8a8a;
            border-radius:4px;
            background:#ffffff;
            cursor:pointer;
        }

		.panel-group label input[type="checkbox"]:checked {
			background:#ffc513;
			border:2px solid #4e4e4e;
			color:#ffc513;
			font-weight:bold;
		}

#filter_price .btn-primary {
    margin-top:15px;
    float:right;
    padding:5px 25px;
}

.pcright-list2 {
    width:50%;
    float:left;
    margin-bottom:20px;
}

.pcright-list {
    width:79%;
    margin-top:0px;
    margin-bottom:50px;
}

    .pcright-list .list-top,.pcright-list .list-sort {
        height:64px;
    }

    .pcright-list .list-sort {
        width:25%;
        margin-top:8px;
    }

    .pcright-list .list-top {
        width:75%;
    }

    .pcleft-filter .ind_h3,.pcright-list .ind_h3 {
        line-height:36px;
    }

    .pcright-list .ind_h5,.pcright-list .list-sort span,.pcright-list .list-sort .in_pinfor {
        line-height:27px;
        margin-top:5px;
    }

    .pcright-list .list-sort .in_pinfor {
		cursor:pointer;
		width:100%;
        border-radius:6px;
        height:50px;
        font-weight:600;
        border:1px solid #e1e1e1;
        padding:0px 5px;
    }

    .pcright-list .itembox {
        width:100%;
        float:left;
        overflow:hidden;
        margin:15px 0px 0px 0px;
        border-radius:6px;
        background-color:#ffffff;
        border:2px solid #e1e1e1;
    }

	.pcright-list .list-sort .in_pinfor:hover,.pcright-list .itembox:hover {
		border:1px solid #898989;
	}

.container_w .itembox > .itembox-left {
    cursor:pointer;
    width:30%;
    float:left;
    padding:0px 0px;
    background:linear-gradient(to top, #e5f3ff, #ffffff);
    overflow:hidden;
    position:relative;
}

/*.container_w .itembox > .itembox-left .img {
    display:block;
    position:relative;
    bottom:0px;
    top:0px;
    width:100%;
    height:auto;
    text-align:center;
    overflow:hidden;
}*/

.container_w .itembox > .itembox-left .img img {
	max-width:max-content;
	height:106%;
	width:auto;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.container_w .itembox:hover .itembox-left .img img {
    height:115%;
}

.container_w .itembox > .itembox-left,.container_w .itembox > .itembox-right {
    min-height:210px;
    max-height:210px;
}

.container_w .itembox > .itembox-right {
    width:70%;
    float:left;
    padding:10px 10px 10px 12px;
    position:relative;
}

    .container_w .itembox > .itembox-right .item-name,.container_w3 .itembox > .itembox-right .item-name {
        font-weight:600;
        cursor:pointer;
        line-height:25px;
        color:#333333;
        margin-bottom:5px;
        text-align:justify;
        text-justify:inter-ideograph;
        overflow:hidden;
        white-space:nowrap;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        white-space:normal;
        letter-spacing:-.5px;
    }

    .container_w .itembox > .itembox-right .item-area,.container_w3 .itembox > .itembox-right .item-area {
        cursor:pointer;
        float:left;
        font-weight:600;
    }

	.container_w .itembox > .itembox-right .item-area p,.container_w3 .itembox > .itembox-right .item-area p {
		border-radius:0px;
		color:#898989;
		background-color:#eaeaea;
		padding:2px 8px;
		margin:2px 0px 4px 0px;
		border-left:3px solid #898989;
	}

	.container_w .itembox > .itembox-right .item-area span,.container_w3 .itembox > .itembox-right .item-area span {
		display:none;
	}

    .container_w .itembox > .itembox-right .item-note,.container_w3 .itembox > .itembox-right .item-note {
        cursor:pointer;
        width:100%;
        float:left;
        margin:2px 0px 0px 0px;
        line-height:22px;
        font-weight:400;
        color:#898989;
        text-align:justify;
        text-justify:inter-ideograph;
        overflow:hidden;
        white-space:nowrap;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        white-space:normal;
        letter-spacing:-.5px;
    }

    .container_w .itembox > .itembox-right .item-bottom {
        /*display:contents;*/
        height:68px;
        position:absolute;
        bottom:0px;
        margin:0px auto;
        letter-spacing:-1px;
    }

    .container_w .itembox > .itembox-right .item-daybox,.itembox-right .item-daybox3 {
        text-align:center;
        float:left;
        margin:6px 3px 0px 0px;
    }

.item-otherday {
    line-height:26px;
    text-align:center;
    font-weight:500;
    color:#3b94e6;
}

.item-daybox2 .item-otherday,.item-daybox2:hover > .item-otherday {
    cursor:pointer;
	color:#aaaaaa;
}

.item-daybox1:hover > .item-otherday {
    color:#ff6a5c;
}

.item-leftover,.item-leftoff,.item-leftwaiting,.item-leftwaitingdy,.item-moreday {
    padding:0px 4px;
    line-height:26px;
    text-align:center;
    font-weight:500;
}

.item-leftoff,.item-leftwaiting {
    color:#aaaaaa;
    background-color:#ffffff;
    border:2px solid #aaaaaa;
}

.item-leftwaitingdy {
    color:#aaaaaa;
}

.item-leftoff:hover,.item-leftwaiting:hover {
    color:#ffffff;
    background-color:#aaaaaa;
    border:2px solid #aaaaaa;
}

.item-will {
    line-height:26px;
    text-align:center;
    font-weight:500;
    color:#ffffff;
    background-color:#3b94e6;
    border:2px solid #3b94e6;
}

.item-moreday {
    line-height:26px;
    text-align:center;
    font-weight:500;
    border-radius:0px 8px 8px 0px;
}

.item-moreday:hover {
	cursor:pointer;
}

.itembox-right .item-daybox:hover .item-leftover {
    cursor:pointer;
    color:#ffffff;
    background-color:#ff6a5c;
    border:2px solid #ff6a5c;
}

.item-moredaym {
    text-align:center;
    font-weight:500;
    color:#ffffff;
    border-radius:0px 20px 20px 0px;
    background-color:#3b94e6;
    border:2px solid #3b94e6;
    padding:0px 10px 0px 6px;
}

    .item-moredaym:hover {
        cursor:pointer;
        background-color:#ff6a5c;
        border:2px solid #ff6a5c;
    }

.item-otherday {
    line-height:26px;
    text-align:center;
    font-weight:500;
}

.container_w .itembox > .itembox-right .item-price {
    cursor:pointer;
    float:right;
    position:absolute;
    bottom:5px;
    right:12px;
}

    .container_w .itembox > .itembox-right .item-price .price {
        letter-spacing:-1px;
        margin:0 auto;
        color:#ff0000;
    }

        .container_w .itembox > .itembox-right .item-price .price span {
            color:#ff0000;
            padding:0px 1px;
            font-weight:700 !important;
        }

.pcright-list .list-filterm {
    display:none;
}

.container_w1 {
    width:98%;
    position:relative;
    min-height:400px;
    max-height:600px;
    max-width:1300px;
    display:flow-root;
    padding:20px 25px 25px 25px;
    margin:0 auto;
    margin-bottom:30px;
    border-radius:10px;
    background-color:#ffffff;
    box-shadow:0px 5px 20px 0px rgb(0 0 0 / 7%);
}

.container_w2 {
    width:96%;
    max-width:1300px;
    display:flow-root;
    padding:20px 0px 20px 0px;
    margin:0 auto;
    background-color:#ffffff;
}

    .container_w2 > .container {
        width:100%;
        padding:0;
        margin:0;
    }

        .container_w2 > .container .gr-tvlday img {
            border-radius:8px;
            margin-bottom:15px;
        }

    .container_w2 h1 > .ind_h6 {
        min-height:auto;
        margin-bottom:15px;
    }

    .container_w2 > .trip_h1,.container_w2 > .trip_h2 {
        width:100%;
        display:inline-block;
        text-align:left;
        margin-top:20px;
        margin-bottom:0px;
    }

    .container_w2 > .trip_h2 {
        border-top:0px solid #ff0000;
    }

	.container_w2 > .trip_h1 p,.container_w2 > .trip_h2 p {
		padding:0px 15px 0px 0px;
		margin:0 auto;
	}

    .container_w2 > .trip_h1 p {
        display:inline-block;
        top:-18px;
    }

.custpage > .trip_h1 p {
    display:block;
    top:-18px;
}

.container_w2 > .trip_h2 p {
    color:#ff0000;
}

.container_w2 > .trip_info {
    padding:5px;
    margin-bottom:20px;
}

    .container_w2 > .trip_info p {
        padding-left:2px;
        margin:0 auto;
    }

.container_w2 .form-horizontal {
    margin-bottom:30px;
}

    .container_w2 .form-horizontal .trip_infobtn {
        outline:0px;
        margin-top:5px;
        margin-bottom:0px;
        padding:1px 20px 2px 20px;
    }

    .container_w2 .form-horizontal tr {
        border-bottom:1px solid #ebebeb;
    }

    .container_w2 .form-horizontal th {
        line-height:32px;
        text-align:center;
        padding:2px 0px;
        color:#ffffff;
        background-color:#333333;
    }

    .container_w2 .form-horizontal td {
        padding:10px 2px;
    }

        .container_w2 .form-horizontal td > .price {
            color:#ff0000;
            letter-spacing:-.5px;
        }

            .container_w2 .form-horizontal td > .price b {
                margin:0px 2px;
                font-weight:700 !important;
            }

        .container_w2 .form-horizontal td > .icon_peod {
            width:70%;
            margin:0 auto;
        }

        .container_w2 .form-horizontal td > .text-center {
            text-align:left !important;
            padding-left:2%;
            font-weight:400;
            color:#001fff;
            margin:0 auto;
        }

    .container_w2 .form-horizontal .graybg {
        background-color:#ebebeb;
        border-bottom:1px solid #d5d5d5;
    }

.form-horizontal .col-md-10,.form-horizontal .col-md-6,.form-horizontal .col-12,
.form-horizontal .col-4,.form-horizontal .col-3,.form-horizontal .col {
    padding-right:0px;
    padding-left:6px;
    margin-bottom:3px;
    text-align:right;
}

.form-horizontal .col {
    text-align:left;
}

.form-horizontal .radiobox {
    list-style:none;
    padding-left:5px;
}

    .form-horizontal .radiobox > li:nth-of-type(1) {
        width:100%;
        float:left;
        line-height:34px;
        text-align:left;
    }

    .form-horizontal .radiobox > li:nth-of-type(2) {
        width:100%;
        float:left;
        line-height:34px;
        text-align:left;
    }

	.form-horizontal .radiobox > li:nth-of-type(1) div,.form-horizontal .radiobox > li:nth-of-type(2) div,.form-horizontal .radiobox > li:nth-of-type(3) div,
	.form-horizontal .radiobox > li:nth-of-type(4) div,.form-horizontal .radiobox > li:nth-of-type(5) div,.form-horizontal .radiobox > li:nth-of-type(6) div {
		float:left;
		padding-left:2%;
	}

    .form-horizontal .radiobox > li label {
        margin-bottom:0px;
    }

    .form-horizontal .radiobox > li .radio-btn input {
        width:18px;
        height:18px;
        position:relative;
        top:3px;
        left:-2px;
    }

    .form-horizontal .radiobox .disc-number > .btn-disc {
        width:30%;
        border-radius:0px 5px 5px 0px;
        background-color:#ffc107;
        height:38px;
        line-height:38px;
        float:right;
        padding-left:0%;
        margin-left:-2px;
    }

        .form-horizontal .radiobox .disc-number > .btn-disc:hover {
            color:#ffffff;
            background-color:#ff0000;
        }

    .form-horizontal .radiobox .disc-number > .form-control {
        width:70%;
        margin-left:0px;
        float:left;
		border-radius:5px 0px 0px 5px;
    }

.form-horizontal .radws .radiobox li {
    width:50%;
    float:left;
}

.form-horizontal .inputbox {
    text-align:right;
    line-height:24px;
}

    .form-horizontal .inputbox input {
        width:20px;
        height:20px;
        position:relative;
        top:4px;
        margin:0px 2px 0px 15px;
    }

.container_w2 .container {
    width:100%;
    max-width:1300px;
    padding:0px 0px;
    margin:0px auto;
}

    .container_w2 .container .gr-tvlday {
        width:100%;
        float:left;
        padding:0px 0px;
    }

        .container_w2 .container .gr-tvlday .gr-firstimg {
            width:100%;
            padding:0px 0px;
            margin:0px 0px 20px 0px;
            border-radius:8px;
            overflow:hidden;
        }

            .container_w2 .container .gr-tvlday .gr-firstimg img {
                max-width:100%;
                padding:0px 0px;
                border-radius:8px;
            }

        .container_w2 .container .gr-tvlday p {
            color:#5a5a5a;
            line-height:28px;
            margin-bottom:15px;
        }

    .container_w2 .container .gr-rrbox {
        width:100%;
        margin:0 auto;
        margin-bottom:20px;
        background-color:#ffffff;
        text-align:justify;
    }

        .container_w2 .container .gr-rrbox > div,.container_w2 .container .gr-rrbox img {
            display:block;
            width:100%;
        }

        .container_w2 .container .gr-rrbox img {
            object-fit:scale-down;
        }

        .container_w2 .container .gr-rrbox p {
            color:#333333;
            line-height:28px;
        }

.container_w2 .grunotbox,.container_w2 table.table_order td {
    line-height:27px;
    font-weight:600;
    text-align:left;
}

.container_w2 .grunotbox {
    color:#333333;
    background-color:#ddf5ff;
    padding:25px 25px 20px 25px;
    border-radius:10px;
}

    .container_w2 .grunotbox > p {
        margin-bottom:6px;
        text-align:left;
    }

        .container_w2 .grunotbox > p > .blue {
            color:#001fff;
            margin:0px 5px;
        }

        .container_w2 .grunotbox > p > .blue,.container_w2 table.table_order td {
            font-weight:400;
        }

.container_w2 .thxbox {
    line-height:27px;
    font-weight:600;
    text-align:center;
    color:#333333;
    background-color:#f7f7f7;
    padding:80px 10px;
    margin:20px 0px 70px 0px;
    border-radius:10px;
}

    .container_w2 .thxbox i {
        color:#ff3838;
        font-size:100px;
        margin-bottom:20px;
    }

    .container_w2 .thxbox p {
        margin-bottom:0px;
    }

        .container_w2 .thxbox p font {
            line-height:44px;
        }

.container_w2 table.table_order td {
    color:#333333;
    padding-left:25px;
}

.container_w2 .choose_room {
    width:100%;
    padding-bottom:15px;
    margin-bottom:15px;
    border-bottom:1px solid #ebebeb;
}

.container_w2 .cuslib {
    margin-top:30px;
}

.container_w2 .room_left,.container_w2 .cdst {
    width:50%;
    min-height:52px;
    line-height:52px;
    float:left;
    text-align:center;
    padding:0px 0px;
    color:#ffffff;
}

.container_w2 .cdst {
    color:#333333;
    margin-bottom:20px;
}

    .container_w2 .cdst label {
        cursor:pointer;
        margin-bottom:0px;
    }

        .container_w2 .cdst label:hover {
            color:#0075ff;
        }

    .container_w2 .cdst > input {
        width:2%;
        min-width:20px;
        height:20px;
        position:relative;
        top:4px;
        margin:0px 2px 0px 0px;
    }

.container_w2 .cdstselect {
    height:48px;
}

    .container_w2 .cdstselect > label {
        text-align:center;
        padding-top:10px;
        line-height:28px;
    }

    .container_w2 .cdstselect select {
        margin-top:7px;
        text-align:center;
    }

.container_w2 .room_right {
    width:100%;
    padding:6px 0px;
    float:left;
}

    .container_w2 .room_right .tenant_block,.container_w2 .room_right .tenant_block,.container_w2 .room_right .tenant_block2 {
        height:auto;
        width:32.8%;
        float:left;
        padding:8px 6px 4px 6px;
        margin:2px;
        background-color:#f9f9f9;
    }

        .container_w2 .room_right .tenant_block2:hover {
            background-color:#e9f2ff;
        }

.container_w2 .room-sty {
    color:#3679c7;
    text-align:left;
    font-weight:700;
}

.container_w2 .red {
    color:#ff0000;
}

.tenant_title,.tenant_price,.tenant_price2,.tenant_price p,.tenant_number {
    text-align:center;
    line-height:26px;
}

.tenant_title {
    margin-bottom:8px;
}

.tenant_price2 {
    float:left;
    color:#ff0000;
    line-height:40px;
    width:48%;
    margin-right:2%;
}

    .tenant_price2 .price_red {
        padding-right:2px;
        display:inline-block;
    }

.tenant_number {
    width:50%;
    line-height:30px;
    float:left;
    padding:0px 0px;
    position:relative;
}

    .tenant_number select {
        width:100%;
        border:1px solid #cccccc;
        background-color:#ffffff;
        padding:0px 6px;
    }

.container_w2 textarea.form-control {
    border:1px solid #ebebeb;
    margin-bottom:30px;
}

.container_w2 .padlrb {
    padding:0px 0px 20px 0px;
}

    .container_w2 .padlrb .texare_st {
        text-align:justify;
        width:100%;
        max-height:300px;
        padding:15px;
        border:1px solid #ebebeb;
        padding:15px;
        overflow-y:auto;
        line-height:25px;
        margin-bottom:0px;
    }

.container_w2.inpubox {
    color:#ff0000;
    padding:0px 0px 20px 0px;
}

    .container_w2.inpubox .cdst {
        width:100%;
        float:left;
        text-align:left;
        color:#ff0000;
        font-weight:600;
        padding:0px 2px;
        margin-bottom:0px;
        background-color:#ffffff;
    }

    .container_w2.inpubox label {
        cursor:pointer;
        width:93.5%;
        float:left;
        line-height:26px;
    }

    .container_w2.inpubox input {
        width:2%;
        min-width:20px;
        height:20px;
        position:relative;
        top:4px;
        margin:0px .8% 0px 0px;
        float:left;
    }

.container_w2 .vercode .col-md-2,.container_w2 .vercode .col-md-4,.container_w2 .vercode .col-md,.container_w2 .vercode .col-6,.container_w2 .vercode .col-12 {
    padding-right:0px;
    padding-left:0px;
}

.container_w2 .vercode > .form-control,.container_w2 .vercode div .sor-btn_cancel,.container_w2 .vercode div .sor-btn_check,.sor_gounnot .sor-btn_check,.sor_gounnot .sor-btn_cancel,
.container_w2 .sor_gounnot .sor-btn_cancel,.container_w2 .sor_gounnot .sor-btn_check,.sor-btn_save {
    height:48px;
    line-height:48px;
}

.container_w2 .vercode div .sor-btn_cancel,.container_w2 .vercode div .sor-btn_check,.container_w2 .sor_gounnot .sor-btn_cancel,.container_w2 .sor_gounnot .sor-btn_check,.sor-btn_save {
    width:90%;
    float:right;
    cursor:pointer;
    text-align:center;
    margin:0px 1% 40px 4%;
    border:0px;
    border-radius:.25rem;
    color:#ffffff;
    letter-spacing:-.5px;
    transition:.2s;
    -webkit-transition:.2s;
}

.container_w2 .vercode div .sor-btn_cancel,.container_w2 .sor_gounnot .sor-btn_cancel {
    background:#b5b5b5;
}

.container_w2 .vercode div .sor-btn_check,.container_w2 .sor_gounnot .sor-btn_check {
    background:#ff0000;
}

.sor-btn_save {
    background:#333333;
}

.linetop {
    margin-top:2rem;
    margin-bottom:2rem;
}

.bt_deletelist {
    cursor:pointer;
    background:#b5b5b5;
    display:inline-block;
    padding:2px 5px 5px 5px;
    border-radius:6px;
    background:#ff001d !important;
    background-color:#ff001d !important;
    border:0px;
}

    .bt_deletelist:hover {
        cursor:pointer;
        background-color:#2196F3 !important;
        transform:scale(1.07);
        transition:all .15s ease-in-out;
    }

.container_w2 .vercode {
    padding:0px 15px 15px 15px;
}

    .container_w2 .vercode > img {
        max-height:60px;
        max-width:170px;
        margin:0px 2% 15px 1%;
        position:relative;
        top:-6px;
    }

    .container_w2 .vercode input {
        text-align:center;
    }

    .container_w2 .vercode div .sor-btn_check:hover,.container_w2 .sor_gounnot .sor-btn_check:hover,.sor-btn_save:hover {
        background:#2196F3;
        transform:scale(1.03);
    }

    .container_w2 .vercode div .sor-btn_cancel:hover,.container_w2 .sor_gounnot .sor-btn_cancel:hover,.PopupDate .modal-body .sor-btn_cancel:hover {
        color:#ffffff;
        background:#333333;
        transform:scale(1.03);
    }

.sor-btn_save:hover {
    background:#1a971f;
    transform:scale(1.03);
}

.container_w2 .nots {
    display:inline-block;
    color:#333333;
    line-height:27px;
    text-align:justify;
    background-color:#f7f7f7;
    padding:25px 25px 20px 25px;
    margin-top:20px;
    margin-bottom:60px;
    border-radius:10px;
}

    .container_w2 .nots > p font {
        margin:0px 4px;
    }

    .container_w2 .nots > label {
        font-weight:600;
        margin:20px 0px 10px 0px;
    }

        .container_w2 .nots > label .red {
            color:#ff0000;
        }

    .container_w2 .nots > .radws .radiobox li {
        list-style:none;
    }

        .container_w2 .nots > .radws .radiobox li input {
            width:18px;
            height:18px;
            position:relative;
            top:2px;
        }

        .container_w2 .nots > .radws .radiobox li > .radio-btn label span {
            margin:0px 2px;
            color:#ff0000;
            letter-spacing:-.5px;
            font-weight:700 !important;
        }

.container_w2 .sor_gounnot .sor-btn_cancel,.container_w2 .sor_gounnot .sor-btn_check,.sor-btn_save {
    width:96%;
    margin:10px 2%;
}

.visabox {
    width:100%;
    display:inline-block;
    margin-bottom:100px;
}

    .visabox a {
        width:100%;
        display:contents;
    }

.visaimg10,.visaimg11,.visaimg12,.visaimg13,.visaimg14,.visaimg15 {
    width:24%;
    float:left;
    max-height:200px;
    min-height:200px;
    background-size:cover;
    text-align:left;
    padding-left:1rem;
    margin:.5%;
    border-radius:6px;
    position:relative;
    cursor:pointer;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
}

.visaimg10 {
    background-image:url(../img/visaimg10.jpg);
}

.visaimg11 {
    background-image:url(../img/visaimg11.jpg);
}

.visaimg12 {
    background-image:url(../img/visaimg12.jpg);
}

.visaimg13 {
    background-image:url(../img/visaimg13.jpg);
}

.visaimg14 {
    background-image:url(../img/visaimg14.jpg);
}

.visaimg15 {
    background-image:url(../img/visaimg15.jpg);
}

.visabox h2 {
    color:#000000;
    width:95%;
    font-weight:600;
    position:absolute;
    bottom:20px;
    padding:3px 0px 6px 12px;
    border-radius:5px 0px 0px 5px;
    background-color:#ffffffb0;
    transition:all .1s ease-in-out;
}

.visabox a:hover h2 {
    bottom:50px;
    background-color:#ffffffed;
    transition:all .2s ease-in-out;
}

.visabox a:hover .visaimg10,.visabox a:hover .visaimg11,.visabox a:hover .visaimg12,.visabox a:hover .visaimg13,.visabox a:hover .visaimg14,.visabox a:hover .visaimg15 {
    filter:brightness(100%);
    transform:none !important;
}

.visabox h2.visach {
    font-size:26px;
}

.visabox h2.visaen {
    font-size:22px;
}

.container_w2 .rwd-table,.container_trip .mcorder {
    background:#ffffff;
    overflow:hidden;
    margin-top:-10px;
    margin-bottom:30px;
}

    .container_w2 .rwd-table tr,.container_trip .mcorder tr {
        border-top:1px solid #d4d4d4;
    }

    .container_trip .mcorder tr:nth-of-type(1n) {
        background-color:#ffffff;
    }

.container_w2 .rwd-table,.container_trip .mcorder {
    min-width:100%;
}

    .container_w2 .rwd-table th,.container_trip .mcorder th {
        display:none;
    }

    .container_w2 .rwd-table td,.container_trip .mcorder td {
        display:block;
    }

        .container_w2 .rwd-table td:before,.container_trip .mcorder td:before {
            content:attr(data-th) " ";
            font-weight:bold;
            /*width:6em;*/
            display:inline-block;
        }

    .container_w2 .rwd-table th,.container_w2 .rwd-table td,.container_trip .mcorder th,.container_trip .mcorder td {
        text-align:left;
        padding:2px 10px;
    }

	.container_w2 .rwd-table th,.container_w2 .rwd-table td:before,.container_trip .mcorder th,.container_trip .mcorder td:before {
		color:#000000;
		margin-right:8px;
		font-weight:bold;
	}

    .container_w2 .rwd-table th,.container_trip .mcorder th {
        color:#333333;
    }

    .container_w2 .rwd-table td a,.container_trip .mcorder td a {
        color:#3e3e3e;
    }

        .container_w2 .rwd-table td a:hover,.container_trip .mcorder td a:hover {
            color:#0085ff;
            text-decoration:underline;
        }

    .container_w2 .rwd-table td .price {
        color:#ff0000;
        letter-spacing:-.5px;
        font-size:13px;
        font-weight:500;
    }

        .container_w2 .rwd-table td .price b,.container_w2 .ind_h6ul .price,.ind_h6ul .price {
            color:#ff0000;
            letter-spacing:-.5px;
        }

        .container_w2 .rwd-table td .price b {
            margin-left:3px;
            letter-spacing:-.5px;
            font-weight:700 !important;
        }

    .container_w2 .rwd-table td .btn-oder {
        max-width:180px;
        height:34px;
        margin:6px 0px 12px 0px;
        padding:0px 6px;
        border-radius:6px;
        border:0px;
    }

        .container_w2 .rwd-table td .btn-oder:hover {
            transform:scale(1.07);
            transition:all .15s ease-in-out;
        }

    .container_w2 .mcorder tr > th,.container_trip .mcorder tr > th {
        color:#ffffff;
        font-weight:400;
    }

    .container_w2 .mcorder tr:nth-of-type(1n),.container_trip .mcorder tr:nth-of-type(1n) {
        background-color:#ffffff;
        border-bottom:1px solid #dfdfdf;
    }

    .container_w2 .mcorder tr:nth-of-type(2n),.container_trip .mcorder tr:nth-of-type(2n) {
        background-color:#ffffff;
    }

    .container_w2 .mcorder th,.container_trip .mcorder th {
        background-color:#333333;
    }

    .container_w2 .rwd-table tr td:first-of-type,.container_w2 .mcorder tr td:first-of-type,.container_trip .mcorder tr td:first-of-type {
        padding-top:10px;
    }

    .container_w2 .rwd-table tr td:last-of-type,.container_w2 .mcorder tr td:last-of-type,.container_trip .mcorder tr td:last-of-type {
        padding-bottom:10px;
    }

.order_sort {
    width:100%;
    display:inline-block;
    margin:0px 0px 25px 0px;
}

    .order_sort > .item-sort {
        min-width:220px;
        float:right;
    }

        .order_sort > .item-sort select {
            height:38px;
        }

            .order_sort > .item-sort select:hover {
                cursor:pointer;
                border:1px solid #ff0000;
            }

.mcchoose {
    width:96%;
    max-width:1300px;
    margin:0 auto;
    padding:30px 0px 10px 0px;
}

    .mcchoose ul {
        min-width:640px;
        margin:0px;
        border:0px;
        display:flex;
        list-style:none;
        border-bottom:3px solid #ff5722;
    }

        .mcchoose ul > li {
            flex-grow:1;
            color:#333333;
            padding:0px;
            text-align:center;
            line-height:24px;
            font-weight:500;
            display:block;
            border-right:1px solid #ffffff;
            background-color:#f3f3f3;
        }

            .mcchoose ul > li:last-of-type {
                border-right:0px solid #ffffff;
            }

            .mcchoose ul > li:hover {
                background-color:#ffdb00;
            }

            .mcchoose ul > li.active {
                background-color:#ff5722;
            }

            .mcchoose ul > li > a {
                display:block;
                color:#333333;
                padding:15px 15px;
                margin:0px -1px;
                transition:all .15s ease-in-out;
            }

            .mcchoose ul > li.active a {
                color:#ffffff;
            }

.mcchoose {
    &::-webkit-scrollbar

{
    height:6px;
}

&::-webkit-scrollbar-track {
    border-radius:5px;
}

&::-webkit-scrollbar-thumb {
    border-radius:10px;
    background-color:#c0c0c0;
}

}

@media screen and (max-width:640px) and (min-width:300px) {
    .mcchoose {
        overflow:auto;
        letter-spacing:-.5px;
        padding:10px 0px;
    }

        .mcchoose ul {
            width:max-content;
            overflow:hidden;
        }

            .mcchoose ul > li {
                font-size:17px;
                line-height:23px;
                min-width:fit-content;
            }
}

@media (min-width:760px) {
    .container_w2 .rwd-table td:before,.container_trip .mcorder td:before {
        display:none;
    }

    .container_w2 .rwd-table th,.container_w2 .rwd-table td,.container_trip .mcorder th,.container_trip .mcorder td {
        text-align:center;
        display:table-cell;
        border-top:1px solid #dfdfdf;
        padding:12px 5px !important;
    }

    .container_w2 .rwd-table th,.container_w2 .rwd-table td {
        text-align:left;
    }

        .container_w2 .rwd-table th:first-child,.container_w2 .rwd-table td:first-child,.container_trip .mcorder td:first-child {
            padding-left:0;
        }

        .container_w2 .rwd-table th:last-child,.container_w2 .rwd-table td:last-child,.container_trip .mcorder td:last-child {
            padding-right:0;
        }

    .container_w2 .rwd-table .table_remark {
        max-width:300px;
    }

    .container_w2 .rwd-table td .btn-oder {
        margin:0px;
    }

    .container_w2 .mcorder .table_numb {
        width:8%;
    }

    .container_w2 .mcorder .table_money,.container_w2 .mcorder .table_period {
        width:14%;
    }

    .container_w2 .mcorder .table_insuse {
        width:64%;
    }

    .container_w2 .tab-pane > .radiobox h4 {
        font-size:16px;
        padding:0px 10px 20px 10px;
    }

    .container_w2 .tab-pane > .radiobox li {
        list-style:none;
        font-weight:600;
        line-height:21px;
        margin-right:15px;
    }

        .container_w2 .tab-pane > .radiobox li input {
            cursor:pointer;
            width:20px;
            height:20px;
            float:left;
            position:relative;
            top:0px;
            margin-right:2px;
        }
}

.container_w3 {
    width:98%;
    max-width:1300px;
    margin:0 auto;
    box-shadow:none;
}

    .container_w3 > .itembox {
        width:32.67%;
        float:left;
        overflow:hidden;
        margin:6px .33%;
        border-radius:6px;
        border:1px solid #e1e1e1;
    }

    .container_w3 .ind_h3 {
        margin-bottom:5px;
    }

    .container_w3 > .itembox:hover,.pcright-list .itembox:hover {
        border:1px solid #bcbcbc;
        box-shadow:0 5px 10px 0px rgba(0, 0, 0,.15);
    }

        .container_w3 > .itembox:hover .itembox-left img {
            transform:scale(1.05);
        }

    .container_w3 > .itembox > .itembox-left {
        width:100%;
        min-height:250px;
        max-height:250px;
        overflow:hidden;
        background:linear-gradient(to top, #e6e6e6, #ffffff);
        position:relative;
    }

    /*.container_w3 > .itembox > .itembox-left .img {
        position:absolute;
        bottom:0px;
        top:0px;
        left:0;
        width:100%;
        height:auto;
        text-align:center;
        overflow:hidden;
    }*/

    .container_w3 .itembox > .itembox-left .img img {
        max-width:max-content;
        height:100%;
        width:auto;
        background-size:cover;
        background-position:center center;
        background-repeat:no-repeat;
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%, -50%);
    }

    .container_w3 > .itembox > .itembox-right {
        width:100%;
        min-height:85px;
        max-height:85px;
        padding:6px 12px;
        position:relative;
    }

        .container_w3 > .itembox > .itembox-right .item-name {
            -webkit-line-clamp:1;
            margin-bottom:2px;
        }

        .container_w3 > .itembox > .itembox-right .item-price {
            cursor:pointer;
            float:right;
            position:absolute;
            top:-40px;
            right:0px;
            background-color:#ffffffd4;
            padding:2px 10px;
        }

    .container_w3 > .itembox:hover .itembox-left img {
        height:110%;
    }

    .container_w3 > .itembox:hover .item-price {
        background-color:#ffffff;
    }

    .container_w3 .itembox > .itembox-right .item-price .price {
        letter-spacing:-1px;
        margin:0 auto;
        color:#ff0000;
    }

.ind_h8,.memlogin,.chos-daate {
    color:#333333;
    font-size:17px;
    line-height:28px;
}

.memlogin {
    display:inline-block;
    margin:6px 0px;
}

.ind_h8 p {
    margin:0 auto;
}

.ind_h6, h1 .ind_h6 {
    color:#333333;
    /*max-height:72px;*/
    font-size:min(max(2vw, 23px), 30px);
    font-weight:700;
    margin:0 auto;
    margin-bottom:0px;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
    text-align:justify; /*Firefox到此即可對齊*/
    text-justify:auto; /*IE需再加上此行*/
}

.container_w1 > h1 > .ind_h6,.ind_h6ul {
    width:52%;
    float:right;
}

.ind_h6ul {
    list-style:none;
    line-height:30px;
    font-weight:400;
    margin:0 auto;
    margin-left:2%;
    margin-top:15px;
    color:#a1a1a1;
}

.ind_h6li {
    margin:0 auto;
    height:130px;
    overflow-X:auto;
}

    .ind_h6li > p,.ind_h6li .rednote {
        color:#ff0f2d;
        font-weight:600;
        font-size:15px;
        line-height:24px;
    }

/*公司簡介-參考樣式-自定義*/
.ind_padbig {
    margin-bottom:100px;
    text-align:justify;
}

    .ind_padbig span {
        color:#333333;
        font-weight:600;
        line-height:28px;
        display:inline-block;
    }

    .ind_padbig p {
        font-size:17px;
        line-height:27px;
    }

    .ind_padbig img {
        display:block;
        margin-bottom:30px;
        width:100%;
        max-width:fit-content;
    }

    .ind_padbig .ind_link {
        display:inline-block;
    }

        .ind_padbig .ind_link a {
            width:auto;
            padding:0 10px;
            color:#333333;
			line-height:30px;
            display:inline-table;
        }

		.ind_padbig .ind_link a:hover {
			color:#ffffff;
			background-color:#333333;
		}

.dataline {
    line-height:25px;
    color:#ffffff;
    font-weight:400;
    padding:2px 15px 3px 15px;
    margin-bottom:10px;
    background-color:#3b94e6;
    border-radius:20px;
    display:inline-block;
}

.news_edit {
    text-align:justify;
    line-height:29px;
    min-height:500px;
    margin-bottom:100px;
}

.container_w4 {
    width:96%;
    max-width:1300px;
    display:flow-root;
    padding:20px 20px 35px 20px;
    margin:0 auto;
    margin-bottom:30px;
    background:linear-gradient(to top, #f7f7f7, #ffffff);
    border-radius:10px;
}

.ind_h6jpg {
    max-height:415px;
    display:inline-block;
    overflow:hidden;
    position:absolute;
    top:25px;
    left:25px;
    bottom:25px;
    border-radius:8px;
    background-color:#ffffff;
}

.container_w1 > .ind_h6jpg {
    width:44%;
}

.ind_h6jpg .swiper-button-prev,.ind_h6jpg .swiper-button-next {
    width:34px;
    height:48px;
    top:60%;
    border:0px;
    opacity:.6;
    border-radius:8px;
    border:3px solid #ffffff;
    background-color:#ffffff00;
}

    .ind_h6jpg .swiper-button-prev:hover,.ind_h6jpg .swiper-button-next:hover {
        opacity:1;
        transform:scale(1.2);
    }

    .ind_h6jpg .swiper-button-prev:after,.ind_h6jpg .swiper-rtl .swiper-button-next:after,.ind_h6jpg .swiper-button-next:after,.ind_h6jpg .swiper-rtl .swiper-button-prev:after {
        color:#ffffff;
        font-size:26px;
        font-weight:800;
    }

.ind_h6jpg img {
    width:100%;
    border-radius:8px;
}

.ind_h6ul span {
    color:#333333;
    font-weight:700;
}

    .ind_h6ul span:nth-of-type(2) {
        color:#f44336;
        font-weight:400;
        margin-left:3px;
    }

.ind_h6jpgtk {
    height:420px;
    float:none;
    margin-top:15px;
    margin-bottom:20px;
    display:block;
    overflow:hidden;
    position:unset;
    top:125px;
    right:25px;
    bottom:25px;
    border-radius:8px;
    background-color:#f6f6f6;
}

    .ind_h6jpgtk,.ind_h6jpgtk img {
        width:100%;
        max-width:640px;
    }

.container_w1price {
    width:98%;
    position:relative;
    max-width:1300px;
    /*height:80px;*/
    display:flex;
    padding:20px 0px 20px 25px;
    margin:0 auto;
    margin-bottom:10px;
}

    .container_w1price > .left {
        width:65%;
        float:left;
        margin-top:-6px;
    }

    .container_w1price > .right {
        width:35%;
        text-align:center;
        margin:0 auto;
        position:relative;
    }

    .container_w1price .price_more {
        cursor:pointer;
        font-size:17px;
        line-height:24px;
        max-height:60px;
        font-weight:600;
        color:#a1a1a1;
        border:2px solid #d9d9d9;
        border-radius:6px;
        padding:5px 8px 5px 2px;
        background-color:#ffffff;
    }

        .container_w1price .price_more:hover {
            border:2px solid #3b94e6;
            background-color:#3b94e6;
        }

            .container_w1price .price_more:hover p,.container_w1price .price_more:hover i,.container_w1price .price_more:hover span {
                color:#ffffff;
            }

        .container_w1price .price_more i {
            color:#3b94e6;
            font-size:30px;
            float:left;
            margin:10px 10px;
        }

        .container_w1price .price_more p {
            display:contents;
            text-align:center;
            font-size:17px;
            font-weight:500;
        }

            .container_w1price .price_more p span {
                display:block;
                color:#a1a1a1;
            }

    .container_w1price .price_list,.container_w1price .price_close {
        width:100%;
    }

    .container_w1price .price_gobtn {
        width:100%;
        position:absolute;
        bottom:20px;
    }

    .container_w1price .price_list {
        letter-spacing:-.5px;
        text-align:center;
        font-weight:500;
        color:#ff0000;
        padding:0px 0px 0px 2px;
        margin:0 auto;
    }

    .container_w1price .price_close {
        letter-spacing:0px;
        text-align:center;
        font-size:30px;
        line-height:40px;
        font-weight:500;
        color:#b5b5b5;
        padding:0px 0px;
        margin:0 auto;
    }

    .container_w1price .price_list i {
        font-style:normal;
        font-size:30px;
        line-height:18px;
        font-weight:800 !important;
        margin:0 3px;
        letter-spacing:-.5px;
    }

    .container_w1price .price_list span {
        display:inline-block;
        width:100%;
        color:#333333;
    }

    .container_w1price .gr-btn_check,.container_w1price .gr-btn_wait,.container_w1price .gr-btn_cancel,.gr-btn_loading {
        width:60%;
        float:none;
        cursor:pointer;
        margin:0 auto;
        margin-top:20px;
        padding:7px 0px 9px 0px;
        border:0px;
        border-radius:50px;
        color:#ffffff;
        letter-spacing:-.5px;
        transition:.2s;
        -webkit-transition:.2s;
    }

    .container_w1price .gr-btn_check {
        background:#ff0000;
    }

        .container_w1price .gr-btn_check:hover {
            background:#2196F3;
            transform:scale(1.05);
        }

    .container_w1price .gr-btn_wait {
        background:#b5b5b5;
    }

        .container_w1price .gr-btn_wait:hover {
            background:#2196F3;
            transform:scale(1.05);
        }

    .container_w1price .gr-btn_cancel {
        background:#b5b5b5;
    }

        .container_w1price .gr-btn_cancel:hover {
            cursor:no-drop;
            background:#b5b5b5;
        }

        .container_w1price .gr-btn_check:focus,.container_w1price .gr-btn_wait:focus,.container_w1price .gr-btn_cancel:focus,.gr-btn_loading:focus {
            outline:0px;
        }

.gr-btn_loading {
    background:#ffffff;
}

/*彈跳視窗*/
.Pop-upmodal {
    z-index:99999;
    padding-top:40px;
    background-color:#00000080;
}

    .Pop-upmodal .modal-content {
        border-radius:10px;
        overflow:hidden;
    }

    .Pop-upmodal .modal-body {
        padding:20px 2.5% 30px 2.5%;
    }

	.Pop-upmodal .modal-body > div {
		margin-top:12px;
	}

	.Pop-upmodal .modal-body > div .form-control,.Pop-upmodal .modal-footer .login_bttext {
		height:46px;
	}

	.Pop-upmodal .modal-body > div .form-control {
		padding:.375rem .75rem .375rem 2.375rem
	}

.itinerary {
    width:100%;
    display:inline-block;
    line-height:27px;
    padding:0px;
    margin-top:0px;
}

.itinerary_Options {
    border-radius:6px;
    background-color:#eef7ff;
    padding:20px 1.5rem;
    margin-top:15px;
    margin-bottom:10px;
}

    .itinerary_Options p,.itinerary-input {
        color:#f10;
        margin-bottom:8px;
    }

        .itinerary-input input {
            width:20px;
            height:20px;
            float:left;
            position:relative;
            top:5px;
            margin-right:6px;
        }

        .itinerary-input label {
            display:contents;
            color:#333333;
            font-weight:400;
            margin:0px 0px 5px 0px;
        }

            .itinerary-input label:hover {
                cursor:pointer;
                color:#008eff;
            }

.Pop-upmodal .modal-body .btn,.PopupDate .modal-body .sor-btn_cancel,.PopupDate .modal-body .sor-btn_check,.popstyle .sor-btn_cancel,.popstyle .sor-btn_check {
    cursor:pointer;
    height:52px;
    font-size:20px;
    font-weight:500;
    margin-top:15px;
    border-radius:6px;
    border:3px solid #eeeeee;
}

    .Pop-upmodal .modal-body .btn:active,.Pop-upmodal .modal-footer .login_bttext a:active {
        position:relative;
        top:3px;
    }

    .Pop-upmodal .modal-body .btn:focus,.Pop-upmodal .modal-body .btn:focus-visible {
        outline:0px;
        box-shadow:0 0 0 0 rgba(0,123,255,0) !important;
    }

.Pop-upmodal .modal-footer {
    padding:0rem 1rem;
    border-top:0px solid #dee2e6;
}

    .Pop-upmodal .modal-footer .login_bttext {
        width:100%;
        display:flex;
    }

        .Pop-upmodal .modal-footer .login_bttext a {
            width:100%;
            float:left;
            text-align:center;
            color:#ff1100;
            padding:10px 0px;
            border-radius:4px;
            background-color:#ffffff;
        }

            .Pop-upmodal .modal-footer .login_bttext a:first-of-type {
                color:#0047ff;
            }

            .Pop-upmodal .modal-footer .login_bttext a:hover {
                text-decoration:none;
                background-color:#e0e0e0;
            }

.Pop-upmodal .btn-primary,.popstyle .sor-btn_cancel {
    color:#ffffff;
    background-color:#828282;
    border-color:#828282;
}

    .Pop-upmodal .btn-primary:hover {
        background-color:#333333;
        border-color:#cccccc;
    }

    .popstyle .sor-btn_cancel:hover {
        background-color:#333333;
        border-color:#333333;
    }

.Pop-upmodal .btn-facebook {
    color:#ffffff;
    background-color:#0866ff;
    border-color:#0866ff;
}

    .Pop-upmodal .btn-facebook:hover {
        background-color:#0043b0;
        border-color:#89c6ff;
    }

.Pop-upmodal .btn-google,.popstyle .sor-btn_check {
    color:#ffffff;
    background-color:#ff9800;
    border-color:#ff9800;
}

    .Pop-upmodal .btn-google:hover {
        background-color:#ff4e00;
        border-color:#ffeb3b;
    }

    .popstyle .sor-btn_check:hover {
        background-color:#ff4e00;
        border-color:#ff4e00;
    }

.popstyle .sor-btn_cancel,.popstyle .sor-btn_check {
    padding:0px 15px;
}

.Pop-upmodal .icon-mem > i {
    position:absolute;
    top:15px;
    left:27px;
    color:#e0e0e0;
}

.Pop-upmodal .close:focus {
    border:0px;
    outline:none;
    text-decoration:none;
}

.icon-mem:hover i {
    color:#333333;
}

.icon-mem:hover input {
    border:1px solid #333333;
}

.btn-airifon,.btn-airmore {
    float:left;
    font-weight:600;
    height:46px;
    line-height:42px;
    padding:0 1%;
    text-align:center;
    border-radius:6px;
    margin:20px 1% 15px 0px;
}

.btn-airifon {
    color:#3b94e6;
    border:2px solid #3b94e6;
    background-color:#ffffff;
}

.btn-airmore {
    color:#ffffff;
    border:2px solid #ff9800;
    background-color:#ffa623;
}

    .btn-airifon:hover,.btn-airmore:hover {
        color:#ffffff;
        border:2px solid #ff1100;
        background-color:#ff655a;
    }

    .btn-airifon:active,.btn-airmore:active {
        position:relative;
        top:3px;
    }

    .btn-airifon:focus,.btn-airmore:focus {
        outline:0px;
    }

.ind_h6ifon {
    width:100%;
    line-height:22px;
    margin:0px;
    font-weight:500;
    color:#333333;
    text-align:justify;
    padding-right:0px;
    overflow:hidden;
    overflow-y:auto;
    display:-webkit-box;
    text-align:justify; /*Firefox到此即可對齊*/
    text-justify:auto; /*IE需再加上此行*/
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:4;
}

.ind_h6ul .i7,.ind_h6ul .i8,.ind_h6ul .i9,.ind_h6ul .i10 {
    cursor:pointer;
    padding:9px 21px;
    margin:20px .5% 15px 0px;
    height:42px;
    display:inline-block;
    border-radius:30px;
    opacity:.2;
    background-size:contain;
    background-position:center;
}

.ind_h6ul .i7 {
    background-image:url(../img/btnPrint.svg);
}

.ind_h6ul .i8 {
    background-image:url(../img/btnLINE.svg);
}

.ind_h6ul .i9 {
    background-image:url(../img/btnCopy.svg);
}

.ind_h6ul .i10 {
    background-image:url(../img/btnFacebook.svg);
}

    .ind_h6ul .i7:hover,.ind_h6ul .i8:hover,.ind_h6ul .i9:hover,.ind_h6ul .i10:hover {
        transform:scale(1.12);
        opacity:1;
    }

@media screen and (max-width:960px) and (min-width:280px) {
    .ind_h6jpgtk {
        height:auto;
    }
}

@media screen and (max-width:860px) and (min-width:280px) {
    .container_w1,.container_w1price {
        width:95%;
        max-height:max-content;
        letter-spacing:-.5px;
        padding:3% 3% 5% 3%;
    }

    .ind_h6, h1 .ind_h6 {
        line-height:32px;
        margin-bottom:15px;
        -webkit-box-orient:horizontal;
    }

    .ind_h6ul {
        width:100%;
        display:contents;
        margin-right:0%;
        font-size:16px;
        line-height:28px;
    }

    .ind_h6ifon {
        font-size:13px;
        width:102%;
        line-height:22px;
        min-height:auto;
        -webkit-line-clamp:4;
    }

    .btn-airifon,.btn-airmore {
        height:40px;
        line-height:36px;
        max-width:max-content;
    }

    .ind_h6jpg {
        width:100%;
        min-height:auto;
        margin-bottom:15px;
        display:inline-block;
        overflow:hidden;
        position:unset;
        max-height:max-content;
    }

    .container_w1 > h1 > .ind_h6,.container_w1 > .ind_h6jpg {
        width:100%;
    }

    .container_w1price > .left {
        width:0%;
    }

    .container_w1price > .right {
        width:100%;
    }

    .container_w1price .price_gobtn {
        width:100%;
        font-size:22px;
        position:relative;
        bottom:0px;
    }

    .container_w1price .price_list {
        font-size:16px;
    }

        .container_w1price .price_list i {
            font-size:26px;
            line-height:16px;
        }

    .ind_h6ul .i7,.ind_h6ul .i8,.ind_h6ul .i9,.ind_h6ul .i10 {
        padding:5px 16px;
        border-radius:5px;
        height:40px;
        margin:20px 0px 15px .5%;
    }
}

.logins {
    display:flex;
    padding:0px 13px;
}

.logins .btn {
	padding:.375rem 0rem;
}

.modal-header .modal-title {
    font-size:1.25rem;
    font-weight:500;
}

/*彈跳視窗-出團日*/
.PopupDate {
    z-index:99999;
    padding-top:40px;
    background-color:#00000080;
}

    .PopupDate .modal-content {
        border-radius:10px;
        overflow:hidden;
    }

	.PopupDate .modal-header .close {
		padding:1.3rem 1rem;
	}

    .PopupDate .close:focus {
        border:0px;
        outline:none;
        text-decoration:none;
    }

    .PopupDate .ind_modalh5 {
        cursor:pointer;
        line-height:28px;
        font-weight:600;
        margin-bottom:20px;
        text-align:justify;
        text-justify:inter-ideograph;
    }

    .PopupDate .modal-body {
        padding:20px 15px;
    }

        .PopupDate .modal-body .databox,.PopupDate .modal-body h4.hidden-xs {
            margin-bottom:20px;
        }

        .PopupDate .modal-body h4.poptit {
            padding-bottom:7px;
            margin-bottom:5px;
            color:#3b94e6;
            border-bottom:1px solid #3b94e6;
        }

        .PopupDate .modal-body table.table_cus {
            width:100%;
            line-height:27px;
            font-weight:400;
        }

            .PopupDate .modal-body table.table_cus td {
                width:50%;
                font-weight:400;
            }

        .PopupDate .modal-body ul {
            list-style:none;
            margin-bottom:0px;
        }

            .PopupDate .modal-body ul li {
                width:100%;
                display:block;
            }

        .PopupDate .modal-body .item-daybox {
            width:100%;
            float:left;
            color:#45baff;
            padding:10px 4px 10px 0px;
            margin:0px;
            border-top:1px dashed #cccccc;
        }

        .PopupDate .modal-body .sor_gounnot {
            text-align:center;
        }

            .PopupDate .modal-body .sor_gounnot .sor-btn_check {
                color:#ffffff;
                background-color:#ff9800;
            }

                .PopupDate .modal-body .sor_gounnot .sor-btn_check:hover {
                    background-color:#ff5722;
                    transform:scale(1.03);
                }

        .PopupDate .modal-body .item-daybox:hover,.pcleft-filter .panel-group:hover {
            background-color:#f7f7f7;
        }

        .PopupDate .modal-body .item-leftover:hover {
            cursor:pointer;
            color:#ffffff;
            background-color:#ff6a5c;
            border:2px solid #ff6a5c;
        }

        .PopupDate .modal-body .item-otherday {
            cursor:pointer;
            font-size:17px;
            font-weight:600;
            line-height:32px;
            text-align:center;
            width:22%;
            float:left;
            letter-spacing:-.5px;
        }

        .PopupDate .modal-body .item-popprice {
            color:#ff1100;
            cursor:pointer;
            font-size:14px;
            font-weight:400;
            text-align:center;
            line-height:28px;
            width:52%;
            float:left;
            letter-spacing:-.5px;
        }

            .PopupDate .modal-body .item-popprice span {
                font-size:22px;
                font-weight:800;
                color:#ff1100;
                margin:0px 2px 0px 4px;
            }

        .PopupDate .modal-body .item-leftover,.PopupDate .modal-body .item-leftoff,.PopupDate .modal-body .item-leftwaiting {
            cursor:pointer;
            font-size:17px;
            font-weight:400;
            line-height:28px;
            text-align:center;
            width:26%;
            float:left;
        }

        .PopupDate .modal-body .item-leftover {
            color:#3b94e6;
            padding:0px 2px;
        }

        .PopupDate .modal-body .item-leftoff,.PopupDate .modal-body .item-leftwaiting {
            color:#aaaaaa;
        }

            .PopupDate .modal-body .item-leftoff:hover,.PopupDate .modal-body .item-leftwaiting:hover {
                color:#ffffff;
                background-color:#aaaaaa;
            }

        .PopupDate .modal-body .btn {
            height:50px;
            font-size:20px;
            font-weight:500;
            margin-top:20px;
            border-radius:6px;
            color:#ffffff;
            background-color:#828282;
            border:3px solid #eeeeee;
        }

/*旅遊列表*/
.modal-dialog {
    max-width:600px;
}

#pop_qlink .modal-dialog {
    max-width:100%;
}

#pop_qlink .modal-content {
    width:100%;
    max-width:800px;
    margin:0 auto;
}

#pop_qlink .pop-qulist {
    width:100%;
    padding:15px 10px 10px 10px;
    margin:0 auto;
}

#pop_qlink .qulist {
    width:100%;
}

    #pop_qlink .qulist .quli {
        width:48%;
        margin:5px 1%;
        float:left;
        list-style:none;
    }

        #pop_qlink .qulist .quli h5 {
            font-weight:500;
            font-size:17px;
            line-height:34px;
            color:#000000;
            margin:0;
            padding-left:12px;
            border-bottom:3px solid #3b94e6;
        }

        #pop_qlink .qulist .quli a {
            float:left;
            font-size:17px;
            height:38px;
            line-height:32px;
            color:#333333;
            display:inline-block;
            padding:0px 12px;
            margin:0px 3px 3px 0px;
            background-color:#eef7ff;
        }

            #pop_qlink .qulist .quli a:hover {
                color:#ffffff;
                background-color:#3b94e6;
            }

/*banner*/
.slide ol {
    display:none;
}

.slide .carousel-inner .carousel-item {
    width:100%;
}

    .slide .carousel-inner .carousel-item > a > .w-100 {
        width:100%;
    }

.carousel-control-prev,.carousel-control-next {
    transition:all .2s ease-in-out;
}

.slide button {
    width:34px;
    height:48px;
    top:55%;
    border:0px;
    border-radius:8px;
    border:3px solid #ffffff;
    background-color:#ffffff00;
}

    .slide button:hover {
        opacity:1;
        transform:scale(1.2);
    }

.carousel-control-prev {
    left:-50px;
}

.carousel-control-next {
    right:-50px;
}

.container_box1,.container_box2,.container_box3 {
    width:100%;
    display:inline-block;
    padding:50px 10px;
    margin:0px auto;
	margin-top:20px;
	margin-bottom:20px;
}

.container_box3 {
    padding:40px 10px 20px 10px;
}

.gray_bar {
    width:98%;
    max-width:1300px;
    padding:0px 0px;
    margin:0 auto;
}

.container_hotarea {
    width:100%;
    max-width:1300px;
    margin:0 auto;
}

#custombox {
    overflow:hidden;
}

    #custombox .custdis .day_style_1, #custombox .custdis .day_style_2,
    #custombox .custdis .day_style_3, #custombox .custdis .day_style_4 {
        width:100%;
    }

    #custombox > .row {
        margin-right:10px;
        margin-left:10px;
    }

    #custombox .custdis > div > div {
        float:left;
    }

    #custombox .custdis img {
        width:100%;
    }

.container_h2 {
    font-size:28px;
    font-weight:500;
    text-align:center;
    margin:0 auto;
    margin-bottom:20px;
}

.hotarea_menu {
    display:inline-block;
    width:100%;
    margin:0 auto;
    margin-bottom:10px;
}

    .hotarea_menu > .nav-tabs {
        height:44px;
        width:1100px;
        display:flex;
        margin:0 auto;
        border:0;
    }

        .hotarea_menu > .nav-tabs .nav-link {
            border:0;
            overflow:hidden;
            text-overflow:ellipsis;
        }

		.hotarea_menu > .nav-tabs .nav-link.active {
			width:100%;
			font-weight:500;
			background-color:#ffffff00;
			border:0;
			border-color:#ffffff #ffffff #ffffff;
		}

    .hotarea_menu .nav-item {
        height:50px;
        float:left;
        padding:0px;
        top:-2px;
        text-align:center;
        line-height:24px;
        font-weight:500;
        margin-bottom:0px;
        letter-spacing:-.5px;
    }

	.hotarea_menu .nav-item a {
		white-space:nowrap;
		font-weight:500;
		padding:.6rem .1rem;
	}

.hotarea_box > .tab-pane {
    display:none;
}

.hotarea_box > .active {
    display:block;
}

.hotarea_box .item {
    padding:15px 0px;
}

    .hotarea_box .item > .card01 {
        display:block;
        border:0px solid rgba(0, 0, 0,.125);
        border-bottom:2px solid #ffffff;
        border-radius:0px;
        padding-bottom:6px;
        overflow:hidden;
        transition:all .2s ease-in-out;
    }

        .hotarea_box .item > .card01:hover .caption {
            font-weight:500;
        }

        .hotarea_box .item > .card01:hover {
            cursor:pointer;
            transition:all .2s ease-in-out;
        }

		.hotarea_box .item > .card01:hover img {
			transform:scale(1.1);
		}

        .hotarea_box .item > .card01 > .img-card01 {
            overflow:hidden;
            border-radius:8px;
            min-height:200px;
            max-height:200px;
            background:linear-gradient(to top, #e6e6e6, #ffffff);
        }

		.hotarea_box .item > .card01 > .img-card01 img {
			width:104%;
			margin-left:-2%;
		}

        .hotarea_box .item > .card01 > .caption {
            font-weight:500;
            height:60px;
            padding:4px 0px 8px 0px;
            margin:0 auto;
            display:-webkit-box;
            text-align:justify; /*Firefox到此即可對齊*/
            text-justify:auto; /*IE需再加上此行*/
            display:-webkit-box;
            -webkit-box-orient:vertical;
            -webkit-line-clamp:2;
            overflow:hidden;
            letter-spacing:-.5px;
        }

        .hotarea_box .item > .card01 > .lovesee {
            font-weight:500;
            color:#979797;
            text-align:left;
            float:left;
            margin-right:6px;
        }

		.hotarea_box .item > .card01 > .lovesee i {
			font-weight:400;
			padding:15px 1px 0px 0px;
		}

        .hotarea_box .item > .card01 > .price {
            color:#ff0000;
            text-align:right;
            float:right;
            letter-spacing:-.5px;
        }

		.hotarea_box .item > .card01 > .price span {
			font-weight:700 !important;
			padding:0px 2px;
		}

.hotsale_btn {
    margin-top:-35px;
    background-color:#ffffff;
}

.hotsale_btn1 {
    margin-top:0px;
    background-color:#eef7ff;
}

.hotsale_btn,.hotsale_btn1 {
    display:inline-block;
    float:right;
    cursor:pointer;
    font-size:17px;
    font-weight:500;
    padding:2px 15px 4px 15px;
    border-radius:50px;
    color:#979797;
    border:2px solid #979797;
}

    .hotsale_btn i,.hotsale_btn1 i {
        font-size:15px;
        margin-right:5px;
        transition:all .2s ease-in-out;
    }

    .hotsale_btn:hover i,.hotsale_btn:active i,.hotsale_btn1:hover i,.hotsale_btn1:active i {
        color:#ffc107;
        transition:all .2s ease-in-out;
    }

    .hotsale_btn:hover,.hotsale_btn1:hover {
        color:#3b94e6;
        padding:2px 20px 4px 20px;
        border:2px solid #3b94e6;
    }

    .hotsale_btn:active,.hotsale_btn1:active {
        margin-right:6px;
        color:#ffffff;
        background-color:#2780d1;
        border:2px solid #2780d1;
    }

.hotarea_box .owl-nav {
    display:none;
}

.hotarea_box .owl-dots {
    margin-top:20px;
}

    .hotarea_box .owl-nav button:focus,.hotarea_box .owl-dots button:focus {
        outline:0px;
    }

.hotarea_box .owl-theme .owl-dots .owl-dot span {
    width:12px;
    height:12px;
    margin:2px 6px;
}

.hotarea_box .owl-theme .owl-dots .owl-dot.active span {
    background:#3b94e6;
}

.hotarea_box .card04 {
    width:24%;
    margin:0px .5% 20px;
    float:left;
    border-radius:0px;
    padding-bottom:4px;
    overflow:hidden;
    transition:all .2s ease-in-out;
}

    .hotarea_box .card04:hover {
        cursor:pointer;
        transition:all .2s ease-in-out;
    }

        .hotarea_box .card04:hover img {
            transform:scale(1.1);
        }

    .hotarea_box .card04 > .img-card04 {
        display:flex;
        align-items:center;
        position:relative;
        overflow:hidden;
        border-radius:6px;
        min-height:170px;
        max-height:170px;
    }

        .hotarea_box .card04 > .img-card04 img {
            width:104%;
            position:absolute;
            top:0;
            bottom:0;
            left:-2%;
            right:0;
            margin:auto;
        }

    .hotarea_box .card04 > .caption {
        color:#979797;
        height:54px;
        padding:4px 0px 0px 0px;
        margin:0 auto;
        display:-webkit-box;
        text-align:justify; /*Firefox到此即可對齊*/
        text-justify:auto; /*IE需再加上此行*/
        display:-webkit-box;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
        overflow:hidden;
    }

    .hotarea_box .card04 .img-card04 .lovesee {
        position:absolute;
        font-weight:400 !important;
        padding:10px 0px;
        bottom:-54px;
        text-align:center;
        width:100%;
        color:#ffffff;
        background-color:#000000c7;
    }

        .hotarea_box .card04 .img-card04 .lovesee i {
            margin-right:5px;
        }

    .hotarea_box .card04:hover .lovesee {
        bottom:0px;
    }

    .hotarea_box .card04 > .price {
        color:#ff0000;
        text-align:right;
        float:right;
        letter-spacing:-.5px;
    }

        .hotarea_box .card04 > .price span {
            padding:0px 2px;
            font-weight:700 !important;
        }

/*Swiper*/
.swiper {
    width:100%;
    height:100%;
    margin-left:auto;
    margin-right:auto;
}


.swiper-slide {
    text-align:center;
    font-size:18px;
    height:calc((100% - 30px) / 2) !important;
    justify-content:center;
    align-items:center;
}

/*#Swiper01 {
    position:absolute;
}

#Swiper02 > .swiper-wrapper {    
    flex-direction:row!important;
}*/

#Swiper01 > .swiper-wrapper {
    flex-direction:row !important;
}

.swiper-pagination {
    margin-top:25px;
    position:relative;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    width:12px;
    height:12px;
    margin:2px 6px;
}

.card02 {
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:15px !important;
    margin-top:0px !important;
    border-radius:8px;
    overflow:hidden;
    position:relative;
    min-height:250px;
    max-height:250px;
}

    .card02 .caption {
        width:100%;
        position:absolute;
        bottom:0;
        padding:50px 15px 10px 15px;
        background-image:linear-gradient(#00000000 30%, #000000e0 80%);
    }

    .card02:hover .caption {
        cursor:pointer;
        padding:350px 15px 25px 15px;
        background-image:linear-gradient(#00000000 0%, #000000e0 50%);
    }

	.card02:hover .caption > i {
		font-size:60px;
		padding-bottom:12%;
		opacity:1;
	}

    .card02 .caption > i {
        font-size:30px;
        width:100%;
        text-align:center;
        opacity:0;
    }

    .card02 .caption > p {
        color:#ffffff;
        font-weight:500;
        font-size:17px;
        margin:0px;
        text-align:justify;
        display:-webkit-box;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
        overflow:hidden;
        letter-spacing:-.5px;
    }

    .card02 .caption > .price {
        color:#ff9800;
        line-height:28px;
        text-align:right;
        float:right;
        letter-spacing:-.5px;
    }

	.card02 .caption > .price span {
		font-weight:700 !important;
		padding:0px 2px;
		font-size:24px;
	}

    .card02 .caption > .lovesee {
        font-weight:400;
        color:#ffffff;
        text-align:left;
        float:left;
    }

	.card02 .caption > .lovesee i {
		font-weight:400;
		padding:13px 4px 0px 0px;
	}

    .card02 img {
        width:106%;
        height:auto;
        position:absolute;
        top:0;
        margin:0 auto;
        z-index:-1;
        background-size:cover;
        background-position:center center;
        background-repeat:no-repeat;
    }

.card03 {
    margin-top:0px !important;
}

    .card03 .caption {
        width:100%;
        text-align:center;
        color:#ffffff;
        font-weight:500;
        position:absolute;
        z-index:1;
        opacity:0;
        top:10px;
    }

    .card03:hover {
        cursor:pointer;
    }

	.card03:hover .caption {
		opacity:1;
		top:21%;
	}

    .card03 .caption p {
        margin:0px;
    }

    .card03 .caption .price {
        color:#ff9800;
        letter-spacing:-.5px;
    }

	.card03 .caption .price span {
		font-weight:700 !important;
		margin:0px 2px;
	}

    .card03 .captiontext {
        font-weight:500;
        font-size:17px;
        line-height:24px;
        height:56px;
        padding:4px 0px 8px 0px;
        margin:0 auto;
        margin-bottom:4px;
        text-overflow:ellipsis;
        text-align:justify;
        display:-webkit-box;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
        overflow:hidden;
    }

    .card03 img {
        width:102%;
        border-radius:8px;
    }

    .card03:hover img {
        filter:brightness(0.48);
    }

/*跑馬燈*/
.container_ann {
    width:100%;
    max-width:100%;
    border-radius:0px;
    padding:60px 0px 0px 0px;
    background-color:#ffffff;
}

#box_ann {
    width:100%;
    max-width:1300px;
    text-align:center;
    margin:0 auto;
}

.container_ann > .ann {
    line-height:46px;
    overflow:hidden;
    height:56px;
    border:0px solid;
    border-radius:10px;
    padding:2px 5px 2px 20px;
    letter-spacing:-.5px;
}

    .container_ann > .ann a {
        width:100%;
        display:-webkit-box;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:1;
        overflow:hidden;
    }

    .container_ann > .ann a:hover {
        text-decoration:none;
    }

    .container_ann > .ann a i,.container_ann > .ann i {
        margin-right:10px;
    }

/*浮動-全站搜索*/
.search_floatbox {
    z-index:8;
    width:100%;
    max-height:84px;
    min-height:84px;
    margin:0px auto;
    background-color:#626262;
    border-color:#626262;
}

.resulttext {
    color:#ffffff;
    text-align:center;
    line-height:40px;
    border-bottom:1px solid #454545;
}

    .resulttext span {
        font-weight:700;
        color:#3b94e6;
        margin:0px 3px;
    }

.search_floatbox .myexample ul {
    display:flex;
    margin:0px;
    list-style:none;
}

    .search_floatbox .myexample ul a {
        width:100%;
        text-align:center;
    }

        .search_floatbox .myexample ul a li {
            height:43px;
            line-height:32px;
            color:#ffffff;
            padding:5px 0px;
        }

            .search_floatbox .myexample ul a li:hover {
                background-color:#3b94e6 ;
                border-color:#3b94e6 ;
            }

        .search_floatbox .myexample ul a .lispan span p {
            display:contents;
        }

/*最新消息*/
.container_news {
    width:100%;
    max-width:100%;
    display:inline-block;
    border-radius:0px;
    padding:70px 2%;
    background-color:#ffffff;
}

#box_news {
    width:100%;
    max-width:1300px;
    margin:0 auto;
}

.container_news .newsblock_last,.fastblock_last {
    float:right;
    padding:4px 20px;
    margin:16px .35%;
    border-radius:30px;
    display:inline-block;
}

    .container_news .newsblock_last i,.fastblock_last i {
        margin-right:6px;
    }

    .container_news .newsblock_last p,.fastblock_last p {
        display:inline-block;
        margin:0px;
    }

    .container_news .newsblock_last:hover,.fastblock_last:hover {
        cursor:pointer;
        padding:4px 30px;
    }

.container_news .newsblock {
    width:32.63%;
    min-height:82px;
    margin:0px .35% 7px;
    float:left;
    font-weight:500;
    border:0px solid;
    border-radius:10px;
    text-align:justify;
    overflow:hidden;
    padding:3px 10px 0px 8px;
}

    .container_news .newsblock > i,.container_news .newsblock .newsimg {
        float:left;
        width:22%;
        height:66px;
        text-align:center;
    }

    .container_news .newsblock > i {
        font-size:38px;
        text-align:center;
        padding-top:16px;
    }

    .container_news .newsblock:hover i {
        transform:scale(1.3);
    }

    .container_news .newsblock .newsimg {
        overflow:hidden;
        margin:4px 0px;
        padding:2px 0px;
        border-radius:6px;
        background-color:#eef7ff6e;
    }

	.container_news .newsblock .newsimg > img {
		height:100%;
	}

    .container_news .newsblock > p {
        width:78%;
        height:48px;
        line-height:22px;
        float:left;
        margin:0px;
    }

    .container_news .newsblock span,.container_news .newsblock > p {
        padding-left:2%;
    }

    .container_news .newsblock span {
        line-height:18px;
        margin-bottom:0px;
    }

    .container_news .newsblock > p,.container_news .newsblock > p > a {
        text-decoration:none;
        display:-webkit-box;
        text-align:justify; /*Firefox到此即可對齊*/
        text-justify:auto; /*IE需再加上此行*/
        display:-webkit-box;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
        overflow:hidden;
        font-size:16px;
        letter-spacing:-.5px;
    }

/*快速列表*/
.container_fast {
    width:100%;
    max-width:100%;
    display:inline-block;
    border-radius:0px;
    padding:70px 2% 10px 2%;
    background-color:#ffffff;
}

.container_fast .container_h2 {
	margin-bottom:5px;
}

.box_fast {
    width:100%;
    max-width:1300px;
    margin:0 auto;
}

.fastblock_box {
    display:inline-block;
    width:100%;
}

.fastblock_last {
    margin-top:20px;
}

.fastblock {
    width:24.4%;
    float:left;
    margin:15px .3%;
    text-align:center;
}

    .fastblock:hover p {
        color:#3b94e6;
    }

    .fastblock > p {
        margin:0px;
        color:#a2a2a2;
        line-height:32px;
        height:32px;
        font-weight:400 !important;
    }

    .fastblock ul {
        display:flex;
        margin:0px;
    }

        .fastblock ul li {
            width:100%;
            margin:0px 2px;
            text-align:center;
            font-size:17px;
            line-height:42px;
            list-style:none;
            border-radius:6px;
            overflow:hidden;
            white-space:nowrap;
            text-overflow:ellipsis;
            background-color:#eef7ff;
            border:1px solid #cce2f6;
        }

            .fastblock ul li:hover {
                background-color:#3b94e6;
            }

            .fastblock ul li a {
                display:block;
                color:#333333;
                text-decoration:none;
                overflow:hidden;
                font-weight:500 !important;
                white-space:nowrap;
                text-overflow:ellipsis;
            }

                .fastblock ul li a:hover {
                    color:#ffffff;
                }

            .fastblock ul li:active {
                position:relative;
                top:3px;
            }

/*浮動-商品頁*/
.price_floatbox {
    z-index:8;
    width:100%;
    max-height:60px;
    min-height:60px;
    margin:0px auto;
    background-color:#ececec;
    border-color:#ececec;
}

    .price_floatbox > .container_hotarea {
        height:60px;
        position:relative;
    }

    .price_floatbox ul {
        list-style:none;
        margin-bottom:0rem;
    }

        .price_floatbox ul .open-dmbox {
            color:#ececec;
        }

        .price_floatbox ul li {
            float:left;
            list-style:none;
            color:#333333;
            height:60px;
            padding-left:1.5%;
            padding-right:1.5%;
            border-bottom:5px solid #ececec;
        }

		.price_floatbox ul li:hover {
			border-bottom:5px solid #333333;
		}

			.price_floatbox ul li:hover i,.price_floatbox ul li:hover p {
				color:#3b94e6;
			}

		.price_floatbox ul li > i {
			display:inline-block;
			font-size:18px;
			padding-right:6px;
			line-height:60px;
		}

		.price_floatbox ul li > .mt_close {
			float:right;
			line-height:58px;
			margin:0 auto;
			font-size:18px;
			font-weight:500;
		}

        .price_floatbox ul .dropdown-menu {
            width:100%;
            max-width:760px;
            border:0px;
            padding:0px;
            top:58px;
            border-radius:0px;
            background-color:#333333;
            box-shadow:0 0px 0px 0px rgb(0 0 0 / 0%);
        }

		.price_floatbox ul .dropdown-menu > .row {
			flex-wrap:nowrap;
			margin-right:0px;
			margin-left:0px;
		}

		.price_floatbox ul .dropdown-menu li {
			color:#ffffff;
			font-size:18px;
			height:44px;
			line-height:44px;
			padding:0px;
			font-weight:400;
			text-align:center;
			border:0px;
		}

		.price_floatbox ul .dropdown-menu li:hover {
			background-color:#3b94e6;
		}

		.price_floatbox ul .dropdown-menu li:first-of-type:hover,.price_floatbox ul .dropdown-menu li:last-of-type:hover {
			color: #ffffff;
			background-color:#333333;
		}

		.price_floatbox ul .dropdown-menu li a {
			font-size:22px;
			color:#ffffff;
			font-weight:600;
			height:44px;
			line-height:44px;
			display:block;
		}

    .price_floatbox a .gr-btn_check, .price_floatbox a .gr-btn_wait, .price_floatbox a .gr-btn_cancel, .price_floatbox .gr-btn_cancel {
        letter-spacing: 1px;
        height: 60px;
        line-height: 58px;
        border: 0px;
        padding: 0px 2%;
        position: absolute;
        top: 0px;
        right: 0px;
        font-weight: 700;
        font-size: 24px;
        transition: all .1s ease-in-out;
    }

    .price_floatbox a .gr-btn_check {
        top:0;
        color:#ffffff;
        background-color:#ff0000;
    }

    .price_floatbox a .gr-btn_wait {
        top:0;
		color:#ffffff;
        background-color:#b5b5b5;
    }

    .price_floatbox a .gr-btn_cancel {
        top:0;
		color:#ffffff;
        background-color:#b5b5b5;
    }

	.price_floatbox a .gr-btn_cancel:hover {
		cursor:no-drop;
	}

    .price_floatbox a .gr-btn_check:hover,.price_floatbox a .gr-btn_wait:hover {
        outline:0px;
        padding:0px 3%;
        transition:all .2s ease-in-out;
    }

/*分頁*/
.pcright-list .pagination {
    list-style:none;
    display:inline-block;
    width:100%;
    float:left;
    margin:50px 0px;
}

    .pcright-list .pagination > li {
        display:inline;
    }

        .pcright-list .pagination > li:first-child > a,.pcright-list .pagination > li:last-child > a {
            background-color:#f3f3f3;
            border-color:#f3f3f3;
            color:#3e3e3e;
        }

        .pcright-list .pagination > li a {
            font-family:Roboto, "PingFang TC", 微軟正黑體, "LiHei Pro", Arial, sans-serif !important;
            font-size:22px;
            padding:10px 1.2%;
            margin-right:3px;
            text-align:center;
        }

    .pcright-list .pagination .active a,.pcright-list .pagination .active a:focus,.pcright-list .pagination .active a:hover {
        color:#ffffff;
        padding:10px 2%;
        background-color:#3e3e3e;
        border-color:#3e3e3e;
    }

    .pcright-list .pagination > li a,.pcright-list .pagination > li a:focus,.pcright-list .pagination > li a:hover {
        color:#3e3e3e;
        background-color:#f3f3f3;
        border-color:#f3f3f3;
    }


/*商品頁-內容*/
.container_trip {
    width:98%;
    padding:80px 0px 0px 0px;
    margin:0px auto;
    background-color:#ffffff;
}

    .container_trip .trip_box > .col-12 {
        padding:0px 0px;
        margin:0px 0px;
    }

.trip_box {
    width:96%;
    max-width:1300px;
    margin:0 auto;
    margin-top:30px;
    margin-bottom:80px;
}

    .trip_box .col-xl-1,.trip_box .col-xl-2,.trip_box .col-xl-3,.trip_box .col-xl-4,.trip_box .col-xl-5,.trip_box .col-xl-6,.trip_box .col-xl-7,.trip_box .col-xl-8,.trip_box .col-xl-9,.trip_box .col-xl-10,.trip_box .col-xl-11,.trip_box .col-xl-12,
    .trip_box .col-lg-1,.trip_box .col-lg-2,.trip_box .col-lg-3,.trip_box .col-lg-4,.trip_box .col-lg-5,.trip_box .col-lg-6,.trip_box .col-lg-7,.trip_box .col-lg-8,.trip_box .col-lg-9,.trip_box .col-lg-10,.trip_box .col-lg-11,.trip_box .col-lg-12,
    .trip_box .col-md-1,.trip_box .col-md-2,.trip_box .col-md-3,.trip_box .col-md-4,.trip_box .col-md-5,.trip_box .col-md-6,.trip_box .col-md-7,.trip_box .col-md-8,.trip_box .col-md-9,.trip_box .col-md-10,.trip_box .col-md-11,.trip_box .col-md-12,
    .trip_box .col-sm-1,.trip_box .col-sm-2,.trip_box .col-sm-3,.trip_box .col-sm-4,.trip_box .col-sm-5,.trip_box .col-sm-6,.trip_box .col-sm-7,.trip_box .col-sm-8,.trip_box .col-sm-9,.trip_box .col-sm-10,.trip_box .col-sm-11,.trip_box .col-sm-12,
    .trip_box .col-xs-1,.trip_box .col-xs-2,.trip_box .col-xs-3,.trip_box .col-xs-4,.trip_box .col-xs-5,.trip_box .col-xs-6,.trip_box .col-xs-7,.trip_box .col-xs-8,.trip_box .col-xs-9,.trip_box .col-xs-10,.trip_box .col-xs-11,.trip_box .col-xs-12,
    .gr-rrbox .col-xl-1,.gr-rrbox .col-xl-2,.gr-rrbox .col-xl-3,.gr-rrbox .col-xl-4,.gr-rrbox .col-xl-5,.gr-rrbox .col-xl-6,.gr-rrbox .col-xl-7,.gr-rrbox .col-xl-8,.gr-rrbox .col-xl-9,.gr-rrbox .col-xl-10,.gr-rrbox .col-xl-11,.gr-rrbox .col-xl-12,
    .gr-rrbox .col-lg-1,.gr-rrbox .col-lg-2,.gr-rrbox .col-lg-3,.gr-rrbox .col-lg-4,.gr-rrbox .col-lg-5,.gr-rrbox .col-lg-6,.gr-rrbox .col-lg-7,.gr-rrbox .col-lg-8,.gr-rrbox .col-lg-9,.gr-rrbox .col-lg-10,.gr-rrbox .col-lg-11,.gr-rrbox .col-lg-12,
    .gr-rrbox .col-md-1,.gr-rrbox .col-md-2,.gr-rrbox .col-md-3,.gr-rrbox .col-md-4,.gr-rrbox .col-md-5,.gr-rrbox .col-md-6,.gr-rrbox .col-md-7,.gr-rrbox .col-md-8,.gr-rrbox .col-md-9,.gr-rrbox .col-md-10,.gr-rrbox .col-md-11,.gr-rrbox .col-md-12,
    .gr-rrbox .col-sm-1,.gr-rrbox .col-sm-2,.gr-rrbox .col-sm-3,.gr-rrbox .col-sm-4,.gr-rrbox .col-sm-5,.gr-rrbox .col-sm-6,.gr-rrbox .col-sm-7,.gr-rrbox .col-sm-8,.gr-rrbox .col-sm-9,.gr-rrbox .col-sm-10,.gr-rrbox .col-sm-11,.gr-rrbox .col-sm-12,
    .gr-rrbox .col-xs-1,.gr-rrbox .col-xs-2,.gr-rrbox .col-xs-3,.gr-rrbox .col-xs-4,.gr-rrbox .col-xs-5,.gr-rrbox .col-xs-6,.gr-rrbox .col-xs-7,.gr-rrbox .col-xs-8,.gr-rrbox .col-xs-9,.gr-rrbox .col-xs-10,.gr-rrbox .col-xs-11,.gr-rrbox .col-xs-12,
    .news_edit .col-xl-1,.news_edit .col-xl-2,.news_edit .col-xl-3,.news_edit .col-xl-4,.news_edit .col-xl-5,.news_edit .col-xl-6,.news_edit .col-xl-7,.news_edit .col-xl-8,.news_edit .col-xl-9,.news_edit .col-xl-10,.news_edit .col-xl-11,.news_edit .col-xl-12,
    .news_edit .col-lg-1,.news_edit .col-lg-2,.news_edit .col-lg-3,.news_edit .col-lg-4,.news_edit .col-lg-5,.news_edit .col-lg-6,.news_edit .col-lg-7,.news_edit .col-lg-8,.news_edit .col-lg-9,.news_edit .col-lg-10,.news_edit .col-lg-11,.news_edit .col-lg-12,
    .news_edit .col-md-1,.news_edit .col-md-2,.news_edit .col-md-3,.news_edit .col-md-4,.news_edit .col-md-5,.news_edit .col-md-6,.news_edit .col-md-7,.news_edit .col-md-8,.news_edit .col-md-9,.news_edit .col-md-10,.news_edit .col-md-11,.news_edit .col-md-12,
    .news_edit .col-sm-1,.news_edit .col-sm-2,.news_edit .col-sm-3,.news_edit .col-sm-4,.news_edit .col-sm-5,.news_edit .col-sm-6,.news_edit .col-sm-7,.news_edit .col-sm-8,.news_edit .col-sm-9,.news_edit .col-sm-10,.news_edit .col-sm-11,.news_edit .col-sm-12,
    .news_edit .col-xs-1,.news_edit .col-xs-2,.news_edit .col-xs-3,.news_edit .col-xs-4,.news_edit .col-xs-5,.news_edit .col-xs-6,.news_edit .col-xs-7,.news_edit .col-xs-8,.news_edit .col-xs-9,.news_edit .col-xs-10,.news_edit .col-xs-11,.gr-rrbox .col-xs-12 {
        float:left;
        margin:5px 0px;
    }

    .trip_box .gucbox img,.trip_box .gucbox iframe,.gr-rrbox .gucbox img,.trip_box .gucbox iframe,.news_edit > img,.news_edit p img,.news_edit div div img {
        max-width:100%;
        background-size:contain;
    }

.dtcard1,.dtcard2,.dtcard3,.dtcard4 {
    float:left;
    overflow:hidden;
    padding:0px 1%;
    margin:0px 0px 3% 0px;
    border:0px;
    background-color:#ffffff00;
}

    .dtcard1 img,.dtcard2 img,.dtcard3 img,.dtcard4 img {
        width:100%;
        position:relative;
        z-index:5;
    }

.dtcard1 {
    width:100%;
}

.dtcard1-left1,.dtcard1-right2 {
    width:49%;
    float:left;
}

.dtcard1-right1,.dtcard1-left2 {
    width:49%;
    float:right;
}

.dtcard2 {
    width:50%;
}

.dtcard3 {
    width:33.3333%;
}

.dtcard4 {
    width:25%;
}

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

.dtcard1-images,.dtcard2-images,.dtcard3-images,.dtcard4-images {
    width:100%;
    height:auto;
    position:relative;
    overflow:hidden;
    margin:0px;
    border-radius:5px;
    border:0px dashed #636363;
}

.dtcard1-images {
    min-height:320px;
}

.dtcard2-images {
    min-height:320px;
}

.dtcard3-images {
    min-height:220px;
}

.dtcard4-images {
    min-height:160px;
}

.divbox {
    width:100%;
    float:none;
}

.dtcard1-movies {
    width:100%;
    height:500px;
    min-height:300px;
    margin:0px auto;
}

.dtcard2-movies {
    width:49%;
    height:300px;
    min-height:200px;
    margin:0px 0.5%;
    float:left;
}

.dtcard1:hover .dtcard1-images img,.dtcard1:hover .dtcard2-images img,.dtcard1:hover .dtcard3-images img,
.dtcard2:hover .dtcard2-images img,.dtcard2:hover .dtcard3-images img,.dtcard3:hover .dtcard3-images img,
.dtcard4:hover .dtcard3-images img,.dtcard4:hover .dtcard4-images img {
    transform:scale(1.1,1.1);
}

.dtcard1-images:hover,.dtcard2-images:hover,.dtcard3-images:hover,.dtcard4-images:hover {
    cursor:cell;
}

.dtcard1-title,.dtcard2-title,.dtcard3-title,.dtcard4-title {
    margin:0px 0px 0px 0px;
}

    .dtcard1-title .AutoHeight {
        width:96%;
    }

    .dtcard2-title .AutoHeight {
        width:94%;
    }

.dtcard-imgname .AutoHeight {
    overflow:hidden;
    text-align:justify;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
}


.dtcard3-title .AutoHeight,.dtcard4-title .AutoHeight {
    width:100%;
}

.dtcard1-title .AutoHeight,.dtcard2-title .AutoHeight,.dtcard3-title .AutoHeight,.dtcard4-title .AutoHeight {
    width:100%;
    color:#333333 !important;
    font-size:17px !important;
    line-height:24px !important;
    font-weight:600;
    border:0px;
    padding:20px 0px 5px 0px;
    margin:0px 0px;
    resize:none;
    word-wrap:break-word;
    /*display:-webkit-box;*/
    /*-webkit-line-clamp:2;*/
    /*-webkit-box-orient:vertical;*/
    overflow:hidden;
    text-align:justify;
    text-overflow:ellipsis;
}

.dtcard4-title,.dtcard4-title .AutoHeight {
    width:100%;
    text-align:center;
}

.dtcard-content .AutoHeight {
    resize:none !important;
    width:100%;
    color:#636363 !important;
    font-size:14px !important;
    line-height:18px !important;
    font-weight:500 !important;
    border:0px;
    padding:0px;
    margin-top:0px;
    overflow:hidden;
    text-align:justify;
    text-justify:inter-ideograph;
}

@media screen and (max-width:1024px) and (min-width:801px) {
    .dtcard1-movies {
        height:460px;
    }

    .dtcard2-movies {
        height:260px;
    }
}

@media screen and (max-width:1024px) and (min-width:760px) {
    .dtcard4 {
        width:33.33%;
    }

    .dtcard3-images {
        min-height:160px;
    }

    .dtcard2-images {
        min-height:220px;
        margin-bottom:30px;
    }
}

@media screen and (max-width:800px) and (min-width:641px) {
    .dtcard1-movies,.dtcard2-movies {
        width:100%;
        height:380px;
        margin-bottom:2%;
    }
}

@media screen and (max-width:759px) and (min-width:641px) {
    .dtcard4,.dtcard3 {
        width:50%;
    }

    .dtcard2-images {
        min-height:220px;
        margin-bottom:30px;
    }
}

@media screen and (max-width:640px) and (min-width:300px) {
    .dtcard1-title .AutoHeight,.dtcard2-title .AutoHeight,.dtcard3-title .AutoHeight,.dtcard4-title .AutoHeight {
        padding:3px 0px 0px 0px;
    }

    .dtcard-content .AutoHeight {
        padding:3px 0px 20px 0px;
    }

    .dtcard1,.dtcard2,.dtcard3,.dtcard4,.dtcard1-left1,.dtcard1-right2,.dtcard1-right1,.dtcard1-left2 {
        width:100%;
    }

    .dtcard1-right1,.dtcard1-left2 {
        padding-right:0%;
    }

    .dtcard1-movies,.dtcard2-movies {
        width:100%;
        height:300px;
        margin-bottom:2%;
    }

    .dtcard2-images {
        min-height:auto;
        margin-bottom:30px;
    }
}

.container_trip .trip_h1 p {
    display:inline-block;
}

.trip_h1 {
    text-align:center;
    margin-top:60px;
    margin-bottom:10px;
}

    .trip_h1 p {
        font-size:24px;
        position:relative;
        top:-18px;
        font-weight:500;
        padding:0px 25px;
        margin:0 auto;
    }

	.trip_h1 p i {
		font-weight:600;
		margin-right:15px;
	}

.trip_box .gr-dl02 {
    margin-top:20px;
    margin-bottom:20px;
    overflow:auto !important;
}

.gr-dl02 p img,.gr-dl02 img {
    width:100%;
}

.trip_infobtn {
    padding:4px 20px;
    border-radius:30px;
    display:inline-block;
    margin:0px 8px;
}

.trip_infobtn:hover {
	cursor:pointer;
	color:#3b94e6;
	border:2px solid #3b94e6;
}

.icon_air {
    width:100%;
    max-width:38px;
    height:44px;
    opacity:.2;
    float:left;
}

.trip_day {
    font-size:24px;
    font-weight:900;
    margin-top:50px;
}

.trip_day,.trip_site,.trip_info > h3,.trip_info p,.trip_station p {
    padding-left:10px;
}

.trip_site {
    font-size:24px;
    color:#333333;
    margin-bottom:-15px;
}

    .trip_site span,.trip_site .trip_triangle {
        display:block;
        width:0px;
        height:0px;
        margin-top:5px;
        margin-left:-10px;
        border:20px solid;
    }

    .trip_site span {
        border-color:#ececec transparent transparent #ececec;
    }

    .trip_site p {
        position:relative;
        top:-35px;
        line-height:28px;
        font-weight:700;
        margin:0 auto;
    }

.trip_info {
    padding:4px 0px 10px 0px;
}

    .trip_info ul,.trip_info ol,.trip_info li,.trip_station ul,.trip_station ol,.trip_station li {
        list-style:none;
    }

    .trip_info > h3,.trip_info > h4 {
        font-size:18px;
        line-height:28px;
        font-weight:500;
        margin-bottom:0px;
    }

    .trip_info > h3 {
        color:#ff0000;
    }

    .trip_info > h4 {
        color:#333333;
    }

    .trip_info p {
        color:#636363;
        font-size:15px;
        line-height:25px;
        font-weight:400;
        margin-bottom:0px;
    }

        .trip_info p a,.trip_station a {
            color:#0000ff;
            text-decoration:underline
        }

            .trip_info p a:hover,.trip_station a:hover {
                background-color:#fff599;
            }

.trip_station .trip_s01,.trip_station .trip_s02 {
    color:#636363;
    overflow:hidden;
    text-align:justify;
    word-wrap:break-word;
}

.trip_station {
    width:100%;
    display:flex;
}

    .trip_station .trip_s01 {
        width:5%;
        min-width:55px;
        height:26px;
        line-height:25px;
		border-radius:50px;
        text-align:center;
        margin-right:.5%;
        margin-bottom:10px;
    }

    .trip_station .trip_s02 {
        width:94.5%;
        float:left;
    }

        .trip_station .trip_s02 p {
            line-height:25px;
            margin-bottom:10px;
        }

            .trip_info p > a,.trip_station .trip_s02 p > a {
                color:#00c0d4;
                font-weight:500;
            }

            .trip_station .trip_s02 p > span > .fa-info-circle,.trip_station .trip_s02 p .fa-info-circle {
                color:#ffb307;
                font-size:18px;
                padding-right:4px;
                position:relative;
                top:2px;
            }

.trip_sights {
    margin:20px 0px 40px 0px;
}

    .trip_sights > .row {
        margin-right:-12px;
    }

        .trip_sights > .row > .col-12 {
            padding-right:0px;
        }

    .trip_sights .owl-nav {
        display:none;
    }

    .trip_sights .owl-dots {
        margin-top:20px;
    }

.charc-img {
    position:relative;
    cursor:pointer;
    height:350px;
    overflow:hidden;
    text-align:center;
    padding:0px 0px;
    margin:15px 0px 20px 0px;
    border-radius:8px;
}

    .charc-img h2 {
        width:100%;
        z-index:5;
        color:#ffffff;
        position:absolute;
        top:40%;
        margin:0 auto;
        font-size:30px;
        font-weight:300;
    }

    .charc-img img {
        width:100%;
        border-radius:8px;
        -webkit-filter:brightness(.5);
    }

    .charc-img:hover img {
        -webkit-filter:brightness(.1);
    }

.tk-infor01,.tk-infor02,.tk-infor04,.tk-infor05 {
    width:32.333%;
    height:62px;
    float:left;
    margin:8px .5% 4px .5%;
    overflow:auto;
    border-radius:6px;
    border:1px solid #b5b5b5;
    background-color:#ffffff;
}

.tk-infor04 {
    width:100%;
    height:auto;
    padding:12px 0px 11px 0px;
    margin:3px .5%;
    overflow:hidden;
}

.tk-infor04-top {
    margin:10px .5% 0px .5%;
    width:100%;
    height:24px;
    text-align:right;
    border:0px solid #b5b5b5;
}

.tk-infor02,.tk-infor04,.tk-infor02 > .col .form-control,.tk-infor05 h3,.tk-infor01 p,.tk-infor05 p {
    font-size:17px;
    font-weight:400;
}

    .tk-infor02:hover,.tk-infor04:hover {
        box-shadow:0 0 0 .3rem rgb(221 245 255);
    }

    .tk-infor02 > label {
        padding:0 12px;
        text-align:center;
        float:left;
        height:60px;
        line-height:60px;
        background-color:#ddf5ff;
        margin-bottom:0px;
    }

        .tk-infor02 > label p {
            margin:0px;
        }

    .tk-infor02 > .col {
        padding:10px;
    }

        .tk-infor02 > .col .form-control {
            background-color:#ffffff;
        }

            .tk-infor02 > .col .form-control:hover {
                border:1px solid #3b94e6;
            }

    .tk-infor04 .col-12,.tk-infor04 .col-md-5,.tk-infor04 .col-md-3,.tk-infor04 .col-md-2,.tk-infor04 .col-md-1 {
        padding:0px;
        margin:0px;
    }

        .tk-infor04 .col-12 > label,.tk-infor04 .col-md-5 > label,.tk-infor04 .col-md-3 > label,.tk-infor04 .col-md-2 > label,.tk-infor04 .col-md-1 > label {
            width:100%;
            padding:8px 12px 6px 12px;
            margin:0;
            text-align:right;
        }

.tk-name {
    color:#3b94e6;
    text-align:left;
    text-align:justify;
}

.tk-name,.tk-number {
    font-size:20px;
    line-height:26px;
    padding:0px 12px;
    padding-top:3px;
    margin:0;
    font-weight:400;
}

.tk-number {
    text-align:right;
}

.tk-infor04 .tk-price {
    display:block;
    text-align:right;
    padding:0px;
    padding-right:12px;
}

.tk-infor04 .tk-number span {
    display:none;
}

.tk-price span {
    margin:0px 3px;
}

.tk-twprice,.tk-optprice {
    letter-spacing:-.5px;
    display:contents;
}

.tk-twprice {
    color:#f00;
    font-size:20px;
    font-weight:600;
}

.tk-optprice {
    color:#333333;
    font-size:14px;
    font-weight:600;
}

.tk-button {
    padding-right:12px !important;
}

    .tk-button .pop_losnum,.tk-button .pop_shownum,.tk-button .pop_addnum {
        width:30%;
        max-width:54px;
        height:30px;
        text-align:center;
        border-radius:3px;
        border:1px solid #b5b5b5;
        float:right;
    }

    .tk-button .pop_losnum,.tk-button .pop_addnum {
        background-color:#ced4da;
        background-repeat:no-repeat;
        background-position:center;
    }

    .tk-button .pop_losnum {
        background-size:18px 4px;
        background-image:url(../img/icon_losnum.png);
    }

    .tk-button .pop_addnum {
        background-size:18px 18px;
        background-image:url(../img/icon_addnum.png);
    }

    .tk-button .pop_losnum:hover {
        background-image:url(../img/icon_losnumw.png);
    }

    .tk-button .pop_addnum:hover {
        background-image:url(../img/icon_addnumw.png);
    }

    .tk-button .pop_addnum:hover,.tk-button .pop_losnum:hover {
        border:1px solid #3b94e6;
        background-color:#3b94e6;
    }

    .tk-button .pop_losnum,.tk-button .pop_shownum {
        margin-right:2%;
    }

.tk-infor05 {
    width:100%;
    height:auto;
    padding:10px 10px 2px 10px;
    border:4px solid #b5b5b5;
}

    .tk-infor05 h3 {
        text-align:left;
        line-height:24px;
        margin-top:0px;
        color:#ff0000;
        text-align:justify;
    }

    .tk-infor05 p {
        color:#000000;
        text-align:justify;
    }

.tk-infor01 {
    height:auto;
    border:0px solid #ff5e70;
    width:99%;
    padding:8px 15px;
    color:#ffffff;
    text-align:right;
    border-radius:6px;
    letter-spacing:-.5px;
    background-color:#ff1100;
}

    .tk-infor01 .tk-price01 {
        font-size:26px;
        font-weight:700;
        display:inline-block;
        color:#FFEB3B;
    }

        .tk-infor01 .tk-price01,.tk-infor01 .tk-price01 > span {
            margin-left:5px;
            margin-bottom:0px;
        }

.tk-infor05 h4 {
    font-size:17px;
    font-weight:400;
    text-align:left;
    line-height:26px;
    margin:0px 0px 4px 0px;
    color:#ff1100;
    text-align:justify;
}

.tk-infor05 .tk-useday {
    color:#3b94e6;
    display:block;
    line-height:26px;
    font-size:17px;
    padding-top:6px;
}

.tk-infor05 .tk-group {
    width:100%;
    display:inline-block;
    border-top:1px dashed #ff1100;
}

.tk-infor05 .tk-name {
    font-size:20px;
    line-height:26px;
    font-weight:700;
    padding:0px;
}

.tk-infor05 .tk-useex > span {
    display:block;
}

.tk-infor05 .tk-useex p {
    width:100%;
    color:#6d6d6d;
    font-size:15px;
    font-weight:400;
    display:inline-block;
    padding-bottom:8px;
    margin-bottom:0px;
    border-bottom:0px dashed #ff1100;
}

.tk-infor05 .tk-useex .tk-twprice {
    width:auto;
    min-width:90px;
    letter-spacing:-1px;
    text-align:right;
    float:right;
    color:#f00;
    font-size:17px;
    font-weight:600;
    padding-top:2px;
    padding-bottom:4px;
}

    .tk-infor05 .tk-useex .tk-twprice span {
        color:#000000;
        font-weight:400;
    }

    .tk-infor05 .tk-useex .tk-twprice b {
        font-weight:600;
    }

    .tk-infor05 .tk-useex .tk-twprice span,.tk-infor05 .tk-useex .tk-twprice b {
        margin-right:5px;
    }

.redline {
    border:4px solid #ff1100;
}

.marts_tk > .row {
    margin-right:0px;
    margin-bottom:6px;
}

.marts_tk .cdst {
    min-height:auto;
    line-height:38px;
    text-align:left;
    padding-left:6px;
    color:#333333;
    margin-bottom:20px;
    background-color:#ffffff00;
}

.marts_tk .form-group label {
    line-height:38px;
}

@media screen and (max-width:768px) and (min-width:300px) {
    .tk-infor04-top {
        display:none;
    }

    .tk-infor02 {
        width:99%;
        margin:10px .5% 0px .5%;
    }

    .tk-infor04 {
        height:auto;
        padding-top:8px;
        padding-bottom:10px;
        margin:10px .5% 0px .5%;
    }

        .tk-infor04 .row .col-12 {
            padding-bottom:8px;
            border-bottom:1px dashed #e6e6e6;
        }

        .tk-infor04 .col-12 > label,.tk-infor04 .col-md-5 > label,.tk-infor04 .col-6 label,.tk-infor04 .tk-number {
            text-align:left;
            padding:8px 0px 0px 12px;
        }

        .tk-infor04 .tk-price {
            text-align:right;
            padding-top:3px;
            padding-right:12px;
        }

            .tk-infor04 .tk-price label {
                text-align:right;
                padding-right:0px;
            }

        .tk-infor04 .tk-number {
            padding:5px 0px 5px 12px !important;
        }

            .tk-infor04 .tk-number span {
                display:inline-block;
                color:#333333;
                font-size:14px;
                font-weight:600;
                margin-left:5px;
            }

        .tk-infor04 .tk-button {
            display:flex;
            padding-right:0px !important;
            padding-top:12px;
            padding-bottom:2px !important;
            border-top:1px dashed #e6e6e6;
            border-bottom:0px dashed #e6e6e6 !important;
        }

            .tk-infor04 .tk-button label {
                display:none;
            }

    .tk-button .pop_losnum,.tk-button .pop_shownum,.tk-button .pop_addnum {
        width:33.33%;
        height:36px;
        max-width:-webkit-fill-available;
    }

    .tk-button .pop_losnum {
        margin:0px 12px 0px 6px;
    }

    .tk-button .pop_shownum {
        margin:0px 6px 0px 6px;
    }

    .tk-button .pop_addnum {
        margin:0px 6px 0px 12px;
    }

    .tk-infor02,.tk-infor04,.tk-infor02 > .col .form-control,.tk-infor05 h3,.tk-infor01 p,.tk-infor05 p {
        font-size:15px;
    }

    .tk-name,.tk-number {
        font-size:18px;
        line-height:24px;
        padding-top:0px;
    }

    .tk-button .pop_shownum,.tk-infor01 .tk-price01 {
        font-size:22px;
    }

    .rednone {
        display:none;
    }
}

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

    .card05:hover {
        cursor:pointer;
    }

.card05-imge {
    border-radius:8px;
    overflow:hidden;
}

.card05-info {
    opacity:0;
    position:absolute;
    width:100%;
    top:50%;
    text-align:center;
    border:0px;
    font-size:30px;
    font-weight:300;
    color:#ffffff;
    background-color:#00000000;
}

    .card05-info:hover,.card05-info:focus {
        outline:0px;
    }

.card05:hover .card05-imge img {
    filter:brightness(20%);
}

.card05:hover .card05-info {
    opacity:1;
    top:30%;
    transition:all .3s ease-in-out;
}

.card05-title {
    color:#000000;
    line-height:26px;
    margin:6px 0px 6px 0px;
}

.card05-line {
    width:20%;
    border-radius:5px;
    border:2px solid #ffa623;
}

.card05:hover .card05-line {
    width:95%;
}

#pop_attdea .modal-dialog {
    max-width:860px;
}

#pop_charc .modal-dialog {
    width:100%;
    max-width:900px;
}

#pop_charc .modal-body img {
    width:100%;
    border-radius:8px;
}

#pop_attdea .modal-body, #pop_tral .modal-body, #pop_checkCustomRWD2 .modal-body, #pop_charc .modal-body {
    padding:20px 2.5% 30px 2.5%;
}

    #pop_attdea .modal-body .noth4, #pop_tral .modal-body .noth4 {
        color:#333333;
        font-weight:400;
        line-height:32px;
        padding-top:5px;
        padding-bottom:10px;
    }

    #pop_attdea .modal-body .row, #pop_tral .modal-body .row {
        margin-right:0px;
        margin-left:0px;
    }

    #pop_attdea .modal-body .gimg {
        width:45%;
        float:left;
    }

    #pop_attdea .modal-body .gcontent {
        width:53%;
        margin-left:2%;
        float:left;
    }

    #pop_attdea .modal-body .gimg img {
        border-radius:6px;
        overflow:hidden;
    }

    #pop_attdea .modal-body .gcontent {
        font-weight:400 !important;
        padding-left:5px;
        padding-right:0px;
    }

        #pop_attdea .modal-body .gcontent p {
            color:#333333;
            text-align:justify;
            padding-top:1rem;
        }

    #pop_attdea .modal-body .Pop-btnmap {
        color:#333333;
        border:2px solid #333333;
        font-size:16px;
        font-weight:500;
        padding:5px 15px;
        border-radius:50px;
        display:inline-block;
    }

        #pop_attdea .modal-body .Pop-btnmap:hover {
            border:2px solid #ff5722;
            padding:5px 25px;
        }

            #pop_attdea .modal-body .Pop-btnmap:hover i {
                color:#ff5722;
            }

        #pop_attdea .modal-body .Pop-btnmap i {
            margin-right:8px;
        }

#pop_attdea ul {
    margin:0 auto;
    list-style:none;
}

#pop_attdea .g_num, #pop_attdea .g_are {
    color:#636363;
}

    #pop_attdea .g_num span, #pop_attdea .g_are span {
        color:#ff5722;
    }

#pop_tral .modal-body .form-group label {
    font-size:16px;
    padding-right:0px;
    padding-left:0px;
    padding-top:10px;
    margin:0 auto;
}

#pop_tral .modal-body .form-control, #pop_tral .modal-body textarea {
    padding:.375rem .5rem;
}

#pop_tral .modal-body #codeimg {
    width:100%;
    height:46px;
}

#pop_tral .modal-body textarea {
    min-height:100px;
}

.form-group:hover .form-control {
    border:1px solid #ff0000;
}

.trip_airbox01,.trip_airbox02,.trip_airbox03 {
    width:100%;
    border-radius:6px;
    display:inline-block;
    padding:.5rem .5rem;
    margin:2px 0px;
}

.trip_airbox01:hover .icon_air,.trip_airbox02:hover .icon_air,.trip_airbox03:hover .icon_air {
	opacity:.75;
}

.trip_goback {
    font-weight:300;
    height:44px;
    font-size:24px;
    border-radius:6px;
    color:#ffffff;
    text-align:center;
    line-height:44px;
}

.trip_goback {
    width:5%;
    text-align:center;
    float:left;
}

.trip_icon {
    width:6%;
    text-align:center;
    float:left;
}

.trip_airname,.trip_goday {
    padding-top:10px;
    font-size:18px;
    line-height:24px;
}

.trip_airname {
    width:19%;
    text-align:left;
    float:left;
}

.trip_airname,.trip_airname > span {
	padding-left:.5rem;
}

.trip_goday {
    width:35%;
    font-weight:700;
    padding-left:1rem;
    float:left;
}

    .trip_goday p {
        display:contents;
        font-weight:600;
        margin:0 auto;
    }

        .trip_goday p span {
            font-weight:400;
            margin:0px .5rem;
        }

            .trip_goday p span > i {
                color:#f00;
                line-height:10px;
                font-weight:700 !important;
                position:relative;
                top:-7px;
                left:2px;
                font-style:normal;
            }

.login_btfb,.login_google {
    float:left;
}

.login_btfb {
    margin:15px 0px 10px 25px;
}

.login_google {
    margin:15px 0px 10px 10px;
}

.btn_cancel3,.btn_cancel4 {
    color:#ffffff;
    padding:10px 12px;
    font-size:18px;
    font-weight:500;
    border-radius:5px;
}

.btn_cancel3 {
    background-color:#174fa9;
}

.btn_cancel4 {
    background-color:#de4535;
}

.btn_cancel3:hover {
    color:#ffffff;
    background-color:#00358a;
}

.btn_cancel4:hover {
    color:#ffffff;
    background-color:#ca2114;
}

.btn_cancel3:active,.btn_cancel4:active {
    position:relative;
    top:3px;
}

.login_member {
    width:75%;
    color:#333333;
    font-size:18px;
    font-weight:500;
    text-align:left;
    display:inline-block;
    margin:20px 0px 20px 40px;
}

    .login_member span {
        font-size:16px;
        color:#ff0000;
    }

.hintblack,.hintred {
    font-size:14px;
    position:relative;
    top:-6px;
    display:block;
    height:26px;
}

.hintblack {
    color:#333333;
}

.hintred {
    color:#ff0000;
}

.btn_unifiedch {
    font-size:18px;
    padding:.3rem .75rem;
    width:100%;
    color:#ffffff;
    background-color:#3b94e6;
    border:1px solid #3b94e6;
    border-radius:.25rem;
    margin-top:-1px;
}

    .btn_unifiedch:hover {
        color:#ffffff;
        background-color:#166ab7;
        border:1px solid #166ab7;
    }

/*事項收折*/
.trip_box > .wrap {
    padding:0px 0px 20px 0px;
}

    .trip_box > .wrap > .textp {
        line-height:25px;
        width:100%;
        color:#636363;
        max-height:9em;
        overflow:hidden;
        position:relative;
        text-align:justify;
    }

        .trip_box > .wrap > .textp:before {
            content:"";
            float:right;
            height:100%;
            margin-bottom:-1em;
            background:red;
        }

        .trip_box > .wrap > .textp:after {
            content:"";
            position:absolute;
            width:100%;
            height:100%;
            background:#ffffff;
        }

        .trip_box > .wrap > .textp > label {
            width:100%;
        }

            .trip_box > .wrap > .textp > label .btnmore {
                float:left;
                border:2px solid #ececec;
                right:0px;
                bottom:0px;
                font-weight:500;
                padding:6px 20px;
                border-radius:30px;
                margin:0px 0px 10px 0px;
            }

                .trip_box > .wrap > .textp > label .btnmore:hover {
                    cursor:pointer;
                    color:#ff0000;
                    border:2px solid #ff0000;
                }

    .trip_box > .wrap > .inp {
        display:none;
    }

        .trip_box > .wrap > .inp:checked + .textp {
            max-height:999em;
        }

            .trip_box > .wrap > .inp:checked + .textp .btnmore:before {
                visibility:hidden;
            }

            .trip_box > .wrap > .inp:checked + .textp .btnmore:after {
                content:"";
            }

            .trip_box > .wrap > .inp:checked + .textp:after {
                display:none;
            }

img {
    overflow:hidden;
    color:#a4a1a1;
    font-size:15px;
    font-weight:400;
    text-align:center;
}

.toplink_menu li i:last-of-type,.toplink_menu li a i:last-of-type,.container_menu .divbanner .divpopular span,
.item-price .price,.container_w2 .form-horizontal td > .price,.tenant_price2 .price_red,.hotarea_box .item > .card01 > .price,
.hotarea_box .card04 > .price,.card02 .caption > .price,.card03 .caption .price,
.container_news .newsblock span,.trip_goday p span > i {
    font-size:13px;
    font-weight:500;
}

.foot_box03 p,.main_side > li > p,.main_side .show .divexp,.item-area,.hotarea_box .item > .card01 > .lovesee,.card02 .caption > .lovesee {
    font-size:13px;
}

.toplink_head li,.toplink_menu li i:first-of-type,.container_menu > .divCity > li,.container_menu > .divexp,.sidebar .mlogin p, nav ul ul li a,
#search_bk .fa-times-circle,.search_block .row > div label,.daterangepicker .table-condensed tr:nth-of-type(2) th,.itembox-right .item-note,
.container_w2 .form-horizontal td > .text-center,.dataline,.container_w1price .price_list,.Pop-upmodal .modal-footer p,
.ind_h6ifon,.hotarea_box .card04 .img-card04 .lovesee i,.foot_inf > div,.panel-group label,.itembox-right .item-daybox,.trip_box > .wrap > .textp,
.trip_info p > span,.trip_station .trip_s01,.trip_station .trip_s02 p,.container_w2 textarea.form-control {
    font-size:15px;
}

    .city_areabox,.panel-group .ind_h4,.pcright-list .ind_h5,.pcright-list .list-sort span,.pcright-list .list-sort .in_pinfor,.itembox-right .item-daybox3,
    .container_w2 .form-horizontal th,.container_w2 .form-horizontal td,.container_w2 table.table_order td,.container_w2 .container .gr-rrbox p,
    .container_w2 .thxbox,.container_w2 .room_left,.container_w2 .cdst,.tenant_title,.tenant_price,.tenant_price2,.tenant_price p,.tenant_number,
    .container_w2.inpubox,.container_w2 .nots,.container_w2 .nots > .radws .radiobox li,.container_w2 .rwd-table td .price b,.ind_h6ul,.container_w2 .ind_h6ul .price,
    .ind_h6ul .price,.container_w2 .rwd-table td .btn-oder,.container_w1price .price_list span,.itinerary,.Pop-upmodal .icon-mem > i,.PopupDate .modal-body h4.poptit,
    .PopupDate .modal-body table.table_cus,.hotarea_box .item > .card01 > .caption,.hotarea_box .card04 > .caption,.container_ann > .ann,.container_news .newsblock_last,
    .fastblock_last,.fastblock > p, #pop_attdea .modal-body .gcontent,.trip_box > .wrap > .textp > label .btnmore,.card05-title,.trip_infobtn,
    #waypoint .nav-tabs .nav-link,.web_bread li,.web_bread li a:hover,.web_bread li.active a,.city_keyword {
        font-size:17px;
        font-weight:600;
    }

.toplink_menu .link,.container_menu .divbanner .divpopular span i, nav ul li a,.search_box > .search_menu > ul > li,.search_block .row > div select,
.search_block .row > div input, #filter_price .btn-primary,.itembox-right .item-name,.container_w2 .grunotbox,.mcchoose ul > li,.PopupDate .ind_modalh5,
.hotarea_menu .nav-item,.news_edit {
    font-size:19px;
}

.pcleft-filter .ind_h3,.pcright-list .ind_h3,.container_w2 > .trip_h1 p,.container_w2 > .trip_h2 p,.container_w2 .form-horizontal td > .price b,
.container_w2 .container .gr-tvlday p,.tenant_price2 span,.container_w2 .nots > .radws .radiobox li label span,.PopupDate .modal-body h4.hidden-xs,
.hotarea_box .card04 .img-card04 .lovesee,.card03 .caption, #pop_attdea .modal-body .noth4, #pop_tral .modal-body .noth4 {
    font-size:22px;
    font-weight:600;
}

    .search_btn,.item-price .price span,.container_w2 .thxbox p font,.container_w2 .vercode div .sor-btn_cancel,.container_w2 .vercode div .sor-btn_check,.container_w2 .sor_gounnot .sor-btn_cancel,
    .container_w2 .sor_gounnot .sor-btn_check,.sor-btn_save,.container_w1price .gr-btn_check,.container_w1price .gr-btn_wait,.container_w1price .gr-btn_cancel,.gr-btn_loading,
    .hotarea_box .item > .card01 > .price span,.hotarea_box .card04 > .price span,.card03 .caption .price span,.card03 .caption > span {
        font-size:24px;
        font-weight:600;
    }

.container_w2 .padlrb .texare_st > p {
    font-size:14px;
    line-height:24px;
    font-weight:400;
	color:#333333!important;
}

/*熱門票券*/
.hotticket_tkbox {
    width:100%;
    margin:30px 0px 60px 0px;
    padding:0px 0px;
    display:block;
    position:relative;
    overflow:hidden;
}

.tkbox {
    float:left;
    width:25%;
    padding:.5%;
    margin:0px auto;
}

    .tkbox:hover .text00 {
        opacity:0;
    }

.tkbox1,.tkbox2 {
    width:100%;
    height:300px;
    margin:auto;
    text-align:center;
    border-radius:6px;
    color:#ffffff;
}

.tkbox1 {
    padding:59px 4% 0px 4%;
    opacity:1;
    z-index:98;
    background-color:#f1f1f1;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    text-shadow:0 0px 10px #0000007d;
}

.tkbox2 {
    padding:59px 4% 0px 4%;
    opacity:0;
    z-index:99;
    position:relative;
    margin-top:-300px;
    background-color:#000000d1;
}

    .tkbox2:hover,.text02:hover {
        opacity:1;
    }

#ticket1 {
    background-image:url(https://galaxy6.sabretn.com.tw/ContentCustomRWD1/img/bk_001.jpg);
}

#ticket2 {
    background-image:url(https://galaxy6.sabretn.com.tw/ContentCustomRWD1/img/bk_002.jpg);
}

#ticket3 {
    background-image:url(https://galaxy6.sabretn.com.tw/ContentCustomRWD1/img/bk_003.jpg);
}

#ticket4 {
    background-image:url(https://galaxy6.sabretn.com.tw/ContentCustomRWD1/img/bk_004.jpg);
}

#ticket5 {
    background-image:url(https://galaxy6.sabretn.com.tw/ContentCustomRWD1/img/bk_005.jpg);
}

#ticket6 {
    background-image:url(https://galaxy6.sabretn.com.tw/ContentCustomRWD1/img/bk_006.jpg);
}

#ticket7 {
    background-image:url(https://galaxy6.sabretn.com.tw/ContentCustomRWD1/img/bk_007.jpg);
}

#ticket8 {
    background-image:url(https://galaxy6.sabretn.com.tw/ContentCustomRWD1/img/bk_008.jpg);
}

#ticket9 {
    background-image:url(https://galaxy6.sabretn.com.tw/ContentCustomRWD1/img/bk_009.jpg);
}

#ticket10 {
    background-image:url(https://galaxy6.sabretn.com.tw/ContentCustomRWD1/img/bk_010.jpg);
}

.text00,.text01 {
    width:100%;
    color:#ffffff;
    display:block;
    font-size:24px;
    height:44px;
    font-weight:600;
    margin-bottom:10px;
    text-decoration:none;
}

.text00 {
    line-height:36px;
}

.text01 {
    border-bottom:1px solid #ffffff66;
}

.text02 {
    font-size:18px;
    line-height:24px;
    margin-bottom:10px;
    width:100%;
    display:block;
    color:#ffffff;
    text-decoration:none;
}

    .text01:hover,.text02:hover {
        color:#ffc107;
        text-decoration:none;
    }

@media screen and (max-width:1024px) and (min-width:300px) {
    .icon_air {
        height:48px;
    }

    .trip_goback {
        height:48px;
        line-height:46px;
    }

    .trip_airname,.trip_goday {
        padding-top:0px;
    }

        .trip_goday p {
            display:block;
            font-weight:700;
        }

            .trip_goday p span {
                margin:0px .5rem 0px 0px;
            }

        .trip_airname > span {
            display:block;
            padding-left:0rem;
        }
}

@media screen and (max-width:800px) and (min-width:300px) {
    .icon_air {
        max-width:36px;
        height:42px;
        margin-left:-20px;
    }

    .trip_goday {
        padding-left:.5rem;
    }

    .trip_airname,.trip_airname,.trip_goday {
        font-size:15px;
        line-height:20px;
        padding-top:0px;
        font-weight:700;
    }

        .trip_airname > span {
            display:block;
            padding-left:0px;
        }

    .trip_goback {
        font-size:20px;
        border-radius:6px;
        height:42px;
        line-height:42px;
    }

    .trip_goday p span > i {
        top:-3px;
    }

    .PopupDate .modal-body table.table_cus {
        font-size:16px;
        line-height:24px;
        letter-spacing:-.5px;
    }

    .PopupDate .modal-body table .dispan {
        min-width:130px !important;
        max-width:130px !important;
    }
}

@media screen and (max-width:768px) and (min-width:260px) {
    .container_w2 .rwd-table td .btn-oder {
        width:100%;
        float:right;
        max-width:44%;
        padding:0px 10px;
        margin:5px 0% 10px 0%;
    }
}

@media screen and (max-width:600px) and (min-width:300px) {
    .icon_air {
        width:auto;
        max-width:36px;
        height:70px;
        margin-left:0px;
    }

    .trip_goback {
        width:6%;
        height:70px;
        font-size:18px;
        font-weight:500;
        line-height:66px;
        border-radius:4px;
    }

    .trip_airname {
        width:94%;
        padding-bottom:2px;
    }

        .trip_airname > span {
            display:inline-block;
            padding-left:.5rem;
        }

    .trip_icon {
        width:3%;
    }

    .trip_goday {
        width:45.5%;
    }

        .trip_goday p span {
            display:block;
            font-size:22px;
            font-weight:300;
            margin:4px 0px 6px 0px;
        }

    .trip_airbox01,.trip_airbox02,.trip_airbox03 {
        padding:.3rem .5rem .3rem .3rem;
    }

        .trip_airbox01 .trip_goday:last-of-type,.trip_airbox02 .trip_goday:last-of-type,.trip_airbox03 .trip_goday:last-of-type {
            text-align:right;
        }
}

@media screen and (max-width:640px) and (min-width:280px) {
    .trip_h1 p i {
        margin-right:10px;
    }

    .trip_day {
        font-size:22px;
    }

    .trip_site {
        font-size:20px;
    }

    .trip_station .trip_s01 {
        height:25px;
    }

    .trip_info p,.trip_station .trip_s01,.trip_station .trip_s02 p,.trip_infobtn,.trip_box > .wrap > .textp > label .btnmore {
        font-size:15px;
        line-height:24px;
    }

    #pop_attdea .modal-body {
        padding:5% 5% 7% 5%;
    }

        #pop_attdea .modal-body .gimg, #pop_attdea .modal-body .gcontent {
            width:100%;
        }

        #pop_attdea .modal-body .gcontent {
            margin-left:0%;
            padding-top:20px;
            padding-left:0px;
            padding-right:0px;
        }

    .container_w2 .room_left,.container_w2 .cdst {
        width:100%;
    }

    .container_w2 .container .gr-rrbox p {
        font-size:16px;
        line-height:24px;
    }

    .container_w2.inpubox .cdst {
        margin-bottom:10px;
    }
}

/*航司專區*/
.container_airzone,.container_help {
    width:100%;
    display:flex;
    padding:60px 10px;
    margin:0px auto;
}

.container_airzone {
    background-color:#ffffff;
}

#box_airzone, #box_help {
    width:100%;
    max-width:1300px;
    margin:0 auto;
}

.airzone_jpg a {
    width:24%;
    float:left;
    display:block;
    overflow:hidden;
    text-align:center;
    padding:6px 0px;
    margin:.5% .5% !important;
    border-radius:10px;
    background-color:#ffffff;
    box-shadow:0px 5px 10px 0px rgb(0 0 0 / 5%);
}

    .airzone_jpg a:hover {
        box-shadow:0px 5px 10px 0px rgb(0 0 0 / 15%);
    }

.airzone_jpg img {
    opacity:.7;
    max-width:180px;
}

.airzone_jpg a:hover img {
    opacity:1;
    transform:scale(1.07);
}

/*回top*/
.float_icon {
    width:48px;
    display:block;
    position:fixed;
    right:6px;
    bottom:0px;
    z-index:8;
}

    .float_icon ul {
        list-style:none;
    }

.icon_line,.icon_fb,.icon_google,.icon_instagram,.cd-top,.ts_track,.ts_shopping {
    display:inline-block;
    overflow:hidden;
    text-indent:100%;
    white-space:nowrap;
    -webkit-transition:opacity .3s 0s,visibility 0 .3s;
    -moz-transition:opacity .3s 0s,visibility 0 .3s;
    transition:opacity .3s 0s,visibility 0 .3s;
    z-index:99999;
    background-size:100%;
}

.icon_line,.icon_fb,.icon_google,.icon_instagram,.cd-top,.ts_track,.ts_shopping,.icon_ts_track,.icon_ts_shopping {
    position:relative;
    height:40px;
    width:40px;
    border-radius:25px;
    margin-bottom:1px;
    opacity:1;
    right:0px;
    visibility:visible;
    background-repeat:no-repeat;
}

.icon_line {
    background-image:url(../img/icon_line.svg);
}

.icon_fb {
    background-image:url(../img/icon_fb.svg);
}

.icon_google {
    background-image:url(../img/icon_google.svg);
}

.icon_instagram {
    background-image:url(../img/icon_instagram.svg);
}

.icon_ts_track {
    background-size:cover;
    background-image:url(../../ContentCustomRWD2/img/icon_ts_track1.svg);
}

    .icon_ts_track.act {
        background-size:cover;
        background-image:url(../../ContentCustomRWD2/img/icon_ts_track3.svg);
    }

    .icon_ts_track.act {
        opacity:1.0 !important;
    }

.icon_ts_shopping {
    background-size:cover;
    background-image:url(../../ContentCustomRWD2/img/icon_ts_shopping1.svg);
}

    .icon_ts_shopping.act {
        background-image:url(../../ContentCustomRWD2/img/icon_ts_shopping2.svg);
    }

.ts_track {
    background-image:url(../../ContentCustomRWD2/img/ts_track.svg);
}

.track_d.ts_track {
    background-image:url(../../ContentCustomRWD2/img/icon_ts_track1.svg);
}

    .track_d.ts_track.act {
        background-image:url(../../ContentCustomRWD2/img/icon_ts_track3.svg);
    }



.ts_shopping {
    background-image:url(../../ContentCustomRWD2/img/ts_shopping01.svg);
}

    .ts_shopping.act {
        background-image:url(../../ContentCustomRWD2/img/ts_shopping02.svg);
    }

    .ts_shopping > i {
        background-color:#ff1100;
        width:20px;
        height:16px;
        display:flex;
        font-size:12px;
        color:#ffffff;
        font-style:normal;
        line-height:14px;
        text-align:center;
        font-weight:700;
        border-radius:10px;
        position:relative;
        top:5px;
        right:-10px;
    }

.container_box ul .tsbox {
    background-color:#ffffff00;
    display:inline-block;
    width:40px;
    height:40px;
    float:left;
    border-radius:20px;
    padding:0px;
    margin:22px 10px 0px 0px;
    transition:all .15s ease-in-out;
}

    .container_box ul .tsbox i {
        width:40px;
        height:40px;
        display:inline-block;
        display:block;
        float:left;
        opacity:0.2;
    }

        .container_box ul .tsbox i:hover {
            cursor:pointer;
            opacity:1.0;
            transition:all .25s ease-in-out;
        }


        .container_box ul .tsbox i.ts_track {
            opacity:.5;
            background-size:cover;
            background-position:0;
            background-image:url(../../ContentCustomRWD2/img/icon_ts_track1.svg);
        }

            .container_box ul .tsbox i.ts_track:hover {
                opacity:1.0;
                background-image:url(../../ContentCustomRWD2/img/icon_ts_track2.svg);
            }

            .container_box ul .tsbox i.ts_track.act {
                background-position:0;
                background-image:url(../../ContentCustomRWD2/img/icon_ts_track3.svg);
                opacity:1.0;
            }

        .container_box ul .tsbox i.ts_shopping {
            opacity:.5;
            background-size:cover;
            background-position:0;
            background-image:url(../../ContentCustomRWD2/img/icon_ts_shopping1.svg);
        }

            .container_box ul .tsbox i.ts_shopping:hover {
                opacity:1.0;
            }

    .container_box ul .tsbox:hover {
        transform:scale(1.2);
    }

    .container_box ul .tsbox i.ts_shopping {
        background-size:cover;
        background-position:0;
        background-image:url(../../ContentCustomRWD2/img/icon_ts_shopping1.svg);
    }

        .container_box ul .tsbox i.ts_shopping:hover {
            background-image:url(../../ContentCustomRWD2/img/icon_ts_shopping2.svg);
        }

        .container_box ul .tsbox i.ts_shopping.act {
            background-position:0;
            background-image:url(../../ContentCustomRWD2/img/icon_ts_shopping3.svg);
            opacity:1.0;
        }

/*追蹤列表*/
.track_box {
    margin-bottom:0px;
}

    .track_box > .trip_h1 {
        border-top:1px solid #ff9800;
    }

        .track_box > .trip_h1 p {
            color:#ff9800;
        }

            .track_box > .trip_h1 p i {
                margin-right:8px;
            }

    .track_box > .red {
        color:#0008ff;
        text-align:left !important;
        line-height:22px;
    }

    .track_box > .table_unlin {
        margin-bottom:0px;
    }

        .track_box > .table_unlin tr { /* padding-left:10px; */
            border-bottom:1px solid #aaaaaa;
        }

            .track_box > .table_unlin tr > td {
                padding:12px 0;
            }

                .track_box > .table_unlin tr > th:nth-of-type(1),.track_box > .table_unlin tr > td:nth-of-type(1) {
                    width:12%;
                    text-align:left;
                    padding-left:1%;
                }

                .track_box > .table_unlin tr > th:nth-of-type(2),.track_box > .table_unlin tr > td:nth-of-type(2) {
                    width:70%;
                    text-align:left;
                }

                .track_box > .table_unlin tr > th:nth-of-type(3),.track_box > .table_unlin tr > td:nth-of-type(3) {
                    width:13%;
                    text-align:left;
                }

                .track_box > .table_unlin tr > th:nth-of-type(4),.track_box > .table_unlin tr > td:nth-of-type(4) {
                    width:5%;
                    text-align:center;
                }

                .track_box > .table_unlin tr > th:nth-of-type(1) p,.track_box > .table_unlin tr > td:nth-of-type(1) p {
                    margin:0px;
                }

            .track_box > .table_unlin tr:last-of-type {
                border-bottom:1px solid #ffffff;
            }

        .track_box > .table_unlin td .track_item {
            line-height:24px;
            color:#3e3e3e;
            cursor:pointer;
            margin:0;
        }

        .track_box > .table_unlin td a .track_item:hover {
            color:#0011ff;
            text-decoration:underline;
        }

    .track_box p.track_dall {
        display:inline-block;
        font-size:14px;
        line-height:24px;
        padding:2px 10px;
        margin:1px 0px;
        border-radius:5px;
        float:right;
        color:#333333;
        font-weight:500;
        border:1px solid #333333;
    }

        .track_box p.track_dall:hover {
            cursor:pointer;
            color:#ffffff;
            border:1px solid #333333;
            background-color:#333333;
            -webkit-transition:all .1s ease-in-out;
            transition:all .1s ease-in-out;
        }

    .track_box > .table_unlin td .track_price {
        font-size:22px;
        line-height:22px;
        color:#ff0000;
        font-weight:700;
        text-align:left;
        margin:0;
    }

        .track_box > .table_unlin td .track_price > span {
            display:inline-block;
            margin-right:4px;
            font-weight:500;
            font-size:13px;
        }

    .track_box > .table_unlin td p.track_d {
        min-width:30px;
        min-height:30px;
        max-width:30px;
        max-height:30px;
        color:#ffffff;
        background-color:#ebebeb;
        float:right;
        border-radius:4px;
        line-height:normal;
        padding:4px 0px 0px 0px;
        margin:2px;
        text-align:center;
        font-size:16px;
    }

        .track_box > .table_unlin td p.track_d i {
            font-size:20px;
            text-align:center;
        }

        .track_box > .table_unlin td p.track_d:hover {
            cursor:pointer;
            color:#ffffff;
            background-color:#3e3e3e;
            -webkit-transition:all .1s ease-in-out;
            transition:all .1s ease-in-out;
        }

        .track_box > .table_unlin td p.track_d:active {
            position:relative;
            top:2px;
        }

    .track_box .track_dall:active {
        position:relative;
        top:-15px;
    }

.ind_h5 p {
    font-size:2.4rem;
    color:#3e3e3e;
    font-weight:bold;
}

.cd-top.cd-fade-out {
    opacity:0;
}

.cd-top.cd-is-visible {
    opacity:1;
}

.cd-top {
    opacity:0;
    background-image:url(../img/icon_gotop.svg);
}

    .icon_line:hover,.icon_fb:hover,.icon_google:hover,.icon_instagram:hover,.cd-top:hover,.cd-top.cd-is-visible:hover {
        right:8px;
        transform:scale(1.1);
        opacity:1;
    }

/*價格拉霸*/
#amount, #amountm {
    font-size:18px;
    padding:4px 0px;
    color:#ff1500;
    font-weight:600 !important;
    border:0px;
    width:100%;
    background-color:#ffffff00;
    outline:none;
}

#collapseOne .ui-widget.ui-widget-content, #filter_price .ui-widget-content {
    z-index:6 !important;
    margin:10px 0px;
    border-radius:0px;
    background-color:#ffffff00;
    border:0 !important;
    width:90%;
    margin-left:5%;
}

#collapseOne .ui-widget-header {
    background:#ffc513;
}

#collapseOne .ui-state-default, #collapseOne .ui-widget-content .ui-state-default, #filter_price .ui-widget-content .ui-state-default {
    border-radius:15px;
    height:20px;
    width:20px;
    top:-8px;
    border:3px solid #ff8b13;
    background:#ffffff;
    font-weight:normal;
    color:#ffc513;
}

#collapseOne .ui-widget-header, #filter_price .ui-widget-header {
    background:#ffc513;
}

#collapseOne .ui-state-default, #collapseOne .ui-widget-content .ui-state-default, #filter_price .ui-widget-content .ui-state-default {
    border-radius:15px;
    height:20px;
    width:20px;
    top:-8px;
    border:3px solid #ff8b13;
    background:#ffffff;
    font-weight:normal;
    color:#ffc513;
}

    #collapseOne .ui-state-default, #collapseOne .ui-widget-content .ui-state-default:focus, #filter_price .ui-state-default, #filter_price .ui-widget-content .ui-state-default:focus {
        outline:none;
    }

#collapseOne .ui-widget-content a:hover, #filter_price .ui-widget-content a:hover {
    outline:none;
    cursor:pointer;
    height:24px;
    width:24px;
    top:-10px;
    margin-left:-11px;
    left:0px;
    background-color:#ff7513;
    border:3px solid #ff7513;
    border-radius:24px;
}

#collapseOne .ui-slider-horizontal .ui-slider-range, #filter_price .ui-slider-horizontal .ui-slider-range {
    top:-2px;
    height:8px;
}

#collapseOne .ui-widget-content a, #filter_price .ui-widget-content a {
    padding:0px 0px;
}

/*小幫手*/
.container_help {
    padding:80px 10px;
}

.help_left,.help_right {
    width:49%;
    margin:0px .5%;
    float:left;
    text-align:center;
}

.help_left .container_h2,.help_right .container_h2 {
	padding-bottom:10px;
	margin-bottom:20px;
}

.help_down,.help_link {
    cursor:pointer;
    width:32.13%;
    float:left;
    font-weight:400;
    font-size:17px;
    line-height:24px;
    padding:8px 2px;
    margin:.6%;
    border-radius:6px;
    box-shadow:0px 5px 10px 0px rgb(0 0 0 / 5%);
}

.help_down:hover,.help_link:hover {
	color:#ffffff;
	box-shadow:0px 5px 10px 0px rgb(0 0 0 / 15%);
}

.help_down:active,.help_link:active,.btn_unifiedch:active {
	position:relative;
	top:3px;
}

/*底部*/
.container_foot {
    width:100%;
    position:relative;
    display:inline-block;
    margin-top:60px;
    padding:80px 10px 40px 10px;
}

#box_foot {
    width:100%;
    max-width:1300px;
    margin:0 auto;
}

.foot_logo {
    width:100%;
    margin-bottom:30px;
}

    .foot_logo > a > .foot_top {
        max-width:180px;
    }

    .foot_logo > a > .foot_mark {
        /*max-width:100%;*/
        max-width:fit-content;
        max-height:45px;
        float:right;
        padding:2px 2px;
        margin-top:0px;
        margin-left:5px;
        border-radius:5px;
        background-color:#ffffff;
    }

        .foot_logo > a > .foot_mark:hover {
            transform:scale(1.1);
        }

.foot_inf {
    width:100%;
}

    .foot_inf > div {
        float:left;
        line-height:26px;
    }

.foot_box01 {
    width:34%;
}

.foot_box02 {
    width:16%;
}

.foot_box01,.foot_box02 {
    margin-bottom:40px;
}

.foot_box03 {
    width:100%;
    text-align:center;
    margin-top:30px;
}

.foot_box01,.foot_box01 p,.foot_box01 p a {
    font-weight:400;
    margin:0 auto;
    text-decoration:none;
}

    .foot_box01 p i {
        margin-right:8px;
    }

    .foot_box01 p a,.foot_box01 a {
        color:#ffffff;
    }

    .foot_box01 .foot_btn {
        float:left;
        color:#ffffff;
        background-color:#2780d1;
        border:1px solid #ffffff;
        padding:0px 15px 2px 15px;
        margin:0px 8px 8px 0px;
    }

        .foot_box01 .foot_btn:hover {
            cursor:pointer;
            color:#2780d1 !important;
            background-color:#ffffff;
        }

.foot_box02 p,.foot_box02 p a {
    display:block;
    font-weight:400;
    text-decoration:none;
    color:unset;
    margin:0px;
}

.foot_box01 a:hover,.foot_box02 a:hover {
    text-decoration:underline;
}

.foot_box03 p {
    line-height:20px;
}

.foot_qrcode {
    float:right;
    max-width:140px;
}

/*視差滾動*/
.parallax1 {
    /*background:url("https://images.pexels.com/photos/2087391/pexels-photo-2087391.jpeg")center center no-repeat;*/
}

.parallax2 {
    /*background:url("https://images.pexels.com/photos/1010640/pexels-photo-1010640.jpeg")center center no-repeat;*/
}

.parallax1,.parallax2 {
    min-height:60vh;
    padding:130px 2%;
    background-attachment:fixed !important;
    background-size:cover !important;
}

    .parallax1 p,.parallax2 p {
        font-size:46px;
        font-weight:700;
        text-shadow:0px 4px 6px #00000080;
        color:#ffffff;
        width:100%;
        line-height:52px;
        letter-spacing:2px;
        text-align:center;
        margin:0 auto;
    }

@media screen and (max-width:1420px) and (min-width:280px) {
    .carousel-control-prev {
        left:10px;
    }

    .carousel-control-next {
        right:10px;
    }

    #box_ann {
        width:95%;
    }
}

@media screen and (max-width:1200px) and (min-width:960px) {
    .toplink_menu .link {
        font-size:18px;
    }
}

@media screen and (max-width:1200px) and (min-width:280px) {
    .jpgbk {
        opacity:0;
    }

    .jpgbanner .carousel-inner .carousel-item > a > .w-100 {
        width:104% !important;
        margin-left:-2%;
    }

    .search_box > .search_menu > ul > li {
        font-size:17px;
    }

    .hotarea_menu .nav-item {
        font-size:17px;
        line-height:20px;
    }

    .hotarea_menu {
        height:54px;
        overflow:auto;
        border-bottom:0px solid #a2a2a2;
    }

        .hotarea_menu > .nav-tabs {
            width:960px;
        }

        .hotarea_menu .nav-item:last-of-type {
            margin-right:15px;
        }

        .hotarea_menu > .nav-tabs .nav-link {
            border-bottom:2px solid #3b94e61f;
        }

    .hotarea_box .item {
        padding:0px 0px 15px 0px;
    }
}

@media screen and (max-width:1100px) and (min-width:280px) {
    .toplink_menu li .link i:first-of-type,.itembox-right .item-bottom a:last-of-type {
        display:none;
    }

    .search_box > .search_menu > ul {
        display:flex;
    }

        .search_box > .search_menu > ul li {
            display:block;
        }

        .search_box > .search_menu > ul > li > .nav-link {
            padding:.5rem 0px;
        }

    .search_block .row > div label {
        width:100%;
        font-weight:500;
        font-size:13px;
    }

    .search_block .row > div select,.search_block .row > div input {
        font-size:17px;
    }

    .container_box1 {
        overflow:hidden;
        padding:40px 0px 40px 15px;
    }

    .container_box2,.container_airzone,.container_foot {
        padding:50px 10px;
    }

    .container_help {
        padding:50px 10px;
    }

    .container_news .newsblock {
        min-height:auto;
    }

    .airzone_jpg a {
        width:32.33%;
        float:left;
        display:block;
        overflow:hidden;
        text-align:center;
    }

    .help_down,.help_link {
        width:48.6%;
        margin:1% .7%;
    }

    .hotarea_box .card04 {
        width:32.33%;
        margin:0px .5% 20px;
    }

    .visabox > a > div {
        width:32.33%;
    }
}

@media screen and (max-width:960px) and (min-width:641px) {
    .itembox .itembox-right .item-price {
        top:auto;
        bottom:3px;
    }
}

@media screen and (max-width:960px) and (min-width:280px) {
    #head_top {
        position:fixed;
    }

    #head_banner {
        padding-top:60px;
    }

    .container_bk,.container_top,.toplogobox {
        height:61px;
    }

    .jpgbox03 {
        height:90px;
    }

    .toplink_head .loginame {
        display:none;
    }

    .logoimg img {
        max-width:120px;
        padding-top:10px;
    }

    .logoimg .loginame {
        font-style:italic;
        display:block;
        font-size:15px;
        font-weight:500;
        text-align:right;
        float:right;
        margin:19px 50px 0px 0px;
    }

    .search_floatbox,.price_floatbox {
        margin-top:60px !important;
    }

    .toplink {
        display:none;
    }

    .toplink_menu li i:last-of-type,.toplink_menu li a i:last-of-type {
        font-size:10px;
    }

    .toplink_mobile {
        width:60%;
        display:block;
    }

    .toplogobox {
        width:100%;
    }

    .search_box > .search_menu > ul > li,.hotarea_menu .nav-item {
        font-size:17px;
    }

    .main_side li a {
        font-size:18px;
        font-weight:600;
    }

    .main_side > li > ul > li > a {
        font-size:16px;
        font-weight:400;
        height:42px;
        line-height:38px;
    }

    .main_side li,.main_side li a {
        line-height:52px;
    }

    .main_side > li > ul > li > a > i {
        color:#ff9800;
        margin-right:2px;
    }

    .carousel-control-prev {
        left:0px;
    }

    .carousel-control-next {
        right:0px;
    }

    .slide button {
        top:50%;
        border:3px solid #ffffff00;
    }

    #search_bk {
        padding:10px 0px 30px 0px;
        margin-top:-10px;
        width:95%;
    }

    .search_box {
        overflow:auto;
        padding-bottom:6px;
    }

        .search_box > .search_menu > ul {
            overflow:hidden;
            height:46px;
        }

            .search_box > .search_menu > ul .col {
                max-width:fit-content;
            }

            .search_box > .search_menu > ul > li:first-of-type {
                margin-left:8px;
            }

            .search_box > .search_menu > ul > li:last-of-type {
                margin-right:8px;
            }

            .search_box > .search_menu > ul > li > .nav-link {
                padding:.5rem 1rem;
            }

    .search_menu {
        overflow:auto;
    }

    .search_menu {
        width:max-content;
    }

    .search_block {
        padding:0px 10px 0px 10px;
    }

        .search_block .row > div select,.search_block .row > div input {
            font-size:17px;
        }

    .container_news .newsblock span {
        line-height:18px;
        margin-bottom:0px;
    }

    .container_news .newsblock > p {
        font-size:15px;
        line-height:21px;
        height:46px;
    }

    .tkbox {
        width:33.33%;
    }

    .hotarea_box .item > .card01 {
        padding-bottom:3px;
    }

        .hotarea_box .item > .card01 > .caption {
            font-size:15px;
            height:50px;
            padding:8px 0px 0px 0px;
        }

        .hotarea_box .item > .card01 > .price {
            letter-spacing:-1px;
        }

        .hotarea_box .item > .card01 > .lovesee,.card02 .caption > .lovesee {
            font-size:12px;
        }

    .hotarea_box .owl-nav button span {
        line-height:30px;
        font-size:40px;
        margin:0px 10px;
    }

    .hotarea_box .owl-nav [class*=owl-]:hover {
        background-color:#eef7ff;
        color:#3b94e6;
    }

    .hotsale_btn {
        margin-top:-40px;
        margin-right:15px;
    }

    .hotsale_btn1 {
        margin-top:0px;
    }

        .hotsale_btn:active,.hotsale_btn1:active {
            margin-right:21px;
        }

    .hotarea_box .card04 > .caption {
        font-size:14px;
        line-height:20px;
        height:44px;
    }

    .hotarea_box .card04 > .price {
        letter-spacing:-1px;
        font-size:12px;
    }

        .hotarea_box .card04 > .price span {
            font-size:22px;
        }

    .container_w {
        width:94%;
    }

    .pcright-list .ind_h5,.pcright-list .list-sort .in_pinfor {
        font-size:16px;
        line-height:26px;
    }

    .pcright-list .list-top {
        width:100%;
    }

    .pcright-list .list-sort {
        width:49%;
        height:50px;
        margin-left:1%;
        margin-top:6px;
    }

        .pcright-list .list-sort .in_pinfor {
            height:42px;
            padding:0px 5px;
        }

    .pcleft-filter {
        display:none;
    }

    .pcright-list {
        width:100%;
    }

        .pcright-list .list-filterm {
            display:inline-block;
            width:49%;
            float:left;
            font-size:16px;
            line-height:38px;
            font-weight:600;
            height:42px;
            padding:0px 5px;
            margin-top:11px;
            margin-right:1%;
            text-align:center;
            color:#ffffff;
            background-color:#959595;
            border:1px solid #e1e1e1;
            border-radius:6px;
        }

    .container_w2 .room_right .tenant_block,.container_w2 .room_right .tenant_block,.container_w2 .room_right .tenant_block2 {
        width:48.8%;
    }

    .container_news .newsblock {
        width:48.5%;
        margin:0px .75% 10px;
    }

    .container_w3 {
        width:94%;
    }

        .container_w3 > .itembox {
            width:100%;
            margin:0px .5% 15px;
        }

            .container_w3 > .itembox > .itembox-left {
                width:34%;
                max-height:160px;
                min-height:160px;
                float:left;
            }

            .container_w3 > .itembox > .itembox-right {
                width:66%;
                max-height:160px;
                min-height:160px;
                float:left;
            }

                .container_w3 > .itembox > .itembox-right .item-name {
                    -webkit-line-clamp:2;
                }

                .container_w3 > .itembox > .itembox-right .item-price {
                    top:auto;
                }

            .container_w3 > .itembox > .itembox-left .img {
                min-height:auto;
                max-height:max-content;
            }

    .fastblock_box > .fastblock:nth-of-type(7),.fastblock_box > .fastblock:nth-of-type(8),.fastblock_box > .fastblock:nth-of-type(9),.fastblock_box > .fastblock:nth-of-type(10) {
        display:none;
    }

    .fastblock {
        width:32.73%;
        margin:10px .3% 0px .3%;
    }

        .fastblock ul li {
            letter-spacing:-1px;
        }

    .container_foot {
        padding:50px 20px;
    }

    .foot_box01,.foot_box02 {
        width:47%;
        margin-right:3%;
        padding-top:22px;
        margin-bottom:22px;
        border-top:1px solid #ffffff33;
    }

    .foot_qrcode {
        float:left;
    }

    .visabox > a > div {
        width:49%;
        margin:.5%;
    }

    .container_w .itembox > .itembox-left,.container_w .itembox > .itembox-right {
        min-height:190px;
        max-height:190px;
    }

    .container_w .itembox > .itembox-left {
        position:relative;
    }

        .container_w .itembox > .itembox-left .img {
            width:102%;
            height:102%;
            position:absolute;
            bottom:0;
            top:0px;
            text-align:center;
        }

            .container_w .itembox > .itembox-left .img img {
                min-width:auto;
                max-width:max-content;
                height:100%;
            }
}

@media screen and (max-width:780px) and (min-width:280px) {
    body {
        background:#ffffff;
    }

    #search_bk {
        padding:10px 0px 70px 0px;
        margin-bottom:0px;
    }

        #search_bk .fa-times-circle {
            right:4px;
            bottom:12px;
            font-size:15px;
        }

    .search_block {
        letter-spacing:-1px;
    }

        .search_block .row > div {
            height:auto;
            padding:0px 0px;
            margin:6px 0px;
            border-bottom:1px solid #dedede;
        }

            .search_block .row > div label {
                max-width:50px;
                float:left;
                text-align:left;
                height:38px;
                line-height:36px;
                padding:0px;
            }

            .search_block .row > div select,.search_block .row > div input {
                letter-spacing:-1px;
                float:left;
                padding:0px 0px 5px 5px;
                border-top:0px solid #a2a2a2;
                border-left:0px solid #a2a2a2;
            }

                .search_block .row > div select:hover,.search_block .row > div input:hover {
                    border-top:0px solid #3b94e6;
                }

            .search_block .row > div:hover label {
                padding-left:0px;
            }

    .jpgbox01,.jpgbox01 img {
        height:200px;
    }

    .search_group {
        top:-15px;
        padding:10px 0px 65px 0px !important;
        margin-bottom:20px !important;
    }

        .search_group > .search_block {
            padding:0px 8px 0px 8px;
        }

    .search_btn {
        right:10px;
        bottom:15px;
        font-size:20px;
        padding:6px 15%;
    }

        .search_btn:hover {
            padding:6px 15%;
        }

        .search_btn:active {
            right:25px;
        }

    .container_h2 {
        text-align:left;
        font-weight:700;
        font-size:22px;
        margin-bottom:10px;
    }

    .search_floatbox .myexample ul a .lispan span p {
        display:none;
    }

    .hotarea_box .card04 {
        width:49%;
        margin:0px .5% 20px;
    }

    #waypoint, #waypoint2, #waypoint3, #waypoint4, #waypoint5, #waypoint6, #waypoint7, #waypoint8, #waypoint9, #waypoint10 {
        top:38px;
        width:100%;
    }

        #waypoint:before, #waypoint2:before, #waypoint3:before, #waypoint4:before, #waypoint5:before, #waypoint6:before, #waypoint7:before, #waypoint8:before, #waypoint9:before, #waypoint10:before {
            left:50%;
        }

        #waypoint .citybox > ul {
            width:max-content;
        }

    #box_ann {
        width:95%;
        padding:5px 5px 5px 20px;
        background-color:#eef7ff;
    }

    .city_areabox,.card02 .caption > p {
        font-size:15px;
        line-height:20px;
    }

    .card02 {
        min-height:320px;
        max-height:320px;
    }

        .card02 .caption {
            padding:40px 10px 5px 10px;
        }

            .card02 .caption:hover {
                padding:100px 10px 5px 10px;
            }

        .card02:hover .caption > i {
            font-size:50px;
            padding-bottom:10%;
        }

        .card02 .caption > .lovesee i {
            padding:8px 4px 0px 0px;
        }

    #pop_qlink .pop-qulist {
        padding:10px 10px 5px 10px;
    }

    #pop_qlink .qulist .quli {
        width:100%;
        margin:4px 0%;
    }

        #pop_qlink .qulist .quli h5 {
            font-weight:700;
            font-size:15px;
            line-height:30px;
            padding-left:7px;
            border-bottom:2px solid #3b94e6;
        }

        #pop_qlink .qulist .quli a {
            font-size:15px;
            height:32px;
            line-height:30px;
            color:#333333;
            padding:0px 7px;
            margin:0px 3px 3px 0px;
        }

    .itembox-right .item-bottom a {
        display:none;
    }

    .form-horizontal .col-md-6,.form-horizontal .col-12,.form-horizontal .col-4,.form-horizontal .col,.form-group .col .form-control {
        font-size:15px;
        line-height:36px;
    }

    .form-group .col .form-control {
        padding:.375rem .25rem;
    }

    .daterangepicker {
        left:0px;
        margin-top:0px;
        max-width:none !important;
    }

        .daterangepicker:before,.daterangepicker:after {
            opacity:0;
        }

        .daterangepicker.dropdown-menu {
            width:90%;
            left:5% !important;
        }

        .daterangepicker .calendar {
            width:100% !important;
            max-width:none !important;
        }

        .daterangepicker.ltr .calendar.left .calendar-table {
            border-right:0px solid #f2f2f2;
            padding:10px;
        }

    .Pop-upmodal .modal-header span {
        font-size:18px;
    }

    .Pop-upmodal .modal-body > div .form-control,.itinerary {
        font-size:16px;
    }

    .Pop-upmodal .modal-body .btn {
        font-weight:700;
        font-size:16px;
    }

    .Pop-upmodal .modal-footer .login_bttext a,.Pop-upmodal .modal-footer p {
        font-size:16px;
        font-weight:600;
    }

    .parallax1 {
        min-height:50vh;
        padding:100px 2% 0px 2%;
        background-attachment:unset !important;
        background-size:cover !important;
    }

    .container_help {
        padding:50px 10px 0px 10px;
    }

    .help_left,.help_right {
        width:100%;
        margin:0px 0px;
        padding-bottom:60px;
    }

    .hotarea_box .card04 > .img-card04 {
        min-height:150px;
        max-height:210px;
    }
}

@media screen and (max-width:640px) and (min-width:280px) {
    .jpgbox03 {
        height:0px;
        margin-bottom:-40px;
    }

    .card03 .captiontext,.help_down,.help_link,.foot_inf > div {
        font-size:16px;
        line-height:26px;
    }

    .container_news .newsblock_last {
        margin:10px .35% 0px 0px;
    }

    .fastblock_last {
        margin:20px .35% 0px 0px;
    }

    .fastblock ul li {
        font-size:16px;
        border-radius:0px;
    }

    .resulttext,.search_floatbox .myexample ul a li {
        font-size:14px;
    }

    .container_news .newsblock span {
        font-size:12px;
    }

    .container_news .newsblock {
        width:98%;
        margin:0px 1% 6px 1%;
    }

    .container_swiper {
        width:102.4%;
    }

    .container_ann > .ann {
        font-size:16px;
        line-height:40px;
        height:52px;
    }

    .container_w1price {
        width:100%;
        display:inline-block;
        padding:3% 3% 3% 0%;
        margin-bottom:-50px;
    }

    .tkbox {
        width:50%;
        padding:1%;
    }

    .price_floatbox ul li {
        letter-spacing:-.5px;
        padding-top:7px;
        padding-left:0%;
        padding-right:0%;
    }

        .price_floatbox ul li > i {
            width:100%;
            text-align:center;
            font-size:16px;
            line-height:23px;
            padding-right:0px;
        }

        .price_floatbox ul li > .mt_close {
            width:100%;
            font-size:15px;
            font-weight:600;
            text-align:center;
            line-height:23px;
            padding-top:0px;
        }

    .price_floatbox a .gr-btn_check,.price_floatbox a .gr-btn_wait,.price_floatbox a .gr-btn_check {
        letter-spacing:2px;
        height:60px;
        line-height:24px;
        border:0px;
        padding:6px 6px 0px 8px;
        position:absolute;
        right:0px;
        top:0px;
        color:#ffffff;
        font-weight:700;
        font-size:19px;
    }

        .price_floatbox a .gr-btn_check:hover,.price_floatbox a .gr-btn_wait:hover {
            padding:4px 4% 0px 4%;
        }

        .price_floatbox a .gr-btn_check span,.price_floatbox a .gr-btn_wait span,.price_floatbox a .gr-btn_cancel span {
            display:block;
        }

    .card03 .captiontext {
        text-align:left;
    }

    .card02 {
        min-height:300px;
        max-height:300px;
    }

    .parallax1 p {
        font-size:36px;
        line-height:42px;
    }

    .web_bread {
        display:flow-root;
        padding:80px 0px 0px 0px!important;
    }

    .pcright-list .itembox {
        max-height:max-content;
    }

    .itembox > .itembox-left,.itembox-right {
        width:100%;
    }

    .jpgbox02,.btn-airifon i,.btn-airmore i {
        display:none;
    }

    .container_w .itembox > .itembox-right {
        padding:10px;
        position:relative;
    }

        .container_w .itembox > .itembox-right > .item-price {
            letter-spacing:-1.5px;
        }

        .container_w .itembox > .itembox-right .item-name {
            font-size:18px;
            line-height:23px;
        }

        .container_w .itembox > .itembox-right .item-bottom {
            position:absolute;
            display:block;
            height:auto;
            bottom:10px;
            left:10px;
            margin:0px;
            letter-spacing:-1px;
        }

    .itembox-right .item-moreday {
        padding:0px 7px;
        border-radius:6px;
    }

    .fastblock {
        width:49.4%;
    }

        .fastblock ul li {
            font-weight:500;
            line-height:36px;
            padding-bottom:0px;
        }

    .container_w1price > .left {
        display:none;
    }

    .container_w1price > .right {
        width:100%;
    }

    .container_foot {
        padding:50px 20px 40px 20px;
    }

    .airzone_jpg a {
        width:48%;
        margin:1% !important;
    }

    .airzone_jpg img {
        opacity:1;
        max-width:150px;
    }

    .help_down,.help_link {
        font-weight:500;
        padding:5px 0px;
        letter-spacing:-1px;
    }

    .foot_logo {
        margin-bottom:20px;
    }

        .foot_logo a:first-of-type {
            display:flex;
        }

        .foot_logo > a > .foot_top {
            display:block;
            float:left;
            margin-right:6px;
            margin-bottom:10px;
        }

        .foot_logo > a > .foot_mark {
            float:left;
            height:35px;
            margin:10px 4px 25px 0px;
        }

    .foot_inf .foot_box01:first-of-type span {
        height:15px;
        line-height:15px;
    }

    .foot_box01,.foot_box02 {
        width:100%;
        margin-right:0%;
    }

        .foot_box01 p a:hover,.foot_box02 p a:hover {
            padding-left:0px;
        }

        .foot_box01 .foot_btn {
            float:none;
            display:inline-block;
        }

    .foot_box03 {
        text-align:left;
    }

    .container_w3 > .itembox > .itembox-right .item-price {
        bottom:0px;
    }

    .container_box ul .tsbox {
        width:36px;
        height:36px;
        padding:5px 3px 3px 4px;
        margin:8px 6px 0px 0px;
    }

        .container_box ul .tsbox i {
            width:28px;
            height:28px;
        }
}

@media screen and (max-width:460px) and (min-width:280px) {
    .visabox > a > div {
        width:98%;
        margin:1%;
    }

    .visaimg10,.visaimg11,.visaimg12,.visaimg13,.visaimg14,.visaimg15 {
        min-height:160px;
        max-height:160px;
    }

    .visabox h2 {
        margin-top:20%;
    }

    .visabox a:hover h2 {
        margin-top:13%;
    }

    .container_w3 > .itembox > .itembox-left,.container_w3 > .itembox > .itembox-right {
        width:100%;
    }

    .container_w3 > .itembox > .itembox-left {
        min-height:220px;
        max-height:220px;
    }

    .container_w3 > .itembox > .itembox-right {
        min-height:110px;
        max-height:110px;
        background-color:#ffffff;
    }

        .container_w3 > .itembox > .itembox-right .item-price {
            bottom:auto;
            top:-40px;
        }

    .card02,.card03 {
        max-height:320px;
    }
}

/*商品內頁-月曆*/
.travelprice { /*價格*/
    color:#9c9c9c !important;
    background-color:#ffffff00;
}

.travelok { /*可報名.可候補*/
    color:#ffffff !important;
    background-color:#ff9800;
}

.travelno { /*已滿團*/
    color:#ffffff !important;
    background-color:#92c0ff;
}

.travelclose { /*已關閉*/
    color:#000000 !important;
    background-color:#cccccc;
}

.travelok:hover,.travelno:hover {
    cursor:pointer;
    background-color:#ff0000;
    z-index:99;
    transform:scale(1.1);
}

.travelholiday { /*放假紅字*/
    position:absolute;
    top:-1px;
    right:0;
    color:#ff0000 !important;
    background-color:#ffffff00;
}

.travelok,.travelprice,.travelno,.travelclose,.travelholiday {
    font-size:14px;
    line-height:16px;
    border:0px;
    padding:3px 0px 3px 2px;
}

.travelprice {
    letter-spacing:-.5px;
    padding:1px 0px 3px 0px;
}

.travelok,.travelno,.travelclose {
    font-weight:500;
    border-radius:4px 20px 20px 4px !important;
}

.fc .fc-view-harness {
    max-height:500px;
}

.fc .fc-toolbar.fc-header-toolbar {
    margin-bottom:10px;
}

.fc-day-sun,.fc-day-sat {
    background-color:#f0f0f0;
}

.fc-theme-standard td,.fc-theme-standard th {
    border:1px solid #e2e2e2;
}

.fc-direction-ltr .fc-daygrid-event.fc-event-end,.fc-direction-rtl .fc-daygrid-event.fc-event-start {
    margin-right:1px;
}

.fc-direction-ltr .fc-daygrid-event.fc-event-start,.fc-direction-rtl .fc-daygrid-event.fc-event-end {
    margin-left:1px;
}

.fc .fc-scrollgrid-liquid {
    max-height:480px !important;
}

.fc-daygrid-event {
    border-radius:0px;
}

.fc .fc-col-header-cell-cushion {
    font-weight:500;
    font-size:15px;
}

.fc .fc-daygrid-event-harness {
    position:static;
}

.fc .fc-daygrid-day-frame {
    min-height:74px;
    max-height:74px;
    padding:1px 1px 0px 1px;
}

.fc .fc-daygrid-day-number {
    padding:0px 1px;
}

.fc .fc-daygrid-day-top {
    float:left;
    margin-bottom:0px;
}

.fc .fc-daygrid-day.fc-day-today {
    background-color:#ffffff;
}

.fc-h-event .fc-event-main {
    color:unset;
}

.fc .fc-daygrid-day.fc-day-today:hover,.fc-day:hover {
    background-color:#fffde9;
}

@media screen and (max-width:860px) and (min-width:280px) {
    .container_w1price > .left {
        display:none;
    }
}

/*折扣彈跳*/
.popstyle .icon-dis {
    font-weight:600;
    margin-bottom:10px;
}

    .popstyle .icon-dis span {
        background:url(../img/icon_dis.gif) no-repeat center center;
        width:33px;
        height:22px;
        display:inline-block;
        vertical-align:middle;
        margin-right:10px;
        background-size:100%;
    }

.popstyle .gray {
    color:#7d7d7d;
    text-align:justify;
}

.popstyle .chose-dis {
    margin:10px auto;
    border-radius:6px;
}

    .popstyle .chose-dis li {
        padding:8px 12px;
        background-color:#fff9e7;
    }

        .popstyle .chose-dis li:hover {
            background-color:#ffda6c;
        }

    .popstyle .chose-dis li {
        border:3px solid #dee2e6;
        margin-bottom:10px;
        position:relative;
    }

        .popstyle .chose-dis li.act {
            border:3px solid #ff9800;
            background-color:#ffda6c;
        }

            .popstyle .chose-dis li.act span {
                color:#ff1100;
            }

        .popstyle .chose-dis li span {
            width:100%;
            display:inline-block;
        }

        .popstyle .chose-dis li .d-date,.popstyle .chose-dis li.act .d-date {
            color:#000000;
            line-height:20px;
        }

        .popstyle .chose-dis li i {
            background:url(../img/icon_chose.png) no-repeat center center;
            width:25px;
            height:25px;
            display:inline-block;
            vertical-align:middle;
            background-size:100%;
            float:right;
            position:absolute;
            right:10px;
            top:8px;
        }
.login_bttext2 {
    width:100%;
    display:flex;
    text-align:center;
}

    .login_bttext2 > a {
        width:31.3%;
        color:#0047ff;
        padding:10px 0px;
        margin:0 1%;
        border-radius:4px;
        background-color:#f6f6f6;
    }

        .login_bttext2 > a:hover {
            background-color:#e0e0e0;
        }

        .login_bttext2 > a:active {
            position:relative;
            top:3px;
        }