@charset "utf-8";

@media screen and (max-width: 1660px) {
	.header-bb {
		margin-top: 384px;
	}
}

@media screen and (max-width: 1600px) {
	.header-bb {
		margin-top: 354px;
	}
}

@media screen and (max-width: 1500px) {
	.header-bb {
		margin-top: 324px;
	}
}

@media screen and (max-width: 1366px) {
	.header-bb {
		margin-top: 295px;
	}
}

@media screen and (max-width: 1280px) {
	.header-bb {
		margin-top: 275px;
	}
}

@media screen and (max-width: 1200px) {

	.travel_4,
	.travel_3,
	.travel_2,
	.order_top,
	.view_top {
		padding-top: 30px;
	}

	.review .title h3 {
		margin-right: auto;
	}

	.review .title button.btn {
		position: relative;
		right: auto;
		margin-left: 20px;
	}

	.review .ptods-content p.price,
	.review .ptods-content .nav {
		float: none;
		width: auto;
	}

	.review .list-wrap .ptods-content .nav {
		text-align: left;
		padding-left: 20px;
	}

	.fr-close {
		right: 0 !important;
	}

	.fr-side-previous {
		left: 0 !important;
	}

	.fr-side-next {
		right: 0 !important;
	}

	.fr-position-outside {
		right: 0 !important;
	}
}

@media screen and (max-width: 1180px) {
	.name_t {
		width: 60%;
	}

}

@media screen and (max-width: 1113px) {
	.login-form .code img {
		padding-left: 36%
	}

}

@media screen and (max-width: 1070px) {
	.blogger .page-desc .text {
		padding: 0 30px;
	}

	.blogger .page-desc .text h3 {
		font-size: 24px;
	}

	.join_form input.name {
		width: 190px;
	}

	.name_t {
		width: 235px;
	}

	.join_form input.code {
		width: 200px;
	}

	.btn-travel {
		margin-top: 0;
	}
}

@media screen and (max-width: 1024px) {
	.bg-01 {
		background: none;
		overflow: hidden;
	}

	.join_form .form_box::after {
		width: 100%
	}

	.checkout_list .item-wrap ul li.fot-pay .form_box::after {
		width: 50%;
	}

	.form_box,
	.checkout_list .item-wrap ul li.fot-pay .form_bo {
		width: 100%
	}

	.header-bb {
		margin-top: 194px;
	}

	.slide_container {
		margin-top: -3%;
	}

	.print {
		width: 100%
	}

	.join_form .text_note {
		width: 100%;
	}

	.join_form .agree-group {
		width: 100%;
	}

	.review-title .total {
		width: 70%;
		padding-right: 20px;
	}

	#header .logo {
		top: 35px;
	}
}

@media screen and (max-width: 991px) {
	.review-txt .text {
		padding: 0 0 10px;
		margin-bottom: 0;
	}
}

@media screen and (max-width: 989px) {
	.p_right {
		width: 80%;
	}

	.header-bb {
		margin-top: 183px;
	}

	.content>.page-desc .text {
		width: 50%;
		padding: 20px 0 0 20px;
	}

	.page-desc_left2 {
		width: 100%;
		padding: 3%;
		text-align: center;
	}

	.page-desc_left2 img {
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		display: inline-block;
		width: 80%;
	}

	.blogger .page-desc .text {
		width: 100%;
		padding: 0 30px 30px;
	}

	.p_right {
		width: 77%;
	}

	.travel_table {
		width: 94%;
		padding-left: 6%;
	}

	.travel_table_right {
		display: none
	}

	.name_t {
		width: 76%;
	}

	.list-wraps {
		height: auto
	}

	.login-form .code img {
		padding-left: 59%;
	}
}

@media screen and (max-width: 977px) {
	.footer .comp-data {
		text-align: center;
		width: 100%
	}

	.footer .comp-data2 {
		float: none;
		text-align: center;
	}

	.login-form .code img {
		padding-left: 57%;
	}
}

