@charset "utf-8";
/* CSS index Template */
.Wrap .midWrap .subContent {
	width : 314px;
}

.Wrap .midWrap .subContent div.bottom {
	background : url(../../img/index/subContent.bottom.png) no-repeat center bottom;
}

.Wrap .midWrap .subContent div.bottom ul.shadow {
	display    : block;;
	background : url(../../img/index/subContent.shadow.png) repeat-y 0 0;
}

.Wrap .midWrap .subContent div h3.title {
	margin      : 7px 14px;
	display     : block;
	height      : 14px;
	text-indent : -999999px;
}

/* CSS pre_search */
.Wrap .midWrap .subContent div.pre_search h3.title {
	background : url(../../img/index/pre.search.title.png) no-repeat;
}

.Wrap .midWrap .subContent div.pre_search ul.tabs {
	margin   : 0 auto;
	width    : 281px;
	position : relative;
	z-index  : 5;
}

.Wrap .midWrap .subContent div.pre_search ul.tabs li.list {
	margin      : 0 0 0 -1px;
	float       : left;
	width       : 71px;
	height      : 30px;
	line-height : 30px;
	cursor      : pointer;
	text-align  : center;
	background  : url(../../img/index/pre.search.tabs.png) no-repeat 0 bottom;
	position    : relative;
}

.Wrap .midWrap .subContent div.pre_search ul.tabs > li.list:first-child {
	margin : 0;
}

.Wrap .midWrap .subContent div.pre_search ul.tabs li.list:hover,
.Wrap .midWrap .subContent div.pre_search ul.tabs li.list.selected {
	background-position : -71px 0;
	z-index             : 5;
}

.Wrap .midWrap .subContent div.pre_search ul.tabs li.list:hover {
	text-decoration : underline;
}

.Wrap .midWrap .subContent div.pre_search ul.tabs li.list.selected {
	cursor          : default;
	text-decoration : none;
}

.Wrap .midWrap .subContent div.pre_search ul.tab_Content {
	margin     : -1px 0 0 0;
	border-top : 1px solid #DDD;
	display    : block;
	position   : relative;
	z-index    : 3;
}

.Wrap .midWrap .subContent div.pre_search ul.tab_Content li.content {
	padding : 0 14px;
}

.Wrap .midWrap .subContent div.pre_search ul.tab_Content li.content ul.tab li.search {
	margin : 10px 0 5px 0;
}

.Wrap .midWrap .subContent div.pre_search ul.tab_Content li.content ul.tab li.search li {
	float : left;
}

.Wrap .midWrap .subContent div.pre_search ul.tab_Content li.content ul.tab li.search span {
	display : block;
	height  : 24px;
}

.Wrap .midWrap .subContent div.pre_search ul.tab_Content li.content ul.tab li.search li.SearchInput {
	margin     : 0 4px;
	background : url(../../img/header/input.bg.jpg) repeat-x 0 0;
	position   : relative;
}

.Wrap .midWrap .subContent div.pre_search ul.tab_Content li.content ul.tab li.search li.SearchInput span.left {
	top        : 0;
	left       : -4px;
	width      : 4px;
	background : url(../../img/header/input.frame.png) no-repeat 0 0;
	position   : absolute;
}

.Wrap .midWrap .subContent div.pre_search ul.tab_Content li.content ul.tab li.search li.SearchInput span.right {
	top        : 0;
	right      : -4px;
	width      : 4px;
	background : url(../../img/header/input.frame.png) no-repeat -4px 0;
	position   : absolute;
}

.Wrap .midWrap .subContent div.pre_search ul.tab_Content li.content ul.tab li.search li.SearchInput input {
	padding     : 2px;
	/*float       : left;*/
	border      : 0;
	width       : 192px;
	height      : 20px;
	font        : 12px Arial, sans-serif;
	color       : #636363;
	line-height : 20px;
	background  : none;
}

.Wrap .midWrap .subContent div.pre_search ul.tab_Content li.content ul.tab li.search li.SearchBtn {
	margin : 0 0 0 10px;
}

