<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*--------------------------------------------
 common
----------------------------------------------*/
/* intro-search
--------------------------------------------- */
.intro-search{
width:920px;
padding:10px 20px 10px;
margin: 0 auto 0;
border-bottom:none;
background:rgba(255, 255, 255, .95);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#EEFFFFFF,EndColorStr=#EEFFFFFF);
box-sizing: border-box;
}

/*-----------------------------------------
 intro-bg
-------------------------------------------- */
.intro-bg{
position:relative;
overflow:hidden;
height:406px;
}
.intro-bg img{
position: absolute;
top: 0;
left: 50%;
margin-left: -960px;
width: 100%;
height: 100%;
min-width: 1920px;
}

/*-----------------------------------------
 .search-index-container
----------------------------------------------*/
.search-index-container{
width: 960px;
margin: 0 auto;
background-color: rgba(0, 0, 0, .5);
box-sizing: border-box;
padding:10px 20px 20px 20px;
}
.search-index-container &gt; .menu-header{
display: block;
line-height: 1.45;
font-size: 30px;
color: #fff;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);
}
.search-index-container &gt; .menu-header + .menu-header-note{
margin:0 0 10px 0;
}
.intro-search input[type="text"]{
width: 240px;
}
.intro-search .btn-search button{
top: 34px;
}

/*-----------------------------------------
 introduction
----------------------------------------------*/
.introduction{
position:relative;
padding:20px 0 30px;
background:#f4f4f4;
margin: 0 -10px;
}

.intro-txt{
font-size:25px;
font-weight:bold;
margin:0 0 20px;
text-align:center;
color:#434343;
}

.intro-reasons-container{
background-color:#fff;
border-radius:5px;
box-shadow:rgba(195, 195, 195, .75) 0 2px 2px 0;
padding:5px 10px;
box-sizing: border-box;
border-spacing:8px;
margin:20px auto 0;
width:960px;
}
.intro-reasons{
display:table;
overflow:hidden;
}
.intro-reasons &gt; li{
display:table-cell;
width:33%;
text-align:center;
vertical-align:top;
border-right: 1px solid #d3d3d3;
padding: 0 8px;
}
.intro-reasons &gt; li:nth-child(3){
border: 0;
}
.intro-reasons .small{
font-size:12px;
}
.intro-reasons .bg-reason{
position:absolute;
left:50%;
bottom:40px;
margin-left:-143px;
display:block;
width:286px;
height:0;
padding-top:35px;
}
.intro-reasons .reason-cap{
display:table-cell;
width:296px;
height:40px;
font-size:16px;
font-weight:bold;
line-height:1.2;
letter-spacing:-.01em;
color:#826733;
vertical-align:middle;
text-align:center;
}
.intro-reasons .reason-txt{
position:relative;
line-height:1.3;
}
.intro-reasons .reason-txt small{
font-size:12px;
font-weight:bold;
display:none;
padding-right:14px;
text-align:right;
}

.zh_CN .reason01 .bg-reason{
background:url(/element/activities/index/images/_universal/bg-intro-reason02.png) no-repeat 0 0;
}

.zh_TW .reason01 .bg-reason,
.zh_HK .reason01 .bg-reason{
background:url(/element/activities/index/images/_universal/bg-intro-reason03.png) no-repeat 0 0;
}

.ko_KR .reason01 .bg-reason{
background:url(/element/activities/index/images/_universal/bg-intro-reason04.png) no-repeat 0 0;
}
.agent-info{
text-align: center;
margin: 5px auto;
}

/*-----------------------------------------
 header
-------------------------------------------*/
.hdg-l2-01{
margin-top:42px;
font-size:28px;
padding-left:60px;
background:url(/element/activities/index/images/_universal/icon-catch-01.png) no-repeat 0 50%;
}

.hdg-l2-01 .sup,
.hdg-l2-02 .sup{
display: block;
font-size: 14px;
color: #666;
font-weight: normal;
margin-top: -5px;
margin-bottom: 5px;
}

.hdg-l2-02{
margin-top:42px;
font-size:28px;
padding-left:60px;
background:url(/element/activities/index/images/_universal/icon-catch-02.png) no-repeat 0 50%;
}

