/*Base*/
div,p,li,ul,body,a,span {
	margin: 0px;
	padding: 0px;
	font-family: "微軟正黑體", "Arial", sans-serif;
	font-size: 14px;
	list-style-type: none;
}

html,body {
	margin: 0px;
	height: 100%;
}

a {
	text-decoration: none;
}

/*Layout*/
#wrapper {
	width: 100%;
	height: 100%;
	position: relative;
	padding-top: 34px;
}

#header {
	width: 960px;
	margin: 0 auto;
	height: 113px;
	margin-bottom: 38px;
	border-bottom: 1px solid #0A5E0A;
}

#banner {
	width: 960px;
	height: 400px;
	clear: both;
	overflow: hidden;
	position: relative;
	margin: auto;
}

#main {
	position: relative;
	width: 960px;
	margin: 0 auto;
	margin-top: 43px;
}

#main02 {
	width: 960px;
	margin: 0 auto;
	position: relative;
	margin-top: 30px;
}

#main03 {
	width: 960px;
	margin: 0 auto;
	clear: both;
}

#footer {
	clear: both;
	width: 960px;
	margin: 28px auto;
	border-top: 2px solid #317447;
}
/*Module*/

/*State*/
.banner_ul {
	position: absolute;
	width: 400%;
	height: 400px;
}

.banner_ul .banner_li {
	display: block;
	height: 400px;
	width: 25%;
	float: left;
}

.banner_ul .banner_li>div {
	display: block;
	height: 400px;
	width: 960px;
	margin: 0 auto;
}

.banner_li_ul {
width: 200px;
height: 300px;
/* z-index: 998; */
position: relative;
/* float: right; */
border: 1px solid #BCEBEB;
background-color: #FFF;
margin-top: -357px;
margin-left: 720px;
}


.banner_li_ul li {
	/*border-bottom: 1px solid #BCEBEB;
	margin: 10px;*/
}

.banner_li_ul a {
float: right;
font-size: 21px;
color: #000;
display: block;
/* width: 223px; */
/* margin-top: 16px; */
/* margin-right: 5px; */
font-weight: bold;
}

.banner_li_ul span {
	float: left;
	clear: both;
	color: #FFA500;
	font-size: 10px;
}

.banner_li_ul li img {
	vertical-align: bottom;
}

.header_banner_ul02 {
	position: absolute;
	top: 502px;
	width: 400px;
	z-index: 99;
	margin-left: 21px;
}

.header_banner_ul02 li {
	bottom: 20px;
	display: block;
	width: 17px;
	float: left;
	height: 17px;
	background-image: url(../images/icon/tag_trab.png);
	margin: 4px;
}

.header_banner_ul02 li:hover {
	background-position: center 16px;
}

#outertag {
	position: absolute;
	width: 65px;
	/* background-image: url(../images/icon/outer_icon01.png); */
	z-index: 1000;
	padding-top: 87px;
	height: 274px;
	background-repeat: no-repeat;
	margin-left: 980px;
}

#outertag p,#outertag a {
	text-align: center;
	display: block;
	margin-top: 29px;
}

#outertag>p {
	margin-top: 6px;
}

#outertag span {
	color: #EAA129;
	font-size: 18px;
}

.head--logo {
	float: left;
	width: 235px;
	height: 86px;
	margin: 18px 0 11px;
}

.head--info {
	float: left;
	width: 412px;
	height: 54px;
	margin-top: 35px;
}

.head--info ul li {
	list-style-type: none;
}

.head--info ul li:nth-child(3) {
	width: 132px;
}

.head--info ul li a {
	text-decoration: none;
	color: #666;
}

.head--info--shop li {
	float: left;
	width: 50px;
	text-align: center;
	font-weight: bolder;
}

.head--info--shop li:last-child {
	width: 29px;
	text-align: right;
}

.head--info--search {
height: 26px;
border: 1px solid #FDBB47;
border-radius: 3px;
margin-top: -14px;
float: right;
width: 396px;

}

.head--info--search input[type="text"] {
	margin: 2px;
	border: 1px solid #fff;
	width: 200px;
}

.head--info--search input[type="submit"] {
	margin: 3px;
	border: 1px solid #fff;
	background-image: url(../images/icon/t_big.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #fff;
	text-indent: -5000px;
	overflow: hidden;
	width: 21px;
	height: 20px;
	float: right;
	margin-right: 3px;
	border-left: 1px solid #F4B334;
	padding-left: 21px;
}

.head--info--shop li:nth-child(1) {
	background-image: url(../images/icon/cart.png);
	background-repeat: no-repeat;
	text-indent: 10px;
	width: 100px;
}

.head--info--shop li:nth-child(2) {
	background-image: url(../images/icon/star.png);
	background-repeat: no-repeat;
	text-indent: 10px;
	width: 100px;

}

.head--info--shop li:nth-child(2) a,.head--info--shop li:nth-child(1) a
	{
	color: #006A60;
}

.header--mainnav__markup,.header--mainnav--health,.header--mainnav--food,.header--mainnav--trip,.header--mainnav--bady,.header--mainnav--3c,.header--mainnav--homematchine,.header--mainnav--clothes,.header--mainnav--innercloth,.header--mainnav--fashion,.header--mainnav--jewelry,.header--mainnav--life,.header--mainnav--bedroom,.header--mainnav--art,.header--mainnav--sport
	{
	display: none;
}

.header--mainnav {
	clear: both;
}

.header--mainnav>ul {
	background: #007c7a;
	width: 960px;
	margin: 0 auto;
}

.header--mainnav>ul>li {
	float: left;
	list-style-type: none;
	line-height: 22px;
	border-radius: 11px;
}

.header--mainnav>ul>li>a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding: 5px 10px;
	border-radius: 11px;
	line-height: 27px;
}

