@charset "utf-8";
/* -------------------------------------------------------------------------------------- 														
| Content: be used to the whole web site, include header,footer and main style			  
| Updated: 2012/02/17 ，杨琼 rewrite																	 
| Author:  Jenney																		 
| -------------------------------------------------------------------------------------- */

.redArrow{margin:15px 0 10px; margin-bottom:5px; padding-left:25px; background:url(https://image.chinatour360.com/icon/icon051.gif) no-repeat left center; color:#B60000;font-size:18px; zoom:1;}

img {
    border: medium none;
    vertical-align: middle;
}
#picbox{ position:relative; float:right; width:320px; height:275px; margin-left:15px;}
#picbox li{ position:absolute; display:none;}
#picbox .selected{ display:block;}
#picbox .rlink{ position: absolute; bottom: 2px;width:318px;text-align:center;border:1px solid #E6E6E6;}
#picbox .note{width:310px; height:25px; line-height:25px; padding:0 5px; background:#2272A5; color:#FFF;}
#picbox .num{ position:absolute; right:5px; bottom:27px; font-size:12px; z-index:10;}
#picbox .num span{ padding:0 4px; background:#C6C6C6; cursor:pointer; color:#FFF;}
#picbox .num span:hover, #picbox .num .theNum{ background:#BC2021;}


#siteSearch{ position:absolute; right:10px; top:13px; width:185px; height:23px; padding:0; background:#fff url(https://image.chinatour360.com/background/bg277.png) no-repeat -22px -14px; overflow:hidden; zoom:1;}
#siteSearch .txt{ width:145px; *margin-top:-1px; padding:5px; border:none; font:12px Arial, Helvetica, sans-serif;
margin: 0px;
}


#siteSearch .btnH{ background-position:-26px -37px;}


#main .left{ width:205px; float:left; margin-left:10px; -margin-left:5px;}
#main .right{ width:710px; float:right; margin-right:10px; -margin-right:5px;}

.intro {
    margin: 0 25px;
    text-align: justify;
}


#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;}


.yellowBox .btmLine2 .rightArrow {
    background: url("https://image.chinatour360.com/icon/point032.gif") no-repeat scroll 0 5px transparent;
    padding-left: 14px;
}
.yellowBox .btmLine2 .subLi li {
    background: url("https://image.chinatour360.com/icon/icon053.gif") no-repeat scroll 5px 10px transparent;
    font-size: 12px;
    padding: 2px 0 2px 15px;
}


/* only cityguide-index_new.htm  */
.tool{ margin:10px 20px; line-height:24px;}
.tool li{ margin:5px 0; padding-left:35px; color:#B60100;}
.tool .cit{ background:url(https://image.chinatour360.com/icon/p015.png) no-repeat;}
.tool .tip{ background:url(https://image.chinatour360.com/icon/p004.png) no-repeat;}
.tool .vis{ background:url(https://image.chinatour360.com/icon/p005.png) no-repeat;}
.tool .emb{ background:url(https://image.chinatour360.com/icon/p006.png) no-repeat;}
.tool .map{ background:url(https://image.chinatour360.com/icon/p007.png) no-repeat;}
.tool .pho{ background:url(https://image.chinatour360.com/icon/p008.png) no-repeat;}
.tool .cod{ background:url(https://image.chinatour360.com/icon/p009.png) no-repeat;}
.tool .cul{ background:url(https://image.chinatour360.com/icon/p010.png) no-repeat;}
.tool .wea{ background:url(https://image.chinatour360.com/icon/p014.png) no-repeat;}

/* only cityguide-index_new.htm End  */

#busSearch{ margin:5px;}
#busSearch form{ background:url(https://image.chinatour360.com/background/line004.gif) repeat-x left bottom; padding:0 0 5px; *padding-bottom:15px}
#busSearch form p{ margin:10px;}
#busSearch input{ font:12px Arial, Helvetica, sans-serif; vertical-align:middle;}
#busSearch .inputTxt{background:#fff; border:solid 1px #ccc; padding:2px 5px;}
#busSearch .submit{ border:none; display:block; background:url(https://image.chinatour360.com/background/bg234.jpg) no-repeat 0 -21px; width:96px; height:21px; text-align:left; margin:10px auto; padding:0 0 3px 21px; font-weight:bold; font-size:13px; color:#fff;}
#busSearch .between label{ display:block; width:175px; margin:0 auto 5px; text-align:right;}
#busSearch .between label input{ background:#fff; width:112px; margin:0 5px; padding:2px 5px; border:solid 1px #ccc;}
#busSearch .certain{ background:none; padding-bottom:0;}
#busSearch .certain input{ margin-left:10px; *margin-left:6px;}
#busSearch .certain .inputTxt{ width:160px; *margin-left:10px;}
#busSearch .certain .submit{ margin:10px auto 0;}

.askIco{ float:left; width:93px; height:29px; line-height:29px; margin:10px 0 0 20px; padding-left:27px; background:url(https://image.chinatour360.com/background/p042.png) no-repeat; color:#000; text-decoration:none; font-size:14px;}
.askIco:hover{ background-position:0 -29px;} 
img {
    border: medium none;
    vertical-align: middle;
}
h1 {
    float: left; 
}

.facebook {
    float: right;
    margin-top: 17px;
    overflow: hidden;
    width: 260px;*width: 100px; 
}

.content p {
    margin-bottom: 15px;
	padding-right:5px;
}

.content{ clear:both; float:none; border-top:1px solid #E6E6E6; margin:10px 0;  padding:15px 5px; *padding-top:7px; text-align:justify; }

.backTop{ margin:15px 10px 0 0; text-align:right;}
.backTop a, .backTop a:hover{ margin-left:20px; padding-left:20px; color:#FE0000;}
.back{ background:url(https://image.chinatour360.com/icon/point008.gif) no-repeat 0 2px;}
.top{ background:url(https://image.chinatour360.com/icon/point009.gif) no-repeat 0 2px;}

/* footer */
#footer{text-align:center; color:#666; margin:15px auto;}
#footer .btmNav{ height:36px; line-height:34px; margin-bottom:10px;}
#footer img{ margin:10px 8px;}
#footer a{ color:#424242; text-decoration:underline;}
#footer a:hover{ color:#424242; text-decoration:none;}
#footer p{ font-size:11px; margin:0;}
#footer p a, #footer p a:hover{ color:#b60000;}
/* end footer */


.tableInPic{    border: #d3e7f6 1px solid;background-color: #fff; margin: 5px;_margin-left:5px;_margin-right:5px;}


.codeSch{ border:1px solid #D0D0D0; margin-top:10px; padding:20px; background:#F1F1F1;}
.codeSch .codeForm{ margin-top:10px; padding:20px; background:#D8D8D8 url(https://image.chinatour360.com/background/bg285.png) repeat-x;}
.codeSch div{ margin-bottom:5px;}
.codeSch input, .codeSch select{ width:200px; border:1px solid #CCC; margin-right:10px; background:#FFF; font:12px Arial, Helvetica, sans-serif;}
.codeSch .txt{ padding:3px 5px;}
.codeSch .form{margin-bottom:15px; }
.codeSch .codeTit{ font-weight:bold; font-size:18px; color:#B60000; text-align:center;}
.codeSch .subBtn{ width:75px; height:23px; border:0; margin-left:20px; padding-bottom:3px;padding-bottom:0\9; background:url(https://image.chinatour360.com/background/bg286.png) no-repeat; font-weight:bold; color:#FFF; cursor:pointer;}
.codeSch .codeResult{ padding:0px; background:#FFF url(https://image.chinatour360.com/background/bg287.png) repeat-x; text-align:center; font-weight:bold; font-size:16px;}
.codeSch .codeResult table{ width:100%; border-collapse:collapse; margin:5px 0 10px; background:#FFF; font-weight:normal; font-size:14px;}
.codeSch .codeResult td{ border:1px solid #D0D0D0; padding:5px 10px; text-align:left;} 
.codeSch .codeResult .cityBg{ background:#F1F1F1;}
.codeSch .codeResult .big{ font-size:1.2em;}
.codeSch .close{ font-size:14px; font-weight:normal; text-decoration:underline; cursor:pointer;}

/* zodiac search -- Jenney 111026 */
.zodiacSch{ border:1px solid #E7E7E7; margin-bottom:20px;}
.zodiacSch select{ width:60px; border:1px solid #CCC; margin-left:5px; padding:1px; background:#FFF; font:14px Arial, Helvetica, sans-serif;}
.zodiacSch .birth, .zodiacSch .result{ background:url(https://image.chinatour360.com/background/p027.png) repeat-x;}
.zodiacSch .birth{ padding:10px 30px; background-position:0 13px; background-color:#FCFCFC;}
.zodiacSch .birth .btn{ vertical-align:middle; margin-left:80px;}
.zodiacSch .result{ display:none; height:75px; line-height:1.6; padding:20px 30px; background-position:0 -55px; background-color:#E3E3E3; overflow:hidden; zoom:1;}
.zodiacSch .zodiacImg{ float:right; width:100px; height:100px; margin-top:-15px;}
.myZodiacs{float:left}
/* End zodiac search  */

#siteSearch .btn, #siteSearch .btnH {
    background: url("https://image.chinatour360.com/background/bg277.png") no-repeat scroll 0 -37px transparent;
    border: medium none;
    height: 19px;
    overflow: hidden;
    position: absolute;
    right: 4px;
    top: 2px;
    width: 26px;
}

.item_width_160_map li {width:160px !important; height:151px !important; float:left; text-align:center;}

/*china culture index*/
.liBlock li {margin:7px; }
/*end china culture index*/

.liFlight li {margin-right:10px; }

@media screen  and (max-width: 770px){ 
	.width_100_height_auto_770 {width:100% !important; height:auto !important;}
}

@media screen  and (max-width: 680px){ 
	.width_none_680_div {width:100% !important;}
}

@media screen  and (max-width: 660px){
	.float_none_660 {float:none !important;}
	.width_auto_660 {width:auto !important;}
	.item_width_220 li {width:300px !important;}
}

@media screen  and (max-width: 640px){
	.item_width_160 li { width:140px !important;}
}

@media screen  and (max-width: 580px){
	.img_width_auto_580 { width:100% !important;}
	.clsphotogalleryimg {width:100% ; height:auto;}
}

@media screen  and (max-width: 520px){
	.img_width_auto_520 { width:100% !important;}
}

@media screen  and (max-width: 350px){
	.img_width_auto_350 { width:100% !important;}
	.item_width_160_map li {width:145px !important;}
	.item_width_160_map li img { width:135px !important;}
	.img_width_135_350 { width:135px !important;}
	.liBlock li {width:100% !important;}
}

@media screen  and (max-width: 320px){
	.content .cityPicL,.content .cityPicL li img,.content .rlink { width:100% !important;}
	.content .cityPicL li .note{ width:100% !important; padding:0px !important;}
	.item_width_100_height_100 li {width:98px !important;}
}