@charset "utf-8";

/*-------------------------------------
SEARCH
---------------------------------------*/
#Search{
	width:100%;
	position:relative;
	padding:28px 0 0 0;
}
#Search h1{
	width:163px;
	height:30px;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}
#Search p.page-prev{
	width:570px;
	height:27px;
	position:absolute;
	top:1px;
	right:5px;
	padding:0 20px 0 0;
	line-height:27px;
	text-align:right;
	background:url("../images/tree/search_bg_prev.jpg") no-repeat 100% 0;
	z-index:1;
}

/* search
---------------------------------------*/
#Search div.search{
	width:100%;
	background:url("../images/tree/search_bg.jpg") repeat-y 0 0;
}
#Search div.search div.search-bg-top{
	width:100%;
	padding:11px 0 0 0;
	background:url("../images/tree/search_bg_top.jpg") no-repeat 0 0;
}
#Search div.search div.search-bg-top div.search-bg-bottom{
	width:680px;
	overflow:hidden;
	padding:0 10px 0 10px;
	background:url("../images/tree/search_bg_bottom.jpg") no-repeat 0 100%;
}
#Search div.search div.search-bg-top div.search-bg-bottom-s{
	width:680px;
	overflow:hidden;
	padding:0 10px 5px 10px;
	background:url("../images/tree/search_bg_bottom_s.jpg") no-repeat 0 100%;
}

/* step */
#Search div.search ul.step{
	width:100%;
	height:40px;
	margin:0 0 5px 0;
	position:relative;
}
#Search div.search ul.step li{
	position:absolute;
	top:0;
}
#Search div.search ul.step li.step01{
	left:0;
	z-index:2;
}
#Search div.search ul.step li.step02{
	left:0;
	z-index:1;
}
#Search div.search ul.step li.step03{
	right:0;
	z-index:3;
}

/* search-bottom */
#Search div.search div.search-bottom{
	height:40px;
	overflow:hidden;
	padding:6px 0 6px 0;
}
#Search div.search div.search-bottom p.txt{
	width:480px;
	float:left;
	display:inline;
	margin:5px 0 0 10px;
	font-size:91%;
}
#Search div.search div.search-bottom p.txt span{
	
}
#Search div.search div.search-bottom p.btn{
	float:right;
	display:inline;
}

/* tryagain
---------------------------------------*/
#Search div.search div.tryagain{
	width:160px;
	float:right;
	display:inline;
	margin:0 0 5px 0;
	background:url("../images/tree/search_bg_tryagain.gif") repeat-y 0 0;
}
#Search div.search div.tryagain div.tryagain-bg-top{
	width:160px;
	padding:7px 0 0 0;
	background:url("../images/tree/search_bg_tryagain_top.gif") no-repeat 0 0;
}
#Search div.search div.tryagain div.tryagain-bg-bottom{
	width:160px;
	padding:0 0 7px 0;
	background:url("../images/tree/search_bg_tryagain_bottom.gif") no-repeat 0 100%;
}
#Search div.search div.tryagain p.txt{
	width:140px;
	margin:13px auto 0 auto;
	font-size:84%;
}
#Search div.search div.tryagain p.btn{
	margin:12px 0 5px 0;
	text-align:center;
}


/* inside
---------------------------------------*/
#Search div.search div.inside{
	width:680px;
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	background:url("../images/tree/search_inside_bg_bottom.gif") no-repeat 0 100% #FFF;
}
#Search div.search div.inside div.inside-bg-top{
	width:680px; 
	padding:5px 0 0 0;
	background:url("../images/tree/search_inside_bg_top.gif") no-repeat 0 0;
}
#Search div.search div.inside.short{
	width:510px;
	float:left;
	display:inline;
	background-image:url("../images/tree/search_inside_bg_bottom_s.gif");
}
#Search div.search div.inside.border{
	padding:0;
	background:url("../images/tree/search_inside_bg_border.gif") repeat-y 0 0;
}
#Search div.search div.inside.border div.inside-bg-top{
	background:url("../images/tree/search_inside_bg_top_border.gif") no-repeat 0 0;
}
#Search div.search div.inside.border div.inside-bg-top div.inside-bg-bottom{
	width:670px;
	padding:0 5px 5px 5px;
	background:url("../images/tree/search_inside_bg_bottom_border.gif") no-repeat 0 100%;
}

