/* hide clouds in iPad */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	.clouds1 { display:none; }
	.clouds2 { display:none; }
	.clouds3 { display:none; }
	.clouds4 { display:none; }
	.clouds5 { display:none; }
	.clouds6 { display:none; }
}

.scrollAreaDiv
{
    width:1000px;
	float:left;
}
.floatDescription
{
    width:290px; 
	height:454px;
	margin:30px 20px;
	padding:20px; 
	float:left; 
	background-color:#e9e7d7; 
	overflow:hidden;
	filter:Alpha(opacity=85);
    opacity:0.85;
}
.floatDescription:hover 
{
	filter:Alpha(opacity=100);
    opacity:1; 
}
.floatDescription_content
{
    line-height:180%;
	font-size:12px;
	color:#373737;
	padding:10px 0;
	text-indent:25px;
	word-wrap: break-word;
	height:220px;
}
.despcriptionSmallImg
{
    width:290px;
	height:114px;
	text-align:center;
}
.despcriptionSmallImg img
{
    width:290px;
	height:114px;
	overflow:hidden;
	text-align:center;
}
.nextArrow
{
    width: 46px;
    height: 81px;
    background: url(/Includes/images/arrowRight.png) no-repeat 50% 50%;
    top: 237px;
    right: 15px;
    position: absolute;
    cursor: pointer;
    position: absolute;
    z-index: 10;
 }
 
 /* float clouds on PC */
 .clouds1
{
    position:absolute;
    width:276px;
    height:141px;
    background: url(/Includes/images/Clouds/clouds0001.png) no-repeat 0 0;
    left:720px;
    top:0;
    -webkit-animation-name:clouds1;/*动画属性名*/ 
    -webkit-animation-duration: 100s;/*动画持续时间*/ 
    -webkit-animation-timing-function: linear; /*动画频率，和transition-timing-function是一样的*/ 
    -webkit-animation-delay: 0s;/*动画延迟时间*/ 
    -webkit-animation-iteration-count: infinite;/*定义循环次数，infinite为无限次*/ 
    -webkit-animation-direction: normal;/*定义动画方式*/ 
    -moz-animation-name:clouds1;/*动画属性名*/ 
    -moz-animation-duration: 100s;/*动画持续时间*/ 
    -moz-animation-timing-function: linear; /*动画频率，和transition-timing-function是一样的*/ 
    -moz-animation-delay: 0s;/*动画延迟时间*/ 
    -moz-animation-iteration-count: infinite;/*定义循环次数，infinite为无限次*/ 
    -moz-animation-direction: normal;/*定义动画方式*/ 
}
@-webkit-keyframes clouds1 
{ 
    from {left: 1000px;} 
    to {left: -276px;} 
}
@-moz-keyframes clouds1 
{ 
    from {left: 1000px;} 
    to {left: -276px;} 
}

 .clouds2
{
    position:absolute;
    width:224px;
    height:106px;
    background: url(/Includes/images/Clouds/clouds0002.png) no-repeat 0 0;
    left:700px;
    top:65px;
}
 .clouds3
{
    position:absolute;
    width:371px;
    height:130px;
    background: url(/Includes/images/Clouds/clouds0003.png) no-repeat 0 0;
    left:130px;
    top:50px;
    -webkit-animation-name:clouds3,clouds31;/*动画属性名*/ 
    -webkit-animation-duration: 80s,100s;/*动画持续时间*/ 
    -webkit-animation-timing-function: linear; /*动画频率，和transition-timing-function是一样的*/ 
    -webkit-animation-delay: 0s,80s;/*动画延迟时间*/ 
    -webkit-animation-iteration-count: 1,infinite;/*定义循环次数，infinite为无限次*/ 
    -webkit-animation-direction: normal;/*定义动画方式*/ 
    -moz-animation-name:clouds3,clouds31;/*动画属性名*/ 
    -moz-animation-duration: 80s,100s;/*动画持续时间*/ 
    -moz-animation-timing-function: linear; /*动画频率，和transition-timing-function是一样的*/ 
    -moz-animation-delay: 0s,80s;/*动画延迟时间*/ 
    -moz-animation-iteration-count: 1,infinite;/*定义循环次数，infinite为无限次*/ 
    -moz-animation-direction: normal;/*定义动画方式*/ 
}
@-webkit-keyframes clouds3
{ 
    from {left: 130px;} 
    to {left: -371px;}
}
@-webkit-keyframes clouds31
{ 
    from {left: 1000px;} 
    to {left: -371px;}
}
@-moz-keyframes clouds3
{ 
    from {left: 130px;} 
    to {left: -371px;} 
}
@-moz-keyframes clouds31
{ 
    from {left: 1000px;} 
    to {left: -371px;}
}

 .clouds4
{
    position:absolute;
    width:133px;
    height:79px;
    background: url(/Includes/images/Clouds/clouds0004.png) no-repeat 0 0;
    left:500px;
    top:0;
    -webkit-animation-name:clouds4,clouds41;/*动画属性名*/ 
    -webkit-animation-duration: 70s,70s;/*动画持续时间*/ 
    -webkit-animation-timing-function: linear; /*动画频率，和transition-timing-function是一样的*/ 
    -webkit-animation-delay: 0s,70s;/*动画延迟时间*/ 
    -webkit-animation-iteration-count: 1,infinite;/*定义循环次数，infinite为无限次*/ 
    -webkit-animation-direction: normal;/*定义动画方式*/ 
    -moz-animation-name:clouds4,clouds41;/*动画属性名*/ 
    -moz-animation-duration: 70s,70s;/*动画持续时间*/ 
    -moz-animation-timing-function: linear; /*动画频率，和transition-timing-function是一样的*/ 
    -moz-animation-delay: 0s,70s;/*动画延迟时间*/ 
    -moz-animation-iteration-count: 1,infinite;/*定义循环次数，infinite为无限次*/ 
    -moz-animation-direction: normal;/*定义动画方式*/ 
}
@-webkit-keyframes clouds4
{ 
    from {left: 500px;} 
    to {left: -133px;} 
}
@-webkit-keyframes clouds41
{ 
    from {left: 1000px;} 
    to {left: -133px;} 
}
@-moz-keyframes clouds4
{ 
    from {left: 500px;} 
    to {left: -133px;} 
}
@-moz-keyframes clouds41
{ 
    from {left: 1000px;} 
    to {left: -133px;} 
}
 .clouds5
{
    position:absolute;
    width:215px;
    height:114px;
    background: url(/Includes/images/Clouds/clouds0005.png) no-repeat 0 0;
    left:750px;
    top:180px;
    -webkit-animation-name:clouds5,clouds51;/*动画属性名*/ 
    -webkit-animation-duration: 150s,150s;/*动画持续时间*/ 
    -webkit-animation-timing-function: linear; /*动画频率，和transition-timing-function是一样的*/ 
    -webkit-animation-delay: 0s,150s;/*动画延迟时间*/ 
    -webkit-animation-iteration-count: 1,infinite;/*定义循环次数，infinite为无限次*/ 
    -webkit-animation-direction: normal;/*定义动画方式*/ 
    -moz-animation-name:clouds5,clouds51;/*动画属性名*/ 
    -moz-animation-duration: 150s,150s;/*动画持续时间*/ 
    -moz-animation-timing-function: linear; /*动画频率，和transition-timing-function是一样的*/ 
    -moz-animation-delay: 0s,150s;/*动画延迟时间*/ 
    -moz-animation-iteration-count: 1,infinite;/*定义循环次数，infinite为无限次*/ 
    -moz-animation-direction: normal;/*定义动画方式*/ 
}
@-webkit-keyframes clouds5
{ 
    from {left: 750px;} 
    to {left: -215px;} 
}
@-webkit-keyframes clouds51
{ 
    from {left: 1000px;} 
    to {left: -215px;} 
}
@-moz-keyframes clouds5
{ 
    from {left: 750px;} 
    to {left: -215px;} 
}
@-moz-keyframes clouds51
{ 
    from {left: 1000px;} 
    to {left: -215px;} 
}
 .clouds6
{
    position:absolute;
    width:205px;
    height:117px;
    background: url(/Includes/images/Clouds/clouds0006.png) no-repeat 0 0;
    left:70px;
    top:240px;
    opacity:0.6;
    -webkit-animation-name:clouds6,clouds61;/*动画属性名*/ 
    -webkit-animation-duration: 90s,90s;/*动画持续时间*/ 
    -webkit-animation-timing-function: linear; /*动画频率，和transition-timing-function是一样的*/ 
    -webkit-animation-delay: 0s,90s;/*动画延迟时间*/ 
    -webkit-animation-iteration-count: 1,infinite;/*定义循环次数，infinite为无限次*/ 
    -webkit-animation-direction: normal;/*定义动画方式*/ 
    -moz-animation-name:clouds6,clouds61;/*动画属性名*/ 
    -moz-animation-duration: 90s,90s;/*动画持续时间*/ 
    -moz-animation-timing-function: linear; /*动画频率，和transition-timing-function是一样的*/ 
    -moz-animation-delay: 0s,90s;/*动画延迟时间*/ 
    -moz-animation-iteration-count: 1,infinite;/*定义循环次数，infinite为无限次*/ 
    -moz-animation-direction: normal;/*定义动画方式*/ 
}
@-webkit-keyframes clouds6
{ 
    from {left: 70px;} 
    to {left: -205px;} 
}
@-webkit-keyframes clouds61
{ 
    from {left: 1000px;} 
    to {left: -205px;} 
}
@-moz-keyframes clouds6
{ 
    from {left: 70px;} 
    to {left: -205px;} 
}
@-moz-keyframes clouds61
{ 
    from {left: 1000px;} 
    to {left: -205px;} 
}