.hdg-l2-03{
margin-bottom:15px;
padding:6px 15px;
font-size:18px;
font-weight:bold;
color:#111;
background-color:#e8e8e8;
}

/*-----------------------------------------
 Tab
-------------------------------------------*/
.tab-container .tab-nav{
display:table;
table-layout:fixed;
width:100%;
margin:10px 0 25px;
}
.tab-container .tab-nav li{
display:table-cell;
min-width: 16.5%;
vertical-align: middle;
}
.tab-container .tab-nav li a{
display:table-cell;
width: 160px;
height:48px;
border-right:1px #b0b0b0 solid;
border-top:1px #b0b0b0 solid;
border-bottom:1px #b0b0b0 solid;
border-radius:5px 5px 0 0;
background-color:whitesmoke;
font-size:14px;
text-align:center;
vertical-align: middle;
line-height: 1.3;
}
.tab-container .tab-nav li a:link,
.tab-container .tab-nav li a:visited,
.tab-container .tab-nav li a:hover,
.tab-container .tab-nav li a:active{
color:#333;
text-decoration:none;
}
.tab-container .tab-nav li:first-child a{
border-left:1px #b0b0b0 solid;
}
.tab-container .tab-nav li.active a{
background-color:#fff;
font-weight:bold;
border-bottom:1px #fff solid;
}

.tab-container .tab-item{
display:none;
}
.tab-container .tab-item.active{
display:block;
}

/*-----------------------------------------
 List
-------------------------------------------*/
/* .list-area
--------------------------------------------*/
.list-area{
overflow:hidden;
margin-left:-24px;
}
.list-area li{
float:left;
margin-left:24px;
margin-bottom:24px;
width:222px;
line-height:1.3;
vertical-align:top;
}
.list-area li a,
.list-area li a:link,
.list-area li a:visited,
.list-area li a:hover,
.list-area li a:active{
text-decoration:none;
}
.list-area li a .list-area-txt,
.list-area li a:link .list-area-txt,
.list-area li a:visited .list-area-txt,
.list-area li a:hover .list-area-txt,
.list-area li a:active .list-area-txt{
font-size:14px;
color:#444;
}
.list-area li .list-area-img{
display:block;
margin-bottom:6px;
}
.list-area li .list-area-img img{
vertical-align:top;
}
.list-area li .list-area-name{
display:block;
color:#4f881f;
font-size:17px;
}
.list-area li.list-area-sub .list-area-txt,
.list-area li .list-area-txt{
display:block;
width:100%;
height:2.5em;
overflow:hidden;
}
.list-area li.list-area-sub a{
display:block;
position:relative;
height:225px;
}
.list-area li.list-area-sub a:hover .list-area-txt{
position:absolute;
top:0;
left:0;
padding:10px;
width:100%;
height:100%;
overflow:visible;
background:rgba(255, 255, 255, .8);
box-sizing:border-box;
}
.list-area li.list-area-main{
width:468px;
}
.list-area li.list-area-main .list-area-img{
position:relative;
}
.list-area li.list-area-main .list-area-name{
position:absolute;
bottom:10px;
padding:2px 25px;
font-size:25px;
color:#fff;
background-color:rgba(0, 0, 0, .7);
}

/* .list-area-02
--------------------------------------------*/
.list-area-02{
overflow:hidden;
margin-left:-24px;
margin-bottom:20px;
margin-top: 12px;
}
.list-area-02 li{
float:left;
margin-left:24px;
margin-bottom:24px;
width:222px;
line-height:1.3;
vertical-align:top;
}
.list-area-02 li:nth-child(6),
.list-area-02 li:nth-child(8){
clear:left;
}
.list-area-02 li:nth-child(10){
margin-top:-200px;
}
.list-area-02 li a,
.list-area-02 li a:link,
.list-area-02 li a:visited,
.list-area-02 li a:hover,
.list-area-02 li a:active{
text-decoration:none;
}
.list-area-02 li a .list-area-txt,
.list-area-02 li a:link .list-area-txt,
.list-area-02 li a:visited .list-area-txt,
.list-area-02 li a:hover .list-area-txt,
.list-area-02 li a:active .list-area-txt{
font-size:14px;
color:#444;
}
.list-area-02 li .list-area-img{
display:block;
}
.list-area-02 li .list-area-img img{
vertical-align:top;
}
.list-area-02 li .list-area-name{
display:block;
color:#4f881f;
font-size:17px;
}
.list-area-02 li.list-area-main{
width:468px;
}

