#contents {}

#visual { height: 579px; overflow: hidden; border-top: 1px solid #0465b7; border-bottom: 1px solid #0465b7; background-color: #008aff; }
#visual .center-wrap { width: 1321px; height: 100%; }
#visual .imgs {}
#visual .imgs li { display: none; position: absolute; top: 0; left: 0; }
#visual .imgs li.on { display: block; }
#visual .txts { position: absolute; top: 87px; left: 793px; width: 427px; height: 160px; overflow: hidden; }
#visual .txts li { position: absolute; top: 0; left: 100%; width: 100%; line-height: 48px; font-size: 36px; color: #fff; }
#visual .txts li.on { left: 0; }
#visual .buls { position: absolute; bottom: 121px; right: 97px; width: 427px; }
#visual .buls li { display: inline-block; margin-right: 4px; width: 12px; height: 12px; cursor: pointer; border: 1px solid #004e91; background-color: #fff; border-radius: 6px; transition: all .3s ease; }
#visual .buls li.on { width: 37px; border: 1px solid #044174; background-color: #2151da; }
#visual .tag-event { position: absolute; top: 266px; right: 97px; width: 427px; }
#visual .tag-event .tab { height: 26px; }
#visual .tag-event .tab li { display: inline-block; padding: 0 16px; height: 24px; line-height: 24px; font-size: 11px; color: #2151da; cursor: pointer; border: 1px solid #003e73; background-color: #fff; border-radius: 12px; transition: all .3s ease; }
#visual .tag-event .tab li.on { color: #fff; border: 1px solid #00427a; background-color: #2151da; }
#visual .tag-event .rows {}
#visual .tag-event .rows .row { display: none; margin: 12px 0 0 -11px; }
#visual .tag-event .rows .row.on { display: block; }
#visual .tag-event .rows .row a { display: inline-block; margin-left: 11px; line-height: 33px; font-size: 18px; color: #fff; white-space: nowrap; }
#visual .tag-event .rows .row.event ul { overflow: hidden; }
#visual .tag-event .rows .row.event ul li { position: relative; float: left; width: 50%; }
#visual .tag-event .rows .row.event ul li .img { height: 100px; }
#visual .tag-event .rows .row.event ul li .img img { width: auto; height: 100%; }
#visual .tag-event .rows .row.event ul li .name {}
#visual .tag-event .rows .row.event ul li .summary {}

#search { margin-top: -75px; }
#search .center-wrap { padding: 46px 0 0 73px; width: 1054px; height: 89px; border: 1px solid #102768; background-color: #2151da; border-radius: 68px; }
#search input[type=text] { margin-right: 2px; padding: 0 0 0 50px; width: 325px; height: 38px; line-height: 38px; vertical-align: middle; border: 1px solid #0e2460; background-color: #fff; border-radius: 20px; }
#search input[type=submit] { margin-right: 54px; width: 97px; height: 40px; vertical-align: middle; font-size: 13px; font-weight: 500; color: #fff; border: 1px solid #0e2460; background-color: #008aff; border-radius: 20px; text-shadow: -1px -1px #096bbe, -1px 1px #096bbe, 1px -1px #096bbe, 1px 1px #096bbe; }
#search .txt { display: inline-block; padding-left: 58px; vertical-align: middle; height: 37px; line-height: 37px; font-size: 23px; color: #fff; border-left: 1px solid #fff; }

