/* lu@2010/06/01 */
@import url(core.css);

/*background*/
#sidebar .title, #content .title, #links .title, #hainan .box .title, #idtitle, .boxtabnav li, h3.titlecs, .fbtn_dl, .fbtn_zc, .fbtn_ss, .uit_100 li a, a.Book, .uts_top { background: url(../img/index.png) no-repeat 0 0;}
.boxtabnav { background: url(../img/bgx.png) repeat-x 0 0;}
/*common*/
#sidebar { float: left; display: inline;}
#content { float: right; display: inline;}
.box { margin: 10px 0 0; background: #FFF; border: 1px solid #CCF;}
.title h3 {float: left; display: inline;}
.title span { float: right; display: inline; margin-right: 10px;}
.boxtabnav span.more { line-height:28px; margin-right: 10px; display: inline; }
/*content*/
#content .title { height: 35px; line-height: 28px; background-position: 0 0;}
#content .title h3 { display: inline; padding-left: 30px; font-size: 14px;}
#boxcar, #boxfocus { float: left; display: inline; width: 408px;}
#boxholiday, #boxnews { float: right; display: inline; width: 298px;}
#boxnews, #boxfocus { height: 248px;}
#boxnews .boxcon { padding: 5px 10px 10px;}
#boxnews .dip { margin-bottom: 7px; padding-bottom: 7px; border-bottom: 1px dotted #DDD;}
#boxnews .dip h2 { height: 30px; line-height: 25px; font-size: 18px; font-family: \9ED1\4F53; font-weight: 400;}
#boxnews .dip p { line-height: 21px;}
#boxnews .dip p a { color: #333;}
#boxnews .dip p, #boxnews .uts em { font-family: \5b8b\4f53;}
#boxholiday, #boxcar { height: 328px;}
#boxholiday .boxcon { padding: 0 10px;}
#boxholiday .uts { margin: 6px 0;}
#boxholiday .uts span { float: right;}
.uit_120 { margin: 3px 0 0 3px;}
.uit_120 li { width: 124px; margin: 5px;}
.uit_120 li img { width: 120px; height: 90px; padding: 1px; border: 1px solid #CCF;}
#boxgolf { height: 308px;}
.boxtabnav { height: 35px; background-position: 0 -65px;}
.boxtabnav ul { margin: 0 3px;}
.boxtabnav li { float: left; display: inline; width: 80px; height: 35px; line-height: 30px; text-align: center; cursor: pointer; background-position: right -75px;}
.boxtabnav li#thr3 { background-position: 100px 0;}
.boxtabnav li.hover { background-position: -770px -75px; font-weight: 700; color: #FFF;}
.uip_120 {}
.uip_120 li { float: left; display: inline; width: 325px; margin: 6px 14px 8px;}
.uip_120 li h3 { font-size: 14px; line-height: 20px; height: 26px;}
.uip_120 li h4 { font-size: 12px; line-height: 18px; height: 23px;}
.uip_120 li em img { width: 120px; height: 90px; padding: 1px; border: 1px solid #CCF;}

.uip_100 {}
.uip_100 li { float: left; display: inline; width: 215px; margin: 10px;}
.uip_100 li p { font-size: 12px; line-height: 21px; height: 21px;}
.uip_100 li em img { width: 99px; height: 99px; padding: 1px; border: 1px solid #CCF;}
.uip_100 li a.Book { display: block; width: 41px; height: 17px; margin: 5px auto 0; line-height: 17px; text-align: center; background-position: -610px -40px; color: #FFF; }
.uip_100 li a.Book:hover { background-position: -610px -60px; color: #FFF; text-decoration: none; }

#boxhotel { height: 328px;}
h3.titlecs { float: left; display: inline; width: 15px; height: 100px; padding: 30px 5px; margin: 10px 14px 0; font-size: 14px; line-height: 25px; color: #FFF; background-position: 0 -70px;}
.uit_190 { margin: 10px 14px 0;}
.uit_190 li { width: 194px; margin: 0 30px 0 0;}
.uit_190 li img { width: 190px; height: 120px; padding: 1px; border: 1px solid #CCF;}
/*sidebar*/
#sidebar .box {}
#sidebar .box .title { height: 35px; line-height: 30px; background-position: 0 -35px}
#sidebar .box .title h3 { padding-left: 40px; width: 82px; text-align: center; font-size: 14px;}
#boxuser, #boxcs { height: 168px;}
#boxtool { height: 208px;}
#boxpic { height: 599px;}
#boxsearch { height: 238px;}
#sidebar .boxtabnav li { width: 70px;}
#sidebar .boxtabnav li.hover { background-position: -775px -75px;}

.uit_100 { margin: 0 4px;}
.uit_100 li { float: left; display: inline; width: 100px; height: 80px; margin: 0 5px 5px;}
.uit_100 li a { display: block; width: 100px; height: 20px; padding-top: 60px;}
.uit_100 li.uitl_1 a { background-position: -40px -80px;}
.uit_100 li.uitl_2 a { background-position: -150px -80px;}
.uit_100 li.uitl_3 a { background-position: -40px -170px;}
.uit_100 li.uitl_4 a { background-position: -150px -170px;}

.uit_90 { margin: 10px 9px 0;}
.uit_90 li { width: 94px; height: 115px; margin: 5px 5px 20px;}
.uit_90 li img { width: 90px; height: 90px; padding: 1px; border: 1px solid #CCF;}

.uit_cs { margin: 0 10px;}
.uit_cs li { width: 81px; height: 23px; margin: 5px 5px 0;}

#boxcs p { margin: 8px 10px 0; line-height: 17px;}

.boxform { margin: 10px;}
.boxform p { margin-bottom: 8px;}
.flab { float: left; display: inline; width: 60px; padding-right: 5px; line-height: 20px; text-align: right;}
.ftxt { width: 120px; padding: 2px; height: 16px; border: 1px solid #CCC;}
.fsel { width: 126px; height: 20px; border: 1px solid #CCC;}
.fbtn {}
.fbtn_dl, .fbtn_zc { width: 78px; height: 26px; margin: 0 5px; line-height: 25px; padding-bottom: 2px; font-weight: 700; color: #FFF; border: none; background-position: -743px -41px;}
.fbtn_zc { background-position: -821px -41px;}
.fbtn_ss { width: 84px; height: 28px; margin: 0 5px; line-height: 27px; padding: 0 0 2px 24px; font-weight: 700; color: #842C01; border: none; background-position: -655px -40px;}

.uts_top { margin: 5px 10px 10px; padding-left: 20px; background-position: -940px -116px; }
.uts_top li { line-height: 23px; height: 23px; overflow: hidden; }
/*links & hainan*/
#links {}
#links .box .title, #hainan .box .title { height: 35px; line-height: 28px;}
#links .box .title h3, #hainan .box .title h3 { padding: 0 30px;}
#links .boxcon { text-align: center; padding: 0 0 15px; }

#hainan .boxcon { padding: 10px 8px;}
.boxc3 { float: left; display: inline; width: 300px; margin: 0 7px; }
.titlec3 { height: 25px; line-height: 19px; border-bottom: 1px dotted #CCC;}
/*.titlec3 span { height: 25px; line-height: 19px; border-bottom: 1px dotted #CCC;} */
.titlec3 h4 {float: left; display: inline;}
.titlec3 span { float: right; display: inline; margin-right: 10px;}

.dip_100 { margin: 10px 0 6px; height: 90px; padding: 0 0 10px; border-bottom: 1px dotted #DDD;}
.dip_100 img { margin: 3px 0 0; width: 100px; height: 80px; padding: 1px; border: 1px solid #DDD;}
.boxc3 .uts li { overflow: hidden;}
.boxc3 .uts li i { font-family:\5b8b\4f53;}
.uit_60 { margin: 10px 0 0; padding-top: 10px;}
.uit_60 li img { width: 60px; height: 60px; padding: 1px; border: 1px solid #DDD;}
/*focus*/
.container { width:400px; height:240px; margin: 4px; overflow:hidden; position:relative; }
.slider { position:absolute; }
.slider li { list-style:none; display:inline; }
.slider img { width:400px; height:240px; display:block; }
.num { position:absolute; right:5px; bottom:5px; }
.num li { float: left; color: #FF7300; text-align: center; line-height: 16px; width: 16px; height: 16px; font-family: Arial; font-size: 12px; cursor: pointer; overflow: hidden; margin: 3px 1px; border: 1px solid #FF7300; background-color: #fff; }
.num li.on { color: #fff; line-height: 21px; width: 21px; height: 21px; font-size: 16px; margin: 0 1px; border: 0; background-color: #FF7300; font-weight: bold; }

#uit_120s { margin: 5px 0 0; overflow: hidden; *zoom: 1;}
#uit_120s li { margin: 5px; width: 140px;}
#uit_120s li img { width: 136px; height: 90px; overflow: hidden;}

.uit_88 { margin: 0 10px;}
.uit_88 li { width: 120px; margin: 10px 7px 0;}