@media screen and (max-width: 960px) {

	.lf-menu,
	.lf-menu-prod {
		width: 90%;
		margin: 0px 5% 5%;
	}

	.article-hot {
		width: 97%;
		padding-left: 40px;
		padding-right: 10px;
	}

	.container-text,
	.blogger_view .container-text {
		width: 97%;
	}

	.order-bar p {
		width: 100%;
		text-align: left;
		padding-bottom: 10px;
	}

	.content>.page-desc {
		margin-bottom: 20px;
	}

	.blogger_view .lf-menu {
		width: 96%;
		float: none;
		margin: 0 20px 30px;
	}

	.blogger_view .lf-menu a {
		display: block;
		text-align: center;
	}
}

@media screen and (max-width: 936px) {
	.login-form .code img {
		padding-left: 50%;
	}
}

@media screen and (max-width: 878px) {
	.login-form .code img {
		padding-left: 45%;
	}

	.header-bb {
		margin-top: 163px;
	}
}

@media screen and (max-width: 824px) {
	.page-desc_left {
		width: 100%;
		padding: 3%;
	}

	.page-desc .desc_btn {
		display: block;
	}

	.content>.page-desc .text {
		width: 100%;
		padding: 0px 0 20px 20px;
		text-align: center;
		display: none;
	}

	.header-bb {
		margin-top: 151px;
	}
}

@media screen and (max-width: 798px) {
	.name_t {
		width: 72%;
	}
}

@media screen and (max-width: 773px) {
	.cart-bar {
		margin: 0px 40px 10px 40px
	}

	.cart_list {
		padding: 0px 40px 20px 40px;
	}

	.cart_search {
		margin: 20px 40px;
	}

	.slide_container {
		margin-top: 3.5%;
	}

	.header-bb {
		margin-top: 187px;
	}
}

@media screen and (max-width: 768px) {

	.travel_4,
	.travel_3,
	.travel_2 {
		padding-top: 210px;
	}

	.checkout_list,
	.cart_list {
		padding-bottom: 0
	}

	.join_form .form_box::after {
		width: 100%
	}

	.print {
		padding-top: 6%;
	}

	.fot-pay_p {
		padding-left: 0
	}

	.order_top {
		padding-top: 160px;
	}

	.content {
		padding-bottom: 20px;
	}

	.join_form input.text {
		width: 200px;
		padding-left: 0px;
		margin-left: 0px;
	}

	.join_form .age-group input {
		width: 100px;
	}

	.join_form input.room {
		width: 100px;
		margin-bottom: 10px;
	}

	.join_form .room-group {
		float: none;
		width: 100%;
	}

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

	.col-sm-offset-6 {
		margin-left: 0
	}

	.travel-group img {
		width: 50%;
	}

	.rm-toggle.rm-button {
		margin-top: -50px;
		position: relative;
	}

	.fir_li {
		padding-top: 0px;
	}

	.band {
		text-align: center;
		padding: 30px 20% 25px;
		background: url(../images/beader_bt.png) center top;
	}

	.rm-layout-contracted {
		margin-top: -6%
	}

	.band img {
		width: 35%;
	}

	.rm-top-menu a:hover {
		background: #1AA3AD
	}

	.rm-nav li a:hover {
		background: #1AA3AD
	}

	.cart {
		position: absolute;
		right: 30px;
		top: 0px;
		border-radius: 0px 0px 5px 5px;
		background: #1AA3AD;
		color: #fff;
		font-size: 16px;
		padding: 5px 20px 5px 10px;
		z-index: 9999;
	}

	.cart:hover,
	.cart:focus {
		background: #a9cc16;
		color: #fff;
	}

	.cust {
		position: absolute;
		right: 160px;
		top: 0px;
		border-radius: 0px 0px 5px 5px;
		background: #1AA3AD;
		color: #fff;
		font-size: 16px;
		padding: 5px 20px 5px 10px;
		z-index: 9999;
	}

	.cust img {
		width: 15px;
		margin: 0px 10px;
		position: relative;
		top: -2px;
	}

	.cust:hover,
	.cust:focus {
		background: #a9cc16;
		color: #fff;
	}

	.order {
		position: absolute;
		right: 330px;
		top: 0px;
		border-radius: 0px 0px 5px 5px;
		background: #1AA3AD;
		color: #fff;
		font-size: 16px;
		padding: 5px 20px 5px 10px;
		z-index: 9999;
	}

	.order img {
		width: 15px;
		margin: 0px 10px;
		position: relative;
		top: -2px;
	}

	.order:hover,
	.order:focus {
		background: #a9cc16;
		color: #fff;
	}

	.cust-mobile,
	.order-mobile {
		display: none !important;
	}

	#main-frame {
		margin-top: 0
	}

	.desc_img {
		width: 100%;
		padding: 3%;
	}

	.content>.page-desc .text {
		padding: 10px
	}

	.travel_view_2 {
		width: 100%;
	}

	.detail_desc img {
		width: 100%;
	}

	.travel_view_img {
		width: 100%
	}

	.travel_view h1 {
		margin: 20px 0 0 0
	}

	.table_order_c_1 li:nth-child(1) {
		width: 100%;
		background: #1AA3AD;
		color: #fff;
		padding-left: 20px;
	}

	.table_order_c_1 li:nth-child(2) {
		width: 100%;
		text-align: left;
	}

	.table_order_c_1 li {
		text-align: center
	}

	.table_order_c_1 li {
		width: 100%;
	}

	.table_order_c_1 li:nth-child(1) {
		padding-left: 20px;
		text-align: left
	}

	.band {
		position: relative
	}

	.login-form .code img {
		padding-left: 43%;
	}

	.container-text .title,
	.container-text .title2 {
		padding-top: 20px;
	}

	.print_content {
		padding: 3%
	}

	.blogger_view .container-text {
		width: 96%;
		margin: 0 2%;
		padding: 40px 15px;
	}

	.blogger_view .lf-menu {
		display: block;
		width: 96%;
		margin: 0 2%;
		padding: 40px 15px;
	}

	.article-hot {
		width: 96%;
		margin: 0 2%;
		padding: 40px 15px;
	}

	.article-page .prev {
		width: 100%;
	}

	.article-page .next {
		width: 100%;
		text-align: left;
		margin-top: 30px;
	}

	.review-pic img {
		width: auto;
	}

	.review-txt .title {
		padding: 10px 0;
	}
}