/* step */
#Search div.search div.inside div.step{
	margin:5px 0 3px 5px;
	height:135px;
	overflow:auto;
}
#Search div.search div.inside div.step ul.tab{
	width:646px;
	overflow:hidden;
	margin:0 0 8px 5px;
	border-bottom:3px solid #FF9900;
}
#Search div.search div.inside div.step ul.tab li{
	float:left;
	display:inline;
	overflow:hidden;
	margin:0 5px 0 0;
	background:url("../images/tree/search_bg_tab.gif") no-repeat 100% 0;
}
#Search div.search div.inside div.step ul.tab li span{
	height:18px;
	float:left;
	display:block;
	margin:0 4px 0 0;
	padding:10px 5px 0 10px;
	_padding:10px 0 0 10px;
	background:url("../images/tree/search_bg_tab.gif") no-repeat 0 0;
}
#Search div.search div.inside div.step ul.tab li.active{
	background-image:url("../images/tree/search_bg_tab_on.gif");
}
#Search div.search div.inside div.step ul.tab li.active span{
	height:21px;
	color:#FFF;
	padding-top:7px;
	background-image:url("../images/tree/search_bg_tab_on.gif");
}
#Search div.search div.inside div.step ul.list li{
	width:298px;
	height:30px;
	float:left;
	display:inline;
	overflow:hidden;
	margin:0 5px 3px 5px;
	padding:0 10px 0 10px;
	line-height:30px;
	font-weight:bold;
	color:#2B7DD9;
	background:url("../images/tree/search_bg_step.jpg") no-repeat 0 0;
}
#Search div.search div.inside div.step ul.list li.disabled{
	color:#999;
}
#Search div.search div.inside div.step ul.list li label{
	display:block;
	cursor:pointer;
}
#Search div.search div.inside div.step ul.list.addcount li label{
	width:260px;
	float:left;
	display:inline;
}
#Search div.search div.inside div.step ul.list li input{
	margin:0 10px 0 0;
	vertical-align:middle;
}
#Search div.search div.inside div.step ul.list li span{
	display:block;
	float:right;
	display:inline;
	font-size:84%;
	font-weight:normal;
	color:#333;
}

/* condition */
#Search div.search div.inside.condition dl{
	width:676px;
	overflow:hidden;
	font-size:84%;
	margin:0 2px 0 2px;
	padding:6px 0 6px 0;
	background:url("../images/common/bg_border_dotted.gif") repeat-x 0 100%;
}
#Search div.search div.inside.short.condition dl.short{
	width:505px;
}
#Search div.search div.inside.condition dl.last{
	padding:6px 0 0 0;
	background:none;
}
#Search div.search div.inside.condition dl dt{
	width:95px;
	float:left;
	display:inline;
	text-align:center;
}
#Search div.search div.inside.condition dl dd{
	width:530px;
	float:left;
	display:inline;
	padding:0 25px 0 25px;
	border-left:1px solid #CCC;
}
#Search div.search div.inside.short.condition dl.short dd{
	width:350px;
}

/* again */
#Search div.search div.inside div.again ul li{
	font-size:84%;
}
#Search div.search div.inside div.again ul.example{
	margin:0 0 10px 20px;
}
#Search div.search div.inside div.again ul.tab{
	width:600px;
	overflow:hidden;
	margin:4px auto 2px auto;
	padding:0 0 0 40px;
}
#Search div.search div.inside div.again ul.tab li{
	float:left;
	display:inline;
}
#Search div.search div.inside div.again ul.tab li span{
	padding:0 5px 0 5px;
}
#Search div.search div.inside div.again ul.tab li.active{
	padding:0 0 6px 0;
	background:url("../images/tree/search_bg_category_arrow.gif") no-repeat 48% 100%;
}
#Search div.search div.inside div.again ul.tab li.active span{
	display:block;
	float:left;
	display:inline;
	color:#FFF;
	margin:0 5px 0 5px;
	border:1px solid #33CCCC;
	background:url("../images/tree/search_bg_category.jpg") repeat-x 0 0;
}
#Search div.search div.inside div.again div.seach-box dl{
	width:640px;
	height:35px;
	overflow:hidden;
	margin:0 auto 15px auto;
	padding:5px 0 0 0;
	background:url("../images/tree/search_bg_input.gif") no-repeat 0 0;
}
#Search div.search div.inside div.again div.seach-box dl dt{
	float:left;
	display:inline;
	padding:8px 10px 0 12px;
}
#Search div.search div.inside div.again div.seach-box dl dd{
	float:left;
	display:inline;
}
#Search div.search div.inside div.again div.seach-box dl dd.text-box input{
	width:480px;
	font-size:117%;
}
#Main #Search div.search div.inside div.again div.seach-box dl dd.text-box input.input-text{
	padding:5px 2px 5px 2px;
}
#Search div.search div.inside div.again div.seach-box dl dd.btn{
	margin:0 0 0 8px;
}


