/*-----------------public----------------------*/
@charset "utf-8";
* {padding:0; margin:0; list-style:none;}
body {font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0 5px; color:#000; background:#fff url(http://data.travelchinaguide.com/images/background/bg/bgj035.jpg) repeat-x 0 40px;}

img{border:0;}
a {text-decoration: underline; color:#36c;}
a:hover {text-decoration:none; color:#ff6600;}
ul {list-style:none;}

/* Clear Fix */
.clear:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear {display:inline-block;}
.clear {display:block;}
/* end of clearfix */

.relv {position:relative;}

.line {background: url("http://data.travelchinaguide.com/images/background/line/line001.gif") center center repeat-x; height:20px; overflow:hidden;}

#header, #footer {position:relative; background:#fff; margin:0 auto; width:995px;}
.content {background:#fff; margin:0 auto; width:995px;}
.left{float:left; width:220px; background:#F4F9FD; padding-bottom:20px;}
.right{float:right; width:740px; margin-right:10px;}

.clsadbottom {clear:both;height:90px;margin:15px auto 0;text-align:center;width:728px;}

/*------------------Loading bar----------------------*/
.loadingBar {z-index:99999; height:70px; padding:30px 0; background:#6ead76 url("http://data.travelchinaguide.com/images/background/icon/bg_wait_01.jpg") repeat-x; color:#fff; font-size:18px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center;}
.loadingBar .bar{display:block; margin:10px auto; padding:6px; width:516px; height:18px; background:url("http://data.travelchinaguide.com/images/background/icon/wait_bar_bg.gif") no-repeat;}
.loadingBar .bar span{display:block; float:left; height:3px; width:59px; overflow:hidden; background:#81ca19; border-bottom:2px solid #6db320; border-top:1px solid #6db320; border-left:1px solid #81ca19; border-right:1px solid #b1d47f; margin-right:2px;}

/*------------------Login box-------------------*/
.topBg {background: url("http://data.travelchinaguide.com/images/background/bg/bgp003.png") repeat-x scroll 0 0 #EBEBEB;border-bottom: 1px solid #E3E3E3;font-size: 12px;}
.topWrap {height: 20px;margin: 0 auto;overflow: hidden;padding: 4px 0 2px;width: 995px;}
.topWrap a {color: #838383;line-height: 1.2;}
.topWrap .folIco{ float:right; height:26px; margin-left:10px; margin-top:-4px; margin-top:-8px\9; -margin-top:-6px; padding:2px 15px 5px 95px; padding-top:6px\9; background:url(http://data.travelchinaguide.com/images/background/other/p001.png) no-repeat; background-position:0 5px\9;}
.topWrap .folIco img{ width:20px; height:20px; vertical-align:text-bottom;}

.loginBox {text-align:right; font-size:12px; color:#545454;}
.loginBox input{border:#ccc solid 1px;}
.loginBox .login{cursor:pointer; margin:0 0 -5px 5px;}
.loginBox .memInfo{margin-top:10px; font-size:12px; line-height:20px;}
.loginBox .msg{margin-left:15px; background:url("http://data.travelchinaguide.com/images/background/icon/bgg001.gif") no-repeat; padding:2px 5px 8px 25px; font-size:11px; font-weight:bold; color:#e47e00; cursor:pointer;}
#loginBox {text-align:right; font-size:12px;color:#545454; padding-right:8px;}
#loginBox input{border:#ccc solid 1px;}
#loginBox .login{border:0; margin-bottom:-4px;cursor:pointer;}
#spanmessage{margin-left:10px;margin-right:-5px;font-size:12px;}
#spanmessage a{text-decoration:none;color:#666;}
#spanmessage a{padding-left:32px;background:url(http://data.travelchinaguide.com/images/background/icon/msg.gif) no-repeat 0 -4px;text-decoration:none;color:#333;}


/*------------------header----------------------*/
#header {font-size:13px;}
#header .logo {position:relative;}
#header .logo img{margin:0 0 0 20px;}
#header .logo .proService {left:389px;position:absolute;top:5px;}

#header .logo .goosearch {background:url("http://data.travelchinaguide.com/images/background/bg/search_bg_04.gif") no-repeat scroll 0 0 transparent;height:25px;padding:5px 5px 5px 7px;position:absolute;right:20px;top:30px;width:212px;}
#header .logo .goosearch input.gsearchtext {border:1px solid #FFFFFF;color:#666666;height:17px;position:absolute;top:3px;width:142px;}
#header .logo .goosearch input.pic{position:absolute;right:0;top:0;width:64px;}

/* Top Menu --- the css of the blue nav*/
#mainNav, #mainNav li, #mainNav a{ height:45px; line-height:44px; background: url(http://data.travelchinaguide.com/images/background/bg/bgp067.png) no-repeat;}
#mainNav{ border-bottom:3px solid #EB951D; background-position:right top; color:#fff; font-size:13px;}
#mainNav li{ float:left; display:inline-block; -display:inline; padding-left:2px; background-position:0 -225px; background-color:#3a76a8; }
#mainNav  a{ display:inline-block; padding:0 10px 0 9px; background-position:center top;  color:#fff; text-decoration:none;}
#mainNav  a:hover{ background-position:center -135px; color:#fff;}
#mainNav .current a{ background-position:center -90px;}
#mainNav .current a:hover{ background-position:center -135px;}

#mainNav .home, #mainNav .homeCur{ padding-left:0; background:none;}
#mainNav .home a, #mainNav .homeCur a{ padding-left:12px; background-position:left top;}
#mainNav .home a:hover, #mainNav .homeCur a:hover{ background-position:left -180px;}
#mainNav .homeCur a{ background-position:left -90px;}

#mainNav .last, #mainNav .lastCur{ float:right; }
#mainNav .last a, #mainNav .lastCur a{ padding:0 8px\9\0; background-position:right top;}
#mainNav .last a:hover, #mainNav .lastCur a:hover{ background-position:right -180px;}
#mainNav .lastCur a{ background-position:right -90px;}
/* End Top Menu */
/* new table nav */
#mainNavNew {border-bottom:3px solid #EB951D;width:100%;margin:0;padding:0}
#mainNavNew td {border-collapse:collapse;text-align:center;background:url(http://data.travelchinaguide.com/images/background/bg/bgp067b.png) right top no-repeat} 

#mainNavNew a {display:inline-block;height:45px;line-height:44px;color:#fff;text-decoration:none; font-size:13px;margin-right:2px;width:98%}
#mainNavNew a:hover {background:url(http://data.travelchinaguide.com/images/background/bg/bgp067.png) center -135px no-repeat;width:98%} 

#mainNavNew .current a{background:url(http://data.travelchinaguide.com/images/background/bg/bgp067.png) center -90px no-repeat;width:98%}
#mainNavNew .current a:hover{background:url(http://data.travelchinaguide.com/images/background/bg/bgp067.png) center -135px no-repeat;width:98%}

#mainNavNew .home {width:60px;} 
#mainNavNew .home a {background:url(http://data.travelchinaguide.com/images/background/bg/bgp067.png) left top no-repeat;width:58px}
#mainNavNew .home a:hover {background:url(http://data.travelchinaguide.com/images/background/bg/bgp067.png) left -180px no-repeat;width:58px}

#mainNavNew .homeCur {width:60px}
#mainNavNew .homeCur a {background:url(http://data.travelchinaguide.com/images/background/bg/bgp067.png) left -90px no-repeat;width:58px}
#mainNavNew .homeCur a:hover {background:url(http://data.travelchinaguide.com/images/background/bg/bgp067.png) left -180px no-repeat;width:58px}

#mainNavNew .last {background:url(http://data.travelchinaguide.com/images/background/bg/bgp067.png) right top no-repeat;}
#mainNavNew .last a  {background:url(http://data.travelchinaguide.com/images/background/bg/bgp067.png) right top no-repeat;width:100%}
#mainNavNew .last a:hover {background:url(http://data.travelchinaguide.com/images/background/bg/bgp067.png) right -180px no-repeat;width:100%}

#mainNavNew .lastCur a  {background:url(http://data.travelchinaguide.com/images/background/bg/bgp067.png) right -90px no-repeat;width:100%}
#mainNavNew .lastCur a:hover {background:url(http://data.travelchinaguide.com/images/background/bg/bgp067.png) right -180px no-repeat;width:100%}

#mainNavNew .p6 {width:6%}
#mainNavNew .p7 {width:7%}
#mainNavNew .p8 {width:8%}
/* ----------------------------- */

/*
#header .headBg {position:relative; height:140px; background:#FFFFCD url("http://data.travelchinaguide.com/images/tcg/ecard/bg/bgj022.jpg") no-repeat; border-bottom:5px solid #E4E4E4;}
*/
#header .headBg {position:relative; height:0px; background:none; border-bottom:5px solid #E4E4E4;}
#header .headBg .headLeftBg2, #header .headBg .headRightBg2 {position:absolute; width:5px; height:627px; top:-30px; behavior:url(/tour/images/background/iepngfix.htc);}
#header .headBg .headLeftBg2  {background:url(http://data.travelchinaguide.com/images/background/bg/bgp049.png) no-repeat -3px 0; left:-5px;}
#header .headBg .headRightBg2 {background:url(http://data.travelchinaguide.com/images/background/bg/bgp050.png) no-repeat; right:-5px;}

#header .headBg .loginBox {position:absolute; top:8px; right:8px; width:600px; text-align:right; font-size:12px; color:#fff;}
#header .headBg .loginBox #loginForm {background: #C00; padding:5px;}
#header .headBg .loginBox input{border:#ccc solid 1px;}
#header .headBg .loginBox .login{cursor:pointer; margin:0 0 -5px 5px;}
#header .headBg .loginBox .memInfo{margin-top:10px; font-size:12px; line-height:20px;}
#header .headBg .loginBox .msg{ margin-left:15px; background:url("http://data.travelchinaguide.com/images/background/bgg001.gif") no-repeat; padding:2px 5px 8px 25px; font-size:11px; font-weight:bold; color:#e47e00; cursor:pointer;}

#header .headBg .loginBox a {color:#fff; text-decoration:underline;}
#header .headBg .loginBox a:hover {color:#000; text-decoration:none;}

/*------------------footer----------------------*/
#footer {text-align:center;}
#footer img {vertical-align:middle; margin-right:15px;}
#footer p.copy {font-size: 10px; margin-bottom: 20px; color: #666;}
#footer p.copy img {vertical-align:middle; margin-right:15px}
#footer p.copy a {font-size: 10px; color: #36c; text-decoration:underline;}
#footer .gotop{float:right; margin-top:0; *margin-top:-18px; margin-right:7px; width:53px; height:17px; display:block; background:url("http://data.travelchinaguide.com/images/background/button/gotop.gif") no-repeat; text-decoration:underline;}

/*------------------Page Left----------------------*/
.leftNav {margin:10px 5px 0;}
.leftNav dt{ height:34px; line-height:34px; margin-bottom:5px; border-bottom:2px solid #FFF;  background:#D4DEEB;}
.leftNav dt a{ display:block; padding-left:15px; background:none;text-decoration:none;}
.leftNav dt a span{padding-left:15px; color:#36c; text-decoration:underline; background: url(http://data.travelchinaguide.com/images/tcg/ecard/bg/bgp001.png) no-repeat 0 5px; }
.leftNav dt a:hover{color:#FFF;text-decoration:none;  background:#87A4C1 url(http://data.travelchinaguide.com/images/tcg/ecard/bg/bgj002.jpg) repeat-x;}
.leftNav dt a:hover span{ color:#FFF;text-decoration:none; background: url(http://data.travelchinaguide.com/images/tcg/ecard/bg/bgp002.png) no-repeat 0 5px; }

.leftNav .current{ padding-left:15px; background:#87A5C1 url(http://data.travelchinaguide.com/images/tcg/ecard/bg/bgj002.jpg) repeat-x;}
.leftNav .current span{ padding-left:15px; background: url(http://data.travelchinaguide.com/images/tcg/ecard/bg/bgp002.png) no-repeat left center; color:#FFF;}

.leftNav dd{ margin-bottom:15px; padding-left:15px;}
.leftNav div{ margin-bottom:8px;}
.leftNav a{ padding-left:15px; background:url(http://data.travelchinaguide.com/images/tcg/ecard/bg/bgp005.png) no-repeat left center;}

.btmLine{ background:url(http://data.travelchinaguide.com/images/background/line/line-dot.gif) repeat-x left bottom; padding:8px; margin-bottom:20px;margin-top:20px; overflow:hidden; zoom:1;}
.blueArrow{ background:url(http://data.travelchinaguide.com/images/background/arrow/arrow_blue.gif) no-repeat left center; padding-left:20px; font-size:18px; font-weight:bold;}

.adBox{ width:200px; margin:20px auto; padding:20px 0; border:1px solid #D9E4EC; background:#FFF; text-align:center;}

.help{ float:right; padding-left:20px; background:url(http://data.travelchinaguide.com/images/background/icon/ico_question.jpg) no-repeat 0 3px; cursor:pointer;}

.greyBd {position:relative; border:1px solid #D8D8D8; margin:40px 20px 0; padding:5px 0 15px;}
.greyBg {background:url(http://data.travelchinaguide.com/images/tcg/ecard/bg/bgj003.jpg) repeat-x left bottom;}
.greyBd .tar{ margin-top:10px; text-align:right;}
.greyBd .tar span{ margin-right:20px;}
.greyBd h3{ position:absolute; left:20px; top:-10px; padding:0 10px; background:#FFF; font-weight:bold; font-size:16px;}
.greyBd .more{ display:block; position:absolute; right:20px; top:-14px; width:69px; height:24px; line-height:22px; background:url(http://data.travelchinaguide.com/images/tcg/ecard/bg/bgp007.png) no-repeat; color:#FFF; text-decoration:none; text-indent:13px; font-size:12px;}
.greyBd .more:hover{ background-position:0 -24px;}

.curholiday {z-index:2;width:694px; height:418px; overflow:hidden; zoom:1;}
.curholiday .more{top:auto; margin-top:10px;}
.curholiday h3{position:relative; width:410px; margin:30px 0 0 0;*top:10px;}


.cardLi{ padding-left:20px;}
.cardLi li{ position:relative; float:left; width:191px; margin:15px 20px 0 0; border:5px solid #FFF; text-align:center; cursor:pointer;}
.cardLi li img{ padding:5px; border:1px solid #DCDCDC;}
.cardLi li.over, .cardLi li.current{ border:5px solid #DCDCDC;}
.cardLi li.over img, .cardLi li.current img{ border:1px solid #FFF;}
.cardLi .chos{ display:none; position:absolute; right:5px; top:4px; width:94px; height:23px; background:url(http://data.travelchinaguide.com/images/tcg/ecard/bg/choose.png) no-repeat; cursor:pointer;}
.cardLi li.current .chos, .cardLi li.over .chos{ display:block;}

.intro{ margin:0 40px;}
.intro li{ list-style:decimal; margin:0 0 15px 10px; }
.useful{ margin:0 20px; border:1px solid #FFA22A; padding:15px 20px; background:#FFFAD7;}
.useful h3{ margin-bottom:5px; padding-left:20px; background:url(http://data.travelchinaguide.com/images/background/icon/ico-note1.gif) no-repeat; font-size:14px; font-weight:bold;}


.fr {float:right;}
.fl {float:left;}
.cover{ position:relative; border:2px solid #FFF; padding:20px 0; background:#FFF url(http://data.travelchinaguide.com/images/tcg/ecard/bg/bgj005.jpg) repeat-x;}
/*------------------- two arrow to change cards picture -----------------*/
.cover .leftArr, .cover .rightArr{ position:absolute; top:310px; width:36px; height:59px; background:url(http://data.travelchinaguide.com/images/tcg/ecard/bg/bgj006.jpg) no-repeat; cursor:pointer;}
.cover .leftArr{ left:25px; background-position:0 0;}
.cover .rightArr{ right:25px; background-position:-36px 0;}
.cover .leftArr:hover{ background-position:0 -59px;}
.cover .rightArr:hover{ background-position:-36px -59px;}
.cover .leftArrDis, .cover .leftArrDis:hover{ background-position:0 -118px;}
.cover .rightArrDis, .cover .rightArrDis:hover{ background-position:-36px -118px;}
/*------------------- End two arrow to change cards picture -----------------*/

.cover .coverShow{ width:800px; margin:0 auto; border:1px solid #A7A7A7; padding:15px; background:#FFF;}
.coverShow h3{font-size:14px; font-weight:bold; }
.coverShow img{ margin:15px auto;}
.coverShow .fr span{ margin-left:30px;}
.coverShow .download{ padding-left:23px; background:url(http://data.travelchinaguide.com/images/background/icon/download.gif) no-repeat 0 2px;}


.c2{ width:832px; margin:0 auto;}
.z2{ z-index:2;}
.coverChs{float:left; width:420px;  margin-top:25px; border:1px solid #CECECE; padding:6px; }
.coverChs{background:#E8E8E8 url(http://data.travelchinaguide.com/images/tcg/ecard/bg/bgp006.png) repeat-x;}
.coverChs .title{ margin-left:15px; line-height:30px; font-size:14px;}
.coverChs .coverBox{ border:1px solid #CECECE; background:#F5F5F5; padding:20px 0 20px 12px; *padding-bottom:0; _padding-left:6px; zoom:1;}
.coverChs .coverBox .fl{ position:relative; width:81px; height:155px; border:1px solid #F5F5F5; margin-bottom:10px; padding:8px 8px 0; text-align:center; cursor:pointer;}
.coverChs .coverBox .current{ background:#F7EFCC; border:1px solid #F60;}

.coverChs .coverBox img{ margin-bottom:3px; border:1px solid #B5B5B5;}
.coverChs .coverBox .over{ border:2px solid #B5B5B5;}
.coverChs .coverBox input{ border:none;}
.coverChs .coverBox .popCover{ display:none; position:absolute; top:100px; left:60px; width:216px; height:324px; border:2px solid #FFF;}

#chgBg.coverChs .coverBox .fl{ width:82px;height:110px;}


.writeEcard {float:right; width:370px;}
.writeEcard span {font-weight:normal;}
.writeEcard span.need {font-weight:normal; color:red;}
.writeEcard span.less {color:#0066FF; font-weight:normal; margin-bottom:15px; float:left; font-size:12px;}
.writeEcard .add {text-align:right; margin:0 5px 5px 5px;}
.writeEcard .greyBd {border:#EFEFEF solid 8px; padding:10px;  margin:0 0 10px; background:none;}
.writeEcard .greyBd select{width:50px;}
.writeEcard input, select, textarea {border:#ccc solid 1px; vertical-align:middle; font:14px Verdana, Arial, Helvetica, sans-serif;}
.writeEcard .text {padding:2px 4px; width:210px; margin:5px 0;}
.writeEcard .to {margin-right:10px;}
.writeEcard .email {margin-right:10px;}
.writeEcard .noMore {font-weight:normal; color:#aaa; font-size:12px;}
.writeEcard .blessing, .addr {width:340px; margin-bottom:5px; padding:10px;}



/*------------------ form button ---------------*/
.submitOut, .resetOut {	width:104px; height:25px; font-size:14px;	font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff;	cursor:pointer;}
.submitOver, .resetOver { width:104px; height:25px;	font-size:14px;	font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;	background:#ffffd8;	color:#c00000;	cursor:pointer;}
.submitOut { background:#c00000; border-top:1px solid #d66666; border-left:1px solid #d66666;	border-right:1px solid #5d0000;	border-bottom:1px solid #5d0000;}
.resetOut {	background:#b9b9b9;	border-top:1px solid #dfdfdf; border-left:1px solid #dfdfdf;	border-right:1px solid #555; border-bottom:1px solid #555;}
/*------------------ End form button ---------------*/

.flash {width:800px;height:650px;margin:0 auto 30px auto; padding-bottom:30px; position:relative;}
.flash .obg{position:absolute; top:20px; left:-20px; width:840px; height:640px; background:url(http://data.travelchinaguide.com/images/tcg/ecard/bg/cc.gif) no-repeat; filter:alpha(opacity=30);-moz-opacity:0.3; opacity:0.3;}
.flash .ecardPlayer{ position:absolute;}
.flash .img{position:absolute; top:0; right:30px; text-align:center; display:block; width:360px; height:27px;}
.flash .img .send{float:left; width:242px; height:25px; line-height:25px; background:url(http://data.travelchinaguide.com/images/tcg/ecard/btn_send.jpg) no-repeat; font-weight:bold; font-size:14px; text-align:center;}
.flash .img a.send {color:#fff; text-decoration:none;}
.flash .img a.send:hover{color:#fff;}
.flash .img .help{float:right; width:99px; height:27px; line-height:27px; background:url(http://data.travelchinaguide.com/images/tcg/ecard/btn_help.gif) no-repeat; text-indent:20px; font-weight:bold; margin:0; padding:0;}

.imgShow{position:absolute; top:15px; right:30px; text-align:center; display:block; width:360px; height:27px;}
.imgShow .send{float:left; width:242px; height:25px; line-height:25px; background:url(http://data.travelchinaguide.com/images/tcg/ecard/btn_send.gif) no-repeat; font-weight:bold; font-size:14px; text-align:center;}
.imgShow a.send {color:#fff; text-decoration:none;}
.imgShow a.send:hover{color:#fff;}
.imgShow .help{float:right; width:99px; height:27px; line-height:27px; background:url(http://data.travelchinaguide.com/images/tcg/ecard/btn_help.gif) no-repeat; text-indent:20px; font-weight:bold; margin:0; padding:0;}



.greyBox {position:absolute; top:0; right:0; text-align:center; width:370px; height:34px; background:url(http://data.travelchinaguide.com/images/tcg/ecard/bg_corner_07.gif) repeat-x 0 -42px; padding-top:8px;}
.greyBox .b1, .greyBox .b2{ position:absolute; background:url(http://data.travelchinaguide.com/images/tcg/ecard/bg_corner_07.gif) no-repeat; width:7px; height:42px; top:0;} 
.greyBox .b1{ left:0;}
.greyBox .b2{ background-position:-7px 0; right:0;}
.greyBox .hidCon{position:absolute; display:none; top:33px; left:135px; width:230px; padding-left:5px; height:180px; background:#FFFDFF url(http://data.travelchinaguide.com/images/tcg/ecard/bg_orange_01.jpg) repeat-x; border:#606060 solid 1px;}
.greyBox .hidCon img{ border:#b5b5b5 solid 1px;}
.greyBox .hidCon span{ padding:8px; margin:10px 5px; background:none; display:block; float:left;}
.greyBox .hidCon span.current{ background:#b3b3b3;}

.blueBg{ width:120px; height:24px; background:#5E9EFD url(http://data.travelchinaguide.com/images/tcg/ecard/bg_blue_06.jpg) repeat-x; border:#606060 solid 1px; color:#fff; font:12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin-left:5px; cursor:pointer; }


.box {margin:60px auto;width:500px;background:#fff url(http://data.travelchinaguide.com/images/background/icon/yes02.png) no-repeat 40px center;padding:30px 30px 30px 140px;color:#000;position:relative;}
.box h4 {font-size:24px;}
.box div {font-weight:bold;font-size:16px;line-height:1.5em;margin:20px 0;}
.box a {margin-right:50px;}
.box .b1, .box .b2, .box .b3, .box .b4 {position:absolute;width:3px;height:3px;background:url(http://data.travelchinaguide.com/images/tcg/ecard/bg_corner_06.gif) no-repeat;overflow:hidden;}
.box .b1 {background-position:0 0;left:0;top:0;}
.box .b2 {background-position:-3px 0;right:0;top:0;}
.box .b3 {background-position:0 -3px;left:0;bottom:0;}
.box .b4 {background-position:-3px -3px;right:0;bottom:0;}


#greetingBox {padding:5px 0; color:#36c;}
#greetingBox label{position:relative; padding-left:25px; padding-bottom:10px; cursor:pointer;}
#greetingBox input{position:absolute; left:5px; top:5px; border:none;}
#greetingBox label.hover{color:#ff6600;}


.c2 .col1{ float:left; width:420px;}
.coverChs .fl input{ vertical-align:middle;}
.coverChs #bg .fl{ height:105px;} 



/*------------------ecardsubpage----------------------*/
.ecardsubpage #header .headBg {height:0; overflow:hidden; background:none; border-bottom:none;}
.ecardsubpage .btmLine{ margin:1px 35px 10px; padding:15px 8px 8px;}