@media screen and (max-width: 767px) {
	.wrapper {
		display: block;
	}

	#header {
		display: none;
	}

	.login-form .code img {
		padding-left: 70%;
	}

	.join_form input.name {
		width: 100%;
	}

	.join_form .age-group span {
		display: block;
	}

	.join_form .select {
		width: 50%;
	}

	.join_form input#budget {
		width: 50%;
	}

	.review-form .col-sm-10 {
		padding: 0;
	}

	.travel_vote_btn a {
		background: url(../images/travel_vote_bg_s.svg) left center no-repeat;
		width: 110px;
		height: 110px;
		line-height: 110px;
	}

	.travel_vote_btn a:hover,
	.travel_vote_btn a:focus {
		background: url(../images/travel_vote_bg_hover_S.svg) left center no-repeat;
	}


	.travel_vote_btn img {
		width: 85px;
	}

	.container-text.vote .list-wraps {
		padding: 10px 15px;
	}

	.page-vote {
		margin-left: 0;
		margin-right: 0;
	}

	.container-text.vote .list-wrap {
		border: none;
		border-bottom: 1px solid #dddddd;
		max-width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.container-text.vote .list-wrap .img {
		width: 42%;
	}

	.container-text.vote .list-wrap .img img {
		border: 1px solid #73c6d9;
	}

	.container-text.vote h3 {
		margin-top: 0;
		margin-bottom: 10px;
		padding-left: 10px;
	}

	.vote-content {
		width: 58%;
	}

	.vote-text {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}

	.vote-text p {
		padding-left: 10px;
	}

	.vote-btn {
		padding-left: 5px;
		padding-top: 10px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}

	.vote-btn a+a {
		margin-right: 10px;
	}

	.vote-btn a.link {
		border: 1px solid #c4c4c4;
		background-color: #c4c4c4;
	}

	.vote-result {
		border-radius: 50px 0 0 50px;
		padding: 15px 30px;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		right: 0;
		min-width: auto;
		min-height: auto;
	}

	.vote-result p {
		font-size: 18px;
		margin-bottom: 0;
		margin-right: 20px;
	}

	.adscontent {
		width: 90%;
		height: 90%;
		top: 50%;
	}

	.btn-close {
		right: 20px;
		top: 20px;
	}
}