.Wrap .midWrap .subContent div.pre_search ul.tab_Content li.content ul.tab li.search li.SearchBtn button {
	margin      : 0 3px;
	padding     : 0;
	border      : 0;
	width       : 60px;
	height      : 24px;
	text-align  : left;
	font        : 12px Arial, sans-serif;
	color       : #636363;
	line-height : 24px;
	position    : relative;
	display     : block;
	cursor      : pointer;
	background  : url(../../img/header/search.bg.jpg) repeat-x 0 0;
}

.Wrap .midWrap .subContent div.pre_search ul.tab_Content li.content ul.tab li.search li.SearchBtn button span.left {
	top        : 0;
	left       : -3px;
	width      : 3px;
	background : url(../../img/header/search.frame.png) no-repeat 0 0;
	position   : absolute;
}

.Wrap .midWrap .subContent div.pre_search ul.tab_Content li.content ul.tab li.search li.SearchBtn button span.right {
	top        : 0;
	right      : -3px;
	width      : 3px;
	background : url(../../img/header/search.frame.png) no-repeat -3px 0;
	position   : absolute;
}

.Wrap .midWrap .subContent div.pre_search ul.tab_Content li.content ul.tab li.search li.SearchBtn button span.text {
	padding    : 0 0 0 5px;
	width      : 55px;
	background : url(../../img/header/search.icon.png) no-repeat 43px center;
}

.Wrap .midWrap .subContent div.pre_search ul.tab_Content li.content ul.tab li.keyword span.label {
	width       : 40px;
	height      : 18px;
	line-height : 18px;
	display     : block;
	float       : left;
}

.Wrap .midWrap .subContent div.pre_search ul.tab_Content li.content ul.tab li.keyword a {
	width       : 60px;
	height      : 18px;
	line-height : 18px;
	display     : block;
	float       : left;
	overflow    : hidden;
	text-align  : center;
	color       : #868686;
}

.Wrap .midWrap .subContent div.pre_search ul.tab_Content li.content ul.tab li.keyword a.top {
	color : #ed1c24;
}

.Wrap .midWrap .subContent div.pre_search ul.tab_Content li.content ul.tab li.keyword a:hover {
	text-decoration : underline;
}

.Wrap .midWrap .subContent div.pre_search ul.hot_search li.titleFrame {
	margin     : 5px;
	padding    : 10px 0 5px 0;
	border-top : 1px solid #e2e2e2;
}

.Wrap .midWrap .subContent div.pre_search ul.hot_search li.titleFrame h3.title {
	margin     : 5px 0 5px 9px;
	float      : left;
	background : url(../../img/index/hot.search.title.png) no-repeat;
	width      : 61px;
}

.Wrap .midWrap .subContent div.pre_search ul.hot_search li.titleFrame a.link {
	margin  : 0 9px 0 0;
	float   : right;
	display : block;
	color   : #333;
}

.Wrap .midWrap .subContent div.pre_search ul.hot_search li.titleFrame a.link span {
	display     : block;
	float       : left;
	height      : 24px;
	line-height : 24px;
}

.Wrap .midWrap .subContent div.pre_search ul.hot_search li.titleFrame a.link span.text {
	padding    : 0 5px;
	background : url(../../img/index/search.link.bg.jpg) repeat-x 0 0;
}

.Wrap .midWrap .subContent div.pre_search ul.hot_search li.titleFrame a.link:hover span.text {
	text-decoration : underline;
}

.Wrap .midWrap .subContent div.pre_search ul.hot_search li.titleFrame a.link span.left {
	width      : 4px;
	background : url(../../img/index/search.link.frame.jpg) no-repeat left 0;
}

.Wrap .midWrap .subContent div.pre_search ul.hot_search li.titleFrame a.link span.right {
	width      : 4px;
	background : url(../../img/index/search.link.frame.jpg) no-repeat right 0;
}

.Wrap .midWrap .subContent div.pre_search ul.hot_search li.content {
	padding : 0 14px 1px 14px;
}