/* .list-area-03
--------------------------------------------*/
.list-area-03{
display:block;
margin-bottom:35px;
overflow:hidden;
}
.list-area-03 li{
display:inline-block;
margin-left:-5px;
margin-bottom:7px;
border-left:1px solid #ccc;
vertical-align:top;
}
.list-area-03 li a{
display:block;
padding:0 12px;
font-size:15px;
}

/* ----------------------------------------------------------------
Tab
----------------------------------------------------------------- */
/* .tab-container
----------------------------------------------- */
.tab-container{
margin: 20px 0;
}

.tab-container .tab-item &gt; :first-child{
margin-top: 0;
border-top: none;
}

/* .tab-list ----------------------------- */
.tab-container .tab-01{
display: table;
width: 100%;
table-layout: fixed;
font-size: 14px;
}
.tab-container .tab-01 &gt; li{
display: table-cell;
text-align: center;
vertical-align: bottom;
}
.tab-container .tab-01 &gt; li a{
margin-left: -1px;
padding: 14px 2px;
border: 1px solid #b0b0b0;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
color: #333 !important;
display: block;
background-color: #f5f5f5;
text-decoration: none;
}
.tab-container .tab-01 &gt; li a:hover,
.tab-container .tab-01 &gt; li a:focus{
background:#fff;
text-decoration: none !important;
}
.tab-container .tab-01 &gt; li.multiple a{
padding: 6px 2px;
line-height: 1.2;
}
.tab-container .tab-01 &gt; li:first-child a{
margin-left: 0;
}

/* .active */
.tab-container .tab-01 &gt; .active a{
padding-bottom: 15px;
border-bottom: none;
background-color: #fff;
font-weight: bold;
}

.tab-container .tab-01 &gt; .multiple.active a{
padding-bottom: 7px;
}

.box-tab{
margin: -1px 0 0;
padding: 30px 0 0;
box-sizing: border-box;
}

.tab-item{
display:none;
}

.tab-item.active{
display:block;
}
.list-bullet.list-col-4{
font-size: 0;
margin-bottom: 20px;
}
ul[class*="list-col-"] li {
box-sizing: border-box;
letter-spacing: normal;
padding: 0 15px 10px;
display: inline-block;
vertical-align: top;
overflow: hidden;
font-size: 13px;
}
.list-col-4 &gt; li {
width: 25%;
}

/*
.list-bullet
------------------------------------------- */
.list-bullet li span {
position: relative;
padding-left: 7px;
display: block;
line-height: 1.1;
}

.list-bullet li span:before{
content:"";
height:0;
width:0;
display:block;
border:4px transparent solid;
border-right-width:0;
border-left-color:#666;
position:absolute;
top:3px;
left:0;
}


/* .top-city-list
--------------------------------------------*/
.top-city-list li{
width:222px;
display:inline-block;
margin: 0 0 14px 12px;
position:relative;
line-height:1;
}
.top-city-list li span{
width: 222px;
height: 24px;
display:block;
padding:4px 0 0 5px;
box-sizing:border-box;
color:#fff;
font-size:16px;
font-weight:bold;
background-color: rgba(0,0,0,0.6);
position:absolute;
bottom:1px;
}
.top-city-list li a:hover{
opacity: 0.7;
}
.tab-area-list{
border:1px solid #c9c9c9;
padding:10px 8px;
margin:0 13px 20px;
}
.tab-area-list li{
display:inline-block;
padding-right:9px;
margin:0 6px 0 0;
line-height: 1.2;
}
.tab-area-list li &gt; a{
padding:5px 10px;
display:block;
}
.tab-area-list li &gt; span{
padding: 5px 10px;
display: block;
background:#f3f3f3;
font-weight:bold;
}
</pre></body></html>