.view768 {display: none;}
.klogo{position: absolute; width: 300px; top: 115px; left: 37px; z-index:100;}
.htSelect {margin: 15px 0; text-align: left;}
.htSelect select {width: 200px; height: 45px;}
.fl{float:left;}

/* nav */

#header {width: 100%; height: 90px; position: relative; z-index: 99; background: #fff;}
#header .logo {height: 55px; line-height: 55px;}
#header .logo img {max-width: 100%; width: 169px; height: 75px;}

.nav {width: 100%; height: 720px; padding-right: 70px; background: #fff; text-align: center; border-bottom: 1px solid #ddd; overflow: hidden; -webkit-transition: 0.8s; transition: 0.8s;}
.nav.over {-webkit-transition: 1s; transition: 1s;}

.nav .nav_m {display: inline-block; margin: 32px auto 0; position: relative; width: 100%;}
.nav .nav_m.en {padding-left: 80px;}
.nav .nav_m .menu {text-align: left; vertical-align: top; /* float: left; */ display: inline-block; margin-right: 2%;}
.nav .nav_m .menu:last-child {margin-right: 0;}
.nav .nav_m .menu > a {color: #aaa; font-size: 16px; margin-bottom: 35px;}
.nav .nav_m .menu.on > a, .nav .nav_m .menu:hover > a {color: #020202;}
.nav .nav_m .menu .nav2 ul li {text-align: left; margin-bottom: 23px;}
.nav .nav_m .menu .nav2 ul li a {color: #7e7e7e; font-weight: 100; font-size: 15px;}
.nav .nav_m .menu .nav2 ul li.on a, .nav .nav_m .menu .nav2 ul li:hover a {color: #69bbb4;}

.nav .mypage, .nav .lang_list {display: none;}

.r_menu > div {width: 58px; border: 1px solid #77c8c1; float: left; margin-left: 10px;}
.r_menu .rsvn {width: 125px; background: #77c8c1;}
/* .r_menu .rsvn a {width: 100%; height: 100%; line-height: 52px; color: #fff; text-align: center;} */
.r_menu .language_wrap {background: #fff; overflow: hidden; font-size: 14px;}
.r_menu .language_wrap:hover {background: #77c8c1;}
.r_menu .language {width: 100%; height: 55px; color: #77c8c1; text-align: center; padding-top: 13px; background: url(/UtopUblessNew_common/images/homepage/common/lang-arrow.png) center 37px no-repeat; font-size: 14px;}
.r_menu .language a {cursor: default;}
.r_menu .language_wrap:hover .language {color: #fff; background: url(/UtopUblessNew_common/images/homepage/common/lang-arrow-on.png) center 37px no-repeat;}
.r_menu .language_wrap.mypage {width: 70px;}
.r_menu .language_wrap.mypage .language {background: url(/UtopUblessNew_common/images/homepage/common/mypage.png) center center no-repeat;}
.r_menu .language_wrap.mypage:hover .language {background: url(/UtopUblessNew_common/images/homepage/common/mypage-on.png) center center no-repeat;}
.r_menu .language_wrap.mypage .language a {text-indent: -9999px;}
.r_menu .lang_list {background: #fff; z-index: 11; display: none; width: 100%; padding: 3px 0 8px;}
/* .r_menu .language_wrap.mypage .lang_list {padding: 3px 0 0;} */
.r_menu .language_wrap:hover .lang_list {background: #77c8c1;}
.r_menu .lang_list li {text-align: center; color: #77c8c1; margin-bottom: 7px; font-size: 13px;}
.r_menu .language_wrap:hover .lang_list li {color: #fff;}
.r_menu .language_wrap.grade {width: 70px;}
.r_menu .side_menu {position: relative; height: 55px; text-indent: -9999px;}
.r_menu .side_menu span {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.r_menu .side_menu .open_menu {z-index: 2; background: #fff url(/UtopUblessNew_common/images/homepage/common/nav-menu.png) center center no-repeat;}
.r_menu .side_menu .close_menu {z-index: 1; background: #fff url(/UtopUblessNew_common/images/homepage/common/nav-close.png) center center no-repeat;}

.nav .nav_m .gnb_reservation {display: none;}
.r_menu .reservation {width: 100%; height: 55px; padding-top: 13px; color: #fff; text-align: center; background: url(/UtopUblessNew_common/images/homepage/common/lang-arrow-on.png) center 37px no-repeat; font-size: 14px;}
.r_menu .reservation a {cursor: default;}
.r_menu .reservation_wrap {background: #77c8c1; overflow: hidden;}
.r_menu .rsvn_list {background: #77c8c1; z-index: 11; width: 100%; /* height: 70px; */ padding: 3px 0 8px; display: none;}
.r_menu .rsvn_list li {text-align: center; color: #fff; margin-bottom: 7px; font-size: 13px;}
.r_menu .reservation_wrap:hover .reservation {color: #fff; background: url(/UtopUblessNew_common/images/homepage/common/lang-arrow-on.png) center 37px no-repeat;}
/* .r_menu .language_wrap.mypage:hover .language {background: url(/UtopUblessNew_common/images/homepage/common/mypage-on.png) center center no-repeat;} */
.r_menu .reservation_wrap:hover .rsvn_list {background: #77c8c1;}
.r_menu .reservation_wrap:hover .rsvn_list li {color: #fff;}



.nav_bg {width: 100%; height: 140px; position: absolute; top: -140px; left:0; background: #191919; display: block; z-index: 1;}

.popup-wrap {display: none; margin: 0 auto;}
.popup-wrap.active {display: block;}
.popup-code {width: 640px; height: 357px; border: 4px solid #77c8c1; background: #fff; text-align: center; margin: 0 auto; position: relative; top: 220px; z-index: 10000;}
.popup-code h4 {font-size: 26px; padding-top: 90px;}
.popup-code a {width: 230px; line-height: 50px; background: #77c8c1; color: #fff; margin: 40px auto 0; font-size: 21px;}
.popup-code img {position: absolute; right: 25px; top: 25px;}
.popup-bg {background: rgba(0, 0, 0, 0.5); width: 100%; height: 100vh; position: absolute; top: 0; left: 0; z-index: 9999;}

/* container */

#container {width: 100%; margin: 0 auto;}
#container.bg {background: #f7f7f7;}
.wrap1200 {width: 1200px; margin: 0 auto;}

.wrap1200.eng-tour {margin-top: 60px;}

.main_slide {position: relative; overflow: hidden; margin-bottom: 30px;}
.main_slide .bx-wrapper .bx-viewport ul li img {width: 100%; height: auto;}
.main_slide .bx-wrapper .bx-has-pager {position: absolute; top: 50%; margin-top: -82px; right: 35px;}
.main_slide .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item {display: block; margin-bottom: 10px;}
.main_slide .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item a {text-indent: -9999px; width: 4px; height: 35px; background: #ededed;}
.main_slide .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item a.active {background: #c4937e;}

.main_slide ul {overflow: hidden;}
.main_slide li {height: 760px; /*transform: scale3d(1, 1, 1) rotate(0deg); transition-duration: .6s;*/}
.main_slide li div {position: absolute; width: 100%; height: inherit; top: 0; left: 0; transform: scale3d(1, 1, 1) rotate(0deg); transition-duration: .6s; z-index: -1}
/*.main_slide li {width:100%; height: 760px; transform: scale3d(1, 1, 1) rotate(0deg); transition-duration: .6s;}*/
.main_slide.over li.active-slide div {transform: scale3d(1.05, 1.05, 1.05) rotate(0.001deg); transition-duration: .6s;}
.main_slide .slide1 {background: url(/UtopUblessNew_common/images/homepage/index/main_slide_01.jpg) center center no-repeat; background-size: cover;}
.main_slide .slide2 {background: url(/UtopUblessNew_common/images/homepage/index/main_slide_01.jpg) center center no-repeat; background-size: cover;}
.main_slide .slide3 {background: url(/UtopUblessNew_common/images/homepage/index/main_slide_01.jpg) center center no-repeat; background-size: cover;}
.main_slide .slide4 {background: url(/UtopUblessNew_common/images/homepage/index/main_slide_01.jpg) center center no-repeat; background-size: cover;}

.mainSlide {position: relative; height: 730px;}
.mainSlide .mainSlideTitle {position: relative; z-index: 9; text-align: center; padding-top: 210px;}
.mainSlide .mainSlideTitle h2 {font-size: 70px; color: #69bbb4; margin-bottom: 42px; height: 76px; font-weight: 700;}
.mainSlide .mainSlideTitle h3 {font-size: 25px; color: #fff; line-height: 1.5em;}
.mainSlide .mainSlideTitle h3 em {color: #69bbb4; font-weight: 500;}

.mainSlide .slider-wrap {position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 730px;}
.mainSlide .slider li {height: 730px; text-indent: -9999px; background-size: cover!important;}

.mainSlide .slider li.main_visual01 {background: url(/UtopUblessNew_common/images/homepage/index/index_visual_22.jpg) center center no-repeat;}
.mainSlide .slider li.main_visual02 {background: url(/UtopUblessNew_common/images/homepage/index/index_visual_26.jpg) center center no-repeat;}
.mainSlide .slider li.main_visual03 {background: url(/UtopUblessNew_common/images/homepage/index/index_visual_24.jpg) center center no-repeat;}
.mainSlide .slider li.main_visual04 {background: url(/UtopUblessNew_common/images/homepage/index/index_visual_14.jpg) center center no-repeat;}
.mainSlide .slider li.main_visual05 {background: url(/UtopUblessNew_common/images/homepage/index/index_visual_15.jpg) center center no-repeat;}
.mainSlide .slider li.main_visual06 {background: url(/UtopUblessNew_common/images/homepage/index/index_visual_21.jpg) center center no-repeat;}
.mainSlide .slider li.main_visual07 {background: url(/UtopUblessNew_common/images/homepage/index/index_visual_25.jpg) center center no-repeat;}
.mainSlide .slider li.main_visual08 {background: url(/UtopUblessNew_common/images/homepage/index/index_visual_19.jpg) center center no-repeat;}
.mainSlide .slider li.main_visual09 {background: url(/UtopUblessNew_common/images/homepage/index/index_visual_27.jpg) center center no-repeat;}
.mainSlide #main-counter {position: absolute; z-index: 3; left: 50%; margin-left: -30px; bottom: 40px; width: 60px; font-size: 20px; font-weight: 100; text-align: center; color: #fff;}
.mainSlide #main-counter span {color: #fff;}
.mainSlide #main-counter .current {font-weight: 500;}
.mainSlide #main-counter .total {font-size: 15px;}

.mainSlide .visual_menu {position: absolute; bottom: 20px; width: 1200px; height: 93px; left: 50%; margin-left: -600px;}
.mainSlide .visual_menu .main_menu {width: 400px; height: 93px; float: left;}
.mainSlide .visual_menu .menu1 {background: url(/UtopUblessNew_common/images/homepage/index/slide_menu_01.jpg) no-repeat;}
.mainSlide .visual_menu .menu2 {background: url(/UtopUblessNew_common/images/homepage/index/slide_menu_02.jpg) no-repeat;}
.mainSlide .visual_menu .menu3 {background: url(/UtopUblessNew_common/images/homepage/index/slide_menu_03.jpg) no-repeat;}
.mainSlide .visual_menu .main_menu .menu_wrap {padding: 27px 0 0 55px; width: 400px; height: 93px;}
.mainSlide .visual_menu .main_menu .menu_wrap p {color: #fff; font-size: 19px; line-height: 1em;}
.mainSlide .visual_menu .main_menu .menu_wrap p small {font-weight: 100; font-size: 14px;}
.mainSlide .visual_menu .menu1 .menu_wrap {background: url(/UtopUblessNew_common/images/homepage/index/slide_menu_icon_01.png) 17px center no-repeat;}
.mainSlide .visual_menu .menu2 .menu_wrap {background: url(/UtopUblessNew_common/images/homepage/index/slide_menu_icon_02.png) 17px center no-repeat;}
.mainSlide .visual_menu .menu3 .menu_wrap {background: url(/UtopUblessNew_common/images/homepage/index/slide_menu_icon_03.png) 17px center no-repeat;}

.middle_menu {width: 100%; overflow: hidden;}
.middle_menu .section {width: 33.3%; height: 600px; float: left; display: table; position: relative; overflow: hidden;}
.middle_menu .section2 {width: 33.4%;}
.middle_menu .section .section_wrap {display: table-cell; vertical-align: middle; text-align: center;}
.middle_menu .middle1 {background: url(/UtopUblessNew_common/images/homepage/index/middle_menu_01.jpg) center center no-repeat; background-size: cover;}
.middle_menu .middle2 {background: url(/UtopUblessNew_common/images/homepage/index/middle_menu_02.jpg) center center no-repeat; background-size: cover;}
.middle_menu .middle3 {background: url(/UtopUblessNew_common/images/homepage/index/middle_menu_03.jpg) center center no-repeat; background-size: cover;}
.middle_menu .section .section_wrap p {color: #fff; font-size: 15px; line-height: 26px;}
.middle_title {font-size: 30px !important; margin-bottom: 22px !important; font-weight: 400 !important;}
.middle_menu .section .section_wrap .view {display: inline-block; border: 1px solid #fff; width: 114px; height: 34px; color: #fff; font-size: 13px; line-height: 30px; margin-top: 40px;}
.middle_menu .section .section_wrap .view span {width: 6px; height: 11px; background: url(/UtopUblessNew_common/images/homepage/common/view.png) center center no-repeat; margin-left: 5px;}

/* main_special offer */
.offer_more {height: 0; text-align: center; font-size: 18px;}
.offer_more span a.more_btn {width: 146px; height: 46px; position: absolute; right: 0; top: -70px; border: 1px solid #77c8c1;
    line-height: 44px;color: #77c8c1;background: #fff;font-weight: 500;}

/* bxslider */

.outside {position: absolute; width: 100%; bottom: 85px; text-align: center; z-index: 9;}
.outside.sub {bottom: 50% !important; height: 80px;}
.outside-wrap {display: inline-block;}
.outside-wrap > span {margin-right: 10px; vertical-align: middle;}
.outside-wrap > span:last-child {margin-right: 0;}
.outside span a {text-indent: -9999px; width: 35px; height: 35px; border-radius: 17px;}
.outside.sub .prev3 {position: absolute; left: 30px;}
.outside.sub .next3 {position: absolute; right: 30px;}
.outside.sub .prev4 {position: absolute; left: 0;}
.outside.sub .next4 {position: absolute; right: 0;}
.outside span.prev2 a, .outside span.next2 a {width: 40px; height: 40px; border: 1px solid #69bbb4; border-radius: 20px;}
.outside span.prev4 a, .outside span.next4 a {width: 40px; height: 40px; border: 2px solid #69bbb4; border-radius: 20px;}
.outside span a.bx-prev {background: #fff url(/UtopUblessNew_common/images/homepage/common/arrow_l_01.png) center center no-repeat;}
.outside span a.bx-prev:hover {background: #69bbb4 url(/UtopUblessNew_common/images/homepage/common/arrow_l_on_01.png) center center no-repeat;}
.outside span.prev2 a.bx-prev {width: 40px; height: 40px; background: #fff url(/UtopUblessNew_common/images/homepage/common/arrow_l_02.png) center center no-repeat;}
.outside span.prev2 a.bx-prev:hover {background: #69bbb4 url(/UtopUblessNew_common/images/homepage/common/arrow_l_on_02.png) center center no-repeat;}
.outside span.prev3 a.bx-prev {width: 44px; height: 80px; background: url(/UtopUblessNew_common/images/homepage/common/arrow_l_03.png) center center no-repeat;}
.outside span.prev4 a.bx-prev {width: 40px; height: 40px; background: #fff url(/UtopUblessNew_common/images/homepage/common/arrow_l_04.png) center center no-repeat;}
.outside span.prev4 a.bx-prev:hover {background: #69bbb4 url(/UtopUblessNew_common/images/homepage/common/arrow_l_on_04.png) center center no-repeat;}
.outside span a.bx-next {background: #fff url(/UtopUblessNew_common/images/homepage/common/arrow_r_01.png) center center no-repeat;}
.outside span a.bx-next:hover {background: #69bbb4 url(/UtopUblessNew_common/images/homepage/common/arrow_r_on_01.png) center center no-repeat;}
.outside span.next2 a.bx-next {background: #fff url(/UtopUblessNew_common/images/homepage/common/arrow_r_02.png) center center no-repeat;}
.outside span.next2 a.bx-next:hover {background: #69bbb4 url(/UtopUblessNew_common/images/homepage/common/arrow_r_on_02.png) center center no-repeat;}
.outside span.next3 a.bx-next {width: 44px; height: 80px; background: url(/UtopUblessNew_common/images/homepage/common/arrow_r_03.png) center center no-repeat;}
.outside span.next4 a.bx-next {background: #fff url(/UtopUblessNew_common/images/homepage/common/arrow_r_04.png) center center no-repeat;}
.outside span.next4 a.bx-next:hover {background: #69bbb4 url(/UtopUblessNew_common/images/homepage/common/arrow_r_on_04.png) center center no-repeat;}
.outside span a.bx-stop {background: url(/UtopUblessNew_common/images/homepage/common/stop_01.png) center center no-repeat; border: 1px solid #fff;}
.outside span a.bx-start {background: url(/UtopUblessNew_common/images/homepage/common/start_01.png) center center no-repeat; border: 1px solid #fff;}

.bx-wrapper .bx-pager.bx-default-pager {text-align: center; margin-top: 25px;}
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item {display: inline; padding: 0 7px;}
.bx-wrapper .bx-pager.bx-default-pager a {display: inline-block; text-indent: -9999px; width: 20px; height: 20px; border-radius: 10px; background: #fff;}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {background: #69bbb4;}

.outside.package_outside {top: 0;}
.outside.package_outside span a.bx-next {background: url(/UtopUblessNew_common/images/homepage/common/right_btn.png) center center no-repeat; right: -100px;}
.outside.package_outside span a.bx-prev {background: url(/UtopUblessNew_common/images/homepage/common/left_btn.png) center center no-repeat; left: -100px; }
.outside.package_outside span a {width: 46px; height: 84px; position: absolute; top: 200px;}

/* main_section */

.main_section {position: relative; padding: 60px 0 75px; background: #f7f7f7;}
.mainTitle {margin-bottom: 40px;}
.mainTitle h3 {font-size: 40px; display: inline-block; margin-right: 15px; font-weight: 700;}
.mainTitle > span {font-size: 23px; font-weight: 100;}

.mainMenu {width: 100%; display: table;}
.mainMenu .bx-wrapper {max-width: 100%!important;}
.mainMenu .bx-viewport {height: inherit!important;}
.mainMenu .slider {}

.mainMenu .slider > li {text-align: center; background: #fff; margin-bottom: 20px; /* min-width: 320px; */}
.mainMenu .slider > li:hover {box-shadow: 0 8px 20px rgba(0,0,0,0.1);}
.mainMenu .slider > li:last-child {margin-right: 0;}
.mainMenu .slider > li .img {height: 280px; background-size: cover!important; overflow:hidden;}
.mainMenu .slider > li .img.menu01 {background: url(/UtopUblessNew_common/images/homepage/index/menu_01.jpg) center center no-repeat;}
.mainMenu .slider > li .img.menu02 {background: url(/UtopUblessNew_common/images/homepage/index/menu_02.jpg) center center no-repeat;}
.mainMenu .slider > li .img.menu03 {background: url(/UtopUblessNew_common/images/homepage/index/menu_03.jpg) center center no-repeat;}
.mainMenu .slider > li .con {padding: 30px 10px; font-size: 16px; height: 255px; position: relative;}
.mainMenu .slider > li .con h4 {letter-spacing: 1.5px; font-weight: 500; margin-bottom: 10px;}
.mainMenu .slider > li .con p {color: #838383; font-weight: 100; line-height: 23px;}
.mainMenu .slider > li .con p em {color: #443838;}

.mainMenu .slider > li .con a {position: absolute; width: 100%; bottom: 30px; left: 0; color: #69bbb4; font-size: 14px; font-weight: 500; margin-top: 25px; background: url(/UtopUblessNew_common/images/homepage/common/more.png) top center no-repeat; padding-top: 20px;}
.mainMenu .nodata_g {width: 100%; height: 280px; text-align: center; background: #fff; border: 1px solid #eaeaea; padding-top: 85px;}
.mainMenu .nodata_g p {margin-top: 10px; color: #525252;}
.mainEventmenu {width: 100%; display: table;}
.mainEventmenu .bx-wrapper {max-width: 100%!important;}
.mainEventmenu .bx-viewport {height: inherit!important;}
.mainEventmenu .slider {}
.mainEventmenu .slider > li {text-align: center; background: #fff; /*margin-bottom: 20px;  min-width: 320px; */}
.mainEventmenu .slider > li:hover {box-shadow: 0 8px 20px rgba(0,0,0,0.1);}
.mainEventmenu .slider > li:last-child {margin-right: 0;}
.mainEventmenu .slider > li .img {height: 280px; background-size: cover!important; overflow:hidden;}
.mainEventmenu .slider > li .img.menu01 {background: url(/UtopUblessNew_common/images/homepage/index/menu_01.jpg) center center no-repeat;}
.mainEventmenu .slider > li .img.menu02 {background: url(/UtopUblessNew_common/images/homepage/index/menu_02.jpg) center center no-repeat;}
.mainEventmenu .slider > li .img.menu03 {background: url(/UtopUblessNew_common/images/homepage/index/menu_03.jpg) center center no-repeat;}
.mainEventmenu .slider > li .con {padding: 30px 10px; font-size: 16px; height: 255px; position: relative;}
.mainEventmenu .slider > li .con h4 {letter-spacing: 1.5px; font-weight: 500; margin-bottom: 10px;}
.mainEventmenu .slider > li .con p {color: #838383; font-weight: 100; line-height: 23px;}
.mainEventmenu .slider > li .con p em {color: #443838;}
.mainEventmenu .slider > li .con a {position: absolute; width: 100%; bottom: 30px; left: 0; color: #69bbb4; font-size: 14px; font-weight: 500; margin-top: 25px; background: url(/UtopUblessNew_common/images/homepage/common/more.png) top center no-repeat; padding-top: 20px;}
.mainEventmenu .nodata_g {width: 100%; height: 280px; text-align: center; background: #fff; border: 1px solid #eaeaea; padding-top: 85px;}
.mainEventmenu .nodata_g p {margin-top: 10px; color: #525252;}

.main_acco_slide {height: 500px; position: relative;}
.main_acco_slide ul li {border: 1px solid #dddddd;}
.main_acco_slide ul li .main_acco_zoom {height: 360px; overflow: hidden;}
.main_acco .zoom-over li div {position: absolute; width: inherit; height: inherit; top: 0; left: 0; transform: scale3d(1, 1, 1) rotate(0deg); transition-duration: .6s; z-index: -1}
.main_acco_slide .slide1 {background: url(/UtopUblessNew_common/images/homepage/index/main_acco_01.jpg) center center no-repeat;}
.main_acco_slide .slide2 {background: url(/UtopUblessNew_common/images/homepage/index/main_acco_02.jpg) center center no-repeat;}
.main_acco_slide .slide3 {background: url(/UtopUblessNew_common/images/homepage/index/main_acco_03.jpg) center center no-repeat;}
.main_acco_slide .main_acco_name {width:100%; height: 87px; display: table;}
.main_acco_slide .main_acco_name a {display: table-cell; vertical-align: middle; text-align: center; font-size: 18px;}
.main_acco_slide .outside span a.bx-prev {top: 160px; margin-top: 0;}
.main_acco_slide .outside span a.bx-next {top: 160px; margin-top: 0;}

.menuSlide {position:relative; margin-top: 90px;}
.menuSlide.main {height: 500px;}
.menuSlide.sub {height: 610px; margin-top: 0;}
.menuSlide .slider li {opacity: 0.2;}
.menuSlide .slider li.active {opacity: 1;}
.menuSlide .slider li > img {width: 100%; max-width: 100%;}
.menuSlide .slider li .img, .menuSlide .slider li .con {float: left;}
.menuSlide .slider li .img {width: 610px; height: 100%;}
.menuSlide .slider li .img img {width: 100%; height: 100%;}
.menuSlide .slider li.active .img img {opacity: 1;}
.menuSlide .slider li .con {width: 590px; height: 100%; display: none; padding: 80px 0 0 70px;}
.menuSlide .slider li.active .con {display: block;}
.menuSlide .slider li .con .title {position: relative; margin-bottom: 35px;}
.menuSlide .slider li .con .title h3 {font-size: 40px; font-weight: 700; margin-bottom: 20px; line-height: 1.25em; word-break: keep-all;}
.menuSlide .slider li .con .title p {font-size: 17px; font-weight: 100;}
.menuSlide .slider li .con .line {width: 260px; height: 5px; background: #58b3ac; margin-left: -110px; margin-bottom: 32px;}
.menuSlide .slider li .con .text {font-size: 17px; color: #838383; font-weight: 100;}
.menuSlide .slider li .con .view {width: 72px; margin-top: 40px; padding-bottom: 5px; background: url(/UtopUblessNew_common/images/homepage/common/view.png) right bottom no-repeat; font-size: 13px; font-weight: 500;}

.menuSlide .bx-controls.bx-has-pager {margin-top: 40px;}
.menuSlide .bx-wrapper .bx-pager.bx-default-pager {width: 200px; margin: 0 auto;}
.menuSlide .bx-wrapper .bx-pager.bx-default-pager a {display: inline-block; text-indent: -9999px; width: 14px; height: 14px; border-radius: 7px; border: 1px solid #473728;}
.menuSlide .bx-wrapper .bx-pager.bx-default-pager a:hover,
.menuSlide .bx-wrapper .bx-pager.bx-default-pager a.active,
.menuSlide .bx-wrapper .bx-pager.bx-default-pager a:focus {background: #473728;}

.menuSlide .outside {/* position: relative;  */ bottom: 0;}
.menuSlide .outside.sub {margin-bottom: -40px;}
.menuSlide .outside .outside-wrap {position: relative; width: 1200px; margin: 0 auto; text-align: right;}
.menuSlide .outside.sub .outside-wrap {height: 80px;}
.menuSlide .outside .outside-wrap > span > a {text-align: left;}
.menuSlide .outside .outside-wrap .pager {letter-spacing: -1px; font-size: 13px;}

.wrap1200 .tripCourse ul li {width: 23%; margin-right: 1%; display: inline-block; border: 1px solid #000; text-align: center; height: 225px; vertical-align: top;}
.wrap1200 .tripCourse ul li:last-child {margin-right: 0;}
.wrap1200 .tripCourse ul li a {width: 100%; height: 100%; padding: 20px; }
.wrap1200 .tripCourse ul li a span {width: 100%; height: 70%; min-height: 80px;}
.wrap1200 .tripCourse ul li a em {font-weight: 500; font-size: 19px;}
.wrap1200 .tripCourse ul li.trip01 a span.img {background: url(/UtopUblessNew_common/images/homepage/index/trip01.png) center center no-repeat;}
.wrap1200 .tripCourse ul li.trip02 a span.img {background: url(/UtopUblessNew_common/images/homepage/index/trip02.png) center center no-repeat;}
.wrap1200 .tripCourse ul li.trip03 a span.img {background: url(/UtopUblessNew_common/images/homepage/index/trip03.png) center center no-repeat;}
.wrap1200 .tripCourse ul li.trip04 a span.img {background: url(/UtopUblessNew_common/images/homepage/index/trip04.png) center center no-repeat;}

.wrap1200 .tripCourse ul li:hover {background: #fff; border: 1px solid #6bbcb5;}
.wrap1200 .tripCourse ul li:hover em {color: #6bbcb5;}


/* #divMainOffer.mainMenu {position: relative;} */

#divMainOffer {position: relative;}
#divMainEvent {position: relative;}

/* airplane_btn */
.main_section .plane_btn {border: 1px solid #ddd;width: 100%; height: 65px; margin-bottom: 15px; text-align: center; background: #fff url(/UtopUblessNew_common/images/homepage/index/airReserv_03.png) center center no-repeat;}
.main_section .plane_btn.plane_eng {border: 1px solid #ddd;width: 100%; height: 65px; margin-bottom: 15px; text-align: center; background: #fff url(/UtopUblessNew_common/images/homepage/index/airReserv_03_eng.jpg) center center no-repeat;}
.main_section .plane_btn.plane_chn {background: #fff url(/UtopUblessNew_common/images/homepage/index/airReserv_03_chn.jpg) center center no-repeat;}
.main_section .plane_btn a {width: 100%; height: 65px;}

/* airplane_btn */
.main_section .plane_btn.rent_banner {border: 1px solid #ddd;width: 100%; height: 65px; text-align: center; margin-bottom: 60px; background: #fff url(/UtopUblessNew_common/images/homepage/index/rentcar_banner.jpg) center center no-repeat;}
.main_section .rent_banner.rent_eng {border: 1px solid #ddd;width: 100%; height: 65px; text-align: center; margin-bottom: 60px; background: #fff url(/UtopUblessNew_common/images/homepage/index/rentcar_banner_eng.jpg) center center no-repeat;}
.main_section .rent_banner.rent_chn {border: 1px solid #ddd;width: 100%; height: 65px; text-align: center; margin-bottom: 60px; background: #fff url(/UtopUblessNew_common/images/homepage/index/rentcar_banner_chn.jpg) center center no-repeat;}
/* sub */

.sub_visual {height: 400px; color: #fff; background-size: cover!important;}
.sub_visual.acco {background: url(/UtopUblessNew_common/images/homepage/acco/visual_02.jpg) 58% no-repeat;}
.sub_visual.din {background: url(/UtopUblessNew_common/images/homepage/diningBar/visual_01.jpg) 58% no-repeat;}
.sub_visual.fac {background: url(/UtopUblessNew_common/images/homepage/facilities/visual_03.jpg) 58% no-repeat;}
.sub_visual.pool {background: url(/UtopUblessNew_common/images/homepage/pool/visual_01.jpg) 58% no-repeat;}
.sub_visual.wed {background: url(/UtopUblessNew_common/images/homepage/wedding/visual_01.jpg) 58% no-repeat;}
.sub_visual.local {background: url(/UtopUblessNew_common/images/homepage/location/visual_01.jpg) 58% no-repeat;}
.sub_visual.about {background: url(/UtopUblessNew_common/images/homepage/company/visual_03.jpg) 58% no-repeat;}
.sub_visual.board {background: url(/UtopUblessNew_common/images/homepage/board/visual_01.jpg) 58% no-repeat;}
.sub_visual .wrap1200 {position: relative; height: 100%;}
.sub_visual .visualTitle {position: absolute; left: 0; bottom: 12%;}
.sub_visual .visualTitle h3 {font-size: 25px; margin-bottom: 14px; font-weight: 700;}
.sub_visual .visualTitle h3:after {content: ''; display: block; width: 74px; height: 4px; background: #fff; margin-top: 13px;}
.sub_visual .visualTitle p {font-size: 28px; line-height: 1.3em; font-weight: 100;}

.rsvn-toggle {position: absolute; bottom: 0; right: 0;}
.rsvn-toggle #bookArea {background: rgba(0,0,0,0.2);}
.rsvn-toggle #bookArea .bookIns .fb_rsvn button {background: #77c8c1;}
.rsvn-toggle #bookArea .bookIns input, .rsvn-toggle #bookArea .bookIns select, .rsvn-toggle #bookArea .bookIns button {color: #666; font-weight: 300;}
.rsvn-toggle #bookArea .bookIns .fb_rsvn button {letter-spacing: 0.1em; font-weight: 300;}

.sub_visual .rsvnBt {width: 318px; height: 70px; text-align: center; font-size: 20px; line-height: 70px; background: #c8b677; cursor: pointer;}
.sub_visual .rsvnBt #rsvnBt {width: 100%;}
.sub_visual .rsvnBt #rsvnBt:after {content: ''; display: inline-block; width: 23px; height: 12px; margin-left: 20px; background: url(/UtopUblessNew_common/images/homepage/common/arrow_u_01.png) center center no-repeat;}
.sub_visual .rsvnBt.on #rsvnBt:after {background: url(/UtopUblessNew_common/images/homepage/common/arrow_d_01.png) center center no-repeat;}

.subTitle {margin: 80px 0 60px; text-align: center;}
.subTitle h2 {font-size: 40px; font-weight: 700;}

.subInfo {margin: 50px 0 80px;}
.subInfo:after {content:''; display: block; clear: both;}
.subInfo .info-top {overflow: hidden; margin-bottom: 60px;}
.subInfo.fac .info-top {padding-left: 83px; position: relative;}
.subInfo.fac .info-top:before {content: ''; position: absolute; top: 20px; left: 0; width: 53px; height: 1px; background: #000;}
.subInfo.acco .info-top .titleWrap,
.subInfo.din .info-top .titleWrap {float: left; width: 65%;}
.subInfo .info-top .titleWrap h3 {font-size: 27px; margin-bottom: 12px; font-weight: 500;}
.subInfo .info-top .titleWrap p {font-size: 17px; color: #373737; font-weight: 100;}
.subInfo .info-top .titleWrap.mgt p {margin-top: 20px;}
.subInfo .info-top .titleWrap p.inquire {position: relative; margin-top: 20px; padding-left: 35px; font-weight: 300; min-height: 26px;}
.subInfo .info-top .titleWrap p.inquire:before {content: ''; position: absolute; top: 3px; left: 0; width: 22px; height: 22px; border-radius: 11px; background: #77c8c1 url(/UtopUblessNew_common/images/homepage/common/check_01.png) center center no-repeat;}
.subInfo .info-top .titleWrap p.inquire strong {margin-right: 10px;}
.subInfo .info-top .titleWrap p.inquire small {font-size: 15px;}
.subInfo .info-top .titleWrap .local-info {margin-top: 20px;}
.subInfo .info-top .titleWrap .local-info li {display: inline-block; margin-right: 60px; font-size: 17px; font-weight: 100; margin-bottom: 10px;}
.subInfo .info-top .titleWrap .local-info li:last-child {margin-right: 0;}
.subInfo .info-top .titleWrap .local-info li strong {margin-right: 10px; font-weight: 500;}
.subInfo.acco .info-top .btWrap,
.subInfo.din .info-top .btWrap {float: right; margin-top: 15px; text-align: right;}
.subInfo .info-top .btWrap a {border: 1px solid #77c8c1; width: 165px; height: 60px; color: #77c8c1; margin-left: 6px; text-align: center; line-height: 57px; font-size: 18px;}
.subInfo .info-top .btWrap a:first-child {margin-left: 0;}
.subInfo .info-top .btWrap a.on {color: #fff; background: #77c8c1;}

.join_btn {display: block; text-align: center;}
.join_btn a {display: inline-block; padding: 15px 40px; color: #77c8c1; text-align: center; font-size: 18px; margin-top: 50px; border: 1px solid #77c8c1;}

.subInfo.fac .info-con {padding-left: 83px;}
.subInfo.fac .info-top .btWrap {float: right; margin-top: 15px; text-align: right;}
.subInfo.fac .info-top .btWrap .wd_btn {width: 210px;}
.subInfo .info-con .list {overflow: hidden; padding: 25px 0; border-bottom: 1px solid #ddd;}
.subInfo .info-con .list.first {border-top: 1px solid #565656;}
.subInfo .info-con .list .tit {width: 150px; float: left; font-size: 17px; font-weight: 500;}
.subInfo .info-con .list ul {display: inline-block; width: calc(100% - 150px);}
.subInfo .info-con .list ul li {float: left; color: #595959; margin-bottom: 8px;}
.subInfo .info-con .list ul li:last-child {margin-bottom: 0;}
.subInfo .info-con .list ul.w100 li {float: none; width: 100%;}
.subInfo .info-con .list ul li > span {margin-right: 100px; margin-bottom: 8px; display: block; line-height: 1.6em;}
.subInfo .info-con .list ul.w100 li > span {margin-right: 0;}
.subInfo .info-con .list.first ul li:last-child > span {margin-right: 0;}
.subInfo .info-con .list ul li > span em {color: #987f7b;}
.subInfo .info-con .list ul li > span strong {font-weight: 500;}

.subInfo .info-con .info-grid {overflow: hidden;}
.subInfo .info-con .info-grid li {float: left; width: 30%; margin-right: 5%;}
.subInfo .info-con .info-grid li.t35{margin-top:35px;}
.subInfo .info-con .info-grid li:last-child {margin-right: 0;}
.subInfo .info-con .info-grid li:nth-child(3) {margin-right: 0;}
.subInfo .info-con .info-grid li h4 {font-size: 17px; font-weight: 500; border-bottom: 3px solid #000; padding-bottom: 12px; margin-bottom: 15px;}
.subInfo .info-con .info-grid li p {font-weight: 100; line-height: 1.7em;}
.subInfo .info-con .info-grid li p.pub_tit{font-size: 16px; font-weight: 400;}

.subInfo .info-con .info-grid.w50 li{width:47.5%; margin-bottom:20px;}
.subInfo .info-con .info-grid.w50 li:nth-child(2n){margin-right:0;}
.subInfo .info-con .info-grid.w100 li{width:100%; margin-bottom:20px; margin-right: 0;}
.subInfo .info-con .info-grid.w100 li .menuList.w100p li {width: 100%; text-align: left!important;}

.subInfo .info-con .info-grid li.ryokan_pkg img {margin-left: -40px;}
.subInfo .info-con .info-grid.w100.dining-grid li {margin-top: 30px;}

.subInfo .info-con .toggle-list {}
.subInfo .info-con .toggle-list .list {background: url(/UtopUblessNew_common/images/homepage/common/local_down.png) right 20px top 28px no-repeat;}
.subInfo .info-con .toggle-list .list.on {background: url(/UtopUblessNew_common/images/homepage/common/local_up.png) right 20px top 28px no-repeat;}
.subInfo .info-con .toggle-list .list h5 {font-size: 23px; font-weight: 500;}
.subInfo .info-con .toggle-list .toggle-box {display: none; padding-top: 12px; color: #565656; font-weight: 100;}

.info-con.left {width: 50%; float: left; margin-top: 30px;}
.info-con.right {float: right; width: 50%; margin-top: 30px;}
.subInfo .btWrap.pubBtn {float: left; width: 100%; text-align: right;}
.subInfo .btWrap.pubBtn a {border: 1px solid #77c8c1; width: 165px; height: 60px; color: #77c8c1; margin-left: 6px; text-align: center; line-height: 57px; font-size: 18px;}
.subInfo .btWrap.pubBtn a:first-child {margin-left: 0;}
.subInfo .btWrap.pubBtn a.on {color: #fff; background: #77c8c1;}
.subInfo .info-con .info-grid li .menuList li {margin-bottom:5px; width: 50%;}
.subInfo .info-con .info-grid li .menuList li:nth-child(2n) {text-align: right;}
.subInfo .info-con .info-grid.w50 a.candy {width: 60%;}
.subInfo .info-con .info-grid.w50 a.candy img {width: 100%;}

.otherWrap .otherTitle {text-align: center; position: relative; margin-bottom: 40px;}
.otherWrap .otherTitle h3 {font-size: 27px; font-weight: 500;}
.otherWrap .otherTitle .outside {margin-bottom: -20px; height: 40px;}
.otherWrap .slider li .img {width: 100%; max-height: 196px; margin-bottom: 13px;}
.otherWrap .slider li .img img {width: 100%; max-width: 100%;}
.otherWrap .slider li .con {}
.otherWrap .slider li .con h4 {font-size: 20px; margin-bottom: 10px;}
.otherWrap .slider li .con p {color: #838383; font-weight: 100;}

.map {width: 100%; height: 555px; margin-top: 70px;}

.about-wrap {position: relative; padding-bottom: 36px; margin-top: 70px;}
.about-wrap .img {width: 100%; height: 700px; background: url(/UtopUblessNew_common/images/homepage/company/about_02.jpg) center center no-repeat; background-size: cover;}
.about-wrap h4 {font-size: 45px; letter-spacing: 0.08em; font-weight: 700; line-height: 45px; position: absolute; bottom: 4px; left: 15px;}
.about-wrap h4 span{color:#fff;}


/* member */
/* .membership {max-height: 320px; color: #333; text-align: center; margin-top: 80px;}
.membership .memberTitle h3 {font-size: 30px; font-weight: 500;}
.membership p {font-size: 25px;}
.membership a.joinBtn {display: block; font-size: 25px; border-radius: 100px; background: #77c8c1; width: 182px; height: 55px; color: #fff; margin:0 auto 45px; text-align: center; line-height: 55px;}
.membership p.txt {margin: 30px 0;}
.membership p.benefit {display: inline-block; width: 125px; font-weight: 600; border-bottom: 2px solid #333; padding-bottom: 10px;}
.memberWrap {text-align: center;}
.memberWrap .member_count {float: left; width: 32%; height: 535px; padding: 40px; border: 1px solid #d4d4d4; margin-right: 2%; margin-bottom: 20px; box-sizing: border-box; text-align: center;}
.memberWrap .member_count:last-child {margin-right: 0;}
.memberWrap .member_count h4 {font-size: 21px; margin: 20px 0; font-weight: 550; }
.memberWrap .member_count ul li {width :80%; border: 1px solid #d4d4d4; border-bottom: none; background: #fafafa; color: #595959; box-sizing: border-box; padding: 10px; margin: 0 auto; }
.memberWrap .member_count ul li:last-child {border: 1px solid #d4d4d4;}
.member_count span {width: 180px; height: 180px; border-radius: 50%;}
.member_count span.count1 {background: #edf4f3 url(/UtopUblessNew_common/images/homepage/member/membership_01.png) center center no-repeat}
.member_count span.count2 {background: #edf4f3 url(/UtopUblessNew_common/images/homepage/member/membership_02.png) center center no-repeat}
.member_count span.count3 {background: #edf4f3 url(/UtopUblessNew_common/images/homepage/member/membership_03.png) center center no-repeat}
.member_count span.count4 {background: #edf4f3 url(/UtopUblessNew_common/images/homepage/member/membership_04.png) center center no-repeat}
.member_count span.count5 {background: #edf4f3 url(/UtopUblessNew_common/images/homepage/member/membership_05.png) center center no-repeat}
.member_count span.count6 {background: #edf4f3 url(/UtopUblessNew_common/images/homepage/member/membership_06.png) center center no-repeat}
.member_list {clear: both; background: #f8fafa; color: #3c3c3c; padding: 2% 3%; border: 1px solid #b2c7c4;}
.member_list ul li {font-size: 16px; margin-bottom: 10px;}
 */
 
/* member */

.sub-tit {position: relative; padding: 70px 15px 0px; color:#000; text-align:center;}
.sub-tit p{font-size:35px; margin-bottom:13px; font-weight:100;}
.sub-tit h4 {font-size: 23px; font-weight:100}
.sub-tit h4 em{font-weight:300;}

.membership {color: #333; margin: 80px 0;}
.membership .memberTitle {text-align: center;}
.membership .memberTitle.mgb {margin-bottom: 30px;}
.membership .memberTitle h3 {font-size: 30px; font-weight: 500;}
.membership p {font-size: 25px;}
.joinBtn {display: block; /* font-size: 25px; */ font-size: 18px; border-radius: 30px; background: #77c8c1; width: 182px; height: 55px; color: #fff; margin:0 auto 45px; text-align: center; line-height: 55px;}
.membership p.txt {margin: 30px 0;}
.membership p.benefit {display: inline-block; width: 125px; font-weight: 600; border-bottom: 2px solid #333; padding-bottom: 10px; margin-bottom: 30px;}
.membership p.benefit.benefit_eng{width: 190px; font-size: 20px;}
.memberWrap {text-align: center; padding-bottom: 80px; margin-bottom: 70px; border-bottom: 1px solid #e4e4e4;}
.membership .memberWrap:last-of-type {margin-bottom: 0; padding-bottom: 0; border-bottom: 0;}
.memberWrap .member_count_wrap {overflow: hidden; margin-top: 40px;}
.memberWrap .member_count_wrap .member_count {float: left; width: 32%; height: 535px; padding: 40px; border: 1px solid #d4d4d4; margin-right: 2%; margin-bottom: 20px; box-sizing: border-box; text-align: center;}
.memberWrap .member_count_wrap .member_count:nth-child(3n) {margin-right: 0;}
.memberWrap .member_count_wrap .member_count h4 {font-size: 21px; margin: 20px 0; font-weight: 550;}
.memberWrap .member_count_wrap.member_eng .member_count h4 {font-size:20px;}
.memberWrap .member_count_wrap .member_count ul li {width :80%; border: 1px solid #d4d4d4; border-bottom: none; background: #fafafa; color: #595959; box-sizing: border-box; padding: 10px; margin: 0 auto; }
.memberWrap .member_count_wrap .member_count ul li:last-child {border: 1px solid #d4d4d4;}
.memberWrap .logoList {margin-top: 40px; text-align: center;}
.memberWrap .logoList ul {overflow: hidden;}
.memberWrap .logoList ul li {width: 32%; border: 1px solid #d4d4d4; margin-right: 2%; float: left;}
.memberWrap .logoList ul li:last-child {margin-right: 0;}
.memberWrap .logoList ul li .logo {height: 60px; margin: 30px 0; padding: 0 15px; line-height: 60px;}
.memberWrap .logoList ul li .logo img {max-height: 100%; width: auto;}
.memberWrap .logoList ul li p {font-size: 18px; padding: 18px 0; border-top: 1px solid #d4d4d4;}
.member_count span {width: 180px; height: 180px; border-radius: 50%;}
.member_count span.count1 {background: #edf4f3 url(/UtopUblessNew_common/images/homepage/member/membership_01.png) center center no-repeat}
.member_count span.count2 {background: #edf4f3 url(/UtopUblessNew_common/images/homepage/member/membership_02.png) center center no-repeat}
.member_count span.count3 {background: #edf4f3 url(/UtopUblessNew_common/images/homepage/member/membership_03.png) center center no-repeat}
.member_count span.count4 {background: #edf4f3 url(/UtopUblessNew_common/images/homepage/member/membership_04.png) center center no-repeat}
.member_count span.count5 {background: #edf4f3 url(/UtopUblessNew_common/images/homepage/member/membership_05.png) center center no-repeat}
.member_count span.count6 {background: #edf4f3 url(/UtopUblessNew_common/images/homepage/member/membership_06.png) center center no-repeat}
.member_list {clear: both; background: #f8fafa; color: #3c3c3c; padding: 2% 3%; border: 1px solid #b2c7c4;}
.member_list ul li {font-size: 16px; margin-bottom: 10px;}

/***************
TABLE
***************/
.tableWrap.mgt{margin-top:40px;}
.tableWrap.mgb{margin-bottom:15px;}
.tableWrap.ovx{overflow-x: auto;}
.tableWrap h5{font-size:15px; margin:0 0 10px; font-weight:700; display:block; text-align:left}
.tableWrap h5 span{font-size:14px; float:right; margin-top: 6px; font-weight:normal;}
.tableWrap table{width:100%; table-layout:fixed; border-top:2px solid #666; border-bottom:1px solid #666; background:#fff;}
.tableWrap table.mw500 {min-width: 500px; width: 100%;}
.tableWrap table thead th{background:#f6f6f6; font-weight:700;}
.tableWrap table thead th, .tableWrap table tbody td{padding:10px 0; text-align: center; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; font-size: 15px; line-height: 1.6em;}
.tableWrap table th:LAST-CHILD,
.tableWrap table td:LAST-CHILD{border-right:none;}
.tableWrap table.mtdh td{height: 70px;}

/* footer */

.footer {position: relative; width: 100%; margin-top: 100px;}
.footer .familyLogo {background: #6abbb4; text-align: center; padding: 15px 0;}
.footer .familyLogo ul li {display: inline-block; vertical-align: middle; margin-right: 60px;}
.footer .familyLogo ul li:last-child {margin-right: 0;}
.footer .footer_menu {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 15px 0;}
.footer .footer_menu ul {text-align: center;}
.footer .footer_menu ul li {display: inline-block; margin-right: 15px;color: #595959; font-size: 14px; font-weight: 100;}
.footer .footer_menu ul li:last-child {margin-right: 0;}
.footer .footer_menu ul li:hover {color: #6abbb4;}
.footer .footer_info {padding: 30px 0; color: #a6a6a6; font-size: 14px; font-weight: 100;/*  overflow: hidden; */}
.footer .footer_info:after{content:''; display:block; clear:both;}
.footer .footer_info .company_info ul li {display: inline-block; margin-right: 15px; margin-bottom: 10px;}
.footer .footer_info .sns{float:left;}
.footer .footer_info .sns ul li {display: inline-block; margin-right: 3px;}
.footer .footer_info .sns ul li:last-child {margin-right: 0;}
.footer .footer_info .familySite {margin-left: 10px;}

.footer .footer_info .ft_right:after{content:''; display:block; clear:both}

div.familySite{float:left; position:relative;/* position:absolute;  */padding:0 10px;/*  right:0; top:35px; */ width:133px; height:25px; text-align:left; cursor:pointer; background:#655b51; margin-top:3px;}
div.familySite h3{line-height:25px; font-size:11px; font-weight:bold; color:#fff; position:relative;}
div.familySite h3 a{color:#fff; font-weight:normal;}
div.familySite h3:after{content:'+'; position:absolute; right:10px;}
div.familySite ul.list{display:none; position:absolute; bottom:25px; left:0; background:#655b51; width:133px; padding:3px 0 0;}
div.familySite ul.list li{padding:3px 7px; text-align:left; font-size:11px;}
div.familySite ul.list li a{color:#fff; display:block;}
div.familySite ul.list li:hover{background:#dddad7}
div.familySite ul.list li:hover a{color:#333;}


/***************
TABLE
***************/
.info-table{margin-top:20px;}
.info-table h5{font-size:15px; margin:0 0 10px; font-weight:700; display:block; text-align:left}
.info-table h5 span{font-size:14px; float:right; margin-top: 6px; font-weight:normal;}
.info-table table{width:100%; table-layout:fixed; border-top:2px solid #666; border-bottom:1px solid #666; background:#fff;}
.info-table table thead th{background:#f6f6f6; font-weight:700;}
.info-table table thead th, .info-table table tbody td{padding:10px 0; text-align: center; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; font-size: 14px; line-height: 25px;}
.info-table table th:LAST-CHILD,
.info-table table td:LAST-CHILD{border-right:none;}

/* error */
#conArea .error .logo {width: 137px; height: 78px; margin: 20px auto 50px; text-indent: -9999px; background: url(/UtopUblessNew_common/images/homepage/common/error.png) center center no-repeat; }
#conArea .error h3 {font-size: 33px; color: #000; font-weight: 600; margin-bottom: 40px;}
#conArea .error p {font-size: 16px; color: #666;}
#conArea .error .bt-wrap {margin-top: 50px;}
#conArea .error .error-btn {background: #77c8c1; color: #fff; width: 260px; height: 60px; line-height: 59px; font-size: 17px;}