/* CSS Document */
/****固定板型****/
#container-outter{
	max-width:1360px;
	display:block;
	margin:0 auto;
	height:auto;
}
#main{
	width:100%;
	max-width:960px;
	display:block;
}
#container{
	display:inline-block;
	float:left;
	position:relative;}
#promote_footer{
	position:absolute;
	bottom:0px;
	left:0px;
}
.left-tab{margin-right:10px; width: 160px;}
#container-r2{ width:220px; box-sizing:border-box; -moz-box-sizing:border-box;}
.ad16-1 {
    width: 220px;
    display: block;
	max-height: 220px;
}
.ad16-6 {
    width: 220px;
    max-width: 220px;
}
.ad16-6 li{width:33.33333%; width: calc(100%/3); box-sizing: border-box; -moz- box-sizing: border-box; padding:1px; margin:0;}
.inthen { width: 0; height: 0; float: left; text-indent: -9999px;  display: block; position: relative;}
/****固定板型end****/
.w45{ width:45%;} .w55{ width:55%;}
#main{ width:100%; display:block; background-image: url(../images/gift/gift_bgc_03.jpg); background-repeat:repeat-y; background-position:center -10px; padding:1em 0; max-width:960px; margin:0 auto; overflow:hidden; text-overflow : ellipsis;}
.ad-area {width:100%; display:block;}
.box{display:block; box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
.bgc_gift{ background-color:rgba(102,35,0,0.85); color:#fff;}
#gift_about{margin-bottom:1em;}
#gift_about .h1_icon{background-color:rgba(102,34,0,0.3); display:block; width:12.5px; height:45px; float:left; margin-left:0.5em;}
#gift_about .bgc_gift{ width:300px; height:45px; display:block; float:left;}
#main h1,#main h2,#main h3,#main h4{ font-weight:bold;}
#main h1{font-size:2em;}
#gift_about .price{color:#fff; padding-left:3em; line-height:48px;}
#gift_product{ border:medium solid #917C5C; display:block; margin:1.5em; padding:1em 20px; border-radius:15px; background-color:rgba(255,255,255,0.8); position:relative;}
#gift_product select{ height:2em;}
#gift_title{position:absolute; top:3em; left:-5%;}
#gift_about p{ font-size:1.3em; line-height:1.75em; text-indent:2em;}

/*******pro_list*****/
#pro_list{margin-top: 10px;}
#pro_list li{display:block; margin:2.5px 0; background: #fff; border-right:1px solid #e4e4e4; }
#pro_list li:last-child{border-right:none;}
#pro_list li a{color:#000;}
.pro_title h2, .pro_title h3{ text-align:center; margin:0.15em 0; padding:0.25em 0;}
#pro_list .pro_title{ margin:0.5em 0;}
.pro_title h2{font-size:1.3em;}
.pro_title h3{color:#662200; font-size:1.2em;}
#pro_list p{ font-size:1em; font-weight:bold; padding:0 0.5em;}


/******list-img*********/
#pro_list li .pro_img{ width:50%; display:block; position:relative; background:#fff;}
#pro_list li .pro_img h3{ position:absolute; top:0.5em; left:0.5em; 
    position: absolute;
    top: 0.2em;
    left: 0.5em;
    color: #ccc;
    font-weight: normal;}
.pro_img img{ display:block; margin:0 auto; width:100%;}
.tc_r{color:red;}
.sale-icon{position: absolute; bottom: 0; left: 0;}

/*****list-content*******/
.on-sale{width: 50%; margin:0; padding-left:3px; box-sizing: border-box; -webkit-box-sizing:border-box; overflow: hidden;}
.on-sale>a>h2,.on-sale>a>div{margin: 5% 0;}
.on-sale>a>h2{margin-top: 10px;}
#pro_list .on-sale *{color:#000; font-family:"微軟正黑體"; white-space: nowrap;}
#pro_list .price{font-size: 1.45em; margin-right:5px; color:#d10808; font-weight: bolder;}
#pro_list .qn{font-size: 0.8em;}
#pro_list .see_more{font-size: 1em; margin-top: 15px; color:#0b90cb;}

.w66{width:66.66666%}
#tab-ul{
	width:33.333%;
	height:auto;
	max-height:235px;
	padding:0.2em;
	box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;
}
.ad-area{padding:0 1em;}
#tab-ul ul li{
	width:33.33333%;
	display:block;
	color:rgb(0, 136, 232);
	box-shadow:1px 1px 3px #666;
}
#tab-ul li div{margin:0.125em; padding:0.2em 0.5em; background-color:rgba(255,255,255,0.8); box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
#tab-ul li img{margin:0 auto;}
/*#pro_list{word-break:keep-all; text-overflow : ellipsis; white-space : nowrap; overflow:hidden;}*/
#pro_list li p{word-break:normal; text-overflow : ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden;}
#banners{
	box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
.ui-banner .ui-banner-slides,.ui-banner .ui-banner-slogans{ box-shadow:1px 1px 3px #666;}
#pro_list .special{ display: inline-block;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b99b6a+0,a1652f+100 */
background: #b99b6a; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #b99b6a 0%, #a1652f 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #b99b6a 0%,#a1652f 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #b99b6a 0%,#a1652f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b99b6a', endColorstr='#a1652f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    padding: 0.5em;
    border-radius: 10px;
    margin-bottom: 5px;
	border:thin solid #7F4E20;}
#pro_list h2 + p{letter-spacing: 1px; min-height:38px;}

/****20180212新增***/
#gift_about + div.w100{padding-bottom: 5px; border-bottom: 2px double rgba(255, 157, 0, 0.17); }
#gift_about + div.w100 span:first-child{margin-right: 50px;}
#gift_about + div.w100 label{font-weight: bold; color: #fc6f3c; font-size: 1.35em;}
#gift_product select {border: 2px solid #ff8000; font-size: 1.05em; box-shadow: 2px 2px 3px rgba(165, 164, 164, 0.76); color: #26223b; border-radius: 5px;}


@media only screen and (max-width: 1365px){
#container-r2{display:none;}	
}
@media only screen and (max-width: 1140px){
#left_ad{display:none;}
#container{max-width:1140px;}
#gift_about p{
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 8;
	-webkit-box-orient: vertical;
	font-size:1em;
}
}
@media only screen and (max-width: 768px) and (min-width: 500px){
    #pro_list ul li{width: 50%;}
}
@media only screen and (max-width: 500px){
#pro_list ul li{width:100%;}
#gift_about .bgc_gift{width:90%; padding-left:0;}
}