.tree
{
    position:absolute;
    width:1141px;
    height:554px;
    background: url(/Includes/images/Clouds/tree.png) no-repeat 0 0;
    left:0;
    top:0;
}
.tree01
{
    width:138px;
    height:554px;
    background: url(/Includes/images/Clouds/tree_01.png) no-repeat 0 0;
    float:left;
}
.tree02
{
    width:158px;
    height:554px;
    background: url(/Includes/images/Clouds/tree_02.png) no-repeat 0 0;
    float:left;
}
.tree03
{
    width:125px;
    height:554px;
    background: url(/Includes/images/Clouds/tree_03.png) no-repeat 0 0;
    float:left;
}
.tree04
{
    width:43px;
    height:554px;
    background: url(/Includes/images/Clouds/tree_04.png) no-repeat 0 0;
    float:left;
}
.tree05
{
    width:44px;
    height:554px;
    background: url(/Includes/images/Clouds/tree_05.png) no-repeat 0 0;
    float:left;
}
.tree06
{
    width:43px;
    height:554px;
    background: url(/Includes/images/Clouds/tree_06.png) no-repeat 0 0;
    float:left;
}
.tree07
{
    width:46px;
    height:554px;
    background: url(/Includes/images/Clouds/tree_07.png) no-repeat 0 0;
    float:left;
}
.tree08
{
    width:47px;
    height:554px;
    background: url(/Includes/images/Clouds/tree_08.png) no-repeat 0 0;
    float:left;
}
.tree09
{
    width:54px;
    height:554px;
    background: url(/Includes/images/Clouds/tree_09.png) no-repeat 0 0;
    float:left;
}
.tree10
{
    width:55px;
    height:554px;
    background: url(/Includes/images/Clouds/tree_10.png) no-repeat 0 0;
    float:left;
}
.tree11
{
    width:114px;
    height:554px;
    background: url(/Includes/images/Clouds/tree_11.png) no-repeat 0 0;
    float:left;
}
.tree12
{
    width:140px;
    height:554px;
    background: url(/Includes/images/Clouds/tree_12.png) no-repeat 0 0;
    float:left;
}
.tree13
{
    width:134px;
    height:554px;
    background: url(/Includes/images/Clouds/tree_13.png) no-repeat 0 0;
    float:left;
}



