/* -------------------------------------------------------------------------------------- | Content: be used to the whole web site, include header,footer and main style | Updated: 2010/03/18 | Author: Jenney | -------------------------------------------------------------------------------------- */ body{ background:#fff url(https://image.chinatour360.com/background/bg222.jpg) repeat-x; color:#000; margin:0; padding:0; font:14px/1.4 Arial, Helvetica, sans-serif;} div,p,ul,ol,li,dl,dt,dd,form,legend,input,select,h1,h2,h3,h4,h5,a,span{ margin:0; padding:0; background:none;} ul,ol{ list-style:none;} img{ border:none;/*vertical-align:middle;*/ } .clear{ clear:both; height:0; font-size:0;} .strong{ /*font-weight:bold;*/} .redArrow{ background:url(https://image.chinatour360.com/icon/icon051.gif) no-repeat left center; padding-left:25px;} .redtitle{ background:url(https://image.chinatour360.com/icon/icon051.gif) no-repeat left center; padding-left:25px;color:#B60000; margin:15px 15px 10px; font-size:18px;} .red{ color:#B60002;} a{ color:#000;} a:hover{ color:#940202; text-decoration:none;} .fl{ float:left;} .fr{ float:right;} .tal{ text-align:left;} .tar{ text-align:right;} #header, #main, #footer{ width:950px; margin:20px auto 0; position:relative;} /* header */ #header{font:14px Arial, Helvetica, sans-serif; position:relative;} #header .logo{ margin-left:10px;} #header .phone{ position:absolute; right:10px; top:10px;} #header .mainNav{ position:relative; background:#B61C1C url(https://image.chinatour360.com/background/bg223.jpg) repeat-x 0 -76px; height:38px; line-height:38px; margin:10px auto 0;} .mainNav .b1, .mainNav .b2{ position:absolute; width:6px; height:38px; background:url(https://image.chinatour360.com/background/bg223.jpg) no-repeat; top:0;} .mainNav .b1{ left:0;} .mainNav .b2{ right:0; background-position:0 -38px;} .mainNav .navLi{ padding-left:10px; overflow:hidden; zoom:1; } .mainNav .navLi li { position:relative; float:left; height:38px; line-height:38px;/* font-weight:bold; */} .mainNav .navLi a{ display:block; float:left; color:#FFF3DD; padding-right:12px; height:37px; line-height:37px; text-decoration:none; background:url(https://image.chinatour360.com/background/bg224.jpg) no-repeat right top;} .mainNav .navLi a.end{ background:none;} .mainNav .navLi a span{ display:block; _float:left; height:37px; line-height:37px; background:url(https://image.chinatour360.com/background/bg224.jpg) no-repeat -1px 0; padding-left:12px; cursor:pointer;} .mainNav .navLi a:hover, .mainNav .navLi a.current{ height:37px; line-height:37px; color:#fff; background-color:#991616; background-position:right bottom;} .mainNav .navLi a.end:hover {background:#991616 url(https://image.chinatour360.com/background/bg224.jpg) no-repeat right bottom;} .mainNav .navLi a:hover span, .mainNav .navLi a.current span{background-position:0 -37px;} .leftBg{ position:absolute; width:23px; height:212px; left:-23px; top:20px; background:url(https://image.chinatour360.com/background/bg251.jpg) no-repeat;} .sub{ background:#fff;} .subNav{ width:150px; height:35px; line-height:35px; position:relative; left:777px; top:-5px; background:url(https://image.chinatour360.com/background/bg225.jpg) repeat-x 0 -35px; padding:5px 10px 0; color:#82611E;} .subNav .b3,.subNav .b4{ position:absolute; top:0; width:9px; height:35px; background:url(https://image.chinatour360.com/background/bg225.gif) no-repeat;} .subNav .b3{ left:-6px;} .subNav .b4{ right:-6px; background-position:-9px 0;} .subNav a{color:#82611E; text-decoration:underline; margin:0 10px; padding:3px 0 3px 30px;} .subNav a:hover{text-decoration:none;} #tour{ background:url(https://image.chinatour360.com/icon/icon064.gif) no-repeat 10px 0; padding:3px 0 3px 50px; text-decoration:underline; cursor:pointer; font-size:14px;} #hidCon{ display:none; background:#fff; overflow:hidden; zoom:1; position:relative; top:30px; _top:0; } #hidCon .text{ border:#ccc solid 1px; font:11px Verdana, Arial, Helvetica, sans-serif; color:#666;} #hidCon h4{ color:#b60000; font-size:16px; padding-left:20px;} #hidCon #close{ position:absolute; top:0px; right:20px; cursor:pointer;} #hidCon .searchBox{ background:#F3F3F3; overflow:hidden; zoom:1; margin:10px; padding:15px;} #hidCon .tourL{ float:left; width:280px;} #hidCon .tourM{ float:left; width:380px;} #hidCon .tourR{ float:left; width:230px;} #hidCon .tourL select{ width:230px; margin:5px 0;} #hidCon .tourM .cityName{ overflow:hidden; color:#333; margin-top:5px;} #hidCon .tourM .cityName li{ float:left; width:120px; line-height:1.7em;} #otherCity{ text-decoration:underline; font-weight:bold; margin:5px 0; cursor:pointer;} #hidCon .tourB{ margin-top:20px;} .tourB .submit{ background:url(https://image.chinatour360.com/background/bg235.jpg) no-repeat; width:119px; height:26px; border:none; color:#fff; margin:0 220px 0 410px;} .tourB .submit span{ margin-left:-10px; display:block;font:14px Arial, Helvetica, sans-serif; font-weight:bold;} .tourB a{ font-size:14px; color:#000; text-decoration:underline;} .tourB a:hover{ color:#82611E; text-decoration:none;} /* end header */ /* main */ #main{ margin-top:0; padding-top:20px; background:#fff;} #main h3{ color:#B60000; margin:15px 15px 10px; font-size:18px;} #main h3 a{ color:#B60000; text-decoration:none;} #main h3 a:hover{ text-decoration:underline;} #main .greyBdBtm, #main .greyBdBtm2{ width:925px; height:20px; margin:5px; _margin-top:30px; padding:0 0 5px 15px; color:#5E5E5E; border-bottom:solid 1px #ccc; font-size:12px; position:relative;} #main .greyBdBtm2{ background:url(https://image.chinatour360.com/background/line026.gif) repeat-x left bottom; border-bottom:none; padding-bottom:8px;} #main .greyBdBtm a, #main .greyBdBtm2 a{ color:#940202; text-decoration:underline;} #main .greyBdBtm a:hover, #main .greyBdBtm2 a:hover{ text-decoration:none;} #main .left{ width:700px; float:left;} #main .right{ width:235px; float:right; margin-left:5px;margin-right:2px; _margin-right:2px;} .right .adBox{ background:#F4F4F4; border:#DBE2EA solid 1px; text-align:center; padding:15px 5px; margin-bottom:15px;} .right .yellowBox{ background:#F8F3E5 url(https://image.chinatour360.com/background/bg226.jpg) repeat-x; padding:10px 0; margin-bottom:15px;} .yellowBox .btmLine{ background:url(https://image.chinatour360.com/background/line018.jpg) no-repeat center bottom; color:#B60100; font-size:14px; text-align:center; padding-bottom:8px;} .yellowBox .btmLine2{ text-indent:20px;} .yellowBox .btmLine2 li{ background:url(https://image.chinatour360.com/background/line019.gif) no-repeat center bottom; padding:3px 5px 8px 14px;} .yellowBox .btmLine2 .rightArrow{ background:url(https://image.chinatour360.com/icon/point032.gif) no-repeat 0 5px; padding-left:14px; } .yellowBox .btmLine2 .end{ background:none;} .yellowBox .btmLine2 .subLi{ margin-bottom:5px;} .yellowBox .btmLine2 .subLi li{ font-size:12px; background:url(https://image.chinatour360.com/icon/icon053.gif) no-repeat 25px 10px; padding:2px 0 2px 15px;} #zoom{ text-align:right; font-size:12px; margin:10px 0;} #zoom a, #zoom a:hover{ color:#7D7D7D; margin-right:8px;} #siteSearch{ position:absolute; right:0; bottom:-5px; width:225px; height:37px; background:#fff url(https://image.chinatour360.com/background/bg277.png) no-repeat; overflow:hidden; zoom:1;} #siteSearch .txt{ margin:18px 0 0 27px; width:140px; border:none; font:12px Arial, Helvetica, sans-serif;} #siteSearch .btn, #siteSearch .btnH{ position:absolute; top:16px; right:22px; width:26px; height:19px; background:url(https://image.chinatour360.com/background/bg277.png) no-repeat 0 -37px; border:none; overflow:hidden;} #siteSearch .btnH{ background-position:-26px -37px;} /* end main */ /* footer */ #footer{text-align:center; color:#7F512D; margin-top:20px;} #footer .btmNav{background:url(https://image.chinatour360.com/background/bg257.jpg) repeat-x; height:42px; line-height:42px;} #footer img{ margin:0 8px 20px;} #footer a{ color:#7F512D;} #footer a:hover{text-decoration:none;} #footer p{ font-size:11px; margin:10px auto;} /* end footer */ /* comments */ #com{ /*background:url(https://image.chinatour360.com/background/bg269.jpg) repeat-x 0 0;*/ *padding-top:1px; margin-top:20px; } #com .comCon{background:url(https://image.chinatour360.com/background/bg269.jpg) repeat-x; /*margin-bottom:0;*/ position:relative; } #com .comCon .btmLine3{ position:absolute; left:0; bottom:0; width:100%; height:1px; font-size:1px; line-height:1px; background:#fff;} #com .h4{ color:#fff; text-indent:30px; height:37px; line-height:37px; font-size:16px;} #com .comCon .commentTitle{ position:relative; margin:0; color:#fff; text-indent:30px; height:37px; line-height:37px; font-size:16px; /*font-weight:bold;*/} #com .leftBd{ position:absolute; top:20px; left:-11px; width:11px; height:192px; background:url(https://image.chinatour360.com/background/bg268.png) no-repeat;} .comLi, .reComLi{ background:#fff; overflow:hidden; zoom:1; margin-right:4px; padding:10px 5px; position:relative;} .comLi .line{ margin:15px 0 0; height:1px; line-height:1px; overflow:hidden; background:#ccc;} .comL{ float:left; width:130px; text-align:center; color:#616161; padding-top:10px; margin-left:10px;} .comL img{ display:block; margin:0 auto;} .comL .strong{ display:block;} .comR{float:right; width:500px; position:relative; border-left:solid 1px #ccc; padding:10px 15px 20px 25px; min-height:80px; _height:80px;} .comR .ico{ position:absolute; left:-10px; top:15px; width:10px; height:13px; background:url(https://image.chinatour360.com/background/bg252.gif) no-repeat; overflow:hidden;} .comR .reply1, .comR .reply2{ position:absolute; bottom:-12px; right:12px; background:#fff; padding:8px 10px;} .comR .reply2{ background:#f4f4f4;} .comR .reply1 a, .comR .reply2 a{ display:block; width:39px; height:17px; line-height:15px; color:#fff; text-align:center; background:url(https://image.chinatour360.com/background/bg270.png) no-repeat; font-size:11px; font-weight:bold; text-decoration:none;} .comLiWrap{ position:relative; width:674px;} .comLiWrap .reply1, .comLiWrap .reply2{ position:absolute; bottom:-12px; right:8px; background:#fff; padding:8px 10px;} .comLiWrap .reply2{ background:#f4f4f4;} .comLiWrap .reply1 a, .comLiWrap .reply2 a{ display:block; width:39px; height:17px; line-height:15px; color:#fff; text-align:center; background:url(https://image.chinatour360.com/background/bg270.png) no-repeat; font-size:11px; font-weight:bold; text-decoration:none;} .reComLi{ background:#F4F4F4; clear:both; margin:5px 10px;} .reComLi .comR{ width:460px; float:right; padding-bottom:0;} .reComLi .ico{ background-position:0 -13px;} .reComLi .red2{padding-left:17px; background:url(https://image.chinatour360.com/icon/p011.png) no-repeat left center;; color:#D75352; font-weight:bold;} #com .more{ text-align:right; background:#F2F2F2; padding:5px 10px; margin-bottom:0;} #com .more a{ background:url(https://image.chinatour360.com/background/bg278.png) no-repeat 0 -90px; padding:1px 0 1px 23px;} #com .more a:hover{ background-position:0 -54px;} #comForm{ position:relative; background:#fff; padding-bottom:10px; } #comForm form{ overflow:hidden; zoom:1;} #comForm .txtarea{ float:left; width:300px; height:180px; padding:10px; margin-left:20px; border:solid 1px #ccc; background:#F2F2F2; font:12px Arial, Helvetica, sans-serif;} #comForm .formR{ float:left; margin-left:10px;} #comForm .formR label{ display:block; width:295px; border:solid 1px #ccc; background:#F2F2F2; padding:5px 15px; /*font-weight:bold;*/ margin-bottom:8px; _margin:8px 0; overflow:hidden; text-align:right;} #comForm .formR .txt, #comForm .formR select{width:215px; border:solid 1px #ccc; vertical-align:middle; font:12px Arial, Helvetica, sans-serif; margin-left:5px; background:#fff;} #comForm .formR .txt{ margin-left:20px; padding:2px 5px; background:#fff;} #comForm .formR select{ width:225px;} #comForm .formR .code{ margin:0 0 15px 0; width:315px; position:relative; z-index:0;} #comForm .formR .code .txt{ width:40px; margin-left:2px;} #comForm .pic{width:315px; height:50px; position:relative; background:#F8EFE5;margin-bottom:10px; padding:5px; border:solid 1px #ccc; z-index:1;} #picL{ margin:5px; float:left;} #picR{ float:right; width:250px; margin-top:10px; position:relative; overflow:visible;} #picR img{ margin:6px; cursor:pointer;} #emotArr{ position:absolute; top:0; right:0; width:24px; height:32px; background:url(https://image.chinatour360.com/icon/point036.gif) no-repeat center center; cursor:pointer; } #moreEmot{ position:absolute; top:28px; right:23px; width:225px; height:65px; border:solid 1px #ccc; background:#eee; display:none;} #comForm .comBtn1, #comForm .comBtn2{ width:90px; height:26px; text-align:center; border:none; color:#fff; font:14px Arial, Helvetica, sans-serif; margin-right:10px;} #comForm .comBtn1{ background:url(https://image.chinatour360.com/background/bg255.png) no-repeat;} #comForm .comBtn2{ background:url(https://image.chinatour360.com/background/bg256.png) no-repeat;} /* fred 2010-5-4 */ #comForm{/* background:#fff url(https://image.chinatour360.com/background/bg273.jpg) repeat-x 0 0;*/ width:700px; } #comForm .h5{ margin:0; color:#B60000; font-size:16px; padding:10px; cursor:move; overflow:hidden; } #comForm .txtarea{ background:#fff;} #close{ cursor:pointer; z-index:1010; float:right; } /* fred 2010-4-29 */ /* fred 2010-5-4 */ #comForm2{ border:solid 1px #999; background:#fff url(https://image.chinatour360.com/background/bg273.jpg) repeat-x; width:700px; } #comForm2 .h5{ color:#B60000; font-size:16px; margin:0; padding:10px; cursor:move; overflow:hidden; } #comForm2 .content { margin:10px; padding:10px; } #close2{ cursor:pointer; z-index:1010; float:right; } #qaSch {background: none repeat scroll 0 0 #F2F2F2;clear: both;float: none;font-weight: normal;margin: 20px auto;padding: 10px 0;text-align: center;} #qaSch input{ vertical-align:middle; font:13px Arial, Helvetica, sans-serif;} #qaSch .txt{ width:400px; border:1px solid #CCC; margin:0 10px; padding:5px; background:#FFF;} #qaSch .submit{ border:none; background:url(https://image.chinatour360.com/background/bg234.jpg) no-repeat 0 -21px; width:96px; height:21px; text-align:left; margin:0 auto; padding:0 0 3px 21px; font-weight:bold; color:#fff; cursor:pointer;} /**/ /* The flight, train and tour search box of right */ #searchBox{ border:solid 2px #fff; background:#F1F1F1;} #searchBox .searchT{ background:url(https://image.chinatour360.com/background/bg265.jpg) repeat; height:65px; padding:0 5px;} .searchT .current, .searchT .current:hover{ background:url(https://image.chinatour360.com/background/bg266.png) no-repeat; color:#824d18; font-weight:bold;} .searchT a, .searchT a:hover{ display:block; float:left; width:63px; height:60px; text-align:center; color:#fff; text-decoration:none; margin-top:6px;} .searchT a span{ display:block; padding-top:35px; cursor:pointer; behavior:url(https://image.chinatour360.com/iepngfix.htc);} .searchT .flight{ background:url(https://image.chinatour360.com/icon/p001.png) no-repeat;} .searchT .train{ background:url(https://image.chinatour360.com/icon/p002.png) no-repeat;} .searchT .tour{ background:url(https://image.chinatour360.com/icon/p003.png) no-repeat;} .searchT a, .searchT a:hover{ margin-left:30px;} .searchB{ padding:10px;} .searchB label{ display:block; margin-top:10px; text-align:right;} .searchB select{ width:135px; vertical-align:middle; font:12px Arial, Helvetica, sans-serif;} .searchB .inputTxt{ width:85px; background:#fff; border:solid 1px #ccc; padding:2px 5px; vertical-align:middle; font:12px Arial, Helvetica, sans-serif;} .searchB .submit, .searchB .submitS{ border:none; background:url(https://image.chinatour360.com/background/bg267.png) no-repeat; width:104px; height:26px; margin:10px 0 0 40px; color:#fff; text-align:left; padding-left:18px; font:bold 16px/20px Arial, Helvetica, sans-serif;} .searchB .submitS{background:url(https://image.chinatour360.com/background/bg234.jpg) no-repeat 0 -21px; width:96px; height:21px; padding:0 0 5px 21px; font-size:13px;} .searchB a{ background:url(https://image.chinatour360.com/icon/point032.gif) no-repeat left center; padding-left:14px;} #flightCon{ padding-right:15px;} #trainCon{ padding-right:15px;} #trainCon, #tourCon{ display:none;} #trainCon form{ background:url(https://image.chinatour360.com/background/line004.gif) repeat-x left bottom; padding:0 0 15px 0;} #trainCon .noBg{ background:none; padding-bottom:0;} #trainCon .inputTxt{width:125px; } #trainCon .submit{ margin-left:50px;} #trainCon .tar{ display:block; text-align:right; margin-top:8px;} #tourCon select{ width:117px;} #tourCon .cityName{ margin-bottom:5px; font-size:12px; overflow:hidden; zoom:1;} #tourCon .cityName label{ display:inline; text-align:left; width:87px; float:left;} #tourCon textarea{ width:165px; height:106px; border:solid 1px #ccc; margin:5px auto; padding:5px; font:12px Arial, Helvetica, sans-serif;} /* End The flight, train and tour search box of right */ /**/ .right #rLink{ margin:15px 0px 15px 0;text-indent:20px;background:#F4F4F4; border:#DBE2EA solid 1px; padding:10px 5px;} .right #rLink .rele{ padding-left:20px;padding-top:0;padding-bottom:10px; background:url(https://image.chinatour360.com/icon/p012.png) no-repeat 15px 1px transparent; font-size:14px; /*font-weight:bold;*/} .right #rLink .releA{ margin-left:15px;} .right #rLink .releA a{ color:#1E3CAC;} .right #rLink .releA span{ color:#b60100;} .right #yellowBox{ background:#F8F3E5 url(https://image.chinatour360.com/background/bg226.jpg) repeat-x; padding:10px 0;margin:15px 0px 15px 0;} #yellowBox .btmLine{ background:url(https://image.chinatour360.com/background/line018.jpg) no-repeat center bottom; color:#B60100; font-size:14px; text-align:center; padding-bottom:8px;} #yellowBox .btmLine a{ color:#B60100;} #yellowBox .btmtitle{ margin:0; padding:0;background:url(https://image.chinatour360.com/background/line018.jpg) no-repeat center bottom; color:#B60100; font-size:14px; text-align:center; padding-bottom:8px; font-weight:bold;} #yellowBox .btmtitle a{ color:#B60100;} #weatherLoad{ height:440px; line-height:440px; vertical-align:middle; text-align:center;} #yellowBox .btmLine2{ text-indent:0;} #yellowBox .btmLine2 li{ background:url(https://image.chinatour360.com/background/line019.gif) no-repeat center bottom; padding:3px 5px 8px 14px;} #yellowBox .btmLine2 .rightArrow{ background:url(https://image.chinatour360.com/icon/point032.gif) no-repeat 0 5px; padding-left:14px; display:block;} #yellowBox .btmLine2 .rightArrow2{ background:url(https://image.chinatour360.com/icon/point032.gif) no-repeat 0 5px; padding-left:14px; display:block; color:#b60100;} #yellowBox .btmLine2 li a {background:url(https://image.chinatour360.com/icon/point032.gif) no-repeat scroll 0 5px transparent; padding-left:14px; display:block;}.yellowBox .btmLine2{ text-indent:0;} /*.clsphotogalleryimg{ border:1px solid #d6d6d6;padding:2px;margin:3px 5px;}*/ .commttitle{ background:url(https://image.chinatour360.com/icon/icon051.gif) no-repeat left center; padding-left:25px;color:#B60000; margin:15px 15px 0px; font-size:18px;}