.Wrap .midWrap .subContent div.pre_search ul.hot_search li.content li.list {
	margin      : 0 0 12px 0;
	height      : 24px;
	line-height : 24px;
}

.Wrap .midWrap .subContent div.pre_search ul.hot_search li.content li.list label,
.Wrap .midWrap .subContent div.pre_search ul.hot_search li.content li.list select,
.Wrap .midWrap .subContent div.pre_search ul.hot_search li.content li.list span.input,
.Wrap .midWrap .subContent div.pre_search ul.hot_search li.content li.list button {
	display : block;
	float   : left;
}

.Wrap .midWrap .subContent div.pre_search ul.hot_search li.content li.list label {
	width : 54px;
}

.Wrap .midWrap .subContent div.pre_search ul.hot_search li.content li.list select {
	margin : 2px 10px;
	height : 20px;
}

.Wrap .midWrap .subContent div.pre_search ul.hot_search li.content li.list.Theme_Num select {
	width : 140px;
}

.Wrap .midWrap .subContent div.pre_search ul.hot_search li.content span.input {
	margin      : 0 4px;
	background  : url(../../img/header/input.bg.jpg) repeat-x 0 0;
	position    : relative;
	display     : block;
}

.Wrap .midWrap .subContent div.pre_search ul.hot_search li.content span.input span {
	display : block;	
	height  : 24px;
}

.Wrap .midWrap .subContent div.pre_search ul.hot_search li.content li.list span.input span.left {
	top        : 0;
	left       : -4px;
	width      : 4px;	
	background : url(../../img/header/input.frame.png) no-repeat 0 0;
	position   : absolute;
}

.Wrap .midWrap .subContent div.pre_search ul.hot_search li.content li.list span.input span.right {
	top        : 0;
	right      : -4px;
	width      : 4px;
	background : url(../../img/header/input.frame.png) no-repeat -4px 0;
	position   : absolute;
}

.Wrap .midWrap .subContent div.pre_search ul.hot_search li.content li.list span.input input {
	padding     : 2px;
	float       : left;
	border      : 0;
	width       : 102px;
	height      : 20px;
	font        : 12px Arial, sans-serif;
	color       : #636363;
	line-height : 20px;
	background  : none;
}

.Wrap .midWrap .subContent div.pre_search ul.hot_search li.content li.list button {
	margin      : 0 3px;
	padding     : 0;
	border      : 0;
	width       : 60px;
	height      : 24px;
	text-align  : left;
	font        : 12px Arial, sans-serif;
	color       : #636363;
	line-height : 24px;
	position    : relative;
	display     : block;
	cursor      : pointer;
	background  : url(../../img/header/search.bg.jpg) repeat-x 0 0;
}

.Wrap .midWrap .subContent div.pre_search ul.hot_search li.content li.list button span {
	display : block;
	height  : 100%;
}

.Wrap .midWrap .subContent div.pre_search ul.hot_search li.content li.list button span.left {
	top        : 0;
	left       : -3px;
	width      : 3px;
	background : url(../../img/header/search.frame.png) no-repeat 0 0;
	position   : absolute;
}

.Wrap .midWrap .subContent div.pre_search ul.hot_search li.content li.list button span.right {
	top        : 0;
	right      : -3px;
	width      : 3px;
	background : url(../../img/header/search.frame.png) no-repeat -3px 0;
	position   : absolute;
}

.Wrap .midWrap .subContent div.pre_search ul.hot_search li.content li.list button span.text {
	padding    : 0 0 0 5px;
	width      : 55px;
	background : url(../../img/header/search.icon.png) no-repeat 43px center;
}

/* CSS key_search */
.Wrap .midWrap .subContent div.key_search h3.title {
	background : url(../../img/index/key.search.title.png) no-repeat;
}

.Wrap .midWrap .subContent div.key_search ul.keyword {
	padding : 0 14px;
}

.Wrap .midWrap .subContent div.key_search ul.keyword li.list {
	float       : left;
	width       : 140px;
	height      : 24px;
	line-height : 24px;
}