.section { padding-bottom: 103px; border-top: 1px solid #d7d7d7; }
.section .title { margin: 66px 0 29px; font-size: 30px; text-align: center; color: #2151da; }
.section .summary { font-size: 14px; text-align: center; text-decoration: underline; color: #747474; }
.section .tab { margin: 43px 0 49px; height: 34px; text-align: center; }
.section .tab ul { display: inline-block; padding-left: 1px; background: url(/images/common/split_10px.gif) no-repeat left center; }
.section .tab ul li { float: left; padding: 0 14px 0 13px; height: 34px; background: url(/images/common/split_10px.gif) no-repeat right center; }
.section .tab ul li a { display: inline-block; padding: 0 29px; height: 32px; line-height: 32px; font-size: 15px; font-weight: 500; color: #5b5b5b; border: 1px solid #fff; background-color: #fff; border-radius: 16px; transition: all .3s ease; }
.section .tab ul li.on a { color: #fff; border: 1px solid #0062b5; background-color: #008aff; }
.section .rows .row .buls { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; }
.section .rows .row .buls li { display: inline-block; margin-right: 3px; width: 12px; height: 12px; cursor: pointer; border: 1px solid #adadad; background-color: #fff; border-radius: 6px; transition: all .3s ease; }
.section .rows .row .buls li.on { width: 37px; border: 1px solid #044174; background-color: #2151da; }

#category { border-top: 0; }
#category .rows { position: relative; height: 448px; overflow: hidden; }
#category .rows .row { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#category .rows .row:first-child { display: block; }
#category .rows .row .area { position: absolute; top: 0; left: 100%; width: 100%; }
#category .rows .row .area.on { left: 0; }
#category .rows .row .area li { float: left; margin-left: 18px; width: 268px; text-align: center; }
#category .rows .row .area li:first-child { margin: 0 1px 0 0; }
#category .rows .row .area li .img { width: 268px; height: 271px; overflow: hidden; }
#category .rows .row .area li .name { margin: 33px 0 13px; font-size: 22px; color: #747474; }
#category .rows .row .area li .price { font-size: 24px; color: #2151da; }
#category .rows .row .area li .price span { font-size: 16px; }

#golf { background-color: #f5faff; }
#golf .tab ul li a { border: 1px solid #f5faff; background-color: #f5faff; }
#golf .tab ul li.on a { color: #fff; border: 1px solid #0062b5; background-color: #008aff; }
#golf .rows { position: relative; height: 534px; overflow: hidden; }
#golf .rows .row { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#golf .rows .row:first-child { display: block; }
#golf .rows .row .area { position: absolute; top: 0; left: 100%; width: 100%; }
#golf .rows .row .area.on { left: 0; }
#golf .rows .row .area li { position: relative; float: left; margin-left: 28px; width: 357px; }
#golf .rows .row .area li:first-child { margin-left: 0; }
#golf .rows .row .area li .img { width: 357px; height: 327px; overflow: hidden; border-radius: 38px; }
#golf .rows .row .area li .img img { width: 100%; height: 100%; }
#golf .rows .row .area li .name { position: absolute; top: 361px; left: 6px; width: 170px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 22px; text-align: center; color: #747474; }
#golf .rows .row .area li .cate { position: absolute; top: 398px; left: 6px; width: 170px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; text-align: center; color: #747474; }
#golf .rows .row .area li .summary { position: absolute; top: 366px; left: 182px; width: 170px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; text-align: left; text-decoration: none; color: #747474; }
#golf .rows .row .area li .grade { position: absolute; top: 400px; left: 182px; }
#golf .rows .row .area li .grade-txt { position: absolute; top: 391px; left: 273px; font-size: 24px; color: #ffa201; }
#golf .rows .row .area li .price { position: absolute; top: 432px; left: 0; width: 100%; font-size: 24px; text-align: center; color: #2151da; }
#golf .rows .row .area li .price span { font-size: 16px; }

#section { background-color: #f5faff; }
#section .tab ul li a { border: 1px solid #f5faff; background-color: #f5faff; }
#section .tab ul li.on a { color: #fff; border: 1px solid #0062b5; background-color: #008aff; }
#section .rows { position: relative; height: 460px; overflow: hidden; }
#section .rows .row { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#section .rows .row:first-child { display: block; }
#section .rows .row .area { position: absolute; top: 0; left: 100%; width: 100%; }
#section .rows .row .area.on { left: 0; }
#section .rows .row .area li { position: relative; float: left; margin-left: 18px; width: 268px; height: 447px; text-align: center; }
#section .rows .row .area li:first-child { margin-left: 0; }
#section .rows .row .area li .img { width: 268px; height: 271px; overflow: hidden; border-radius: 38px; }
#section .rows .row .area li .img img { width: 100%; height: 100%; }
#section .rows .row .area li .subject { margin: 35px 0 10px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 20px; color: #747474; }
#section .rows .row .area li .summary { margin: 0 0 18px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; text-decoration: none; color: #7c7c7c; }
#section .rows .row .area li .cate { font-size: 14px; font-weight: 500; color: #2151da; }

#event {}
#event .rows { position: relative; margin-top: 53px; height: 466px; overflow: hidden; }
#event .rows .row { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#event .rows .row .list { position: absolute; top: 0; left: 100%; width: 100%; }
#event .rows .row .list.on { left: 0; }
#event .rows .row .list li { position: relative; float: left; margin-left: 15px; width: 556px; text-align: center; }
#event .rows .row .list li:first-child { margin-left: 0; }
#event .rows .row .list li .img { width: 556px; height: 271px; overflow: hidden; border-radius: 38px; }
#event .rows .row .list li .img img { width: 100%; height: 100%; }
#event .rows .row .list li .name { margin: 33px 0 13px; font-size: 22px; color: #747474; }
#event .rows .row .list li .summary { line-height: 24px; font-size: 12px; text-decoration: none; color: #747474; }

#hotel { background-color: #fafafa; }
#hotel .tab ul li a { border: 1px solid #fafafa; background-color: #fafafa; }
#hotel .tab ul li.on a { color: #fff; border: 1px solid #0062b5; background-color: #008aff; }
#hotel .rows { position: relative; height: 538px; overflow: hidden; }
#hotel .rows .row { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#hotel .rows .row:first-child { display: block; }
#hotel .rows .row .data { text-align: center; }
#hotel .rows .row .data .imgs { position: relative; height: 328px; }
#hotel .rows .row .data .imgs li { position: absolute; top: 0; width: 399px; height: 156px; overflow: hidden; border-radius: 38px; }
#hotel .rows .row .data .imgs li.img1 { left: 0; width: 711px; height: 328px; }
#hotel .rows .row .data .imgs li.img2 { right: 0; }
#hotel .rows .row .data .imgs li.img3 { top: 172px; right: 0; }
#hotel .rows .row .data .imgs li img { width: 100%; height: 100%; }
#hotel .rows .row .data .name { margin: 33px 0 13px; font-size: 22px; color: #747474; }
#hotel .rows .row .data .summary { line-height: 24px; font-size: 12px; text-decoration: none; color: #747474; }
#hotel .rows .row .more { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; }