*{
	margin: 0;
	padding: 0;
}
html{
	font-family:Arial, Helvetica,"敺株��迤暺煾��","暺煾��",sans-serif;
	-webkit-text-size-adjust:none;

}
body{}

a{text-decoration:none;}

/*======獢峕�笔�芸��=========*/

			
/* 銝餃�� */
	

		
header{	
	width: 100%;
	height:auto;
}

header h1 {
	height: 0;
	background-image:url(../img/header_bg01.jpg);
	background-position:center center;
	padding-bottom: 23.85%;
	background-size: cover;
	text-indent: -9999px;
	
}

/* �詨鱓 */
.nav{
	width: 100%;
	height: 68px;
	background: rgba(255, 255, 255, 0.9) url(../images/nav_bg.png) repeat left top;
	padding: 10px 0px 10px 0px;
}
.nav > ul{
	width: 1000px;
	height: auto;
	margin: 0px auto;
	

}
.nav > ul > li{float: left; margin-right: 1%;}
.nav > ul > li:last-child{margin-right: 0px;}
.nav > ul > li > a{
	display: block;
	font-size: 22px;
	text-align: center;
	line-height: 45px;
	letter-spacing: 1px;
	color: #268ba1;
	background-color: white;
	text-shadow: rgba(255, 255, 255, 0.5) 0px 0px 15px, rgba(255, 255, 255, 0.5) 0px 0px 10px;
	border-radius: 26px;
	padding: 0px 14px;
}
.nav > ul > li > a:hover{ background-color: transparent;
    border: 2px dotted #3583fb;}

/* table 1 銵𣬚�钅�典� */
.container,.container2{
	clear: both;
	width: 100%;
	height: auto;
	margin:0 auto;
	background-color: #d5f0f6;
	}
.content,.content2{
	width: 950px;
	height: auto;
	margin: 0px auto;
}
.content .sale,.content2 .sale{
	display: block;
	width: 100%;
	height: auto;
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	color: #ff4040;
	margin: 0px auto 20px auto;
}
.content .box,.content2 {
	width: 1000px;
	height: auto;
	overflow: hidden;
}

.summer {
    width: 100%;
	
    height:auto;
	overflow: hidden;
    margin-bottom:12px;
}


.content .box h1,.content2 .summer h1{
	display: block;
	width: 100%;
	height: auto;
	line-height: 38px;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 2px;
	text-align: center;
	text-shadow: 1px 1px #d5f0f6;
	color: #2f8294;
	background: url(../images/h1_bg.png) repeat left top;
    margin-top:20px;
}


/* �批捆����碶�𦠜���� */
.content2 .summer .boxpic{
	display: inline-block;
	width: 46%;
	min-height: 420px;
	background-color: white;
    border: 1px solid #83b9c5;
	margin: 20px 0px 0px 20px;
}
.content2 .summer .boxpic .pic{width: 100%; height: auto; overflow: hidden; margin: 0px 0px 5px 0px;}
.content2 .summer .boxpic .pic img{display: block; width: 100%; height: auto;}
.content2 .summer .boxpic .word{width: 90%; height: auto; padding: 12px 15px; background-color: #fff;}
.content2 .summer .boxpic .word > h3{
    border-radius: 8px;
    background-color: #5fb741;
    display: inline-block;
    width: 100%;
    height: auto;
    font-size: 20px;
	line-height:30px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    margin: 8px 8px 12px 12px;
	}
.content2 .summer .boxpic .word > h4{
	display:inline-block;
	width: 100%;
	height: auto;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 1px;
	color: #2d641b;
	border-left: 0px;
    border-right: 0px;
	margin: 0px 0px 5px 0px;
}
.content2 .summer .boxpic .word p{
	font-size: 14px;
	text-align: justify;
	line-height: 32px;
	color: black;
	margin: 0px 0px 10px 0px;
}
/* �批捆����� */
.content .goods{
	width: 100%;
	height: auto;
	border-bottom: 2px dotted #90cae7;
	padding: 20px 0px 10px 0px;
	overflow: hidden;
    position: relative;
}
.content .goods > a{
	display: block;
	max-width: 84%;
	float: left;
	font-size: 21px;
	letter-spacing: 1px;
	color: black;
	text-decoration:none;
}
.content .goods > a:hover{
	text-decoration:underline;
	color:dimgray;
}
.content .goods .price{
	min-width: 145px;
	float: right;
	text-align: right;
	font-size: 32px;
	font-weight: bold;
	line-height: 32px;
	color: #1083c4;
    position: absolute;
    bottom: 5px;
    right:3px;
}
.content .goods .price:before{
	content: "$";
	font-size: 14px;
	font-weight: normal;
}
.content .goods .price:after{
	content: "��韏�";
	font-size: 14px;
	font-weight: normal;
}
.content .goods .date{
	float: left;
	min-width: calc(100% - 200px);
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	color: #0b7222;
	margin-top: 8px;
}
.content .goods .date span.start{
	display: inline-block;
	font-size: 12px;
	color: white;
	background-color: #5fb741;
	padding: 0px 10px;
	margin-right: 5px;
	border-radius: 10px;
}
.content .goods .date a{color: #005e15; margin-left: 5px;}
.content .goods .date a:hover{text-decoration: underline;}

/* gotop */
#gotop {
    display: none;
    position:fixed;
    bottom: 50px;
    margin-left:80%;
    text-decoration: none;
    height:50px;
    width:50px;
    z-index: 1001;
    display: block;
	background-image:url(../img/goTop.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    cursor: pointer;
}
#gotop:hover {
    background-position: 0px -50px;
}


/* �剔車鈭日�𡁜極��*/
.container3{
	overflow:hidden;
	clear:both;
	background-color: #6ec8fd;
	width:100%;
	height: auto;
	margin:0 auto;
	}
.container3 .transportation{
	width: 950px;
	height: auto;
	margin: 0px auto;
	padding-bottom:50px
	}

.container3 .transportation .title{
	width: 100%;
	height: auto;
}

.container3 .transportation .title h1{
	display: block;
	width: 100%;
	height: auto;
	line-height: 38px;
	font-size: 20px;
	letter-spacing: 2px;
	text-align: center;
    text-shadow: 1px 1px #2a86bc;
	color: #fff;
	margin:20px;
}
.container3 .transportation  .title h2{
	font-size:13px;
	text-align:center;
    line-height: 32px;
    color: black;
	margin:10px;
    }
.container3 .transportation .box{
	width:100%;
    background-color: #fff;
	border-radius: 12px;

}

.container3 .transportation .box .left,
.container3 .transportation .box .center,
.container3 .transportation .box .right{
    display: inline-block;
    width: 22.2%;
    height: auto;
    text-align: center;
    margin: 42px;
	}
.container3 .transportation .box .left h1,
.transportation .box .center h1,
.transportation .box .right h1{
	text-indent:-9999px;
	}
.container3 .transportation .box .left h2,
.transportation .box .center h2,
.transportation .box .right h2{
	width:180px;
	height:240px;
	}
.container3 .transportation .box .left h3,
.transportation .box .center h3,
.transportation .box .right h3{
	width:180px;
	height:32px;
	line-height:35px;
	background-color:#6bbf55;
	border-radius: 6px;
	box-shadow:2px 2px 2px #659757;
	text-align:center;
	text-shadow:2px 2px 2px #39c615;
	color:#fff;
	margin:12px;
	}
.container3 .transportation .box .left p,
.transportation .box .center p,
.transportation .box .right p{
	width:180px;
	height:32px;
	line-height:35px;
	border-radius: 6px;
	text-align:center;
	color:#333;
	margin:12px;;
	}
.box .take{
	width:100%;
	height:0;
	padding-bottom:42.5%;
	background-image:url(../img/map.jpg);
	background-size:cover;
	}

.box .take h1{
	text-indent:-9999px;
	}


/*.lt {
    width: 33%;
}
.ct {
    width: 33%;
}
.rt {
    width: 33%;
}*/

/* 擳���𤤿�见控暺煾��*/
.container4{
	overflow:hidden;
	clear:both;
	background-color: #43a2da;
	width:100%;
	height: auto;
	margin:0 auto;
	}
.container4 .season{
	background-color:#43a2da;
	width: 950px;
	height: auto;
	margin: 0px auto;
	}
.container4 .season .title{
	width: 100%;
	height: auto;
	}

.container4 .season{
	width: 950px;
    /*width:1200px;*/
	height: auto;
	margin: 0 auto;
	padding-bottom:50px
	}

.container4 .season .title{
	width: 100%;
	height: auto;
}

.container4 .season .title h1{
    line-height: 80px;
	font-size: 20px;
	letter-spacing: 2px;
	text-align: center;
    text-shadow: 1px 1px #2a86bc;
	color: #fff;
	margin:10px;
}
.container4 .season .title h2{
	line-height: 40px;
	font-size: 18px;
	letter-spacing: 2px;
	text-align: center;
    text-shadow: 1px 1px #2a86bc;
	color: #fff;}

.container4 .season  .title p{
	font-size:13px;
	text-align:center;
    line-height: 32px;
    color: #f7ebc0;
    margin-bottom: 20px;
    }

.season .summer #left,.season .summer #center,.season .summer #right{
    display: inline-block;
	/*width:280px;*/
    width: 33%;
	height:220px;
    text-align: center;
	padding:30px 16px ;

	}
.season .summer #lt,.season .summer #ct,.season .summer #rt{
    display: inline-block;
	/*width:280px;*/
    width: 33%;
	height:220px;
    text-align: center;
	}
	
.season .summer #left img,
.season .summer #center img,
.season .summer #right img{
	width:280px;
    /*width: 100%;*/
	height:220px;
    box-shadow: 1px 1px  #698595;
	
	}