.Wrap .midWrap .subContent div.key_search ul.keyword li.list a {
	color           : #868686;
	text-decoration : underline;
}

.Wrap .midWrap .subContent div.key_search ul.keyword li.list.top a {
	color : #ed1c24;
}

.Wrap .midWrap .subContent div.key_search ul.announcement {
	margin      : 3px 0 0 0;
	padding     : 10px 14px;
	background  : url(../../img/index/announcement.line.jpg) repeat-x 0 top;
	position    : relative;
	line-height : 22px;
}

.Wrap .midWrap .subContent div.key_search ul.announcement li.label {
	top         : auto;
	left        : auto;
	height      : 22px;
	position    : absolute;
}

.Wrap .midWrap .subContent div.key_search ul.announcement li.label span {
	display : block;
	float   : left;
}

.Wrap .midWrap .subContent div.key_search ul.announcement li.label span.text {
	padding        : 0 15px;
	background     : url(../../img/index/announcement.bg.jpg) repeat-x 0 0;
	color          : #343434;
	letter-spacing : 2px;
}

.Wrap .midWrap .subContent div.key_search ul.announcement li.label span.left {
	width      : 3px;
	height     : 100%;
	background : url(../../img/index/announcement.frame.png) no-repeat left 0;
}

.Wrap .midWrap .subContent div.key_search ul.announcement li.label span.right {
	width      : 3px;
	height     : 100%;
	background : url(../../img/index/announcement.frame.png) no-repeat right 0;
}

.Wrap .midWrap .subContent div.key_search ul.announcement li.link {
	padding  : 0 30px 0 75px;
	overflow : hidden;
	height   : 22px;
}

.Wrap .midWrap .subContent div.key_search ul.announcement li.link a {
	color : #676767;
}

.Wrap .midWrap .subContent div.key_search ul.announcement li.btn_more {
	top      : 10px;
	right    : 14px;
	position : absolute;
}

.Wrap .midWrap .subContent div.key_search ul.announcement li.btn_more a {
	display : block;
	color   : #666;
}

.Wrap .midWrap .subContent div.key_search ul.announcement li.link a:hover,
.Wrap .midWrap .subContent div.key_search ul.announcement li.btn_more a:hover {
	text-decoration : underline;
}

/* CSS AD */
.Wrap .midWrap .subContent div.AD {
	margin   : 0 auto 10px auto;
	width    : 300px;
	height   : 250px;
	overflow : hidden;
	border   : 1px solid #CCC;
}

/* CSS top_ranking */
.Wrap .midWrap .subContent div.top_ranking h3.title {
	background : url(../../img/index/top.ranking.title.png) no-repeat;
}

.Wrap .midWrap .subContent div.top_ranking ul.ranking {
	margin      : 0 10px;
	line-height : 21px;
}

.Wrap .midWrap .subContent div.top_ranking ul.ranking.phone,
.Wrap .midWrap .subContent div.top_ranking ul.ranking.device {
	border-bottom : 3px solid #e3e3e3;
}

.Wrap .midWrap .subContent div.top_ranking ul.ranking li.kinds {
	margin   : 0 0 5px 0;
	position : relative;
	height   : 21px;
}

.Wrap .midWrap .subContent div.top_ranking ul.ranking li.kinds h4.title {
	margin      : 10px 0 0 5px;
	text-indent : -99999px;
}

.Wrap .midWrap .subContent div.top_ranking ul.ranking.phone li.kinds h4.title {
	background : url(../../img/index/phone.title.png) no-repeat 0 center;
}

.Wrap .midWrap .subContent div.top_ranking ul.ranking.device li.kinds h4.title {
	background : url(../../img/index/device.title.png) no-repeat 0 center;
}

.Wrap .midWrap .subContent div.top_ranking ul.ranking.fitting li.kinds h4.title {
	background : url(../../img/index/fitting.title.png) no-repeat 0 center;
}

