/* area category */
.tab { padding: 0 19px; height: 36px; line-height: 36px; border-bottom: 1px solid #006ac4; background-color: #008aff; }
.tab ul { display: flex; align-items: center; }
.tab ul li { flex-grow: 1; padding: 8px 6px 0 5px; height: 36px; background: url(/m/images/common/split_w_10px.gif) no-repeat right center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.tab ul li:first-child { padding-left: 6px; background: url(/m/images/common/split_w_10px.gif) no-repeat left center, url(/m/images/common/split_w_10px.gif) no-repeat right center; }
.tab ul li a { display: block; height: 18px; line-height: 18px; font-size: 10px; font-weight: 500; text-align: center; color: #fff; border: 1px solid #008aff; background-color: #008aff; border-radius: 10px; }
.tab ul li.on a { border: 1px solid #193ea6; background-color: #2151da; }

/* section common */
.section { padding-bottom: 35px; }
.section .title { padding: 27px 0 15px; font-size: 16px; text-align: center; color: #2151da; }
.section .summary { font-size: 10px; text-align: center; text-decoration: underline; color: #747474; }
.section .row .bul { position: absolute; bottom: 0; left: 0; width: 100%; height: 9px; text-align: center; }
.section .row .bul a { display: inline-block; margin: 0 1px; width: 7px; height: 7px; vertical-align: top; border: 1px solid #adadad; background-color: #fff; border-radius: 5px; transition: all .3s ease; }
.section .row .bul a.on { width: 25px; border: 1px solid #2151da; background-color: #2151da; }

/* category */
#category {}
#category .data { position: relative; margin: 30px 19px 0; height: 394px; }
#category .data .row { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
#category .data .row:first-child { display: block; }
#category .data .row ul { position: absolute; top: 0; left: 110%; width: 100%; }
#category .data .row ul:first-child { left: 0; }
#category .data .row ul li { float: left; margin-left: 2%; width: 49%; text-align: center; }
#category .data .row ul li:first-child { margin-left: 0; }
#category .data .row ul li .img { position: relative; overflow: hidden; border-radius: 40px; }
#category .data .row ul li .img:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; border: 1px solid rgba(0,0,0,0.2); border-radius: 40px; box-sizing: border-box; }
#category .data .row ul li .img img { width: 100%; }
#category .data .row ul li .subject { margin: 16px 0 3px; font-size: 12px; color: #747474; }
#category .data .row ul li .price { font-size: 15px; color: #2151da; }
#category .data .row ul li .price span { font-size: 13px; }


/* reserv tab */
#reserv { position: relative; padding: 0 19px; height: 55px; border-top: 1px solid #bcc0c4; border-bottom: 1px solid #bcc0c4; background-color: #f5faff; }
#reserv .area { position: absolute; top: 0; left: 11%; width: 72%; height: 43px; overflow: hidden; }
#reserv .area .list { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; text-align: center; }
#reserv .area .list:first-child { top: 0; }
#reserv .area .list li { display: inline-block; padding: 17px 0 0; width: 32%; }
#reserv .area .list li a { display: block; height: 20px; line-height: 20px; white-space: nowrap; font-size: 10px; text-align: center; color: #2151da; border: 1px solid #c2c2c2; background-color: #fff; border-radius: 11px; }
#reserv .area .list li a.on { color: #fff; border: 1px solid #0069c2; background-color: #008aff; }
#reserv .page { position: absolute; top: 0; right: 19px; width: 15px; height: 100%; background: url(/images/sub/line_reserv.gif) no-repeat 2px 28px; background-size: 11px 1px; }
#reserv .page .prev { position: absolute; top: 11px; left: 0; width: 15px; }
#reserv .page .next { position: absolute; top: 31px; left: 0; width: 15px; }
#reserv .bg { display: none; position: absolute; bottom: -1px; left: 1.4%; height: 65px; }
#reserv .bg img { width: auto; height: 100%; }


/* golf list */
#golf-list { margin-top: 24px; padding: 0 19px 34px; }
#golf-list .head { position: relative; height: 19px; }
#golf-list .head .total { line-height: 19px; padding-left: 20px; font-size: 9px; color: #747474; background: url(/images/common/split_b_13px.gif) no-repeat left center; background-size: 1px 9px; }
#golf-list .head .total span { color: #2151da; }
#golf-list .head select { position: absolute; top: 0; right: 0; width: 109px; height: 19px; line-height: 17px; font-size: 10px; color: #5d5d5d; border: 1px solid #c2c2c2; background: url(/images/common/arr_select.gif) no-repeat right center; background-size: 27px 19px; border-radius: 14px; }
#golf-list .data { margin-top: 23px; }
#golf-list .data ul { margin-left: -2%; overflow: hidden; }
#golf-list .data ul li { position: relative; float: left; margin-left: 2%; padding-bottom: 18px; width: 48%; text-align: center; overflow: hidden; }
#golf-list .data ul li .img { width: 100%; overflow: hidden; border-radius: 20px; }
#golf-list .data ul li .name-service { margin: 13px 0 6px; overflow: hidden; color: #747474; }
#golf-list .data ul li .name-service .name { float: left; width: 39%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; text-align: center; }
#golf-list .data ul li .name-service .service { float: left; padding-top: 3px; width: 61%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 9px; text-align: left; }
#golf-list .data ul li .cate-grade { margin-bottom: 12px; overflow: hidden; }
#golf-list .data ul li .cate-grade .cate { float: left; width: 39%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 10px; text-align: center; color: #747474; }
#golf-list .data ul li .cate-grade .grade { float: left; margin: -4px 0 -2px; width: 61%; text-align: left; }
#golf-list .data ul li .cate-grade .grade * { vertical-align: middle; }
#golf-list .data ul li .cate-grade .grade .star img { width: auto; height: 9px; vertical-align: middle; }
#golf-list .data ul li .cate-grade .grade .num { display: inline-block; margin-left: 4px; padding-top: 2px; font-size: 15px; color: #ffa201; }
#golf-list .data ul li .price { font-size: 13px; color: #2151da; }
#golf-list .data ul li .price span { font-size: 10px; }


/* bottom recommend */
#recommend { padding: 0 19px 35px; border-top: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; background-color: #fafafa; }
#recommend .r-tab { margin: 24px 0 26px; height: 22px; text-align: center; }
#recommend .r-tab ul { display: inline-block; }
#recommend .r-tab ul li a { display: block; padding: 0 12px; height: 20px; line-height: 20px; font-size: 11px; color: #5b5b5b; border: 1px solid #fafafa; background-color: #fafafa; border-radius: 16px; }
#recommend .r-tab ul li.on a { color: #fff; border-color: #0062b5; background-color: #008aff; }
#recommend .row ul li { float: none; margin-left: 0; width: 100%; text-align: center; }
#recommend .row ul li .imgs { overflow: hidden; }
#recommend .row ul li .imgs p { float: left; width: 49%; overflow: hidden; border-radius: 20px; }
#recommend .row ul li .imgs p:first-child { margin-bottom: 9px; width: 100%; }
#recommend .row ul li .imgs p:last-child { margin-left: 2%; }
#recommend .row ul li .subject { margin: 18px 0 5px; font-size: 12px; color: #747474; }
#recommend .row ul li .summary { margin-top: 7px; font-size: 10px; text-decoration: none; color: #747474; }
#recommend .row .more { margin-top: 32px; height: 31px; text-align: center; }
#recommend .row .more img { width: auto; height: 100%; }


/* golf view */
#golf-detail {}
#golf-detail .head { padding: 0 19px 31px; text-align: center; border-bottom: 1px solid #c4c4c4; }
#golf-detail .head .cate-name { padding: 26px 0 6px; }
#golf-detail .head .cate-name .cate { display: inline-block; margin-right: 10px; padding-right: 11px; vertical-align: middle; font-size: 10px; color: #747474; background: url(/m/images/common/split_b_13px.gif) no-repeat right center; }
#golf-detail .head .cate-name .name { display: inline-block; vertical-align: middle; font-size: 18px; color: #2151da; }
#golf-detail .head .price { font-size: 25px; color: #2151da; }
#golf-detail .head .price span { font-size: 17px; }
#golf-detail .head .grade-txt { margin: 9px 0 0; font-size: 32px; color: #ffa201; }
#golf-detail .head .grade { margin: 6px 0 3px; }
#golf-detail .head .grade img { width: auto; height: 9px; }
#golf-detail .head .summary { margin-top: 13px; line-height: 16px; font-size: 10px; color: #747474; }

#golf-detail .form {}
#golf-detail .form .checkdate { padding: 10px 19px 0; height: 45px; border-bottom: 1px solid #c4c4c4; background-color: #f5faff; }
#golf-detail .form .checkdate .check-in { float: left; width: 38.5%; height: 33px; border: 1px solid #c4c4c4; background: url(/m/images/sub/ico_checkin.png) no-repeat 27px center #fff; background-size: 22px 17px; border-radius: 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#golf-detail .form .checkdate .check-in p { margin-left: 59px; padding: 4px 9px 0; height: 33px; line-height: 10px; font-size: 9px; background: url(/m/images/common/split_g_8px.gif) no-repeat left center; }
#golf-detail .form .checkdate .check-in p input { display: block; padding: 0; width: 100%; height: 15px; line-height: 15px; font-size: 9px; border: 0; background: transparent; }
#golf-detail .form .checkdate .check-out { float: left; margin: 0 1%; width: 38%; height: 33px; border: 1px solid #c4c4c4; background: url(/m/images/sub/ico_checkout.png) no-repeat 27px center #fff; background-size: 22px 17px; border-radius: 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#golf-detail .form .checkdate .check-out p { margin-left: 59px; padding: 4px 9px 0; height: 33px; line-height: 10px; font-size: 9px; background: url(/m/images/common/split_g_8px.gif) no-repeat left center; }
#golf-detail .form .checkdate .check-out p input { display: block; padding: 0; width: 100%; height: 15px; line-height: 15px; font-size: 9px; border: 0; background: transparent; }
#golf-detail .form .checkdate .count { position: relative; float: left; width: 21.5%; height: 33px; border: 1px solid #c4c4c4; background-color: #fff; border-radius: 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#golf-detail .form .checkdate .count .amount { padding-left: 34px; height: 15px; border-bottom: 1px solid #c4c4c4; }
#golf-detail .form .checkdate .count .amount input { display: block; padding: 0; width: 100%; height: 15px; line-height: 16px; font-size: 10px; font-weight: bold; text-align: center; color: #2151da; border: 0; background: transparent; }
#golf-detail .form .checkdate .count .up-dn { height: 15px; }
#golf-detail .form .checkdate .count .up-dn a.dn { float: left; width: 50%; height: 15px; overflow: hidden; text-align: center; border-right: 1px solid #c4c4c4; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#golf-detail .form .checkdate .count .up-dn a.up { float: left; width: 50%; height: 15px; overflow: hidden; text-align: center; }
#golf-detail .form .checkdate .count .up-dn a img { width: auto; height: 100%; vertical-align: top; border-radius: 25px; }
#golf-detail .form .checkdate .count .img { position: absolute; top: -6px; left: 10px; width: 20px; }

#golf-detail .form .box { border: 1px solid #c4c4c4; background-color: #fff; border-radius: 25px; }
#golf-detail .form .box .head { padding: 0; height: 31px; line-height: 31px; font-size: 12px; font-weight: bold; text-align: center; color: #2151da; border-bottom: 1px solid #c4c4c4; background-color: #e9edf2; border-radius: 25px 25px 0 0; }
#golf-detail .form .tab { padding: 0 0 19px; text-align: center; height: 20px; line-height: 20px; border: 0; background: none; }
#golf-detail .form .tab li { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; font-size: 10px; text-align: center; color: #808080; border: 1px solid #c2c2c2; background-color: #fff; border-radius: 11px; }
#golf-detail .form .tab li.on { color: #fff; border: 1px solid #193ea6; background-color: #2151da; }

#golf-detail .form .item-info { padding: 30px 19px 35px; }
#golf-detail .form .item-info .summary { margin-bottom: 16px; font-size: 10px; text-align: center; color: #747474; }
#golf-detail .form .item-info .box { margin-top: 20px; }
#golf-detail .form .item-info .box:first-child { margin-top: 0; }
#golf-detail .form .item-info .box.on { background-color: #ffe; }
#golf-detail .form .item-info .box .data .pakage-info { position: relative; padding: 17px 15px; border-bottom: 1px solid #c4c4c4; }
#golf-detail .form .item-info .box .data .pakage-info .name { font-size: 13px; color: #767676; }
#golf-detail .form .item-info .box .data .pakage-info .explain { margin-top: 7px; padding-left: 20px; font-size: 9px; color: #2151da; background: url(/m/images/sub/ico_check.png) no-repeat 3px center; background-size: 11px 6px; }
#golf-detail .form .item-info .box .data .pakage-info .hotel { margin-top: 11px; font-size: 10px; }
#golf-detail .form .item-info .box .data .pakage-info .hotel span { display: inline-block; width: 40px; height: 11px; line-height: 11px; vertical-align: middle; text-align: center; color: #fff; border: 1px solid #193ea6; background-color: #2151da; border-radius: 6px; }
#golf-detail .form .item-info .box .data .pakage-info .golf { margin-top: 9px; font-size: 10px; }
#golf-detail .form .item-info .box .data .pakage-info .golf span { display: inline-block; width: 40px; height: 11px; line-height: 11px; vertical-align: middle; text-align: center; color: #fff; border: 1px solid #0069c2; background-color: #008aff; border-radius: 6px; }
#golf-detail .form .item-info .box .data .pakage-info .guide { position: absolute; top: 17px; right: 19px; }
#golf-detail .form .item-info .box .data .pakage-info .guide li { margin-bottom: 5px; }
#golf-detail .form .item-info .box .data .pakage-info .guide li a { display: block; width: 48px; height: 14px; line-height: 15px; white-space: nowrap; font-size: 8px; letter-spacing: -0.5px; text-align: center; color: #808080; border: 1px solid #c2c2c2; background-color: #e9edf2; border-radius: 9px; }

#golf-detail .day-price { display: none; position: fixed; top: 0; right: 0; padding: 2%; width: 86%; border: 1px solid #c4c4c4; background-color: #fff; z-index: 2; }
#golf-detail .day-price .day-head { position: relative; height: 30px; border: 1px solid #c4c4c4; }
#golf-detail .day-price .day-head .prev { position: absolute; top: 0; left: 0; width: 10%; height: 30px; line-height: 30px; font-size: 14px; text-align: center; cursor: pointer; }
#golf-detail .day-price .day-head .month { position: absolute; top: 0; left: 30px; width: 80%; height: 30px; line-height: 30px; overflow: hidden; font-size: 14px; text-align: center; }
#golf-detail .day-price .day-head .month li { position: absolute !important; top: 0; left: 100%; width: 100%; height: 30px; }
#golf-detail .day-price .day-head .month li:first-child { left: 0; }
#golf-detail .day-price .day-head .next { position: absolute; top: 0; right: 0; width: 10%; height: 30px; line-height: 30px; font-size: 14px; text-align: center; cursor: pointer; }
#golf-detail .day-price .day-data {}
#golf-detail .day-price .day-data .day-row { display: none; }
#golf-detail .day-price .day-data .day-row:first-child { display: block; }
#golf-detail .day-price .day-data .day-row .calendar {}
#golf-detail .day-price .day-data .day-row .calendar th { height: 30px; color: #777; border: 0; }
#golf-detail .day-price .day-data .day-row .calendar th.sun { color: #f00; }
#golf-detail .day-price .day-data .day-row .calendar th.sat { color: #00f; }
#golf-detail .day-price .day-data .day-row .calendar td { padding: 5px; border: 1px solid #c4c4c4; }
#golf-detail .day-price .day-data .day-row .calendar td .day { font-size: 11px; font-weight: 500; color: #777; }
#golf-detail .day-price .day-data .day-row .calendar td.sun .day { color: #f00; }
#golf-detail .day-price .day-data .day-row .calendar td.sat .day { color: #00f; }
#golf-detail .day-price .day-data .day-row .calendar td.other { background-color: #ebebeb; }
#golf-detail .day-price .day-data .day-row .calendar td .price { padding: 5px 0; font-size: 10px; font-weight: 500; text-align: center; color: #000; }

#golf-detail .form .item-info .box .data .option { padding: 0 10px; height: 28px; text-align: center; border-bottom: 1px solid #c4c4c4; }
#golf-detail .form .item-info .box .data .option ul { display: inline-block; padding-left: 1px; background: url(/m/images/common/split_g_8px.gif) no-repeat left center; background-size: 1px 6px; }
#golf-detail .form .item-info .box .data .option ul li { float: left; padding: 0 9px 0 8px; height: 28px; line-height: 28px; font-size: 9px; color: #b1b1b1; background: url(/m/images/common/split_g_8px.gif) no-repeat right center; background-size: 1px 6px; }
#golf-detail .form .item-info .box .data .option ul li.on { color: #767676; }
#golf-detail .form .item-info .box .data .price-command { padding: 0 33px 0 27px; height: 44px; }
#golf-detail .form .item-info .box .data .price-command .price { float: left; line-height: 42px; font-size: 17px; color: #2151da; }
#golf-detail .form .item-info .box .data .price-command .price span { font-size: 15px; }
#golf-detail .form .item-info .box .data .price-command .price span.total-price { font-size: 17px; }
#golf-detail .form .item-info .box .data .price-command .command { float: right; padding-top: 10px; }
#golf-detail .form .item-info .box .data .price-command .command input { width: 57px; height: 21px; font-size: 10px; color: #808080; border: 1px solid #c2c2c2; background-color: #fff; border-radius: 13px; }
#golf-detail .form .item-info .box .data .price-command .command input:first-child { color: #fff; border: 1px solid #193ea6; background-color: #2151da; }

#golf-detail .form .reserver { display: none; margin: 0 19px 35px; }
#golf-detail .form .reserver .data { padding: 18px 18px 20px; }
#golf-detail .form .reserver .data .insert { width: 100%; border-top: 1px solid #b1b4b8; }
#golf-detail .form .reserver .data .insert th { width: 18%; height: 26px; font-size: 9px; font-weight: normal; text-align: center; color: #767676; border-bottom: 1px solid #c4c4c4; background-color: #e9edf2; }
#golf-detail .form .reserver .data .insert td { padding: 5px 18px; border-bottom: 1px solid #c4c4c4; }
#golf-detail .form .reserver .data .insert td .txt { padding: 0 10px; height: 20px; line-height: 20px; font-size: 10px; color: #767676; border: 1px solid #c2c2c2; border-radius: 17px; }
#golf-detail .form .reserver .data .insert td .txt.num { width: 50px; }
#golf-detail .form .reserver .data .insert td textarea { font-size: 10px; color: #767676; border: 1px solid #c2c2c2; border-radius: 17px; }
#golf-detail .form .reserver .data .command { margin-top: 10px; text-align: center; }
#golf-detail .form .reserver .data .command input { width: 110px; height: 21px; font-size: 10px; color: #fff; border: 1px solid #10286d; background-color: #2151da; border-radius: 12px; }

#golf-detail .form .img-info { padding: 32px 19px 30px; border-top: 1px solid #d7d7d7; background-color: #fafafa; }
#golf-detail .form .img-info .box { position: relative; height: 197px; overflow: hidden; }
#golf-detail .form .img-info .box .imgs {}
#golf-detail .form .img-info .box .imgs li { position: absolute; top: 0; left: 100%; width: 100%; height: 100%; }
#golf-detail .form .img-info .box .imgs li:first-child { left: 0; }
#golf-detail .form .img-info .box .imgs li img { width: 100%; height: 100%; overflow: hidden; border-radius: 20px; }
#golf-detail .form .img-info .buls { margin-top: 33px; text-align: center; }
#golf-detail .form .img-info .buls li { display: inline-block; margin: 0 1px; width: 7px; height: 7px; vertical-align: top; border: 1px solid #adadad; background-color: #fff; border-radius: 5px; transition: all .3s ease; }
#golf-detail .form .img-info .buls li.on { width: 25px; border: 1px solid #2151da; background-color: #2151da; }

#golf-detail .form .detail { padding: 33px 19px 28px; border-top: 1px solid #d7d7d7; }
#golf-detail .form .detail.golf-info { padding-bottom: 35px; }
#golf-detail .form .detail .box .row { display: none; }
#golf-detail .form .detail .box .row:first-child { display: block; }
#golf-detail .form .detail .box .row .data { padding: 18px 18px 20px; }
#golf-detail .form .detail .box .row .data dl { overflow: hidden; border-top: 1px solid #c4c4c4; }
#golf-detail .form .detail .box .row .data dl dt { clear: left; float: left; width: 18%; height: 26px; line-height: 26px; font-size: 9px; text-align: center; color: #767676; border-bottom: 1px solid #c4c4c4; background-color: #e9edf2; }
#golf-detail .form .detail .box .row .data dl dd { float: left; padding: 0 18px; width: 82%; height: 27px; line-height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 9px; color: #767676; border-bottom: 1px solid #c4c4c4; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#golf-detail .form .detail .box .row .data .tt { margin: 20px 0 10px; font-size: 14px; color: #767676; }
#golf-detail .form .detail .box .row .data .tt:first-child { margin-top: 0; }
#golf-detail .form .detail .box .row .data .text { line-height: 17px; color: #767676; }
#golf-detail .form .detail .box .row .data .facility { margin: -5px 0; overflow: hidden; }
#golf-detail .form .detail .box .row .data .facility li { float: left; width: 33.33%; line-height: 25px; font-size: 10px; color: #767676; }
#golf-detail .form .detail .box .row .data .facility li.off { color: #eaeaea; }
#golf-detail .form .detail .box .row .data .facility li img { width: auto; height: 17px; vertical-align: middle; }

#golf-detail .form .schedule { padding: 32px 19px 36px; }
#golf-detail .form .schedule .tab { padding-bottom: 16px; }
#golf-detail .form .schedule .tab-day { text-align: center; }
#golf-detail .form .schedule .tab-day li { display: inline-block; padding: 0 6px 0 3px; background: url(/m/images/common/split_g_10px.gif) no-repeat right center; }
#golf-detail .form .schedule .tab-day li:first-child { padding-left: 6px; background: url(/m/images/common/split_g_10px.gif) no-repeat right center, url(/m/images/common/split_g_10px.gif) no-repeat left center; }
#golf-detail .form .schedule .tab-day li a { display: inline-block; padding: 0 12px; height: 20px; line-height: 20px; font-size: 10px; font-weight: 500; color: #5b5b5b; border: 1px solid #fff; background-color: #fff; border-radius: 11px; }
#golf-detail .form .schedule .tab-day li.on a { color: #fff; border: 1px solid #0062b5; background-color: #008aff; }
#golf-detail .form .schedule .box { margin-top: 19px; overflow: hidden; }
#golf-detail .form .schedule .box .row { display: none; }
#golf-detail .form .schedule .box .row:first-child { display: block; }
#golf-detail .form .schedule .box .row table { width: 100%; }
#golf-detail .form .schedule .box .row table thead th { height: 31px; font-size: 11px; font-weight: 500; text-align: center; color: #2151da; border: 1px solid #c4c4c4; border-top: 0; background-color: #e9edf2; }
#golf-detail .form .schedule .box .row table thead th:first-child { border-left: 0; }
#golf-detail .form .schedule .box .row table thead th:last-child { border-right: 0; }
#golf-detail .form .schedule .box .row table tbody th { font-size: 10px; font-weight: 500; text-align: center; color: #2151da; border: 1px solid #c4c4c4; border-bottom: 0; }
#golf-detail .form .schedule .box .row table tbody th:first-child { border-left: 0; }
#golf-detail .form .schedule .box .row table tbody td { padding: 14px 0; line-height: 15px; vertical-align: top; font-size: 9px; text-align: center; color: #767676; border: 1px solid #c4c4c4; border-bottom: 0; }
#golf-detail .form .schedule .box .row table tbody td:last-child { padding: 14px; text-align: left; border-right: 0; }
#golf-detail .form .schedule .box .row table tbody td img { margin: 5px 0; width: 45%; }
#golf-detail .form .schedule .box .row table tbody td .detail { padding: 0; border: 0; }
#golf-detail .form .schedule .box .row table tbody td .room-board { margin: 15px 0; padding: 10px 15px; line-height: 12px; font-size: 9px; text-align: center; color: #767676; border: 1px solid #b3b6ba; background-color: #e9edf2; border-radius: 80px; }

.pop-contents { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); z-index: 100; }
.pop-contents .pop-content { position: absolute; top: 100px; left: 50%; overflow: hidden; border: 1px solid #c7c7c7; border-radius: 35px; background-color: #fff; }
.pop-contents .pop-content .pop-head { position: relative; padding-left: 40px; height: 50px; line-height: 50px; background-color: #e9edf2; }
.pop-contents .pop-content .pop-head h3 { font-size: 15px; font-weight: 500; color: #2151da; }
.pop-contents .pop-content .pop-head a { position: absolute; top: 0; right: 40px; font-size: 20px; font-weight: 500; color: #2151da; }
.pop-contents .pop-content .pop-data { padding: 25px 40px 8px; }

#pop-reserv-guide .pop-content { margin-left: -45%; width: 90%; overflow: visible; border: 0; border-radius: 0; background: transparent; }
#pop-reserv-guide .pop-content .pop-close { position: absolute; top: -1px; right: -13px; width: 26px; }

.golf-reserv-guide.section { padding: 0 19px 35px !important; border-top: 1px solid #c7c7c7; border-bottom: 0 !important; }
.golf-reserv-guide .step { display: table; margin: 17px 0 0; width: 100%; }
.golf-reserv-guide .step li { display: table-row; }
.golf-reserv-guide .step li .circle { display: table-cell; padding: 9px 0 7px; width: 60px; vertical-align: middle; }
.golf-reserv-guide .step li .circle p { padding-top: 17px; width: 62px; height: 45px; text-align: center; border: 1px solid #0869c4; background-color: #0a89ff; border-radius: 100%; }
.golf-reserv-guide .step li .circle p img { width: auto; height: 26px; }
.golf-reserv-guide .step li dl { display: table-cell; padding: 19px 0 5px 45px; width: 271px; -webkit-width: calc(100% - 109px); -moz-width: calc(100% - 109px); width: calc(100% - 109px); background: url(/m/images/common/split_g_10px.gif) no-repeat 22px center; }
.golf-reserv-guide .step li dl dt { line-height: 18px; font-size: 10px; color: #3a3a3a; }
.golf-reserv-guide .step li dl dd { margin-top: 2px; line-height: 12px; font-size: 9px; color: #757575; }
.golf-reserv-guide .step li dl dd span { margin-right: 10px; }
.golf-reserv-guide .tel { margin-top: 21px; text-align: center; }
.golf-reserv-guide .tel a { display: inline-block; padding: 8px 18px; font-size: 10px; color: #fff; border: 1px solid #10286d; background-color: #2151da; border-radius: 23px; }


/* golf reservation */
#reservation { border-top: 1px solid #c7c7c7; background-color: #fafafa; }
#reservation .title { padding: 25px 0 21px; font-size: 18px; text-align: center; color: #2151da; }
#reservation .summary { font-size: 10px; text-align: center; text-decoration: underline; color: #747474; }
#reservation .reserv-summary { margin: 29px 19px 34px; border: 1px solid #c7c7c7; background-color: #fff; border-radius: 25px; }
#reservation .reserv-summary .head { position: relative; padding: 17px 18px 0; border-bottom: 1px solid #c7c7c7; background-color: #f5faff; border-radius: 25px 25px 0 0; }
#reservation .reserv-summary .head .category {}
#reservation .reserv-summary .head .category span { display: inline-block; padding: 0 5px; font-size: 9px; color: #fff; border: 1px solid #193ea6; background-color: #2151da; border-radius: 10px; }
#reservation .reserv-summary .head .category span:first-child { border: 1px solid #0069c2; background-color: #008aff; }
#reservation .reserv-summary .head .subject { margin: 9px 0 13px; font-size: 14px; color: #2151da; }
#reservation .reserv-summary .head .img { display: none; position: absolute; bottom: 0; right: 10px; }
#reservation .reserv-summary .head .img img { width: auto; height: 85px; }
#reservation .reserv-summary .msg {}
#reservation .reserv-summary .msg dl { padding: 0 19px; height: 24px; line-height: 24px; white-space: nowrap; border-bottom: 1px solid #c7c7c7; }
#reservation .reserv-summary .msg dl dt { display: inline-block; padding: 0 5px; line-height: 8px; font-size: 8px; color: #fff; border: 1px solid #193ea6; background-color: #2151da; border-radius: 13px; }
#reservation .reserv-summary .msg dl:first-child dt { border: 1px solid #0069c2; background-color: #008aff; }
#reservation .reserv-summary .msg dl dd { display: inline-block; font-size: 9px; color: #797979; }
#reservation .reserv-summary .msg dl dd span { color: #2151da; }
#reservation .reserv-summary .info { padding: 14px 19px; overflow: hidden; }
#reservation .reserv-summary .info dl { overflow: hidden; float: right; width: 35%; line-height: 40px; }
#reservation .reserv-summary .info dl:first-child { float: left; width: 60%; line-height: 20px; border-right: 1px solid #2151da; }
#reservation .reserv-summary .info dl dt { clear: left; float: left; width: 65px; font-size: 10px; color: #797979; }
#reservation .reserv-summary .info dl:first-child dt { width: 79px; }
#reservation .reserv-summary .info dl dd { float: left; font-size: 11px; color: #2151da; }

#reservation .reserv-form { padding: 0 19px 36px; border-top: 1px solid #c7c7c7; background-color: #f5faff; }
#reservation .reserv-form .msg { padding: 32px 0 15px; font-size: 10px; text-align: center; color: #747474; }
#reservation .reserv-form .msg span { color: #2151da; }
#reservation .reserv-form .tab { height: auto; line-height: normal; border: 0; background: none; }
#reservation .reserv-form .tab ul { padding: 0 0 3px; text-align: center; border: 0; background: none; }
#reservation .reserv-form .tab ul li { float: none; display: inline-block; padding: 0 10px; width: auto; height: 21px; line-height: 21px; font-size: 10px; text-align: center; color: #808080; border: 1px solid #c2c2c2; background: none; background-color: #fff; border-radius: 12px; }
#reservation .reserv-form .tab ul li.on { color: #fff; border: 1px solid #193ea6; background-color: #2151da; }
#reservation .reserv-form .data { margin-top: 14px; }
#reservation .reserv-form .data .row { display: none; }
#reservation .reserv-form .data .row:first-child { display: block; }
#reservation .reserv-form .data .row .box { margin-bottom: 9px; overflow: hidden; border: 1px solid #c7c7c7; background-color: #fff; border-radius: 25px; }
#reservation .reserv-form .data .row .box .head { height: 31px; line-height: 31px; font-size: 11px; font-weight: 500; text-align: center; color: #2151da; border-bottom: 1px solid #c7c7c7; background-color: #e9edf2; }
#reservation .reserv-form .data .row .box .fid { padding: 15px 12px 6px; color: #797979; }
#reservation .reserv-form .data .row .box .fid select { margin-bottom: 10px; padding-right: 31px; height: 22px; line-height: 20px; vertical-align: middle; font-size: 9px; color: #5d5d5d; border: 1px solid #c2c2c2; background: url(/m/images/common/arr_select.gif) no-repeat right center; background-size: 27px 22px; border-radius: 11px; }
#reservation .reserv-form .data .row .box .fid span { line-height: 12px; vertical-align: top; font-size: 9px; }
#reservation .reserv-form .data .row .box .fid table { margin-bottom: 10px; width: 100%; font-size: 11px; border-top: 1px solid #c7c7c7; }
#reservation .reserv-form .data .row .box .fid table th { padding: 5px 0; font-weight: normal; text-align: center; color: #797979; border: 1px solid #c7c7c7; background-color: #e9edf2; }
#reservation .reserv-form .data .row .box .fid table th:first-child { border-left: 0; }
#reservation .reserv-form .data .row .box .fid table th:last-child { border-right: 0; }
#reservation .reserv-form .data .row .box .fid table td { padding: 5px 0; text-align: center; color: #797979; border: 1px solid #c7c7c7; }
#reservation .reserv-form .data .row .box .fid table td:first-child { border-left: 0; }
#reservation .reserv-form .data .row .box .fid table td:last-child { border-right: 0; }
#reservation .reserv-form .data .row .box .fid table td .best { display: inline-block; margin: 0; padding: 0 8px; height: 14px; line-height: 14px; vertical-align: middle; font-size: 9px; color: #fff; background-color: #2151da; border-radius: 7px; }
#reservation .reserv-form .data .row .box .fid dl { overflow: hidden; }
#reservation .reserv-form .data .row .box .fid dl dt { clear: left; float: left; margin-bottom: 8px; width: 20%; line-height: 30px; font-size: 11px; }
#reservation .reserv-form .data .row .box .fid dl dd { float: left; width: 80%; }
#reservation .reserv-form .data .row .box .fid dl dd input { padding: 0 10px; width: 100%; height: 30px; line-height: 30px; font-size: 11px; color: #767676; border-radius: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#reservation .reserv-form .data .row .box .fid dl dd textarea { font-size: 11px; color: #767676; border: 1px solid #ddd; }
#reservation .reserv-form .data .row .box .fid .guide-summary { font-size: 9px; }
#reservation .reserv-form .data .row .command { padding-top: 25px; text-align: center; }
#reservation .reserv-form .data .row .command img { width: auto; height: 31px; }


/* hotel view */
#hotel-detail {}
#hotel-detail .head { padding: 0 19px 35px; text-align: center; border-bottom: 1px solid #c4c4c4; }
#hotel-detail .head .cate-name { padding: 26px 0 6px; }
#hotel-detail .head .cate-name .cate { display: inline-block; margin-right: 10px; padding-right: 11px; vertical-align: middle; font-size: 10px; color: #747474; background: url(/m/images/common/split_b_13px.gif) no-repeat right center; }
#hotel-detail .head .cate-name .name { display: inline-block; vertical-align: middle; font-size: 18px; color: #2151da; }
#hotel-detail .head .price { font-size: 25px; color: #2151da; }
#hotel-detail .head .price span { font-size: 17px; }
#hotel-detail .head .grade-txt { margin: 9px 0 0; font-size: 32px; color: #ffa201; }
#hotel-detail .head .grade { margin: 6px 0 3px; }
#hotel-detail .head .grade img { width: auto; height: 9px; }
#hotel-detail .head .summary { margin-top: 13px; line-height: 16px; font-size: 10px; color: #747474; }

#hotel-detail .command { padding: 13px 0; text-align: center; border-bottom: 1px solid #c7c7c7; background-color: #f5faff; }
#hotel-detail .command a { display: inline-block; padding: 0 51px; height: 27px; line-height: 27px; font-size: 11px; font-weight: 500; color: #fff; border: 1px solid #0069c2; background-color: #008aff; border-radius: 15px; }

#hotel-detail .info .summary { margin-bottom: 15px; text-align: center; text-decoration: none; color: #747474; }
#hotel-detail .info .summary span { color: #2151da; }

#hotel-detail .section { padding: 31px 19px 26px; border-bottom: 1px solid #c7c7c7; }
#hotel-detail .section .s-title { margin-bottom: 16px; text-align: center; }
#hotel-detail .section .s-title p { display: inline-block; padding: 0 10px; height: 19px; line-height: 19px; font-size: 10px; color: #fff; border: 1px solid #193ea6; background-color: #2151da; border-radius: 12px; }
#hotel-detail .section .box { margin-bottom: 9px; overflow: hidden; border: 1px solid #c7c7c7; border-radius: 32px; }
#hotel-detail .section .box .b-head { height: 32px; line-height: 32px; font-size: 10px; font-weight: 500; text-align: center; color: #2151da; border-bottom: 1px solid #c7c7c7; background-color: #e9edf2; }
#hotel-detail .section .box .b-data { padding: 7px 0; font-size: 10px; text-align: center; }
#hotel-detail .facility.section .box .b-data { padding: 15px 0; }
#hotel-detail .section .box .b-data p { display: inline-block; margin: 0 5px; line-height: 17px; color: #747474; }
#hotel-detail .section .box .b-data p span { color: #2151da; }
#hotel-detail .section .boxes { overflow: hidden; }
#hotel-detail .section .boxes .box { float: right; width: 35%; }
#hotel-detail .section .boxes .box:first-child { float: left; width: 63%; }
#hotel-detail .img-info { padding-bottom: 30px; }
#hotel-detail .img-info .box { position: relative; height: 307px; overflow: hidden; }
#hotel-detail .img-info .box .imgs {}
#hotel-detail .img-info .box .imgs li { position: absolute; top: 0; left: 100%; width: 100%; height: 100%; }
#hotel-detail .img-info .box .imgs li:first-child { left: 0; }
#hotel-detail .img-info .box .imgs li img { width: 100%; height: 100%; }

#hotel-detail .img-info .buls { margin-top: 35px; text-align: center; }
#hotel-detail .img-info .buls li { display: inline-block; margin: 0 1px; width: 7px; height: 7px; vertical-align: top; border: 1px solid #adadad; background-color: #fff; border-radius: 5px; transition: all .3s ease; }
#hotel-detail .img-info .buls li.on { width: 25px; border: 1px solid #2151da; background-color: #2151da; }


#hotel-detail .contents { padding: 0 19px 36px; background-color: #f5faff; }
#hotel-detail .contents .title { padding: 27px 0 15px; font-size: 16px; text-align: center; color: #2151da; }
#hotel-detail .contents .summary { font-size: 10px; text-align: center; text-decoration: underline; color: #747474; }
#hotel-detail .contents .content { margin: 29px 0 33px; line-height: 17px; font-size: 9px; text-align: center; color: #747474; }
#hotel-detail .contents .content img { width: auto; max-width: 100%; height: auto; }
#hotel-detail .l-command { text-align: center; }
#hotel-detail .l-command img { width: auto; height: 31px; }


/* hotel reservation (add) */
#reservation .reserv-summary .fid { padding: 18px 19px 20px; }
#reservation .reserv-summary .fid dl { clear: both; margin-top: 5px; overflow: hidden; }
#reservation .reserv-summary .fid dl:first-child { margin: 0; }
#reservation .reserv-summary .fid dl dt { float: left; width: 15%; line-height: 22px; font-size: 10px; color: #797979; }
#reservation .reserv-summary .fid dl dd { float: left; width: 35%; font-size: 10px; }
#reservation .reserv-summary .fid dl dd input.txt { padding: 0 5px; width: 82%; height: 20px; line-height: 20px; font-size: 10px; border: 1px solid #c7c7c7; border-radius: 13px; }

#reservation .reserv-form .data .row .box .fid.c { text-align: center; }
#reservation .reserv-form .data .row .box .fid span { display: inline-block; margin-bottom: 10px; vertical-align: middle; }
#reservation .reserv-form .data .row .box .fid label { position: relative; display: inline-block; margin: 0 3px 5px; line-height: 15px; font-size: 9px; }
#reservation .reserv-form .data .row .box .fid label input[type=radio] { position: absolute; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0); }
#reservation .reserv-form .data .row .box .fid label input[type=radio] + span { display: inline-block; margin: 2px 0 0; width: 10px; height: 10px; vertical-align: top; background: url(/m/images/common/ico_radio.png) no-repeat; background-size: 10px 22px; }
#reservation .reserv-form .data .row .box .fid label input[type=radio]:checked + span { background-position: 0 -11px; }
#reservation .reserv-form .data .row .box .fid input.txt { margin-bottom: 10px; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 10px; border: 1px solid #c7c7c7; border-radius: 13px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#reservation .reserv-form .data .row .box .fid textarea { margin-bottom: 10px; padding: 10px; width: 100%; height: 70px; line-height: 17px; vertical-align: middle; font-size: 11px; border: 1px solid #c7c7c7; border-radius: 13px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#reservation .reserv-form .data .row .box .fid input.txt.w100p { width: 100%; }
#reservation .reserv-form .data .row .box .fid input.txt.w50 { width: 50px; }
#reservation .reserv-form .data .row .box .fid input.txt.w100 { width: 100px; }
#reservation .reserv-form .data .row .box .fid .guide { margin-bottom: 8px; }
#reservation .reserv-form .data .row .box .fid .guide span { line-height: normal; vertical-align: top; color: #2151da; }


/* section list */
.common-head { padding: 0 15px 35px; }
.common-head .title { padding: 27px 0 15px; font-size: 16px; text-align: center; color: #2151da; }
.common-head .summary { font-size: 10px; text-align: center; text-decoration: underline; color: #747474; }


#area-tab { position: relative; padding: 0 19px; height: 55px; border-top: 1px solid #bcc0c4; border-bottom: 1px solid #bcc0c4; background-color: #f5faff; }
#area-tab .area { position: absolute; top: 0; left: 11%; width: 72%; height: 43px; overflow: hidden; }
#area-tab .area .list { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; text-align: center; }
#area-tab .area .list:first-child { top: 0; }
#area-tab .area .list li { display: inline-block; padding: 17px 0 0; width: 32%; }
#area-tab .area .list li a { display: block; height: 20px; line-height: 20px; white-space: nowrap; font-size: 10px; text-align: center; color: #2151da; border: 1px solid #c2c2c2; background-color: #fff; border-radius: 11px; }
#area-tab .area .list li a.on { color: #fff; border: 1px solid #0069c2; background-color: #008aff; }
#area-tab .page { position: absolute; top: 0; right: 19px; width: 15px; height: 100%; background: url(/images/sub/line_reserv.gif) no-repeat 2px 28px; background-size: 11px 1px; }
#area-tab .page .prev { position: absolute; top: 11px; left: 0; width: 15px; }
#area-tab .page .next { position: absolute; top: 31px; left: 0; width: 15px; }
#area-tab .bg { display: none; position: absolute; bottom: -1px; left: 1.4%; height: 65px; }
#area-tab .bg img { width: auto; height: 100%; }


/* section list */
#section-list { margin-top: 24px; padding: 0 19px 34px; }
#section-list .head { position: relative; height: 19px; }
#section-list .head .total { line-height: 19px; padding-left: 20px; font-size: 9px; color: #747474; background: url(/images/common/split_b_13px.gif) no-repeat left center; background-size: 1px 9px; }
#section-list .head .total span { color: #2151da; }
#section-list .head select { position: absolute; top: 0; right: 0; width: 109px; height: 19px; line-height: 17px; font-size: 10px; color: #5d5d5d; border: 1px solid #c2c2c2; background: url(/images/common/arr_select.gif) no-repeat right center; background-size: 27px 19px; border-radius: 14px; }
#section-list .data { margin-top: 23px; }
#section-list .data ul { margin-left: -2%; overflow: hidden; }
#section-list .data ul li { position: relative; float: left; margin-left: 2%; padding-bottom: 18px; width: 48%; text-align: center; color: #747474; overflow: hidden; }
#section-list .data ul li .img { width: 100%; overflow: hidden; border-radius: 20px; }
#section-list .data ul li .subject { margin: 13px 0 6px; padding: 0 5%; width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 11px; }
#section-list .data ul li .summary { padding: 0 5%; width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 9px; }
#section-list .data ul li .cate { margin-top: 9px; font-size: 11px; font-weight: 500; color: #2151da; }
#section-list .data .paging { clear: both; margin-top: 14px; text-align: center; }
#section-list .data .paging ul { display: inline-block; padding-left: 1px; height: 28px; background: url(/images/common/split_g_7px.gif) no-repeat left center; }
#section-list .data .paging ul li { display: inline-block; margin: 0; padding: 0 13px 0 9px; width: auto; height: 28px; line-height: 28px; font-size: 11px; background: url(/images/common/split_g_7px.gif) no-repeat right center; }
#section-list .data .paging ul li.cur { font-size: 13px; font-weight: 500; color: #2151da; }
#section-list .data .paging ul li a { color: #777; }


/* section view */
#section-detail { border-top: 1px solid #c7c7c7; }
#section-detail .contents { padding: 0 19px 36px; background-color: #f5faff; }
#section-detail .contents .title { padding: 27px 0 15px; font-size: 16px; text-align: center; color: #2151da; }
#section-detail .contents .summary { font-size: 10px; text-align: center; text-decoration: underline; color: #747474; }
#section-detail .contents .content { margin: 29px 0 33px; line-height: 17px; font-size: 9px; text-align: center; color: #747474; }
#section-detail .contents .content img { width: auto; max-width: 100%; height: auto; }
#section-detail .l-command { text-align: center; }
#section-detail .l-command img { width: auto; height: 31px; }


/* search reseult */
#search-result {}
#search-result .title { padding: 27px 0 15px; font-size: 16px; text-align: center; color: #2151da; }
#search-result .summary { font-size: 10px; text-align: center; text-decoration: underline; color: #747474; }
#search-result .guide-wrap { margin-top: 35px; height: 55px; line-height: 55px; font-size: 11px; text-align: center; color: #747474; border-top: 1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; background-color: #f5faff; }
#search-result .guide-wrap span { color: #2151da; }

#search-result .search-list { padding: 24px 19px 34px; }
#search-result .search-list.search-hotel { border-top: 1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; background-color: #f5faff; }
#search-result .search-list .head { position: relative; height: 19px; }
#search-result .search-list .head .total { padding-left: 20px; line-height: 19px; font-size: 9px; color: #747474; background: url(/images/common/split_b_13px.gif) no-repeat left center; background-size: 1px 9px; }
#search-result .search-list .head .total span { color: #2151da; }
#search-result .search-list .data { margin-top: 23px; }
#search-result .search-list .data ul { margin-left: -2%; overflow: hidden; }
#search-result .search-list .data ul li { position: relative; float: left; margin-left: 2%; padding-bottom: 18px; width: 48%; text-align: center; overflow: hidden; }
#search-result .search-list .data ul li .img { width: 100%; overflow: hidden; border-radius: 20px; }
#search-result .search-list .data ul li .name-service { margin: 13px 0 6px; overflow: hidden; color: #747474; }
#search-result .search-list .data ul li .name-service .name { float: left; width: 39%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; text-align: center; }
#search-result .search-list .data ul li .name-service .service { float: left; padding-top: 3px; width: 61%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 9px; text-align: left; }
#search-result .search-list .data ul li .cate-grade { margin-bottom: 12px; overflow: hidden; }
#search-result .search-list .data ul li .cate-grade .cate { float: left; width: 39%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 10px; text-align: center; color: #747474; }
#search-result .search-list .data ul li .cate-grade .grade { float: left; margin: -4px 0 -2px; width: 61%; text-align: left; }
#search-result .search-list .data ul li .cate-grade .grade * { vertical-align: middle; }
#search-result .search-list .data ul li .cate-grade .grade .star img { width: auto; height: 9px; vertical-align: middle; }
#search-result .search-list .data ul li .cate-grade .grade .num { display: inline-block; margin-left: 4px; padding-top: 2px; font-size: 15px; color: #ffa201; }
#search-result .search-list .data ul li .price { font-size: 13px; color: #2151da; }
#search-result .search-list .data ul li .price span { font-size: 10px; }

#search-result .search-list.search-section .data ul li .subject { margin: 13px 0 6px; padding: 0 5%; width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 11px; }
#search-result .search-list.search-section .data ul li .summary { padding: 0 5%; width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 9px; text-decoration: none; }
#search-result .search-list.search-section .data ul li .cate { margin-top: 9px; font-size: 11px; font-weight: 500; color: #2151da; }

#contents .paging { clear: both; margin-top: 14px; text-align: center; }
#contents .paging ul { display: inline-block; height: 28px; }
#contents .paging ul li { display: inline-block; margin: 0; padding: 0 13px 0 9px; width: auto; height: 28px; line-height: 28px; font-size: 11px; background: url(/images/common/split_g_7px.gif) no-repeat right center; }
#contents .paging ul li.first { padding: 0; background: none; }
#contents .paging ul li.prev { padding-left: 0; }
#contents .paging ul li.next { padding-right: 0; background: none; }
#contents .paging ul li.last { padding: 0; background: none; }
#contents .paging ul li.cur { font-size: 13px; font-weight: 500; color: #2151da; }
#contents .paging ul li a { color: #777; }


/* login */
#login { padding: 0 19px 35px; border-bottom: 1px solid #c7c7c7; }
#login .title { padding: 27px 0 15px; font-size: 16px; text-align: center; color: #2151da; }
#login .summary { font-size: 10px; text-align: center; text-decoration: underline; color: #747474; }
#login .box { margin: 35px 0 33px; overflow: hidden; border: 1px solid #c7c7c7; border-radius: 25px; }
#login .box .head { height: 31px; line-height: 31px; font-size: 10px; font-weight: 500; text-align: center; color: #2151da; border-bottom: 1px solid #c7c7c7; background-color: #e9edf2; }
#login .box .form {}
#login .box .form .t-summary { height: 45px; line-height: 45px; font-size: 9px; text-align: center; color: #7c7c7c; }
#login .box .form .fid { position: relative; padding: 15px 8% 3px; border-top: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; background-color: #f9f9f9; }
#login .box .form .fid dl { width: 75%; overflow: hidden; }
#login .box .form .fid dl dt { clear: left; float: left; margin-bottom: 3px; width: 21%; line-height: 24px; font-size: 9px; color: #2151da; }
#login .box .form .fid dl dd { float: left; margin-bottom: 3px; width: 79%; }
#login .box .form .fid dl dd input { padding: 0 10px; width: 100%; height: 22px; line-height: 20px; font-size: 11px; border: 1px solid #c7c7c7; background-color: #fff; border-radius: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#login .box .form input[type=submit] { position: absolute; top: 15px; right: 8%; width: 17.5%; height: 49px; font-size: 11px; font-weight: 500; color: #fff; border: 1px solid #193ea8; background-color: #2151da; border-radius: 13px; }
#login .box .form .checkbox { text-align: center; }
#login .box .form .checkbox label { position: relative; font-size: 9px; color: #7c7c7c; }
#login .box .form .checkbox label input { position: absolute; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0); }
#login .box .form .checkbox label input + span { display: inline-block; width: 10px; height: 12px; vertical-align: bottom; background: url(/m/images/common/ico_checkbox.png) no-repeat 0 -14px; background-size: 10px 25px; }
#login .box .form .checkbox label input:checked + span { background-position: 0 0; }
#login .box .form .b-summary { height: 46px; line-height: 46px; font-size: 9px; text-align: center; color: #7c7c7c; }
#login .command { text-align: center; }
#login .command input { width: 65px; height: 22px; font-size: 10px; color: #fff; border: 1px solid #0069c2; background-color: #008aff; border-radius: 13px; }
#login .command input:first-child { border: 1px solid #193ea6; background-color: #2151da; }

/* 비회원 예약조회 */
#login.guest .box .form .fid { padding-bottom: 10px; }
#login.guest .box .form .fid dl dt { width: 36%; }
#login.guest .box .form .fid dl dd { width: 64%; }
#login.guest .box .form .fid input[type=submit] { width: 17.5%; height: 74px; }


/* join */
#join { padding: 0 19px 35px; border-bottom: 1px solid #c7c7c7; }
#join .title { padding: 27px 0 15px; font-size: 16px; text-align: center; color: #2151da; }
#join .summary { font-size: 10px; text-align: center; text-decoration: underline; color: #747474; }
#join .box { margin: 35px 0 0; overflow: hidden; border: 1px solid #c7c7c7; border-radius: 25px; }
#join .box .head { height: 31px; line-height: 31px; font-size: 10px; font-weight: 500; text-align: center; color: #2151da; border-bottom: 1px solid #c7c7c7; background-color: #e9edf2; }
#join .box .agreement { padding: 15px; height: 87px; line-height: 17px; overflow: auto; font-size: 10px; color: #7c7c7c; }
#join .box .agreement.h300 { height: 300px; }
#join .radio { margin-top: 16px; font-size: 9px; text-align: center; }
#join .radio .confirm { display: inline-block; vertical-align: middle; color: #797979; }
#join .radio .confirm span { color: #2151da; }
#join .radio label { position: relative; display: inline-block; margin-left: 3px; height: 17px; line-height: 17px; vertical-align: middle; color: #797979; }
#join .radio label input[type=radio] { position: absolute; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0); }
#join .radio label span { display: inline-block; width: 12px; height: 12px; vertical-align: middle; background: url(/images/common/ico_radio.png) no-repeat; background-size: 12px 26px; }
#join .radio label input[type=radio]:checked + span { background-position: 0 -14px; }
#join .command { margin-top: 26px; text-align: center; }
#join .command.j-result { margin-top: 34px; }
#join .command input { width: 60px; height: 20px; font-size: 10px; color: #fff; border: 1px solid #193ea6; background-color: #2151da; border-radius: 13px; }
#join .command input.next { border: 1px solid #0069c2; background-color: #008aff; }

#join .box .fid { margin: 0 auto; padding: 10px 0 5px; width: 330px; }
#join .box .fid dl { margin: 9px 0 10px; overflow: hidden; }
#join .box .fid dl dt { clear: left; float: left; margin-bottom: 4px; width: 55px; line-height: 23px; font-size: 9px; color: #7c7c7c; }
#join .box .fid dl dt.col { clear: none; margin-left: 10px; width: 75px; }
#join .box .fid dl dd { float: left; margin-bottom: 4px; }
#join .box .fid dl dd input { padding: 0 10px; height: 21px; line-height: 21px; border: 1px solid #c7c7c7; border-radius: 13px; }
#join .box .fid dl dd input.w248 { width: 248px; }
#join .box .fid dl dd input.w163 { width: 163px; }
#join .box .fid dl dd input.w70 { width: 70px; }
#join .box .fid dl dd input.w53 { width: 53px; }
#join .box .fid dl dd input[type=button] { padding: 0; width: 80px; height: 23px; font-size: 10px; color: #fff; border-color: #193ea6; background-color: #2151da; }
#join .box .fid dl dd span { margin: 0 4px; vertical-align: middle; font-size: 20px; color: #2151da; }
#join .b-summary { margin: 16px 0 0; padding-bottom: 1px; line-height: 18px; font-size: 9px; text-align: center; letter-spacing: -0.5px; color: #797979; }

#join .box .t-summary { height: 45px; line-height: 47px; font-size: 9px; text-align: center; color: #7c7c7c; }
#join .box .msg { position: relative; height: 75px; line-height: 75px; border-top: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; background-color: #f9f9f9; }
#join .box .msg p { font-size: 12px; font-weight: 500; text-align: center; color: #7c7c7c; }
#join .box .msg p span { color: #2151da; }
#join .box .f-summary { height: 47px; line-height: 49px; font-size: 9px; text-align: center; color: #7c7c7c; }


/* mypage menu */
#my-menu { margin-top: 35px; border-top: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; background-color: #f5faff; }
#my-menu ul { padding: 10px 0 5px; text-align: center; }
#my-menu ul li { margin-bottom: 5px; display: inline-block; padding: 0 10px; }
#my-menu ul li a { display: block; width: 80px; height: 25px; line-height: 25px; font-size: 10px; font-weight: 500; text-align: center; color: #2151da; border: 1px solid #c2c2c2; background-color: #fff; border-radius: 13px; }
#my-menu ul li.on a { color: #fff; border: 1px solid #0069c2; background-color: #008aff; }

/* mypage reserv */
#my-page { padding: 0 0 35px; text-align: center; border-bottom: 1px solid #c7c7c7; }
#my-page .title { padding: 27px 0 15px; font-size: 16px; text-align: center; color: #2151da; }
#my-page .summary { font-size: 10px; text-align: center; text-decoration: underline; color: #747474; }
#my-page .sub-title { margin: 24px 19px 23px; line-height: 19px; padding-left: 20px; text-align: left; color: #747474; background: url(/images/common/split_b_13px.gif) no-repeat left center; background-size: 1px 9px; }
#my-page .sub-title span { color: #2151da; }
#my-page .circle-wrap { margin: 0 19px; border: 1px solid #b1b4b8; border-radius: 25px; overflow: hidden; }
#my-page .circle-wrap.mt15 { margin-top: 15px; }
#my-page .scrolling { width: 100%; overflow: auto; }

#my-page table.list {}
#my-page table.list th { height: 35px; white-space: nowrap; font-size: 11px; font-weight: 500; color: #2151da; background-color: #e9edf2; }
#my-page table.list td { padding: 10px; white-space: nowrap; font-size: 11px; color: #777; border-top: 1px solid #b1b4b8; }
#my-page table.list td img { width: 80px; }
#my-page table.list td.l { text-align: left; }
#my-page table.list td a { color: #777; }
#my-page table.list td .mt3 { margin-top: 3px; }
#my-page table.list td .mt5 { margin-top: 5px; }
#my-page table.list td .b { font-weight: bold; }
#my-page table.list td .fs10 { font-size: 10px; }
#my-page table.list td input[type=button] { width: 50px; height: 25px; font-size: 11px; font-weight: 500; color: #fff; border: 1px solid #0067bf; background-color: #008aff; border-radius: 15px; }
#my-page table.list td input.red { border: 1px solid #a00; background-color: #f00; }

#my-page table.insert {}
#my-page table.insert th { width: 100px; height: 26px; font-size: 11px; font-weight: 500; color: #2151da; border-top: 1px solid #b1b4b8; background-color: #e9edf2; }
#my-page table.insert td { padding: 10px; line-height: 18px; font-size: 11px; text-align: left; color: #777; border-top: 1px solid #b1b4b8; }
#my-page table.insert tr:first-child th { border-top: 0; }
#my-page table.insert tr:first-child td { border-top: 0; }

#my-page .command { margin-top: 30px; }
#my-page .command input { width: 177px; height: 45px; font-size: 15px; font-weight: 500; color: #fff; border: 1px solid #193da3; background-color: #2151da; border-radius: 23px; }

/* mypage info */
#my-page .box { margin: 0 19px; overflow: hidden; border: 1px solid #c7c7c7; border-radius: 25px; }
#my-page .box .head { height: 31px; line-height: 31px; font-size: 10px; font-weight: 500; text-align: center; color: #2151da; border-bottom: 1px solid #c7c7c7; background-color: #eef1f5; border-radius: 25px 25px 0 0; }
#my-page .box .fid { margin: 0 auto; padding: 10px 0 5px; width: 330px; }
#my-page .box .fid dl { margin: 9px 0 10px; overflow: hidden; }
#my-page .box .fid dl dt { clear: left; float: left; margin-bottom: 10px; width: 55px; line-height: 23px; font-size: 9px; text-align: left; color: #7c7c7c; }
#my-page .box .fid dl dt.col { clear: none; margin-left: 10px; width: 75px; }
#my-page .box .fid dl dd { float: left; margin-bottom: 4px; }
#my-page .box .fid dl dd input { padding: 0 10px; height: 21px; line-height: 21px; border: 1px solid #c7c7c7; border-radius: 13px; }
#my-page .box .fid dl dd input.w248 { width: 248px; }
#my-page .box .fid dl dd input.w163 { width: 163px; }
#my-page .box .fid dl dd input.w70 { width: 70px; }
#my-page .box .fid dl dd input.w53 { width: 53px; }
#my-page .box .fid dl dd input[type=button] { padding: 0; width: 126px; height: 35px; font-size: 13px; color: #fff; border-color: #193ea6; background-color: #2151da; }
#my-page .box .fid dl dd span { margin: 0 4px; vertical-align: middle; font-size: 20px; color: #2151da; }
#my-page .box .fid dl dd span.uid { font-weight: 500; }
#my-page .box .fid dl dd span.guide { font-size: 10px; color: #999; }
#my-page .b-summary { margin: 16px 0 0; padding-bottom: 1px; line-height: 18px; font-size: 9px; text-align: center; letter-spacing: -0.5px; color: #797979; }
#my-page .command input { width: 60px; height: 20px; font-size: 10px; color: #fff; border: 1px solid #193da3; background-color: #2151da; }