.season .summer #lt img,
.season .summer #ct img,
.season .summer #rt img{
	width:280px;
    
	height:220px;
    box-shadow: 1px 1px  #698595;
		
	}
.season .summer #left h1 ,
.season .summer #center h1 ,
.season .summer #right h1 {
	background-color:#FFFFFF;
	width:280px;
	height:50px;
	color:#248cca;
	font-size:20px;
	line-height:40px;
	box-shadow: 3px 3px 8px #43a2da;
	}
.season .summer #lt h1 ,
.season .summer #ct h1 ,
.season .summer #rt h1 {
	background-color:#FFFFFF;
	width:280px;
	height:45px;
	color:#248cca;
	font-size:20px;
	line-height:44px;
	box-shadow: 3px 3px 8px #43a2da;
	/*margin: 12px 0px;*/
    margin-top:12px;
    margin-bottom:12px;
    margin-left:16px;
	}
/* ==�抒��鸌���============================ */
/*#left, #center, #right, #new{
			-webkit-transform:all .3s linear;
			-moz-transition: all .3s linear;
			-ms-transition: all .3s linear;
			transform:all .3s linear;
}
#lt, #ct, #rt, #new{
			-webkit-transform:all .3s linear;
			-moz-transition: all .3s linear;
			-ms-transition: all .3s linear;
			transform:all .3s linear;
}
			
#left:hover, #center:hover, #right:hover, #new:hover {
			-webkit-transform:scale(1.1);
			-moz-transform:scale(1.1);
			-ms-transform:scale(1.1);
			transform:scale(1.1);
}
#lt:hover, #ct:hover, #rt:hover, #new:hover {
			-webkit-transform:scale(1.1);
			-moz-transform:scale(1.1);
			-ms-transform:scale(1.1);
			transform:scale(1.1);
}*/
/* ==container5=========================== */
.container5{
	overflow:hidden;
	clear:both;
	width:100%;
	height: auto;
	margin:0 auto;
	background-color:#6ec8fd;
	
}
.container5 .Kagaya{
	width: 950px;
	height: auto;
	margin: 0px auto;
	}