.Wrap .midWrap .subContent div.top_ranking ul.ranking li.kinds a.btn_more {
	top      : 0;
	right    : 0;
	position : absolute;
	display  : block;
	color    : #666;
}

.Wrap .midWrap .subContent div.top_ranking ul.ranking li.kinds a.btn_more:hover {
	text-decoration : underline;
}

.Wrap .midWrap .subContent div.top_ranking ul.ranking li.list {
	margin     : 0 0 15px 0;
	padding    : 10px 5px 0 30px;
	background : url(../../img/index/ranking.bg.jpg) repeat-x 0 top;
	position   : relative;
}

.Wrap .midWrap .subContent div.top_ranking ul.ranking.phone li.list,
.Wrap .midWrap .subContent div.top_ranking ul.ranking.device li.list:nth-child(2),
.Wrap .midWrap .subContent div.top_ranking ul.ranking.fitting li.list:nth-child(2) {
	padding    : 15px 0 0 100px;
	min-height : 87px;
}

.Wrap .midWrap .subContent div.top_ranking ul.ranking li.list:nth-child(2) {
	background : none;
}

.Wrap .midWrap .subContent div.top_ranking ul.ranking.phone li.list,
.Wrap .midWrap .subContent div.top_ranking ul.ranking li.list:nth-child(2) {
	margin : 0;
}

.Wrap .midWrap .subContent div.top_ranking ul.ranking li.list span.num {
	top         : 50%;
	left        : 5px;
	margin      : -10px 5px 0 0;
	background  : url(../../img/index/num.bg.png) no-repeat center center;
	width       : 21px;
	height      : 21px;
	line-height : 21px;
	text-align  : center;
	color       : #FFF;
	font-weight : bold;
	position    : absolute;
	display     : block;
}

.Wrap .midWrap .subContent div.top_ranking ul.ranking.device li.list:nth-child(1n+3) span.num,
.Wrap .midWrap .subContent div.top_ranking ul.ranking.fitting li.list:nth-child(1n+3) span.num {
	margin : -6px 0 0 0;
}

.Wrap .midWrap .subContent div.top_ranking ul.ranking li.list a.btn_link {
	line-height : 21px;
}

.Wrap .midWrap .subContent div.top_ranking ul.ranking.device li.list:nth-child(1n+3) a.btn_link,
.Wrap .midWrap .subContent div.top_ranking ul.ranking.fitting li.list:nth-child(1n+3) a.btn_link {
	padding  : 0 10px 0 0;
	float    : left;
	width    : 160px;
	overflow : hidden;
	display  : block;
}

.Wrap .midWrap .subContent div.top_ranking ul.ranking li.list a.btn_link h5.title {
	color : #666;
}

.Wrap .midWrap .subContent div.top_ranking ul.ranking.phone li.list a.btn_link h5.title,
.Wrap .midWrap .subContent div.top_ranking ul.ranking.device li.list:nth-child(2) a.btn_link h5.title,
.Wrap .midWrap .subContent div.top_ranking ul.ranking.fitting li.list:nth-child(2) a.btn_link h5.title {
	margin : 16px 0 0 0;
}

.Wrap .midWrap .subContent div.top_ranking ul.ranking li.list span.price {
	color : #000;
}

.Wrap .midWrap .subContent div.top_ranking ul.ranking li.list span.price b {
	padding     : 0 5px ;
	font-weight : bold;
	font-size   : 13px;
}

 .Wrap .midWrap .subContent div.top_ranking ul.ranking li.list a.btn_link span.photo {
 	top        : 50%;
 	left       : 30px;
 	margin     : -36px 0 0 0;
	width      : 60px;
	height     : 72px;
	overflow   : hidden;
	text-align : center;
	position   : absolute;
}

.Wrap .midWrap .subContent div.top_ranking ul.ranking li.list a.btn_link span.photo img {
	max-width  : 60px;
	max-height : 72px;
}

.Wrap .midWrap .subContent div.top_ranking ul.ranking li.list a:hover.btn_link h5.title {
	text-decoration : underline;
}