/*-------------------------------------
KEY-WORD
---------------------------------------*/
ul.key-word{
	width:100%;
	overflow:hidden;
}
ul.key-word li{
	float:left;
	display:inline;
	margin:0 5px 0 0;
	padding:0 0 10px 0;
	line-height:20px;
}
ul.key-word li a{
	height:20px;
	float:left;
	display:block;
	padding:0 10px 0 10px;
	white-space:nowrap;
	text-decoration:none;
	color:#333;
	background-color:#CDF2F2;
}
ul.key-word li a:hover{
	color:#FFF;
	text-decoration:none;
	background-color:#33CCCC;
}
ul.key-word li.last{
	padding:0 0 0 10px;
}
ul.key-word li.last a{
	padding:0 0 0 10px;
	color:#2B7DD9;
	background:url("../images/common/ico_arrow.gif") no-repeat 0 50%;
}
ul.key-word li.last a:hover{
	color:#FF9900;
	background:url("../images/common/ico_arrow_on.gif") no-repeat 0 50%;
}


/*-------------------------------------
PAGE-INFO
---------------------------------------*/
div.page-info{
	width:100%;
	overflow:hidden;
	position:relative;
	margin:10px 0 0 0;
	line-height:20px;
}

/* total-page
---------------------------------------*/
div.page-info p.total-page{
	width:100%;
	/* 
	float:left;
	display:inline;
	overflow:hidden;
	 */
	/*position:absolute;
	top:0;
	left:0;*/
}
div.page-info p.total-page strong{
	font-size:134%;
	font-weight:bold;
	color:#CC3300;
}
div.page-info p.total-page span{
	padding:0 3px 0 3px;
	font-weight:bold;
}

/* pageer-num
---------------------------------------*/
div.page-info div.pageer-num{
	/* float:left;
	display:inline; */
	/*position:absolute;
	top:20px;
	left:0;*/
	overflow:hidden;
	margin:10px 0 0 0;
	line-height:20px;
}
div.page-info div.pageer-num p.frst,
div.page-info div.pageer-num p.last{
	float:left;
	display:inline;
	margin:0 10px 0 0;
	line-height:22px;
	font-size:84%;
}
div.page-info div.pageer-num p.last{
	margin:0 0 0 5px;
}
div.page-info div.pageer-num p.prev,
div.page-info div.pageer-num p.next{
	float:left;
	display:inline;
	margin:3px 5px 0 0;
}
div.page-info div.pageer-num ul{
	float:left;
}
div.page-info div.pageer-num ul li{
	float:left;
	display:inline;
	margin:0 5px 0 0;
}
div.page-info div.pageer-num ul li a,
div.page-info div.pageer-num ul li.current {
	/* 
	/* 
	width:18px;
	height:18px;
	display:block;
	 */
	padding:0 6px 0 6px;
	display:inline-block;
	text-align:center;
	color:#333;
	border:1px solid #CDC5BC;
	background:#FFF;
}
div.page-info div.pageer-num ul li a:hover{
	text-decoration:none;
	background:#FDEFC5;
}
div.page-info div.pageer-num ul li.current {
	color:#FFF;
	border:none;
	background:#FF9900;
	border:1px solid #FF9900;
}

/* sort
---------------------------------------*/
div.page-info p.sort{
	/* float:left;
	display:inline; */
	position:absolute;
	top:0;
	right:120px;
	overflow:hidden;
	margin:0 0 0 0;
	text-align:center;
	/* background:#E4EBFF; */
}
div.page-info p.sort a{
	/* 
	height:18px;
	display:block;
	float:left;
	 */
	/* padding:3px 5px 2px 15px; */
	padding:0 5px 0 15px;
	display:inline-block;
	color:#333;
	background:url("../images/common/ico_srot.gif") no-repeat 5px 50% #FFF;
	border:1px solid #CCC;
}
div.page-info p.sort a:hover{
	text-decoration:none;
	color:#FFF;
	border:1px solid #33CCCC;
	background:url("../images/common/ico_srot_on.gif") no-repeat 5px 50% #33CCCC;
}