.header--mainnav>ul>li>a:hover {
	color: #066 !important;
	background-color: #EAEEEE !important;
	font-weight: normal;
	border-radius: 0px;
}

.main--ad01 {
	float: left;
	width: 240px;
	margin-bottom: 52px;
}

.main--ad01 li {
	height: 130px;
	list-style-type: none;
}

.main--ad01 li+li {
	margin-top: 10px;
}

.main--product {
	float: right;
}

.main--product table {
	width: 700px;
	height: 400px;
	border: 1px solid #006666;
}

.main--product table td {
	position: relative;
	text-align: right;
	vertical-align: bottom;
	height: 200px;
}

.main--product table td span {
	position: absolute;
	bottom: -1px;
	right: 0px;
	background-image: url(../images/icon/goto.png);
	display: block;
	width: 50px;
	height: 51px;
	z-index: 9999;
}

.main--product table td a {
	text-decoration: none;
	color: #333;
	display: block;
	height: 200px;
}

.main--ad02 {
	width: 960px;
	clear: both;
	height: 100px;
}

.main--ad02 li {
	width: 300px;
	float: left;
	height: 100px;
}

.main--ad02 li+li {
	margin-left: 30px;
}

.main02--arrow2tag {
	position: absolute;
	left: 54px;
	top: 26px;
}

.main02--mainnav {
	width: 963px;
}

.main02--mainnav li {
	width: 130px;
	height: 30px;
	line-height: 30px;
	float: left;
	list-style-type: none;
	background-color: #006666;
	text-align: center;
}

.main02--mainnav li:first-child {
	border-right: 1px solid #FFF;
}

.main02--mainnav li+li {
	border-right: 1px solid #FFF;
}

.main02--mainnav li:last-child {
	width: 304px;
}

.main02--mainnav li a {
	color: #FFF;
	font-size: 13px;
}

.main02--mainnav li a:hover {
	color: #FFCC00;
}

.main02--showaction {

	float: left;
	width: 645px;
	height: 345px;
	/* background-color: #FF0; */
	border: 1px solid #006666;
	margin-top: 18px;
}

.main02--showaction2 {
	margin-top: 17px;
	float: right;
}

.main02--showaction2 li {
	height: 170px;
	width: 300px;
	border-left: 1px solid #C6C6C6;
	border-right: 1px solid #C6C6C6;
	border-bottom: 1px solid #C6C6C6;
}

.main02--showaction2 li:first-child {
	border-top: 1px solid #C6C6C6;
}

.main03--product {
	width: 650px;
	float: left;
}

.main03--product p {
	margin-top: 25px;
	background-image: url(../images/icon/tag_title.png);
	background-repeat: no-repeat;
	height: 32px;
	line-height: 27px;
	text-indent: 16px;
	font-size: 19px;
	/* font-weight: bolder; */
	color: #DE1320;
	clear: both;
}

.main03--product p a {
	display: block;
	float: right;
	margin-right: 5px;
}

.main03--product ul {
	width: 700px;
	margin-top: 9px;
	margin-bottom: 20px;
	height: 170px;
}

.main03--product ul+p {
	margin-top: 84px;
}

.main03--product ul li {
	float: left;
	width: 161px;
	text-align: center;
	height: 210px;
}

.main03--product ul li img {
	margin: 13px 0;
}

.main03--product ul li a {
	display: block;
	height: 35px;
}
.main03--product ul li a .cpa {
	height: 35px;
	width: 158px;
	display: block;
}
.main03--product ul li a .cpb {
	color: #000 !important;
	font-size: 11px;
}

.main03--product ul li a span:first-child {
	width: 150px;
	text-align: center;
	height: 42px;
	display: block;
	color: #666;
}

.main03--product ul li a span:last-child {
	color: #F00;
	display: block;
}

.main03--product2 {
	padding-top: 10px;
	width: 300px;
	float: right;
}

.main03--product2 ul li {
	clear: both;
}

.main03--product2 ul li a {
	color: #666;
	font-weight: bold;
}

.main03--product2 ul li a p {
	padding-top: 34px;
	width: 162px;
	float: right;
	margin-right: 10px;
}

.main03--product2 ul li a span {
	display: block;
	color: #066;
}

.main03--product2 ul li a p span {
	display: block;
	color: #F00;
}

.main03--product2 ul li>span {
	height: 30px;
	line-height: 30px;
	background-color: #006666;
	display: block;
	text-align: center;
	font-size: 13px;
	color: #FFF;
}

