@charset "utf-8";

/* CSS Document */

@import "/css/main.css";


/* middle */
#middle{ float:left; width:990px; padding:5px;}
/* middle_left */

#middle_left { float:left;width:200px;}
.middle_left_div{ float:left; width:198px; margin-top:5px; border:#aa9689 solid 1px;}
.middle_left_div .title{ font-size:15px; margin-bottom:1px; height:31px; line-height:30px; text-align:center; background:url(img/menuright.jpg) no-repeat center; padding-top:3px; color:#FFFFFF; font-weight:bold;}
.middle_left_div .content{ float:left; width:198px; font-size:13px;}
.middle_left_div .content ul{ list-style:none; list-style-image:url(img/list004.gif); margin:0px; padding:0px; width:160px; margin-left:15px; padding-left:15px;}
.middle_left_div .content ol{ list-style:none; list-style-image:url(img/list006.gif); margin:0px; padding:0px; margin-left:10px; padding-left:25px; width:160px;*padding-left:20px; *width:155px;}
.middle_left_div .content li{ margin-top:5px; line-height:15px; }


.middle_left_div2{ float:left; width:198px; margin-top:5px; border:#aa9689 solid 1px;}
.middle_left_div2.title{ font-size:15px; margin-bottom:1px; height:31px; line-height:30px; text-align:center; background:url(img/menuright1.jpg) no-repeat center; padding-top:3px; color:#FFFFFF; font-weight:bold;}
.middle_left_div2 .content{ float:left; width:198px; font-size:13px;}
.middle_left_div2 .content ul{ list-style:none; list-style-image:url(img/list004.gif); margin:0px; padding:0px; width:160px; margin-left:15px; padding-left:15px;}
.middle_left_div2 .content ol{ list-style:none; list-style-image:url(img/list006.gif); margin:0px; padding:0px; margin-left:10px; padding-left:25px; width:160px;*padding-left:20px; *width:155px;}
.middle_left_div2 .content li{ margin-top:5px; line-height:15px; }

.guidelist{ list-style:none; margin:0px 0px 0px 10px; padding:0px; width:188px;}
.guidelist li{ display:block; float:left; width:89px; height:20px; line-height:20px; overflow:hidden; white-space:nowrap;  text-overflow:ellipsis;list-style-position:inside;}
.guidelist li a{ text-decoration:none;}
.guidelist li a:hover{ text-decoration:underline;}


.middle_left_div .content li a{ text-decoration:none;}
.middle_left_div span{ display:block; height:25px; line-height:25px; text-align:center;}
.titlelefttop{ padding-left:10px;font-size:15px; margin-bottom:1px; height:31px; line-height:30px; vertical-align:middle; text-align:center; }
.middle_left_div1{ float:left; width:198px; margin-top:5px; border:#aa9689 solid 1px; background:url(img/rightbg.jpg) no-repeat center; height:23px; text-align:center; vertical-align:middle; padding-top:10px; }

.personlist{ list-style:none; margin:0px 0px 0px 10px; padding:0px; width:188px;}
.personlist li{ display:block; float:left; width:89px; height:20px; line-height:20px; overflow:hidden; white-space:nowrap;  text-overflow:ellipsis;list-style-position:inside;}
.personlist li a{ text-decoration:none;}
.personlist li a:hover{ text-decoration:underline;}
/* middle_right */
#middle_right{ float:left; width:780px; margin-left:10px;}
.middle_right_div{ float:left; width:780px; margin-top:5px;}
.middle_right_div .title{ float:left; width:773px; height:27px; line-height:27px; text-align:left; background:url(img/middlerighttopbg.jpg) repeat-x; font-weight:bold; border:#cfcdce 1px solid; border-bottom:none; border-top:none; padding-left:5px; font-size:14px; color:#000000;}
.middle_right_div .title1{ float:left; width:766px; height:37px; line-height:37px; background:url(img/middlerighttopbg1.jpg) repeat-x; font-weight:bold; border:#cfcdce 1px solid; border-bottom:none; border-top:none; padding-left:12px; font-size:14px; color:#FFFFFF; }

.middle_right_div .content{ float:left; width:780px; font-size:13px; line-height:20px;}
.middle_right_div .contenttop{ float:left; width:780px; font-size:13px; background-image:url(img/classbg2.jpg); color:#000000; }
.middle_right_div ul{ margin-left:0px; padding-left:0px;}

.middle_right_div #adv li{ float:left; display:block; width:374px; height:30px; line-height:30px; margin-left:5px; margin-top:5px; }
.middle_right_div .content .more{ width:780px; height:20px; text-align:right;}
.middle_right_div #nav{ display:block; padding-left:3px;}
.middle_right_div #nav li{ list-style:none; float:left; display:block; width:106px; height:25px; line-height:25px; text-align:center ;margin-right:3px; margin-top:5px; border:#aa9689 1px solid; background-color:#f5f5f5;}
.middle_right_div #nav li.sjyc{ list-style:none; float:left; display:block; width:106px; height:25px; line-height:25px; text-align:center ;margin-right:3px; margin-top:5px; border:#aa9689 1px solid; background-color:#f5f5f5; background:url(img/sjyc.gif) left center no-repeat}

.middle_right_div #nav li a{ display:block; width:106px; text-decoration:none;}
.area1,.area2{ float:left; width:363px; height:100px; margin-top:10px; border:#cfcdce 1px solid; padding:10px;}
.area2{ margin-left:10px;}
.area1 span,.area2 span{ display:block; float:right; width:238px; text-align:center; height:20px; line-height:20px; font-size:13px; font-weight:bold; color:#453a26;}
.area1 ul,.area2 ul{ list-style:none; display:block; float:right; width:238px; margin:0px; padding:0px;}
.area1 ul li,.area2 ul li{ display:block; width:75px; height:20px; line-height:20px; float:left; margin-left:3px;}

.area-guide{ width:758px; height:60px; margin-top:5px; padding:5px 10px; border:#dddddd 1px solid;}
.area-guide ul{ list-style:none; display:block; float:right; width:678px; margin:0px; padding:0px;}
.area-guide ul li{ display:block; width:69px; float:left; margin-left:5px; height:30px; line-height:30px; text-align:left;}

.middle_right_div .itinerary{ float:left; margin-top:5px; width:778px; font-size:13px; border:#cfcdce 1px solid; }
.itinerary_title{ float:left; width:758px; padding:10px;}
.itinerary_title span{ display:block; float:left; border:#aa9689 1px solid; margin-right:10px; line-height:20px; padding:0px 10px;}
.itinerary_left{ float:left; width:160px; padding:10px; text-align:center;}
.itinerary_right{ float:left; width:560px; padding:10px;}
.itinerary_right span{ display:block; width:560px; height:24px; line-height:24px;}

.iliterary1,.iliterary2{ float:left; width:363px; height:80px; margin-top:5px; margin-bottom:5px; border:#cfcdce 1px solid; padding:10px;}
.iliterary2{ margin-left:10px;}
.iliterary1 span,.iliterary2 span{ display:block; float:right; width:268px; height:16px; line-height:16px; text-align:left; font-size:13px;}
.newiliterary{ width:760px; height:60px; margin-top:5px; padding:5px 10px;}
.newiliterary span{ display:block; float:right; width:670px; text-align:left; font-size:13px; height:20px; line-height:20px;}

#middle_right_divtop{ float:left; width:778px; height:16px; line-height:16px; background:url(img/toptitlebg1.jpg) repeat-x;}

#nav_no{ width:400px; height:30px;line-height:30px; margin-top:10px; background-color:#dfeaf1; }

#nav_no #number{ display:block; float:left; width:304px; height:30px; font-size:13px; color:#a90a0e;}
#img_big{ width:400px; background:#e7ecee;}
.big_pic{ max-height:300px; max-width:400px;width:expression( (this.height/this.width)<=0.75 ? '400px':'');height:expression( (this.height/this.width)<=0.75 ? '': '300px');border: 0px;vertical-align: middle;}
.small_pic{ max-height:60px; max-width:80px;width:expression( (this.height/this.width)<=0.75 ? '80px':'');height:expression( (this.height/this.width)<=0.75 ? '':'60px');border: 0px;vertical-align: middle;}
#img_name{ width:400px; height:25px; line-height:25px; background-color:#e7ecee;}
#nav_img{ width:400px; height:64px; background-color:#dfeaf1; line-height:64px;}
#small_img{float:left; width:336px; height:64px;}
#nav_img .img_small{ float:left; width:80px; height:60px; border:#FFCCFF 1px solid; padding:1px; }

/* middle_middle */
#middle_middle{ width:570px; float:left; margin-left:10px;}
.middle_midele_div{ float:left; width:570px; margin-top:5px;}
#middle_middle_divtop{ float:left; width:570px; height:16px; line-height:16px; background:url(img/toptitlebg1.jpg) repeat-x;}
.middle_middle_div .title{ float:left; width:563px; height:27px; line-height:27px; background:url(img/middlerighttopbg.jpg) repeat-x; font-weight:bold; border:#cfcdce 1px solid; border-bottom:none; border-top:none; padding-left:5px; font-size:14px;}
.middle_middle_div .content{ float:left; width:570px; font-size:13px; line-height:20px;}




/* middle_right1 */
#middle_right1{ width:200px; float:left; margin-left:10px;}
.middle_right1_div{ float:left; width:198px; margin-top:5px; border:#aa9689 solid 1px;}
.middle_right1_div .title{ font-size:15px; margin-bottom:1px; height:31px; line-height:30px; text-align:center; background:url(img/menuright.jpg) no-repeat center; padding-top:3px; color:#FFFFFF; font-weight:bold;}
.middle_right1_div .content{ float:left; width:198px; font-size:13px; }
.middle_right1_div .content ul{ list-style:none; list-style-image:url(img/list004.gif); margin:0px; padding:0px; width:160px; margin-left:15px; padding-left:15px;}
.middle_right1_div .content ol{ list-style:none; list-style-image:url(img/list006.gif); margin:0px; padding:0px; margin-left:10px; padding-left:25px; width:160px;*padding-left:20px; *width:155px;}
.middle_right1_div .content li{ margin-top:5px; line-height:15px; }


#div_tripItinerary_right_L7{ width:778px; }
#div_tripItinerary_right_L7_L1{ margin-top:15px; width:778px;height:30px; line-height:30px; vertical-align:middle;}
.div_tripItinerary_right_L7_L1_Cx{float:left; margin-right:5px;height:30px; line-height:30px; vertical-align:middle; width:100px; }
.A_tripItinerary_right_L7_L1_Cx{ float:left;width:100px;height:30px; background:url(/image/jpg/top_menu_bg2.gif); font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; text-align:center; text-decoration:none;}
.A_tripItinerary_right_L7_L1_Cx:link {color:#000000;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold}
.A_tripItinerary_right_L7_L1_Cx:visited{background:url(/image/jpg/top_menu_bg2.gif);color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold}
.A_tripItinerary_right_L7_L1_Cx:hover{color:#FFFFFF;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold}
.A_tripItinerary_right_L7_L1_Cx:active{color:#FFFFFF;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; background:url(/image/jpg/centeetopmennu.jpg)}
.div_tripItinerary_right_L7_L2_Cx{margin-top:15px; width:778px; float:left;}
.div_tripItinerary_right_L7_L2_Cx li{ list-style: square; height:20px; line-height:20px;}
#div_tripItinerary_right_L8{margin-top:15px;height:30px; width:778px; float:left;}
#div_tripItinerary_right_L8_C1{ float:left;height:30px; width:150px}
.div_tripItinerary_right_L8_C2-x{ float:left; margin-left:40px; height:30px; line-height:30px; vertical-align:middle; text-align:center; width:150px; border:solid 1px #dcc8ac;font-size:16px}


.itinerary_picture{ text-align:center; width:194px; height:170px; float:left; margin:5px 0px;}
.itinerary_picture img{ padding:5px; width:184px; height:140px; border:0px;}

/*whitefont*/
a.fontlink-white{color:#ffffff; font-size:13px; font-weight:bold; text-decoration:none;}
a.fontlink-white:link{color: #ffffff;}
a.fontlink-white:hover{color:#ffffff;}
a.fontlink-white:active{color:#ffffff;}

/*blackfont*/
a.fontlink-black{color:#000000; font-size:13px; text-decoration:none;}
a.fontlink-black:link{color: #000000;}
a.fontlink-black:hover{color:#000000;}
a.fontlink-black:active{color:#000000;}

a.fontlink-blackline{color:#000000; font-size:13px; text-decoration:underline;}
a.fontlink-blackline:link{color: #000000;}
a.fontlink-blackline:hover{color:#000000;}
a.fontlink-blackline:active{color:#000000;}

.fontred{color:#c40101; font-size:15px; font-weight:bold; text-decoration:none;}
.fontred13{color:#c40101; font-size:13px; font-weight:bold; text-decoration:none;}
.font-12brown {font-family:"MS Gothic"; font-size:12px;  color: #663333}
.font-12glay3 {font-family:"MS Gothic"; font-size:12px; color: #333333}
.font_12rightblue {font-family:"MS Gothic"; font-size:12px; color:#0066CC;}