/* reserv */ #reserv {overflow:hidden; clear:both; padding:40px 0; border-top:20px solid #f3f3f3;} #reserv .main_title {border-bottom:2px solid #006834;} #reserv .main_title {padding-left:10px; font-size:24px; line-height:40px;} #reserv .cont {} #reserv .info_box {clear:both; background:#f3f3f3; margin-bottom:40px; padding:20px; border-top:1px solid #ccc;} #reserv .info_cont {background:#fff; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); padding:0 20px;} #reserv .info_cont li {line-height:40px;} #reserv .info_cont .price_box {text-align:right;} #reserv .info_cont .price_box .sub {font-size:16px; text-align:left;} #reserv .info_cont .price_box .price {font-size:24px; font-weight:800;} #reserv .info_cont .price_box .unit {font-size:18px; font-weight:800; color:#666;} #reserv .title {padding-left:10px; font-size:16px; font-weight:600; color:#666; line-height:40px;} #reserv input {border:1px solid #ddd; height:30px; line-height:28px; padding-left:10px; margin-left:10px;} #reserv select {border:1px solid #ddd; width:209px; height:30px; line-height:28px; padding-left:10px; margin-left:10px;} #reserv select:focus {outline:0;} #reserv textarea {border:1px solid #ddd; vertical-align: middle; padding:10px; margin-left:10px; margin-bottom:5px; resize:none; width:750px; height:100px;} #reserv textarea:focus {outline:0;} #reserv .sub {width: 120px; display: block; float:left; color:#666;} #reserv .sub_info {display: inline-block; line-height:24px; padding-top:8px;} #reserv .sub_info.pt0 {padding-top:0;} #reserv .first {overflow:hidden; clear:both;} #reserv .first .info_header {padding:0 20px; line-height:40px;} #reserv .first .info_header .sub_info {font-size:16px; font-weight:800;} #reserv .first .product {overflow:hidden; border:1px solid #ccc; border-bottom:0;} #reserv .first .product .left {float:left; width:260px;} #reserv .first .product .left .img_box {position:relative; padding-bottom:75%;} #reserv .first .product .left .img_box img {position:absolute; width:100%; height:100%;} #reserv .first .product .right {float:left; width:838px; padding-left:20px; line-height:24px;} #reserv .first .product .right .product_name {margin:10px 0; font-size:18px; font-weight:600;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} #reserv .first .product .right .bref {line-height:24px;} #reserv .first .product .right .address {margin:0 0 10px;} #reserv .first .product .right .access {} #reserv .first .product .right .course {display: inline-block; padding: 3px 30px; border-radius: 15px; background: #006834; color: #fff; margin-top: 5px;} #reserv .second {overflow:hidden; clear:both;} #reserv .second ul li {float:left; width:50%;} #reserv .second .w30 {width:20%;} #reserv .second .w20 {width:10%;} #reserv .third {overflow:hidden; clear:both;} #reserv .third .info_box {padding-top:0;} #reserv .third ul li {float:left; width:520px; margin-left:20px; margin-top:20px;} #reserv .third ul li:nth-child(2n-1) {margin-left:0;} #reserv .third .user_box li {width:100%; margin:0;} #reserv .fourth {overflow:hidden; clear:both;} #reserv .fifth {overflow:hidden; clear:both;} #reserv .fifth .rule_btn {display: block; margin-top:10px; text-align: center; line-height: 40px; background: #fff; border: 1px solid #ccc; border-radius:5px; font-size:14px; font-weight:600;} #reserv .fifth #cancel_info, #reserv .fifth #userule_info {display:none; width:1090px; height:150px; margin:10px 5px; overflow:auto; background-color: #f3f3f3; border: 1px solid #ccc; padding:20px;} #reserv .fifth p {} #reserv .res_btn_box {text-align: center; margin-top: 50px; margin-bottom: 50px;} #reserv .res_btn_box .reserv_btn {display: inline-block; width: 120px; text-align: center; line-height: 40px; background: #006834; border-radius: 7px; color: #fff; font-size: 14px; font-weight: 600; margin-right: 10px;} #reserv .res_btn_box .cancel_btn {display: inline-block; width: 120px; text-align: center; line-height: 40px; background: #666; border-radius: 7px; color: #fff; font-size: 14px; font-weight: 600;} #reserv .rule_agree {text-align:center; margin-top:20px;} #reserv .rule_agree input {margin-right:10px;} #reserv_finish {overflow:hidden; clear:both; padding:40px 0; border-top:20px solid #f3f3f3;} #reserv_finish .finish_box {margin-top:20px;} #reserv_finish .finish_box .res_no {text-align:center; font-size:16px; margin-bottom:10px; color:#666;} #reserv_finish .finish_box h4 {text-align:center; font-size:36px; font-weight:800; margin-bottom:50px; color:#006834;} #reserv_finish .finish_box .finish_btn {overflow:hidden; } #reserv_finish .finish_box .finish_btn a {float:left; display:inline-block; width:50%; height:80px; text-align:center; font-size:20px; font-weight:600; line-height:72px; border:4px solid #006834; color:#006834;} #reserv_finish .finish_box .finish_btn a:nth-child(1) {border-right:2px solid #006834; background:#006834; color:#fff;} #reserv_finish .finish_box .finish_btn a:nth-child(2) {border-left:2px solid #006834;} #reserv_finish .finish_box .finish_info {margin:40px 0; padding:20px; border: 1px solid #ccc;} #reserv_finish .near_hotel {position:relative;} #reserv_finish .near_hotel h5 {font-size:18px; line-height:36px;} #reserv_finish .near_hotel .near_more_btn {position:absolute; top:0; right:0; display:inline-block; width:180px; height:36px; text-align:center; line-height:36px; background:#006834; color:#fff;} #reserv_finish .near_hotel ul {margin-top:10px;} #reserv_finish .near_hotel ul li {float:left; width:260px; margin-right:20px;} #reserv_finish .near_hotel ul li:last-child {margin-right:0;} #reserv_finish .near_hotel ul li .inner {border:1px solid #ccc;} #reserv_finish .near_hotel ul li a:hover .inner {border-color:#006834;} #reserv_finish .near_hotel ul li a:hover .inner .hotel_name {text-decoration:underline; text-underline-position: under;} #reserv_finish .near_hotel ul li .inner .img_box {position:relative; width:100%; padding-bottom:75%;} #reserv_finish .near_hotel ul li .inner .img_box img {position:absolute; width:100%; height:100%;} #reserv_finish .near_hotel ul li .inner .bref_box {padding:5px; line-height:20px;} #reserv_finish .near_hotel ul li .inner .area {font-size:11px;} #reserv_finish .near_hotel ul li .inner .hotel_name {font-size:14px; font-weight:600;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #reserv_finish .near_hotel ul li .inner .price {font-weight:800;} #reserv_finish .other_btn {margin-top:30px; line-height:28px; margin-bottom:30px;} #reserv_finish .other_btn .dot {display:inline-block; width:10px; height:10px; margin:0 10px 0 3px; background:#006834; border-radius:5px 0;} #reserv_finish .other_btn a {font-size:16px; font-weight:600;} #reserv_finish .other_btn a:hover {text-decoration:underline;} /* media css */ @media (max-width:1099px){ /* reserv */ #reserv {} #reserv .main_title {} #reserv .main_title {} #reserv .cont {} #reserv .info_box {padding: 10px;} #reserv .info_cont {padding: 0 5px;} #reserv .info_cont li {} #reserv .info_cont .price_box {} #reserv .info_cont .price_box .sub {} #reserv .info_cont .price_box .price {} #reserv .info_cont .price_box .unit {} #reserv .title {} #reserv input {max-width: 60%; padding:5px;} #reserv select {max-width: 50%; padding-left:3px;} #reserv textarea {width:100%; margin: 0; margin-bottom: 5px;} #reserv .sub {width:30%;} #reserv .sub_info {width:70%;} #reserv .first {} #reserv .first .info_header {padding: 0 5px;} #reserv .first .info_header .sub_info {} #reserv .first .product {margin: 10px; border-bottom:1px solid #ccc;} #reserv .first .product .left {float: none; width: 100%;} #reserv .first .product .left .img_box {} #reserv .first .product .left .img_box img {} #reserv .first .product .right {float: none; width: 100%; padding: 0 5px 10px;} #reserv .first .product .right .product_name {} #reserv .first .product .right .bref {} #reserv .first .product .right .address {} #reserv .first .product .right .access {} #reserv .first .product .right .course {} #reserv .second {} #reserv .second ul li {float: none; width: 100%;} #reserv .third {} #reserv .third .info_box {padding-top:10px;} #reserv .third ul li {width: 100%; float: none; margin:0; margin-bottom:10px;} #reserv .third ul li:last-child {margin-bottom:0;} #reserv .third .user_box li {} #reserv .fourth {} #reserv .fourth select {width:25%;} #reserv .fifth {padding:10px;} #reserv .fifth .rule_btn {} #reserv .fifth #cancel_info, #reserv .fifth #userule_info {width: 95%; margin: 10px auto; padding:5px;} #reserv .fifth p {padding:0;} #reserv .fifth .title {padding:0;} #reserv .res_btn_box {} #reserv .res_btn_box .reserv_btn {} #reserv .res_btn_box .cancel_btn {} #reserv .rule_agree {} #reserv .rule_agree input {} #reserv_finish {} #reserv_finish .finish_box {padding: 0 10px;} #reserv_finish .finish_box .res_no {} #reserv_finish .finish_box h4 {font-size:22px;} #reserv_finish .finish_box .finish_btn {} #reserv_finish .finish_box .finish_btn a {font-size: 15px; line-height: 60px; height: 68px;} #reserv_finish .finish_box .finish_btn a:nth-child(1) {} #reserv_finish .finish_box .finish_btn a:nth-child(2) {} #reserv_finish .finish_box .finish_info {margin-top: 10px; padding:10px;} #reserv_finish .near_hotel {padding: 0 5px;} #reserv_finish .near_hotel h5 {padding: 0 5px; font-size:15px;} #reserv_finish .near_hotel .near_more_btn {position: relative; margin-left:5px;} #reserv_finish .near_hotel ul {} #reserv_finish .near_hotel ul li {width:50%; margin-right:0; padding:5px;} #reserv_finish .near_hotel ul li:last-child {} #reserv_finish .near_hotel ul li .inner {} #reserv_finish .near_hotel ul li a:hover .inner {} #reserv_finish .near_hotel ul li a:hover .inner .hotel_name {} #reserv_finish .near_hotel ul li .inner .img_box {} #reserv_finish .near_hotel ul li .inner .img_box img {} #reserv_finish .near_hotel ul li .inner .bref_box {} #reserv_finish .near_hotel ul li .inner .area {} #reserv_finish .near_hotel ul li .inner .hotel_name {} #reserv_finish .near_hotel ul li .inner .price {} #reserv_finish .other_btn {padding: 0 10px;} #reserv_finish .other_btn .dot {} #reserv_finish .other_btn a {font-size:15px;} #reserv_finish .other_btn a:hover {} }