@media screen and (max-width: 688px) {
	.login-form .code img {
		padding-left: 65%;
	}

	.name_t {
		width: 65%;
	}

	.m_d_no {
		display: none
	}

	.display_no {
		display: block
	}

	.table_order_c li:nth-child(3),
	.table_order_c li:nth-child(5),
	.table_order_c li:nth-child(7),
	.table_order_c li:nth-child(9),
	.table_order_c li:nth-child(11),
	.table_order_c li:nth-child(13),
	.table_order_c li:nth-child(15) {
		display: none
	}

	.table_order_c li:nth-child(4),
	.table_order_c li:nth-child(6),
	.table_order_c li:nth-child(8),
	.table_order_c li:nth-child(10),
	.table_order_c li:nth-child(12),
	.table_order_c li:nth-child(14),
	.table_order_c li:nth-child(16) {
		width: 100%;
		text-align: center;
	}

	.table_order_c li:nth-child(2) {
		padding-left: 0
	}

	.table_order_c {
		margin: 3% 0
	}

	.lf-menu {
		margin-left: 3%;
		margin-right: 3%;
	}

	.container-text {
		width: 100%;
	}

	.table_order_c {
		margin: 10% 0;
	}

	.cart_list {
		padding: 0
	}

	.cart_search {
		margin: 20px 0;
	}

	.cart_search .btn02 {
		margin-top: 20px;
	}

	.table_order_c li:nth-child(2) {
		padding-left: 18px;
		text-align: left;
	}

	.table_order_c li:nth-child(1) {
		text-align: left;
		padding-left: 18px;
		background: rgba(26, 161, 171, 1);
		width: 100%;
		color: #fff
	}

	.table_order_c li:nth-child(13) {
		border-bottom: solid 1px rgba(26, 161, 171, 1)
	}

	.content>.page-desc .img img {
		padding: 3%
	}

	.container-text.ptods {
		padding: 10px 0
	}

	.list-wraps {
		padding: 20px 10px 10px 10px;
	}

	.header-bb {
		margin-top: 166px;
	}

	.cust,
	.order {
		display: none;
	}

	.cust-mobile,
	.order-mobile {
		display: block !important;
	}
}

@media screen and (max-width: 600px) {
	.footer .comp-data2 ul li:first-child {
		width: 100%
	}

	.review-txt .arrow-btn.next,
	.review-txt .arrow-btn.prev {
		top: 30px;
	}
}

@media screen and (max-width: 598px) {
	.p_right {
		width: 70%;
	}

	.travel-group img {
		width: 100%;
	}

	.login-form .code img {
		padding-left: 48%;
	}

	.band {
		padding: 35px 20%;
	}

	.header-bb {
		margin-top: 150px;
	}
}

@media screen and (max-width: 556px) {
	.name_t {
		width: 58%;
	}
}

@media screen and (max-width: 580px) {
	.msgs-body {
		text-align: left;
		line-height: 32px;
	}

	.title_mt {
		margin: 0
	}

	.checkout_list .notes {
		padding-left: 0
	}

	.footer {
		padding: 15px 20px 0px 20px;
	}

	.checkout_list .item-wrap .rs-detail {
		padding-left: 13px;
	}

	.cart-bar {
		margin: 10px 0
	}

	.right {
		text-align: center
	}

	.travel-group img {
		width: 100%;
	}

	.navigation_bar {
		width: 100%;
		position: fixed;
		background: #1AA3AD;
		bottom: 0%;
		display: block;
		color: #fff;
		z-index: 99;
	}

	.navigation_bar a {
		width: 25%;
		float: left;
		color: #fff;
		text-align: center;
		border-left: solid 1px #fff;
		margin: 6px 0;
	}

	.navigation_bar a:nth-child(1) {
		border-left: none
	}

	.socials {
		display: none
	}

	.cart {
		display: none
	}

	.cust {
		display: none
	}

	.cust-mobile {
		display: block !important;
	}

	.band img {
		width: 42%;
	}

	.band {
		padding-top: 10px;
		background: url(../images/beader_bt.png) center bottom;
	}

	.band img {
		width: 33%;
	}

	.rm-layout-contracted {
		margin-top: 0;
	}

	.header-bb {
		background: none
	}

	.band {
		background: none;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}

	.slide_container {
		margin-top: 4.5%;
	}

	.rm-toggle.rm-button {
		margin-top: -70px;
	}

	.navbar-default .navbar-collapse {
		margin-top: 0px;
	}
}

