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

/*background*/
#sidebar .title, #content .title, #links .title, #idtitle, .boxtabnav li, h3.titlecs, .fbtn_dl, .fbtn_zc, .fbtn_ss, .uit_100 li a, a.Book { 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;}
/*content*/
#content .title { height: 35px; line-height: 28px; background-position: 0 0;}
#content .title h3 { 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.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 20px 0;}
.uit_190 li { width: 194px; margin: 0 15px;}
.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;}
/*links*/
#links {}
#links .box .title { height: 35px; line-height: 28px;}
#links .box .title h3 { padding: 0 30px;}c
#links .boxcon { text-align: center; }
.uit_88 { margin: 0 20px;}
.uit_88 li { width: 92px; height: 35px; margin: 10px 5px 15px;}
.uit_88 li img { width: 88px; height: 31px; padding: 1px; border: 1px solid #CCF;}
/*focus*/
.container { width:400px; height:210px; margin: 4px; overflow:hidden; position:relative; }
.slider { position:absolute; }
.slider li { list-style:none; display:inline; }
.slider img { width:400px; height:210px; 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; }
#idtitle { padding-left: 40px; line-height: 28px; background-position: -925px -41px;}