.index_container
{
	width:1000px;
	float:left;
	background-color:#fff;
}
.index_left
{
	width:169px;
	height:312px;
	margin:0 3px;
	_margin:0 2px;
	padding:25px 20px;
	float:left;
	background-color:#f1f1f1;
}
.index_right
{
	width:785px;
	height:362px;
	float:right;
}
.search_title
{
	font-size:18px;
	font-weight:bold;
	padding-bottom:15px;
}
.search_category_box
{
	padding_top:15px;
	padding-bottom:15px;
}
.search_way
{
	color:#B80000;
	font-size:14px;
	font-weight:bold;
	padding-bottom:6px;
}
.searchlistUL
{
	padding:0;
	margin:0;
}
.searchlistUL li
{
	list-style:none;
	display:block;
	overflow:hidden;
	background:url(/Includes/images/searchLi_bg.png) no-repeat left 24%;
	font-size: 14px;
	padding:2px 0;
    font-weight: 900;
}
.searchlistUL li a
{
    padding-left: 15px;
    display: block;
}
.wines_hotsale_box
{
	padding:10px 23px 0;
	width:954px;
	float:left;
}
.wines_hotsale_top
{
	border-bottom:1px solid #e9e9e9;
	padding:5px 0;
}
.select_tab
{
	font-size:18px;
	font-weight:bold;
	border-bottom:2px solid #bf1e2e;
	padding:5px 0;
	display:inline;
	cursor:pointer;
	margin-right:20px;
}
.unselect_tab
{
	font-size:12px;
	color:#B80000;
	padding:5px 0px;
	display:inline;
	cursor:pointer;
	margin-right:20px;
}
.tab_content
{
	width:954px;
	margin:10px 0 0;
	float:left;
}
.tab_content_left
{
	width:300px;
	height:251px;
	overflow:hidden;
	border:1px solid #e4e4e4;
	float:left;
	background:url(/Includes/images/hot_bg.jpg);
	position:relative;
}
.wine_top1
{
	position:absolute;
	right:0;
	top:24px;
}
.wine_hotsale_img img
{
	position:absolute;
	left:-20px;
	bottom:-40px;
	height:280px;
	overflow:hidden;
}
.wine_no1_name
{
	position:absolute;
	right:10px;
	top:124px;
	word-wrap: break-word;
	width:160px;
}
.wine_no1_chineseName
{
	font-size:17px;
	color:#323232;
	text-align:left;
	font-weight:bold;
}
.wine_no1_englishName
{
	font-family: 'Eras Light ITC';
	color:#5c5858;
	font-size:12px;
	text-align:left;
	font-weight:bold;
}
.wine_no1_checkMore
{
	position:absolute;
	right:18px;
	bottom:30px;
}
.checkMore_btn
{
	width:67px;
	height:18px;
	background:url(/Includes/images/check_more.png) no-repeat;
	border:none;
	cursor:pointer;
	display:block;
}
.tab_content_right
{
	float:right;
	width:644px;
}
.wines_hotsale_single
{
	width:305px;
	height:117px;
	float:left;
	margin-left:15px;
	_margin-left:10px;
	margin-bottom:15px;
	_margin-bottom:10px;
	border:1px solid #E9E9E9;
}
.hotsaleList_left
{
	width:108px;
	height:117px;
	overflow:hidden;
	position:relative;
	float:left;
}
.wine_hot_img
{
	position:absolute;
	left:0px;
	bottom:-50px;
	width:95px;
	height:162px;
	overflow:hidden;
}
.hotsaleList_right
{
	width:166px;
	height:87px;
	border-left:1px solid #E9E9E9;
	float:right;
	margin:15px 0;
	padding:0 15px;
	position:relative;
}
.hotsaleList_chineseName
{
	font-size:16px;
	color:#323232;
	text-align:left;
	line-height: 120%;
	font-weight:bold;
}
.hotsaleList_englishName
{
	font-family: 'Eras Light ITC';
	color:#5c5858;
	font-size:12px;
	text-align:left;
	line-height: 120%;
	padding-top:5px;
	font-weight:bold;
}
.hotsaleList_checkMore
{
	position:absolute;
	bottom:0;
	right:15px;
}
.wines_visited_single
{
	width:306px;
	height:117px;
	float:left;
	margin-left:5px;
	margin-right:5px;
	_margin-left:4px;
	_margin-right:4px;
	margin-bottom:10px;
	_margin-bottom:8px;
	border:1px solid #E9E9E9;
}