@media screen and (max-width: 500px) {
	.detail_desc ul li {
		width: 100%;
		padding: 3%;
	}

	.detail_desc ul li:nth-child(1) {
		padding-left: 3%
	}

	.name_tn {
		width: 100%;
	}

	.join_form input.code {
		width: 100px;
	}

	.header-bb {
		margin-top: 100px;
	}

	.list-row .title {
		margin-bottom: 0
	}

	.print_l {
		padding-left: 14%;
	}


	.review-txt .arrow-btn.next,
	.review-txt .arrow-btn.prev {
		display: inline-block;
	}
}

@media screen and (max-width: 480px) {
	#header .cart {
		right: 0
	}

	.travel_3 {
		padding-top: 200px;
		padding-bottom: 0
	}

	.checkout_list .item-wrap {
		padding-bottom: 0
	}

	.line_b {
		margin: 0
	}

	.name_t {
		width: 212px;
	}

	.cart-bar a {
		width: 100%;
		text-align: center;
	}

	#main-frame a {
		height: 244px;
		background-size: 770px 232px;
	}

	.list-row {
		padding-top: 0
	}

	.review .modal-content {
		width: 100%;
	}

	.review-title .total {
		width: 100%;
		margin-top: 20px;
		padding-right: 0;
		text-align: left;
	}
}

@media screen and (max-width: 466px) {
	.footer .comp-data2 ul li:first-child {
		width: 100%
	}

	.footer .comp-data2 ul {
		padding-bottom: 12px;
	}
}

@media screen and (max-width: 456px) {
	.name_t {
		width: 50%;
	}
}

@media screen and (max-width: 450px) {
	.p_right {
		width: 60%;
	}

	.page_title p {
		line-height: 25px;
	}

	.content>.page-desc .text {
		font-size: 14px;
	}

	.print_l {
		padding-left: 16%;
	}
}

@media screen and (max-width: 418px) {
	.btn02 {
		margin: 10px 8px;
	}

	.login-form .code img {
		padding-left: 42%;
	}

	.join_form .form_box label {
		min-width: 40px
	}
}

@media screen and (max-width: 400px) {
	.name_t {
		width: 35%;
	}

	.band img {
		width: 50%;
	}

	.content>.page-desc .text {
		text-align: left
	}

	.login-form .codeimg img {
		width: 100px;
	}

	.join_form input.name {
		width: 100%;
	}

	.join_form .form_box label {
		font-size: 14px;
	}

	.join_form input.text {
		font-size: 14px;
	}

	.join_form .checkbox-item span {
		display: block;
	}

	.login-form {
		margin-bottom: 0
	}

	.header-bb {
		margin-top: 93px;
	}

	.print_l {
		padding-left: 0;
	}

	.print_l_2 {
		padding-left: 0px;
	}

	.print_information {
		width: 100%;
	}

	.travel_view_img {
		width: 100%;
	}

	.seal img {
		padding-left: 30px;
	}

	.review-txt .arrow-btn.next,
	.review-txt .arrow-btn.prev {
		top: 10px;
	}
}

@media screen and (max-width: 370px) {
	.btn02 {
		padding: 8px 15px;
	}

	.p_right {
		width: 55%;
	}

	.login-form .code img {
		padding-left: 39%;
	}

	.join_form input.text {
		width: 175px;
	}

	.join_form input.name {
		width: 100%;
	}

	.join_form .age-group input {
		width: 100px;
	}

	.vote-btn {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}

	.vote-btn a.check {
		margin-left: 5px;
	}

	.vote-btn a+a {
		margin-right: 0;
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 360px) {
	.login-form .code img {
		padding-left: 35%;
	}

	.print_content {
		font-size: 15px;
	}
}

@media screen and (max-width: 350px) {
	.p_right {
		width: 50%;
	}

	.btn02 {
		padding: 8px 7px;
	}

	.login-form .code img {
		padding-left: 30%;
	}
}

@media screen and (max-width: 324px) {
	.login-form .code img {
		padding-left: 25%;
	}
}

@media screen and (max-width: 320px) {
	.btn-back2 {
		margin: 5px;
		padding: 5px 15px 6px 15px;
	}

	.join_form input.text {
		width: 157px;
	}

	.join_form .age-group input {
		width: 80px;
	}

	.join_form input.name {
		width: 100%;
	}

	input#code.text.code {
		width: 80px;
	}
}