.container5 .Kagaya .title{
	width: 100%;
	height: auto;
}
.container5 .Kagaya .title h1{
    line-height: 60px;
    font-size: 18px;
    letter-spacing: 2px;
    text-align: center;
    color: #063d5d;
    margin:20px;
	}
.container5 .Kagaya .title h2{
	line-height: 40px;
	font-size: 14px;
	letter-spacing: 2px;
	color: #4e5a61;
	margin:20px;
}
#new{
	border: 1px solid #666666;
	display:inline-block;
	width:414px;
	height:362px;
	margin:20px;
	}
/*======================================================��𧢲�毺��======================================================*/
@media screen and (max-width:1079px){
	
/* 銝餃�� */
	

		
header{	
	width: 100%;
	height:auto;
}

header h1 {
	height: 0;
	background-image: url(../img/head_sp.jpg);
	background-position:center center;
	padding-bottom: 100%;
	background-size: cover;
	text-indent: -9999px;
	
}
	
/* �詨鱓 */
.nav{
	width: 100%;
	height: auto;
}
.nav > ul{width: 80%;}
.nav > ul > li{float: none; padding: 2px 0px; margin-right: 0px;}
.nav2 > ul{display: none;}
	
	
/* table 1 銵𣬚�钅�典� */
.container,.container2{
	width: 100%;
	height: auto;
	}
.content,.content2{
	width: 100%;
	height: auto;
}
.content .sale,.content2 .sale{
	width: 100%;
	height: auto;
}
.content .box,.content2 .summer{
	width: 100%;
	height: auto;
}
.content .box h1,.content2 .summer h1{
    width: 100%;
    height: auto;
    line-height: 38px;
    font-size: 1.4em;
}


/* �批捆����碶�𦠜���� */
.content2 .summer .boxpic{
	width: 90%;
	height:auto;
}
.content2 .summer .boxpic .pic{
	width: 100%; 
	height: auto; 
	}
.content2 .summer .boxpic .pic img{
	width: 100%; 
	height: auto;
	}
.content2 .summer .boxpic .word{
	width: 90%; 
	height: auto; 
    margin: 8px -2px;
	background-color: #fff;
	}
.content2 .summer .boxpic .word > h3{
    width: 100%;
    height: auto;
    font-size: 1.4em;
    line-height: 40px;
    color: #fff;
    margin: 8px -2px;
	}
.content2 .summer .boxpic .word > h4{
    width: 100%;
    height: auto;
    font-size: 1.1em;
	margin: 0.6em;
}
.content2 .summer .boxpic .word p{
    font-size: 1em;
    line-height: 2.4em;
}
/* �批捆����� */
.content .goods{
	width: 100%;
	height: auto;
	border-bottom: 2px dotted #90cae7;
	padding: 20px 0px 10px 0px;
	overflow: hidden;
    position: relative;
}

.content .goods > a{
	display: block;
	max-width: 84%;
	float: left;
	font-size: 21px;
	letter-spacing: 1px;
	color: black;
	text-decoration:none;
}
.content .goods > a:hover{
	text-decoration:underline;
	color:dimgray;
}
.content .goods .price{
	min-width: 145px;
	float: right;
	text-align: right;
	font-size: 32px;
	font-weight: bold;
	line-height: 32px;
	color: #1083c4;
    position: absolute;
    bottom: 5px;
    right:3px;
}
.content .goods .price:before{
	content: "$";
	font-size: 14px;
	font-weight: normal;
}
.content .goods .price:after{
	content: "��韏�";
	font-size: 14px;
	font-weight: normal;
}
.content .goods .date{
	float: left;
	min-width: calc(100% - 200px);
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	color: #0b7222;
	margin-top: 8px;
}
.content .goods .date span.start{
	display: inline-block;
	font-size: 12px;
	color: white;
	background-color: #5fb741;
	padding: 0px 10px;
	margin-right: 5px;
	border-radius: 10px;
}
.content .goods .date a{color: #005e15; margin-left: 5px;}
.content .goods .date a:hover{text-decoration: underline;}

/* gotop */
#gotop {
    display: none;
    position:fixed;
    bottom: 50px;
	margin-left:300px;
    text-decoration: none;
    height:50px;
    width:50px;
    z-index: 1001;
    display: block;
	background-image:url(../img/goTop.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    cursor: pointer;
}
#gotop:hover {
    background-position: 0px -50px;
}


/* �剔車鈭日�𡁜極��*/
.container3{
	width:100%;
	height: auto;

	}
.container3 .transportation{
	width: 100%;
	height: auto;
	}

.container3 .transportation .title{
	width: 100%;
	height: auto;
}

.container3 .transportation .box{
	width: 80%;
    height: auto;
    margin: 2.4em;	
}

.container3 .transportation .box .left,
.container3 .transportation .box .center,
.container3 .transportation .box .right{
    width: 100%;
    height: auto;
	}
.box .take{
	display:none;
	}
    .summer {
        height:315px;
    }
/* 擳���𤤿�见控暺煾��*/
.container4{
	width:100%;
	height: auto;
	}
.container4 .season{
	width:100%;
	height: auto;
	}
.container4 .season .title{
	width:100%;
	height: auto;
	}

.container4 .season{
	width:100%;
	height: auto;
	}

.container4 .season  .title p{
    width: 88%;
    height: auto;
    margin: 20px;
    }

.season .summer #left,.season .summer #center,.season .summer #right{
	width:98%;
	height: auto;
		}
