@charset "utf-8";

/* CSS Reset */
*{margin:0;padding:0;outline:none;}

/* Tell the browser to render HTML 5 elements as block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{display:block;}

/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */

body{min-height:600px;/* for good browsers*/min-width:960px;/* for good browsers*//*font:12px arial;*/font:12px arial;color:#333333;background:url(../images/bg.gif);}

#outer{height:100%;width:100%;display:table;/*vertical-align:middle;*/}

#container{position:relative;vertical-align:middle;display:table-cell;height:600px;}

#inner{width:960px;height:600px;margin:0 auto;position:relative;background:url(../images/bg_inner.jpg) no-repeat;overflow:hidden;}

a{color:#666666;text-decoration:none;}

sup{font-size:0.8em;vertical-align:top;}

.title{font-size:12px;font-weight:bold;color:#016e73;}
div.title{height:30px;padding-left:4px;}
div.title div{background:url(../images/bg_title.gif) repeat-x;float:left;}
div.title div div{background:url(../images/bg_title_left.gif) no-repeat;}
div.title div div div{background:url(../images/bg_title_right.gif) no-repeat right 0;padding:0 13px;line-height:29px;}

.clear{clear:both;}
.nowrap{white-space:nowrap;}
.margin14{margin-bottom:14px;}
.highlight{color:#039DA7;}

ul.nav{list-style:none;}
ul.nav li{float:left;}
ul.nav li a{display:block;}

/*.zindex-10{z-index:10;}*/

/* header start */
header{height:80px;position:relative;background:url(../images/bgset.gif) no-repeat;;z-index:10;}

#header-banner{width:241px;height:42px;position:absolute;top:28px;left:11px;}

nav{position:absolute;top:56px;left:255px;background:url(../images/bgset.gif) no-repeat 0 -85px;padding:7px 7px 0 7px;}
nav ul, nav ul li a{height:17px;}
nav ul{width:568px;}
nav ul li{background:url(../images/nav.gif) no-repeat;}
nav ul li a{width:56px;text-indent:-9999px;}
nav ul li ul{display:none;}
#home{background-position:0 0;}
#home.hover, #home:hover{background-position:0 -17px;}
#travel{background-position:-56px 0;}
#travel.hover, #travel:hover{background-position:-56px -17px;}
#travel a{width:80px;}
#worldsgreatest{background-position:-136px 0;}
#worldsgreatest.hover, #worldsgreatest:hover{background-position:-136px -17px;}
#worldsgreatest a{width:121px;}
#mustbuy{background-position:-257px 0;}
#mustbuy.hover, #mustbuy:hover{background-position:-257px -17px;}
#mustbuy a{width:113px;}
#cardprivileges{background-position:-370px 0;}
#cardprivileges.hover, #cardprivileges:hover{background-position:-370px -17px;}
#cardprivileges a{width:112px;}
#apply{background-position:-482px 0;}
#apply.hover, #apply:hover{background-position:-482px -17px;}
#apply a{width:86px;}

#subnav-wrap{width:930px;/*height:87px;*/height:0;position:absolute;top:80px;left:22px;overflow:hidden;list-style:none;/*visibility:hidden;*/}
#subnav-wrap li.subnav, ul.tab-content-list, li.tab-content div.rolling{height:79px;}
#subnav-wrap li.subnav{position:absolute;top:-65px;left:0;/*visibility:hidden;*/}
#subnav-wrap div.button-close{position:absolute;right:3px;bottom:3px;z-index:10;background:url(../images/btn_close.gif) no-repeat 0 1px;cursor:pointer;}
#subnav-wrap div.button-close a{font-size:11px;line-height:11px;color:#5f5f5f;display:block;padding-left:12px;}
ul.tab-content-list{width:916px;background:url(../images/bgset.gif) no-repeat 0 -170px;}
li.tab-content{position:absolute;top:0;left:0;display:block;}
ul.tab-list{width:87px;position:absolute;top:65px;list-style:none;}
ul.tab-list li{float:left;}
li.tab, li.tab a{height:22px;}
li.tab{width:87px;background:url(../images/nav.gif) no-repeat;}
li.tab a{display:block;text-indent:-9999px;}
li.tab-content div.rolling{width:916px;position:relative;}
li.tab-content div.rolling div.arrow{background:url(../images/iconset.gif) no-repeat;text-indent:-9999px;margin-top:1px;}
li.tab-content div.rolling div.arrow a{width:52px;height:77px;display:none;}
li.tab-content div.rolling div.arrow-left{float:left;background:url(../images/iconset.gif) no-repeat 21px -140px;}
li.tab-content div.rolling div.arrow-right{float:right;background:url(../images/iconset.gif) no-repeat -35px -140px;right:0;}
li.tab-content div.rolling div.list-container, li.tab-content div.rolling ul.item-list, li.tab-content div.rolling ul.item-list li{height:70px;}
li.tab-content div.rolling div.list-container{width:812px;margin-top:9px;position:absolute;left:52px;overflow:hidden;}
li.tab-content div.rolling ul.item-list{width:856px;list-style:none;padding:0 7px;}
li.tab-content div.rolling ul.item-list li{width:100px;padding:0 7px;float:left;text-align:center;font-size:11px;}
li.tab-content div.rolling ul.item-list li a{width:100px;display:block;color:#cdcdcd;font-size:10px;}
li.tab-content div.rolling ul.item-list li img{border:solid 1px #686868;display:block;/*margin-bottom:4px;*/}

#subnav-travel ul.tab-list{/*left:326px;phase2*/left:335px;}
#tab-travel{background-position:-86px -35px;}
#tab-travel.hover, #tab-travel:hover{background-position:-86px -57px;}
#subnav-worldsgreatest ul.tab-list{/*left:413px;phase2*/left:422px;}
#tab-worldsgreatest{background-position:-173px -35px;}
#tab-worldsgreatest.hover, #tab-worldsgreatest:hover{background-position:-173px -57px;}
#subnav-wrap #subnav-apply{height:22px;}
#subnav-apply ul.tab-list{width:208px;/*left:588px;phase2*/top:0;left:722px;}
#tab-apply-elite{width:120px;background-position:-482px -35px;}
#tab-apply-elite.hover, #tab-apply-elite:hover{background-position:-482px -57px;}
#tab-apply-credit{width:88px;background-position:-602px -35px;}
#tab-apply-credit.hover, #tab-apply-credit:hover{background-position:-602px -57px;}

#share{width:161px;height:28px;position:absolute;top:12px;right:130px;background:url(../images/bgset.gif) no-repeat 0 -110px;}
#share span{float:left;margin-left:9px;line-height:29px;font-size:11px;}
#share ul, #share ul li, #share ul li a{height:14px;}
#share ul{width:35px;float:right;padding:7px 9px 0 0;list-style:none;}
#share ul li{float:left;background:url(../images/iconset.gif);}
#share ul li a{width:14px;display:block;text-indent:-9999px;font-size:11px;}
#share ul li#facebook{background-position:0 0;}
#share ul li#twitter{margin-left:7px;background-position:-21px 0;}

#lang, #lang ul{height:19px;}
#lang{width:96px;position:absolute;top:18px;right:24px;}
#lang ul{width:96px;float:right;list-style:none;}
#lang ul li{float:left;background:url(../images/bgset.gif) no-repeat -171px -116px;position:relative;font-size:10px;}
#lang ul li a{width:46px;height:16px;display:block;text-align:center;padding-top:3px;color:#236669;}
#lang ul li.hover, #lang ul li:hover{background-position:-221px -116px;}
#lang ul li.hover a, #lang ul li:hover a{color:#fff;}
#lang ul li#chi{margin-left:4px;}
#lang ul li img{position:absolute;top:-6px;left:18px;display:none;}
#lang ul li.hover img,#lang ul li:hover img{display:block;}
/* header stop */

section{height:470px;z-index:5;}
#overlay{width:930px;height:440px;position:absolute;z-index:10;background:#023F42 url(../images/bg_inner.jpg) no-repeat 0 -60px;color:#fff;padding:15px;font-size:11px;display:none;}
#content{height:470px;position:relative;}

/* footer start */
footer{height:40px;padding-bottom:10px;background:url(../images/bg_footer.jpg) no-repeat left bottom;}

#footer-nav{font-size:11px;float:left;padding:6px 0 0 15px;}
#footer-nav a:hover{text-decoration:underline;}

#logo{width:246px;height:39px;float:right;bottom:0px;}
#logo ul{width:231px;height:40px;padding-right:15px;list-style:none;}
#logo ul li{float:left;margin-left:10px;}
/* footer stop */

/* home start */
#action-box{width:690px;height:450px;position:absolute;top:10px;left:10px;background:url(../images/home/bg_banner.png) no-repeat;/*z-index:10;*/padding-left:10px;}
#action-banner{width:230px;height:440px;position:absolute;bottom:0;}
#action-banner-button{width:99px;height:15px;position:absolute;left:76px;top:78px;z-index:100;}
#action-banner-button img{display:block;}
#action-box div.action-offer{width:164px;height:132px;position:absolute;bottom:0px;/*left::240px;phase2*/left:250px;padding:10px 10px 0 10px;font-size:11px;}
#action-box div.action-offer div.title{margin-bottom:8px;padding-left:18px;background:url(../images/iconset.gif) no-repeat 0 -18px;font-size:15px;line-height:20px;}
#action-box div.card-box{width:266px;position:absolute;right:0px;background:url(../images/home/bgset.png) no-repeat;}
#action-box div.card-box-elite, #action-box div.card-box-credit{height:65px;}
#action-box div.card-box-elite{bottom:70px;background-position:0 -455px;}
#action-box div.card-box-credit{bottom:5px;background-position:0 -456px;}
#action-box div.card-thumb-container, #home-card-thumb-elite, #home-card-thumb-credit{width:85px;height:55px;}
#action-box div.card-thumb-container{margin-top:5px;float:left;}
#action-box div.card-box-elite div.card-thumb-container{background:url(../images/home/card_elite.jpg) no-repeat;}
#action-box div.card-box-credit div.card-thumb-container{background:url(../images/home/card_credit.jpg) no-repeat;}
#action-box div.card-name{width:173px;height:31px;float:right;padding:1px 0 0 8px;/*line-height:32px;*/font-size:11px;}
#action-box div.card-apply{width:86px;float:right;padding:0 10px 0 25px;background:url(../images/iconset.gif) no-repeat 0 -40px;position:relative;}
#action-box div.card-apply-btn{float:right;background:url(../images/bg_btn.png) no-repeat;}
#action-box div.card-apply-btn a{width:86px;height:29px;display:block;font-size:11px;color:#016e73;text-align:center;vertical-align:middle;line-height:28px;}

#travel-box{width:440px;height:300px;position:absolute;top:10px;/*left:260px;background:url(../images/home/bgset.png) no-repeat -250px 0;phase2*/left:270px;background:url(../images/home/bgset.png) no-repeat -260px 0;}
#travel-box div.caption{width:440px;position:absolute;font-size:14px;font-weight:bold;background:#000000;opacity:0.6;filter:alpha(opacity=60);}
#travel-box div.caption a{color:#fff;padding:5px 8px 5px 8px;display:block;}
#travel-box div.photo{width:440px;height:200px;}
#travel-rolling{width:440px;height:70px;margin:0 auto;position:relative;}
#travel-rolling div.arrow{background:url(../images/iconset.gif) no-repeat;text-indent:-9999px;position:absolute;}
#travel-rolling div.arrow a{width:31px;height:70px;display:none;}
#travel-rolling div.arrow-left{background:url(../images/iconset.gif) no-repeat 0 -70px;}
#travel-rolling div.arrow-right{background:url(../images/iconset.gif) no-repeat -35px -70px;right:0;}
#travel-rolling div.list-container, #travel-rolling ul.item-list, #travel-rolling ul.item-list li{height:61px;}
#travel-rolling div.list-container{width:378px;margin-top:11px;float:left;position:absolute;left:31px;overflow:hidden;}
#travel-rolling ul.item-list{width:435px;list-style:none;padding:0 9px;}
#travel-rolling ul.item-list li{width:100px;padding:0 10px;float:left;text-align:center;font-size:11px;}
#travel-rolling ul.item-list li.selected{display:none;}
#travel-rolling ul.item-list li a{width:100px;display:block;}
#travel-rolling ul.item-list li img{border:solid 1px #686868;margin-bottom:2px;}

#greatest-box{width:236px;height:220px;position:absolute;top:10px;right:7px;background:url(../images/home/bgset.png) no-repeat -707px 0;}
#greatest-box div.title{padding-left:7px;}
#greatest-box div.slideshow{width:220px;height:172px;position:relative;left:8px;overflow:hidden;}
#greatest-box ul{list-style:none;position:relative;}
#greatest-box ul li{position:absolute;top:0;left:0;display:none;}
#greatest-box ul li.selected{display:block;}
#greatest-box ul li img{display:block;}
#greatest-box ul li div.caption{height:32px;font-size:12px;font-weight:bold;padding:0 15px 0 1px;}
#greatest-box ul li div.caption a{line-height:32px;}
#greatest-box ul li div.caption a.two-lines{line-height:16px;}

#mustbuy-box{width:236px;height:220px;position:absolute;bottom:10px;right:7px;background:url(../images/home/bgset.png) no-repeat -707px -230px;}
#mustbuy-box div.title{padding-left:7px;}
#mustbuy-box div.arrow{width:29px;height:32px;background:url(../images/iconset.gif) no-repeat;text-indent:-9999px;position:absolute;top:140px;z-index:1;cursor:pointer;}
#mustbuy-box div.arrow.prev{background:#fdfdfd url(../images/iconset.gif) no-repeat 0 -278px;left:-5px;}
#mustbuy-box div.arrow.next{background:#fdfdfd url(../images/iconset.gif) no-repeat -37px -278px;right:-5px;}
#mustbuy-box div.slideshow{width:220px;height:172px;position:relative;left:8px;overflow:hidden;}
#mustbuy-box ul{list-style:none;position:relative;}
#mustbuy-box ul li{position:absolute;top:0;left:0;display:none;}
#mustbuy-box ul li.selected{display:block;}
#mustbuy-box ul li img{display:block;}
#mustbuy-box ul li div.caption{font-size:12px;font-family:arial;text-align:center;width:173px;position:absolute;left:24px;}
#mustbuy-box ul li div.caption a{line-height:32px;}
#mustbuy-box ul li div.caption a.two-lines{line-height:16px;}
/* home stop */

#content-box, #content-main{height:370px;}
#content-box{width:940px;position:absolute;top:10px;left:10px;background:url(../images/bgset_content.png) no-repeat;overflow:hidden;}

/* main content start */
#content-main{width:430px;float:right;padding:0 10px 0 10px;}
#content-main div.title{padding-left:0;}
#content-main h1{font-size:30px;font-weight:normal;color:#f14f37;}
#content-main h1.style2{font-size:26px;color:#666666;}
#content-main h2{font-size:26px;color:#686868;margin-bottom:14px;font-weight:normal;}
#content-main h1 span.h2{font-size:26px;color:#686868;font-weight:normal;}
#content-main h2.style2{font-size:26px;color:#00ccce;}
#content-main h1.h3, #content-main h3, #content-main h4{font-size:15px;font-weight:bold;}
#content-main h1.h3, #content-main h3{color:#333333;margin-bottom:14px;}
#content-main h5{color:#666666;}
#content-main h1.style2 span.hilite{color:#00ccce;}
#content-main p, #content-main ol li, #content-main ul.disc li{line-height:20px;}
#content-main p, #content-main ol, #content-main ul, #content-main table{margin-bottom:14px;}
#content-main p.info{color:#666666;}
#content-main p.source{clear:both;padding-top:14px;font-size:11px;}
#content-main ol{padding-left:25px;}
#content-main th, #content-main td{line-height:20px;}
#content-main th{font-weight:normal;text-align:left;white-space:nowrap;padding-right:3px;}
#content-main table.info th, #content-main table.info td{color:#666666;}
#content-main a:hover{text-decoration:underline;}
#content-main ul.links{height:21px;font-size:11px;color:#999999;margin:6px 0 0;}
#content-main ul.links li{float:left;list-style-type:none;background:url(../images/icon_arrow.gif) no-repeat 0 4px;padding-left:12px;}
#content-main ul.links li.first{background:none;padding-left:0;}
#content-main ul.links a{color:#999999;}
#content-main select{/*height:18px;*/font-size:11px;_margin-top:11px;}
#content-main div.scroll, #content-main div.scroll-content-container{height:247px;_height:233px;}
#content-main div.scroll{width:420px;margin-top:9px;position:relative;}
#content-main div.scroll-content-container{margin-right:11px;overflow-x:hidden;overflow-y:auto;}
#content-main div.scroll-bar, #content-main div.scroll .ui-slider-vertical{height:197px;_height:183px;}
#content-main div.scroll-bar{width:11px;position:absolute;right:0px;padding:25px 0 25px 0;background:#C6C6C6;display:none;overflow:hidden;}
#content-main div.scroll .ui-corner-all{-moz-border-radius:0 0 0 0;}
#content-main div.scroll .ui-widget-content{border:none;background:#C6C6C6 url();}
#content-main div.scroll .ui-widget-content .ui-state-default{border:none;background:url(../images/iconset.gif) no-repeat 0 -215px;}
#content-main div.scroll .ui-slider-vertical{width:inherit;}
#content-main div.scroll .ui-slider-vertical .ui-slider-handle{left:0;margin-bottom:-25px;}
#content-main div.scroll .ui-slider .ui-slider-handle{width:inherit;height:50px;}
#content-main div.scroll-content{margin-right:10px;}
#content-main p.intro{font-weight:bold;color:#000;font-size:13px;line-height:21px;}
#content-main a.link{color:#fb8d3e;}
#content-main div.gallery ul.item-list{height:226px;list-style:none;}
#content-main div.gallery ul.item-list li{float:left;margin:0 20px 19px 0;}
#content-main div.gallery ul.item-list li img{border:solid 1px #686868;display:block;overflow:hidden;}
#content-main ul.buttons, #content-main ul.buttons li a{height:16px;}
#content-main ul.buttons{margin-top:20px;clear:both;font-size:11px;}
#content-main ul.buttons li{float:right;list-style:none;text-align:center;}
#content-main ul.buttons li.previous{padding-left:10px;background:url(../images/iconset.gif) no-repeat 0 -267px;}
#content-main ul.buttons li.next{padding-right:10px;background:url(../images/iconset.gif) no-repeat 30px -267px;margin-left:10px;}
#content-main ul.buttons li a{width:101px;display:block;background:#dddddd;text-decoration:none;line-height:16px;}
#content-main ul.buttons li a:hover{text-decoration:none;}
#content-main ul.buttons li.next a{width:85px;}
#content-main div.button{width:126px;position:absolute;top:4px;right:20px;background:url(../images/btn_article.jpg) no-repeat;}
#content-main div.button a{width:120px;height:22px;display:block;padding-left:6px;text-align:center;line-height:22px;font-size:12px;}
#content-main div.button a:hover{text-decoration:none;}
/* main content stop */

/* info page start */
#content-box.info #content-gallery{display:none;}
#content-box.info #content-main{width:922px;float:none;padding:0 9px 0 9px;}
#content-box.info #content-main h3{font-size:14px;color:#3f9ca1;}
#content-box.info #content-main div.scroll{width:910px;}
#content-box.info #content-main div.vr{background:url(../images/bg_line.gif) repeat-y 444px 0;}
#content-box.info #content-main div.vr div{width:434px;float:left;}
#content-box.info #content-main div.vr div.right{float:right;width:424px;}
#content-box.info #content-main div.hr{height:23px;clear:both;background:url(../images/bg_line.gif) repeat-x 0 11px;}
#content-box.info #content-main div.vr div.clear{float:none;}
#content-box.info #content-main select{_margin-top:17px;}
/* info page stop*/

/* gallery start */
#content-gallery{width:490px;height:370px;float:left;background:url(../images/bgset_content.png) no-repeat 0 -460px;position:relative;}
#content-gallery div.button, #content-main div.button-gallery{width:106px;position:absolute;top:4px;background:url(../images/btn_gallery.jpg) no-repeat;}
#content-gallery div.button a, #content-main div.button-gallery a{width:100px;height:22px;display:block;padding-left:6px;text-align:center;line-height:22px;font-size:11px;}
#content-gallery div.button{right:10px;}
#content-gallery div.gallery{width:450px;height:330px;position:absolute;top:30px;left:30px;/*display:none;*/font-size:11px;}
#content-gallery div.gallery ul.item-list{height:300px;position:relative;overflow:hidden;}
#content-gallery div.gallery ul.item-list li{background:#000000;}
#content-gallery div.gallery ul.item-list li img{cursor:pointer;}
#content-gallery div.caption{width:442px;height:18px;position:absolute;bottom:0px;padding:3px 0 0 8px;background:url(../images/bg_caption.png);color:#fff;z-index:10;}
#content-box.photogallery #content-main div.scroll, #content-box.photogallery #content-main div.scroll-content-container{height:264px;}
#content-box.photogallery #content-main div.scroll-bar, #content-box.photogallery #content-main div.scroll .ui-slider-vertical{height:214px;}
/* gallery stop */

/* section index start */
#content-box.section-index{background:url(../images/section-index/bgset.png) no-repeat;}
#content-box.section-index #content-main{width:904px;padding:0 18px 0 18px;}
#section-index-pagination div.arrow{
  width:24px;
  height:132px;
  background:url(../images/section-index/iconset.gif) no-repeat;
  text-indent:-9999px;
  position:absolute;
  top:128px;
  cursor:pointer;
}
#section-index-pagination div.arrow.prev{left:13px;}
#section-index-pagination div.arrow.next{background-position:-24px 0px;right:13px;}
#content-box.section-index #content-main ul{list-style:none;width:850px;height:300px;margin:30px auto 0;overflow:hidden;}
#content-box.section-index #content-main ul li{float:left;width:150px;height:130px;margin-bottom:18px;background:url(../images/section-index/bgset.gif) no-repeat;padding:0 11px 2px 9px;}
#content-box.section-index #content-main ul li img{display:block;}
#content-box.section-index #content-main ul li .caption a{display:block;width:136px;height:16px;font-size:11px;padding:8px 7px 7px;text-decoration:none;}
#content-box.section-index #content-main ul li .caption a.two-lines{height:30px;padding:1px 7px 0;}
div.section-index#banner-box{width:940px;height:70px;position:absolute;bottom:10px;left:10px;background:url(../images/section-index/bgset.png) no-repeat 0 -380px;}
div.section-index#banner-box ul.item-list{/*width:310px;*/width:320px;float:left;margin-top:10px;padding:0 10px 0 22px;font-size:13px;color:#686868;list-style:none;}
div.section-index#banner-box ul.item-list li{font-size:12px;line-height:16px;display:none;}
div.section-index#banner-box ul.item-list li.selected{display:block;}
div.section-index#banner-box div.card-box{width:266px;position:absolute;}
div.section-index#banner-box div.card-box-elite, div.section-index#banner-box div.card-box-credit{height:65px;}
div.section-index#banner-box div.card-box-elite{left:373px;bottom:5px;}
div.section-index#banner-box div.card-box-credit{left:647px;bottom:5px;}
div.section-index#banner-box div.card-thumb-container, #home-card-thumb-elite, #home-card-thumb-credit{width:85px;height:55px;}
div.section-index#banner-box div.card-thumb-container{margin-top:5px;float:left;}
div.section-index#banner-box div.card-box-elite div.card-thumb-container{background:url(../images/home/card_elite.jpg) no-repeat;}
div.section-index#banner-box div.card-box-credit div.card-thumb-container{background:url(../images/home/card_credit.jpg) no-repeat;}
div.section-index#banner-box div.card-name{width:173px;height:31px;float:right;padding:1px 0 0 8px;font-size:11px;}
div.section-index#banner-box div.card-apply{width:86px;float:right;padding:0 10px 0 25px;background:url(../images/iconset.gif) no-repeat 0 -40px;position:relative;}
div.section-index#banner-box div.card-apply-btn{float:right;background:url(../images/bg_btn.png) no-repeat;}
div.section-index#banner-box div.card-apply-btn a{width:86px;height:29px;display:block;font-size:11px;color:#016e73;text-align:center;vertical-align:middle;line-height:28px;}
/* section index stop */