/* show-num
---------------------------------------*/
div.page-info p.show-num{
	/* float:right; */
	position:absolute;
	top:0;
	right:0;
}
div.page-info p.show-num select{
	margin:0 0 0 3px;
	vertical-align:middle;
}


/*-------------------------------------
OFFER
---------------------------------------*/
div.offer{
	width:100%;
	height:90px;
	position:relative;
	background:url("../images/common/offer_bg.jpg") no-repeat 0 0;
}
div.offer h3{
	width:92px;
	height:36px;
	position:absolute;
	top:-3px;
	left:6px;
}
/* pager */
div.offer ul.pager{
	width:60px;
	height:26px;
	overflow:hidden;
	position:absolute;
	top:48px;
	left:21px;
}
div.offer ul.pager li{
	width:30px;
	float:left;
	display:inline;
	cursor:pointer;
}
div.offer ul.pager li.disabled img{
	margin:0 0 0 0;
}
/* bnr */
div.offer div.bnr{
	width:590px;
	height:76px;
	position:relative;
	overflow:hidden;
	padding:10px 0 0 0;
	float:left;
        left:105px;
	display:inline;
}
div.offer ul.items{
	position:relative;
	width:9999px;
}
div.offer ul.items li{
	width:100px;
	height:70px;
	float:left;
	display:inline;
	position:relative;
	margin:0 9px 0 9px;
	padding:0 0 6px 0;
	background:url("../images/common/offre_bg_bnr.jpg") no-repeat 0 100%;
}
div.offer ul.items li img{
	border:1px solid #CCCCCC;
}
div.offer ul.items li span{
	width:100px;
	height:70px;
	display:block;
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000px;
	background:url("../images/common/offer_bg_img.gif") no-repeat 0 0;
}

/*-------------------------------------
vticker
---------------------------------------*/
div.vticker{
	width:100%;
	overflow:hidden;
	margin:0 0 5px 0;
}
div.vticker #News,
div.vticker #Feature{
	width:100%;
	height:30px;
	background:url("../images/common/news_bg.gif") no-repeat 0 0;
}
div.vticker #News dl,
div.vticker #Feature dl{
	float:left;
}
div.vticker #News dl dt,
div.vticker #Feature dl dt{
	height:30px;
	float:left;
	display:inline;
}
div.vticker #News dl dd,
div.vticker #Feature dl dd{
	float:left;
	display:inline;
	padding:0 10px 0 10px;
}
div.vticker #News ul,
div.vticker #Feature ul{
	height:30px;
	overflow:hidden;
}
div.vticker #News ul li,
div.vticker #Feature ul li{
	line-height:30px;
}

/* News
---------------------*/
div.vticker #News{
	
}
div.vticker #News dl{width:880px;}
div.vticker #News dl dt{width:90px;}
div.vticker #News dl dd{width:770px;}
div.vticker #News p.close{
	width:60px;
	height:30px;
	overflow:hidden;
	float:right;
	display:inline;
	line-height:30px;
}
div.vticker #News p.close a{
	padding:1px 0 2px 20px;
	font-size:84%;
	background:url("../images/common/ico_close.gif") no-repeat 0 0;
}
div.vticker #News p.close a:hover{
	background-image:url("../images/common/ico_close_on.gif");
}

/* Feature
---------------------*/
div.vticker #Feature{
	
}
div.vticker #Feature dl{width:850px;}
div.vticker #Feature dl dt{width:90px;}
div.vticker #Feature dl dd{width:730px;}
div.vticker #Feature p.pager{
	width:72px;
	overflow:hidden;
	float:left;
	display:inline;
	margin:7px 0 8px 0;
	padding:0 0 0 10px;
	line-height:0;
	font-size:84%;
	border-left:1px solid #CCC;
}
div.vticker #Feature p.pager img{
	margin:0 4px 0 4px;
	vertical-align:middle;
}
div.vticker #Feature p.pager span{
	
}


/*-------------------------------------
MODULE
---------------------------------------*/
.bg-check{
	width:100%;
	background:url("../images/tree/bg_title_check.gif") repeat 0 0;
}
.bg-check img{
	padding:0 0 1px 0;
	background:#FFF;
}