.season .summer #lt,.season .summer #ct,.season .summer #rt{
	width:98%;
	/*height: auto;*/
    height:350px;
	}
	
.season .summer #left img,
.season .summer #center img,
.season .summer #right img{
	width:98%;
	height: auto;
	}
.season .summer #lt img,
.season .summer #ct img,
.season .summer #rt img{
	width:86%;
	height: auto;
	}
.season .summer #left h1 ,
.season .summer #center h1 ,
.season .summer #right h1 {
	width:98%;
	height: auto;
	}
.season .summer #lt h1 ,
.season .summer #ct h1 ,
.season .summer #rt h1 {
    width: 86%;
    height: auto;
    margin-left: 24px;
    line-height: 34px;
	}
/* ==�抒��鸌���============================ */
#left, #center, #right, #new{
			-webkit-transform:all .3s linear;
			-moz-transition: all .3s linear;
			-ms-transition: all .3s linear;
			transform:all .3s linear;
}
#lt, #ct, #rt, #new{
			-webkit-transform:all .3s linear;
			-moz-transition: all .3s linear;
			-ms-transition: all .3s linear;
			transform:all .3s linear;
}
			
#left:hover, #center:hover, #right:hover, #new:hover {
			-webkit-transform:scale(1.1);
			-moz-transform:scale(1.1);
			-ms-transform:scale(1.1);
			transform:scale(1.1);
}
#lt:hover, #ct:hover, #rt:hover, #new:hover {
			-webkit-transform:scale(1.1);
			-moz-transform:scale(1.1);
			-ms-transform:scale(1.1);
			transform:scale(1.1);
}
/* ==container5=========================== */
.container5{
	width:100%;
	height: auto;
	
}
.container5 .Kagaya{
	width:100%;
	height: auto;
	}
.container5 .Kagaya .title{
	width: 100%;
	height: auto;
}


#new{
	width:88%;
	height: auto;
	}


}