@import url(./reset.css);
/*body {
width: expression(document.body.clientWidth > 1386 ? "auto" : "1386px");
    min-width: 1386px;
}*/
.controller { clear:both; overflow:hidden; margin-top:17px; }
.controller .right { float:right; }
.controller .left { float:left; }
.controller .center { position:relative; margin:0px auto; }

.realafter-list { float:left; overflow:hidden; margin-left:14px;  }
.realafter-list .category { overflow:hidden; }

.realafter-list .category .prev-frame { float:left; }
.realafter-list .category .next-frame { float:left; }
.realafter-list .category .prev { float:left; display:block; width:20px; height:37px; margin-top:51px; background:url(../images/realafter/btn-prev-next.gif) no-repeat left top; }
.realafter-list .category .next { float:left; display:block; width:20px; height:37px; margin-top:51px; background:url(../images/realafter/btn-prev-next.gif) no-repeat right top; }
.realafter-list .category .slide { float:left; width:704px; height:136px; overflow:hidden; }
.realafter-list .category .slide li.item { float:left; height:134px; margin-right:13px; }
.realafter-list .category .slide li.item div { width:224px; height:134px; border:1px solid #CCC; }
.realafter-list .category .slide li.hover div a,
.realafter-list .category .slide li.selected div a { display:block; width:224px; height:134px; background:url(../images/realafter/border.gif) no-repeat left top; }

.board-list { clear:both; margin-top:24px; }
.board-list .list-empty { clear:both; text-align:center; margin-bottom:24px; font-weight:bold; }
.board-list .gallery { clear:both; margin-left:-17px; }
.board-list .gallery li { float:left; width:172px; padding-bottom:20px; padding-left:17px; }
.board-list .gallery li div.thumbnail { border:1px solid #8a8a8a; }
.board-list .gallery li div.subject { margin-top:7px; width:172px; text-align:center; overflow:hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis;}
.board-list .gallery li.line { clear:both; height:1px; border-top:1px dotted #9c9c9c; width:100%; padding:0; margin:0; margin-bottom:24px;  }
.board-list .board-button { clear:both; margin-top:17px; overflow:hidden; }
.board-list .board-page { clear:both; margin-top:17px; overflow:hidden; }
.board-list .board-search { clear:both; position:relative; margin:17px auto; width:370px; }


#reservation-form .preview { position:absolute; overflow:hidden; left:0px; height:556px; width:946px; background:url(../images/reservation/preview-background.png); }
#reservation-form .preview .controller { margin:17px 7px 17px 7px; }
#reservation-form .preview .preview-form,
.reservation-list .preview-form { width:95%; position:relative; margin:0 auto; background-color:#FFF; overflow:hidden; }
#reservation-form .preview .preview-form .user-information,
#reservation-form .preview .preview-form .preview-data,
.reservation-list .preview-form .user-information,
.reservation-list .preview-form .preview-data { border-top:2px solid #3b3b3b; overflow:hidden; clear:both; }
#reservation-form .preview .preview-form .preview-type { margin-top:17px; overflow:hidden; }
#reservation-form .preview .preview-form .preview-table,
.reservation-list .preview-form .preview-table { width:100%; }

.preview-table th { background:url(../images/reservation/table-th-background.gif) repeat-y right top; border-bottom:1px solid #FFF; color:#FFF; height:35px; }
.preview-table td { padding-left:17px; border-bottom:1px solid #d5d5d5; }
#reservation-form .preview .options,
.reservation-list .options { float:left; width:124px; }

.reservation-list { position:relative; margin:17px auto; width:100%; overflow:hidden; }

.page-navigation { text-align:center; overflow:hidden; margin-top:7px; }
.page-navigation span { margin:2px; }
.page-navigation span a,
.page-navigation span strong { padding:5px; }

.quick-frame { width: 992px; margin: 0 auto; position: relative; }
.quick-frame .quick { width:84px; height:389px; position:absolute; z-index:9998; margin-left:1024px; margin-top: 345px; }
.quick-frame .quick .main-quick { width:84px; height:389px; background:url(/images/quick-image.gif) no-repeat right top; }
.quick-frame .quick .main-quick .links { float: left; display: block; width:60px; height:70px; }
.quick-frame .quick .main-quick .link01 { margin:50px 0px 0px 11px; }
.quick-frame .quick .main-quick .link02 { margin:15px 0px 0px 11px; }
.quick-frame .quick .main-quick .link03 { margin:15px 0px 0px 11px; }
.quick-frame .quick .main-quick .link04 { margin:15px 0px 0px 11px; }
.quick-frame .quick .sub-quick { float:left; position:absolute; z-index:9999; height:380px; width:24px; margin-left:-24px; }
.quick-frame .quick .sub-quick .menu-frame { float:left; width:0px; height:380px; overflow:hidden; }
.quick-frame .quick .sub-quick .open-close-button { height:389px; width:24px; cursor:pointer; float:left; }
.quick-frame .quick .sub-quick .close { height:380px; background-image:url(/images/sub-quick-close-button.gif); }
.quick-frame .quick .sub-quick .open {  height:380px; background-image:url(/images/sub-quick-open-button.gif); }
.quick-frame .quick .sub-quick .menu { float:left; width:278px; }
.quick-frame .quick .sub-quick .menu .main-items { float:left; background:url(/images/sub-quick-main-menu-background.png) repeat-y; height:389px; width:136px; }
.quick-frame .quick .sub-quick .menu .main-items ul { margin-top:20px; margin-left:14px; }
.quick-frame .quick .sub-quick .menu .main-items ul li { margin-bottom:20px; }
.quick-frame .quick .sub-quick .menu .main-items ul li a { text-indent:-999999px; background-repeat:no-repeat; display:block; background-position:0px 0px; height:16px; width:110px; }
.quick-frame .quick .sub-quick .menu .main-items ul li a.selected { background-position:0px -16px; }
.quick-frame .quick .sub-quick .menu .main-items ul li a:hover { background-position:0px -16px; }
.quick-frame .quick .sub-quick .menu .sub-items { float:left; background:url(/images/sub-quick-sub-menu-background.png) repeat-y; height:380px; width:135px; }
.quick-frame .quick .sub-quick .menu .sub-items ul { margin-top:20px; margin-left:14px; }
.quick-frame .quick .sub-quick .menu .sub-items ul li { margin-bottom:20px; }
.quick-frame .quick .sub-quick .menu .sub-items ul li a { text-indent:-999999px; background-repeat:no-repeat; display:block; background-position:0px 0px; height:16px; width:110px; }
.quick-frame .quick .sub-quick .menu .sub-items ul li a.selected { background-position:0px -16px; }
.quick-frame .quick .sub-quick .menu .sub-items ul li a:hover { background-position:0px -16px; }

.quick-frame .quick .sub-quick .menu .main-items ul li a.main01 { background-image:url(/images/quick_sub/main_event_jibang.png); }
.quick-frame .quick .sub-quick .menu .main-items ul li a.main02 { background-image:url(/images/quick_sub/main_event_breast.png); }
.quick-frame .quick .sub-quick .menu .main-items ul li a.main03 { background-image:url(/images/quick_sub/main_3.png); }
.quick-frame .quick .sub-quick .menu .main-items ul li a.main04 { background-image:url(/images/quick_sub/main_4.png); }
.quick-frame .quick .sub-quick .menu .main-items ul li a.main05 { background-image:url(/images/quick_sub/main_5.png); }
.quick-frame .quick .sub-quick .menu .main-items ul li a.main06 { background-image:url(/images/quick_sub/main_6.png); }
.quick-frame .quick .sub-quick .menu .main-items ul li a.main07 { background-image:url(/images/quick_sub/main_7.png); }


.quick-frame .quick .sub-quick .menu .sub-items ul li a.sub3_1 { background-image:url(/images/quick_sub/sub_3_1.png); }
.quick-frame .quick .sub-quick .menu .sub-items ul li a.sub3_2 { background-image:url(/images/quick_sub/sub_3_2.png); }
.quick-frame .quick .sub-quick .menu .sub-items ul li a.sub3_3 { background-image:url(/images/quick_sub/sub_3_3.png); }
.quick-frame .quick .sub-quick .menu .sub-items ul li a.sub3_4 { background-image:url(/images/quick_sub/sub_3_4.png); }
.quick-frame .quick .sub-quick .menu .sub-items ul li a.sub3_5 { background-image:url(/images/quick_sub/sub_3_5.png); }
.quick-frame .quick .sub-quick .menu .sub-items ul li a.sub3_6 { background-image:url(/images/quick_sub/sub_3_6.png); }
.quick-frame .quick .sub-quick .menu .sub-items ul li a.sub3_7 { background-image:url(/images/quick_sub/sub_3_7.png); }
.quick-frame .quick .sub-quick .menu .sub-items ul li a.sub3_8 { background-image:url(/images/quick_sub/sub_3_8.png); }
.quick-frame .quick .sub-quick .menu .sub-items ul li a.sub3_9 { background-image:url(/images/quick_sub/sub_pic.png); }

.quick-frame .quick .sub-quick .menu .sub-items ul li a.sub4_1 { background-image:url(/images/quick_sub/sub_4_1.png); }
.quick-frame .quick .sub-quick .menu .sub-items ul li a.sub4_2 { background-image:url(/images/quick_sub/sub_4_2.png); }
.quick-frame .quick .sub-quick .menu .sub-items ul li a.sub4_3 { background-image:url(/images/quick_sub/sub_4_3.png); }
.quick-frame .quick .sub-quick .menu .sub-items ul li a.sub4_4 { background-image:url(/images/quick_sub/sub_4_4.png); }
.quick-frame .quick .sub-quick .menu .sub-items ul li a.sub4_5 { background-image:url(/images/quick_sub/sub_4_5.png); }
.quick-frame .quick .sub-quick .menu .sub-items ul li a.sub4_6 { background-image:url(/images/quick_sub/sub_pic.png); }


.quick-frame .quick .sub-quick .menu .sub-items ul li a.sub5_1 { background-image:url(/images/quick_sub/sub_5_1.png); }
.quick-frame .quick .sub-quick .menu .sub-items ul li a.sub5_2 { background-image:url(/images/quick_sub/sub_5_2.png); }
.quick-frame .quick .sub-quick .menu .sub-items ul li a.sub5_3 { background-image:url(/images/quick_sub/sub_5_3.png); }
.quick-frame .quick .sub-quick .menu .sub-items ul li a.sub5_4 { background-image:url(/images/quick_sub/sub_5_4.png); }
.quick-frame .quick .sub-quick .menu .sub-items ul li a.sub5_5 { background-image:url(/images/quick_sub/sub_5_5.png); }
.quick-frame .quick .sub-quick .menu .sub-items ul li a.sub5_6 { background-image:url(/images/quick_sub/sub_pic.png); }

.quick-frame .quick .sub-quick .menu .sub-items ul li a.sub6_1 { background-image:url(/images/quick_sub/sub_6_1.png); }
.quick-frame .quick .sub-quick .menu .sub-items ul li a.sub6_2 { background-image:url(/images/quick_sub/sub_6_2.png); }
.quick-frame .quick .sub-quick .menu .sub-items ul li a.sub6_3 { background-image:url(/images/quick_sub/sub_6_3.png); }
.quick-frame .quick .sub-quick .menu .sub-items ul li a.sub6_4 { background-image:url(/images/quick_sub/sub_6_4.png); }
.quick-frame .quick .sub-quick .menu .sub-items ul li a.sub6_5 { background-image:url(/images/quick_sub/sub_6_5.png); }
.quick-frame .quick .sub-quick .menu .sub-items ul li a.sub6_6 { background-image:url(/images/quick_sub/sub_6_6.png); }
.quick-frame .quick .sub-quick .menu .sub-items ul li a.sub6_7 { background-image:url(/images/quick_sub/sub_6_7.png); }
.quick-frame .quick .sub-quick .menu .sub-items ul li a.sub6_8 { background-image:url(/images/quick_sub/sub_6_8.png); }
.quick-frame .quick .sub-quick .menu .sub-items ul li a.sub6_9 { background-image:url(/images/quick_sub/sub_6_9.png); }

.quick-frame .quick .sub-quick .menu .sub-items ul li a.sub7_1 { background-image:url(/images/quick_sub/sub_7_1.png); }
.quick-frame .quick .sub-quick .menu .sub-items ul li a.sub7_2 { background-image:url(/images/quick_sub/sub_7_2.png); }
.quick-frame .quick .sub-quick .menu .sub-items ul li a.sub7_3 { background-image:url(/images/quick_sub/sub_7_3.png); }
.quick-frame .quick .sub-quick .menu .sub-items ul li a.sub7_4 { background-image:url(/images/quick_sub/sub_7_4.png); }


.quick-frame .quick2 { width:205px; height:193px; position:absolute; z-index:9999; margin-left:-198px; margin-top: 345px; overflow: hidden; }
.quick-frame .quick2 .sms-frame { background:url(/images/left-sms/sms-background.gif) no-repeat left top; width:205px; height:193px; overflow: hidden; }
.quick-frame .quick2 .sms-frame .left-sms-close { display: block; float:left; width: 15px; height: 18px; margin-left: 164px; margin-top: 56px; overflow: hidden; }
.quick-frame .quick2 .sms-frame form .message { border: 1px solid #CCC; width: 164px; height: 78px; margin: 2px 0px 0px 10px; }
.quick-frame .quick2 .sms-frame form .text-phonenumber { clear:both; float: left; margin: 9px 0px 0px 9px; }
.quick-frame .quick2 .sms-frame form .text-phonenumber .phonenumber { float:left; color:#FFF; margin-left: 3px; }
.quick-frame .quick2 .sms-frame form .text-phonenumber .phonenumber select { width:47px; }
.quick-frame .quick2 .sms-frame form .text-phonenumber .phonenumber input { width: 23px; font-size: 11px; }
.quick-frame .quick2 .sms-frame form .send-btn { margin-left:3px; }

.sms-quick { position:absolute; background:url(/images/quick-sms-background.png) no-repeat left top; width:247px; height:494px; z-index:9999; margin-left:-247px; margin-top:153px; }

.sms-quick5 { position:absolute; background:url(/images/quick-sms-background1.png) no-repeat left top; width:247px; height:494px; z-index:9999; margin-left:-247px; margin-top:153px; }
.sms-quick .text-content { margin-left: 35px; margin-top: 205px;    }
.sms-quick .text-content textarea { border:1px solid #CCC; width: 174px; height: 103px;   }
.sms-quick .text-name { clear:both;  margin-top: 10px; margin-left: 90px; }
.sms-quick .text-name input { height:18px; line-height:16px; border:1px solid #CCC; width:124px; margin:0; padding:0; }
.sms-quick .text-phonenumber { clear:both; overflow:hidden; margin-top: 3px; margin-left: 90px; }
.sms-quick .text-phonenumber .phonenumber { float:left; overflow: hidden; margin-right: 10px; }
.sms-quick .text-phonenumber .phonenumber select { width:48px; }
.sms-quick .text-phonenumber .phonenumber input { width:27px; margin:0px; padding:0px; border:1px solid #CCC; line-height:16px; height:18px; }
.sms-quick .text-category { margin-left: 90px; margin-top: 3px; }
.sms-quick .text-category select { width: 126px; }
.sms-quick .btn-send { margin-left: 49px; margin-top: 38px; }
.sms-quick .close { margin-left: 62px; margin-top: 37px; }