.main03--product2 ul li>ul {
	border: 1px solid #666;
	height: 260px;
}

.main03--product2 ul li>a {
	display: block;
	clear: both;
	height: 125px;
}

.main03--product2 ul li a>img {
	float: left;
}

.main03--product2 ul li a>span {
	float: right;
	margin-right: 15px;
}

.main03--product2 ul li ul a>img {
	margin: 7px 7px 0px 7px;
}

.main03--product2
 
ul
 
li
 
span
>
{
height
:
 
30
px
;

	
line-height
:
 
30
px
;

	
background-color
:
#006666
;

	
display
:
 
block
;

	
text-align
:
 
center
;

	
font-size
:
 
13
px
;

	
color
:
#FFF
;


}
.main03--tag {
	clear: both;
	padding-top: 30px
}

#footer ul {
	margin-top: 20px;
	width: 960px;
	border-bottom: 1px solid #333;
	padding-bottom: 20px;
}

#footer ul li {
	width: 316px;
	float: left;
	line-height: 25px;
	color: #f00;
}

#footer ul li:nth-child(odd) {
	width: 410px;
	float: left;
	line-height: 25px;
	color: #f00;
}

#footer ul li:nth-child(even) {
	width: 420px;
	float: right;
	margin-left: 117px;
}

#footer ul li a { /* border-left: 1px solid #333; */
	/* border-right: 1px solid #333; */
	padding-right: 4px;
	padding-left: 4px;
	height: 14px;
	display: inline-block;
	line-height: 14px;
	color: #333;
}

#footer ul li a:hover {
	color: #066;
	font-weight: bold;
}

#footer ul li a+a {
	border-left: 2px solid #717070;
}

#footer p {
	clear: both;
	padding-bottom: 14px;
	padding-top: 14px;
	text-align: center;
	border-bottom: 10px solid #666;
	margin-bottom: 10px;
}
#footer .em{
	color:#066;
	font-weight: bold;
	text-decoration: underline
}
/*Navi*/
.header--mainnav__temp {
	position: absolute; ///////////////
	height: 180px;
	background-color: #FFF;
	z-index: 999;
}

.header--mainnav__tag__temp {
	width: 123px;
	float: left; 
	http://ya-town.com
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	border-right: none;
	background-color: #FFF;
}

.header--mainnav__tag__temp span {
	display: block;
	width: 111px;
	background-color: #066;
	color: #FFF;
	padding-left: 12px;
}

.header--mainnav__tag__temp ul li a {
	color: #666;
}

.header--mainnav__tag__temp ul li a:hover {
	color: #066;
	font-weight: bold;
}

.header--mainnav__tag__temp ul {
	width: 123px;
	float: left;
	padding: 5px;
}

.h.header--mainnav__tag__temp ul li {
	float: none;
}

.header--mainnav__tag__temp ul li a:hover {
	background: none;
}

.header--mainnav__temp:hover {
	dispaly: block !important;
}

.header--mainnav--life {
	margin-left: -401px;
}

.header--mainnav--art {
	margin-left: -65px;
}

.header--mainnav--sport {
	margin-left: -399px;
}
/*Theme*/

/*top nav*/
.top{
	margin-top: -34px;
	width: 100%;
	background-color: #ccc;
	height: 34px;
	position: fixed;
	z-index: 10000;
}
.top_inner{
	width:960px;
	margin:0 auto;

}
.top_inner ul{
	/* float: right; */
}
.top_inner ul li{
	float: left;	
	/* padding:0 25px; */
}.top_inner ul li+li a{
	
}
.top_inner ul li:nth-child(1){
	///////////////background-image: url(../images/icon/cart_b.png);
	background-repeat: no-repeat;
	background-position-y: 9px;
	text-indent: 8px;
}
.top_inner ul li:nth-child(2){
	///////////////background-image: url(../images/icon/star_w.png);
	background-repeat: no-repeat;
	background-position-y: 9px;
}
.top_inner ul li:nth-child(3){
	padding:0 5px;
}
.top_inner ul li:nth-child(4){
	padding:0 5px;
}


.top_inner ul li a{
	color:#066;
	line-height: 34px;
}
.top_inner ul li a:hover{
	color:#000;
}
.side{
	float: right;
}
.hot_tag{
	text-indent: 36px;
margin-top: 7px;
background-image: url(../images/icon/hot.png);
background-repeat: no-repeat;
background-position-y: 1px;
}
.hot_tag a{
	color: #666;
	font-size: 12px;
	margin: 0 2px;
}
.red_p{
	float: right;
	color: #066 !important;
	font-size: 14px !important;
}
.top_ads {
	float: right;
	width: 280px;
	height: 75px;
	background-color: #666;
	margin-top: 19px;
}

/* Information */

#information {
	padding: 10px;
	margin: auto;
	width: 960px;
}

#information h1 {
	background: #f6f6f6;
	border-left: 10px solid #f00;
	padding: 0 10px;
}

.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom: 1;
}
der--mainnav__tag__temp ul {
	padding: 0px;;
}
der--mainnav__tag__temp ul {
	width: 39px;;;
}