@charset "utf-8";
/* CSS Document */

#Hot_Link a{color:#1544A6;}
#Content {position:relative;z-index:0 !important;z-index:3;}
#Middle{position:relative;float:left;margin-left:0;width:66.5%;}
#Middle_top{position: relative;float: right;width: 82.5%;height: auto;}
#Middle_top .mleft{width: 720px;float: left;}
#Middle_top .mright{width: 193px;float: right;}
#Middle_top .mdown{width: 915px;float: left;}
#Right{position:relative;float:left;width:32%;padding-bottom:40px;z-index:2;margin-left:1%;}
#Right2_2{position:relative;float:right;width:290px;padding-bottom:40px;z-index:2;}
.MySaleUpTable{background:#CCCCCC;border:3px solid #FED14B;}
/*.MySaleUp{background:url(//letaoimg.s3.ap-northeast-1.amazonaws.com/twimg/index/backgound7.jpg)  repeat-x;border:1px solid #FFFFFF;border:#CCCCCC 1px solid;border-width:1 1 1 1;}
*/
.MySaleUp{background-color: #fff;margin-bottom: 25px;}

.MySaleUpInfo_ic{padding:6px 2px 6px 8px;width:5%}
.MySaleUpInfo_p{font-size:13px !important;font-size:13px;}
.MySaleDown_div{width:auto !important;width:100%;border:3px solid #FED14B;border-top:1px;padding:1px;}
.MySaleDown_img{border:0;position:absolute;margin-left:-1px;margin-top:0px !important; margin-top:-1px;}
.MySaleDown{background:url(//letaoimg.s3.ap-northeast-1.amazonaws.com/twimg/index/backgound3.jpg) repeat;}
.MySaleUp a{color:#1544A6;}
.MySaleUp img:hover{opacity: 0.8;}
/* b01 */
.tw_b01{width:495px;height:400px;font-size:12px;color:#1544a6;float:left;
		margin-bottom:25px;}
#tw_b01box{clear:both;/*height:192px;	*/height:185spx;background:#FFF;border-bottom:1px solid #ffd614;border-right:1px solid #ffd614;
		border-left:1px solid #ffd614;overflow:hidden;
	/* 圓角：左上、右上、右下、左下*/	
　	/*	border-radius:0px 0px 5px 5px;  CSS3 (Opera) */
	/*-moz-border-radius:0px 0px 5px 5px;  Mozilla  */
	/*-webkit-border-radius:0px 0px 5px 5px;  WebKit */}

#tw_b01tab ul{list-style-type:none;margin:0px;padding-left:0px;padding-bottom:25px;*padding-bottom:12px;border-bottom:1px solid #ffd614; }
#tw_b01tab ul li{width:75px;float:left;height:25px;background:url(//letaoimg.s3.ap-northeast-1.amazonaws.com/twimg/index/tab01.gif);margin:0px 2px 0px 0px;text-align:center;
				line-height:27px;letter-spacing:0.1em; color:#1544a6;}
#tw_b01tab ul li a {color:#1544a6;text-decoration:none;}
#tw_b01tab ul li a:hover {color:#1544a6;text-decoration: underline;}

#tw_b01tab ul li.tw_b01active{width:75px;float:left;height:25px;color:#000000;font-weight:bold;border-bottom:1px solid #FFF;
								background-image: url(//letaoimg.s3.ap-northeast-1.amazonaws.com/twimg/index/tab.gif);}
.tw_b01box{padding:10px 5px 5px 0px;}
.tw_b01box ul{list-style:none;padding:0;margin:0 0 0 18px;}	
.tw_b01box ul li{width:125px;float:left;margin-right:30px;margin-bottom:10px;}
.tw_b01img{width:145px;height:120px;margin-bottom:3px;border:#CCCCCC 1px solid;text-align:center;line-height:100px;padding-top:5px;}
.tw_b01h3{width:145px;height:auto;margin-bottom:5px;line-height:200px;}
.tw_b01box ul li h3{padding:2px 0 0px 0;margin:0;color:#4b423b;font-size:11px;font-weight:100;line-height:16px;height:37px;overflow:hidden;}
.tw_b01box ul li h3 a:link{color:#4b423b;text-decoration:none;}
.tw_b01box ul li h3 a:hover{color:#4b423b;text-decoration:underline;}
.tw_b01box ul li h3 a:visited{color:#4b423b;text-decoration:none;}
.tw_b01price{color:#f3005e;text-align:right;font-size:12px;}
.tw_b01priceB{font-size:15px;color:#ff4b4b;line-height:150%;}
.tw_b01priceC{font-size:11px;color:#888888;}
/* b02 */
.tw_b02{width:280px;height:220px;float:right;font-size:12px;color:#1544a6;}
.tw_b02main{height:192px;background:#FFF;border:1px solid #d8d8d8;
/* 圓角：左上、右上、右下、左下*/	
　	border-radius:0px 0px 5px 5px; /* CSS3 (Opera) */-moz-border-radius:0px 0px 5px 5px;/* Mozilla  */
	-webkit-border-radius:0px 0px 5px 5px; /* WebKit */}
.tw_b02main ul{padding:0;margin:13px 10px 10px 10px;}
.tw_b02main ul li{padding:0;margin:0;list-style:none;width:260px;height:75px;}
.tw_b02img{height:75px;width:100px;float:left;}
.tw_b02img img{height:75px;width:100px;border:0;}
.tw_b02text{float:right;width:150px;height:75px;overflow:hidden;font-size:12px;line-height:15px;color:#4b423b;}
.tw_b02text a:link{color:#4b423b;text-decoration:none;}
.tw_b02text a:hover{color:#4b423b;text-decoration:underline;}	
.tw_b02text a:visited{color:#4b423b;text-decoration:none;}
.tw_b02main ul li.tw_b02li2{clear:both;margin-top:10px;}
/* C01 */
.tw_c01{clear:both;background:#f1f1f1;height:495px;position:relative;}
.tw_c01a{height:15px;background:#FFFFFF;margin-bottom:30px;}
.tw_c01title{width:220px;height:58px;position:absolute;top:5px;left:0;}
.tw_c01b{height:430px;background:#FFFFFF;width:930px;margin:0 auto 15px ; /*keyword*/}
.tw_c01mainprod{width:196px;height:366px;margin:40px 20px 20px 20px;float:left;}
.tw_c01line{width:12px;height:366px;float:left;margin-top:40px;}
.tw_c01prod_a{width:660px;float:right;margin-top:10px}
.tw_c01prod_a ul{padding:0;margin:0;list-style:none;}
.tw_c01prod_a ul li{width:140px;float:right;margin-right:25px;}
.tw_c01img{width:140px;height:140px;margin-bottom:3px;}
.tw_c01prod_a ul li h3{padding:2px 0 2px 0;margin:0;color:#4b423b;font-size:12px;font-weight:100;line-height:16px;
	height:32px;overflow:hidden;}
.tw_c01prod_a ul li h3 a:link{color:#4b423b;text-decoration:none;}
.tw_c01prod_a ul li h3 a:hover{color:#4b423b;text-decoration:underline;}
.tw_c01prod_a ul li h3 a:visited{color:#4b423b;text-decoration:none;}
.tw_c01price{color:#f3005e;text-align:right;font-size:12px;}
.tw_c01priceB{font-size:17px;font-weight:bold;}

/*left_index*/
.index-left-icon{
background:url(//letaoimg.s3.ap-northeast-1.amazonaws.com/twimg/index-icon-a.gif) repeat-y;/*background-position : -246px 0px ;*/height : 27px;}
.index-left-icon-first{background-position : -0px 0px ;}
.index-left-icon-last{background-position : -487px 0px ;}
.index-left-icon-ul{list-style:none ;padding:0px;margin:0px;padding-right:3px;}
.index-left-icon-ul li{font-size:80% !important;font-size:70%;border-top:1px solid #FFFFFF;padding-top:5px;padding-left:2px;
	/*padding:2px !important;padding:2px;*/padding-left:30px !important;background:url(//letaoimg.s3.ap-northeast-1.amazonaws.com/twimg/ico_ya.gif) no-repeat;
	background-position : 7px 5px ;background-color:#fffae2;height:18px;}
.index-left-icon-menu-ss { border-right:7px #FC0 solid;}	
	

.index-left-icon-ul a{color:#222222;font-size:12px; text-decoration:none;}
.index-left-icon-ul a:hover{color:#1544a6;font-size:13px; text-decoration:underline;}
.index-left-a-background{background:#FFCC00;}
.index-left-table0,.index-left-table1{position:absolute;/*width:200px;*/background:#FFFFFF;/*border:3px solid #fec063;*/padding:0px;
	display:none;margin-top:-60px !important;margin-top:0px;}
.index-left-table0 div{}
.index-left-table0 a{padding-left:4px;color:#1544a6;line-height:26px;font-size:13px;font-weight:100; text-decoration:none;}
.index_left_div1{}
.store_like_box{padding-top:5px;}

/* fb iframe*/
.index_fb_iframe{border:none; overflow:hidden; width:100%; height:260px;background-color: #fff;}/*430*/
/*fb iframe end*/
/*bookmark-icon*/

/*bookmark-icon end*/
/*opendbid.tpl.html*/
/*---test---*/
#index_icon_outline{width:450px;height:150px;overflow:hidden;position:relative;}
.index_icon{list-style:none;padding:0px;margin:0px;width:9000px;position:absolute;}
.index_icon li{float:left;width:450px;}
.index_icon li table td{line-height:125%;vertical-align:TOP;}
.index_icon img{vertical-align:TOP;}
.index_icon_td{font-size:90% !important;font-size:90% ;}
.img_padding_left{padding-left:2px}
.opendbid_table{border:1px solid #ffd614;-moz-border-radius: 4px; /* Firefox */-webkit-border-radius: 4px; /* Safari, Chrome */
  				-khtml-border-radius: 4px; /* Konqueror */border-radius: 4px; /* Opera 10.50 and later (CSS3 standard) */
  				behavior: url(border-radius.htc); /* IE6, IE7, IE8 */ background:#fff;}
.opendbid_border_C_1{border:1px solid #CCCCCC}
.opendbid_font_15{font-size:15px;}
.opendbid_font_12_6{font-size:13px; color:#666666;}
/*opendbid.tpl.html end*/
/* vertical color*/
.index_vertical_align_middle{vertical-align:middle}
.index_text_color5{color:#555555;font-size: 12px;}
.index_text_color5 b{display: block;color: #000;font-weight: bold;font-size: 22px;}
/*-------------------------------------------------------------.cate2Wr*/
.cate2Wr{position:absolute;}
.cate2Wr .bdr{padding:2px;background:#bbb;}
.cate2Wr .list{
	position:relative;
	width:0px;
	background:#f1f0e8;
	border:1px solid #666;

	text-shadow: 1px 1px 1px #fff;
}
.cate2Wr table{
border-collapse: separate;
border-spacing: 5px;
}
.cate2Wr table td{
	width:160px;
	cursor:pointer;text-decoration:none;
	color:#333;
	font-size:13px;
	/*border:2px solid #fff;*/
	padding:4px 8px;
	/*background:#fff;*/
	text-decoration:none;
	color:#333;
}
/*.cate2Wr table td:hover{border:2px solid #FFF;background:#fff7d4;}*/
/*-------------------------------------------------------------@.cate2Wr*/

/*--開箱分享--*/
	ul.article{}
    .article li{
    	float: left;
	    width: 24.4%;
	    height: 260px;
	    overflow: hidden;
	    box-sizing: border-box;
	    background: #fff;
    }
    .artMargin{margin: 15px;}    
    .article li .photo{height: 190px;background-color: #fff;overflow: hidden; text-align: center;}
    .article li .photo img{
    	max-width: 100%;
    	max-height: 100%;
    	min-height: 100%;
    	transition: 0.3s ease-out;
    }
    .article li .photo img:hover{
    	-ms-transform: scale(1.1); /* IE 9 */
    	-webkit-transform: scale(1.1); /* Safari */
    	transform: scale(1.1); /* Standard syntax */
    }
    .article li .title222{
		font-size: 16px;
		color: #FD5656;
		padding-bottom: 10px;
		height: 40px;
		line-height: 1.2;
		overflow: hidden;
    }
    .article li .text01{
	    height: 50px;
	    line-height:1.45;
	    color: #888;
	    overflow: hidden;
	    padding: 5px 0 10px 0;
	}
    /*.article li .photo a:hover{opacity: 0.85;}*/
    .article li .read-more{text-align: right;margin-right: 10px;padding-top: 5px;}
    .article li .read-more a{font-size: 13px;color: #999;text-decoration: none;}
    .article li .read-more a:hover{text-decoration:underline;}
    
	.jpbox .box-title{font-size: 20px;font-weight: bold;color: #333;height: 24px;margin-right: 10px;margin-bottom: 2px;}
	.jpbox .box-title a{font-size: 13px;text-decoration:none; color:#888;}
	.jpbox .box-title .title-mark{
		display: inline-block;
	    background-color: #333;
	    width: 5px;
	    height: 18px;
	    vertical-align: middle;
	    margin-bottom: 5px;
	    margin-right: 10px;
	}
	.jpbox table{width:100%;table-layout: fixed;}
	.jpbox .index-jpservice .colLeft{/*width:42%*/;text-align:right;}
	.jpbox .index-jpservice .colRight{/*width:58%;*/text-align:center;}
	.jpbox .index-jpservice td{padding: 6px 0;}
	.jpbox .index-jpservice img{/*max-width:100%;*/}
	.jpbox .box-title .right{display:inline-block;float:right;font-size: 16px;color: #666;line-height:24px;}
	.jpbox .box-title .right a{font-size: 16px;color: #9e9e9e;}
	.jpbox .box-title .right a:hover{color: #fdd118;}
/*--EOF 開箱分享--*/

/*--ON LIVE 直播購_開始--*/
	.OnSaleWrapper_narrow {
		padding: 10px 0;
              display:none;
	}

	.OnSaleWrapper_narrow .innerWrapper{width: 924px;}

	.OnSaleWrapper_narrow img {
		max-width: 100%;
	}

	.OnSaleWrapper_narrow .OnSaleWrap {
		background: url('https://letaoimg.s3.ap-northeast-1.amazonaws.com/jpselection/livesale/livesale_bg_narrow.png')no-repeat;
		padding: 35px;
		min-height: 615px;
	}

	.OnSaleWrapper_narrow .titleWrap .OnSaleTitle {
		text-align: center;
		background: url('//letaoimg.s3.ap-northeast-1.amazonaws.com/jpselection/livesale/livesale_title.png')no-repeat;
		display: block;
		text-indent: -9999px;
		z-index: 2;
		background-position: center center;
              height: 120px;
	}

	.OnSaleWrapper_narrow .OnSaleItemWrap {
		margin-top: 80px;
	}

	.OnSaleWrapper_narrow .mainItemWrap {
		float: left;
		display: block;
    height: 285px;
    width: 450px;
    background-color: #000;
    margin-left: 195px;
	}

	.OnSaleWrapper_narrow .sideItemWrap {
	 float: left;
	 display: block;
        height: 285px;
        width: 170px;
        background-color: #fff;
        overflow:auto;
    	margin-left: 20px;		
	}

	.OnSaleWrapper_narrow .socialLink {
        text-align: center;
            width: 360px;
        height: 75px;
	}
	
	.OnSaleWrapper_narrow .socialLink.buynow{
	margin-left: 130px;
	}
	
	.OnSaleWrapper_narrow .social_box{
		margin: 0 auto;
		margin-top: -275px;
	}

/*--ON LIVE 直播購_結束--*/

/* 合作賣家  代標用*/
.cooperation-seller-wrapper {
  /* background-image: url("https://letaoimg.s3-ap-northeast-1.amazonaws.com/yahoojp/index/exclusive_cooperation/bg.jpg"); */
  background-repeat: no-repeat;
  background-position: center top;
  position: relative;
}

.cooperation-seller-section {
  max-width: 1350px;
  min-width: 1140px;
  margin: 0 auto;
  padding: 1rem 0;
}

.cooperation-seller-header__title {
  position: relative;
  margin: 1rem 0;
  margin-bottom: 1.5rem;
}

.cooperation-seller-header__title > h1 {
  display: inline;
  padding: 0 0.5rem;
  font-weight: bold;
  font-size: 1.5rem;
  color: #333;
  position: relative;
}

/* .cooperation-seller-header__title::before {
  position: absolute;
  display: inline-block;
  content: "";
  width: 30%;
  height: 1px;
  top: 50%;
  left: 0;
  background: white;
}

.cooperation-seller-header__title::after {
  position: absolute;
  display: inline-block;
  content: "";
  width: 30%;
  height: 1px;
  top: 50%;
  right: 0;
  background: white;
} */

.cooperation-seller-content{
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
  	padding: 2rem 30px;
	background: white;
	border-radius: 1.5rem;
	overflow: hidden;
}

.cooperation-seller-content.is-show{
	height: auto;
}

.cooperation-seller-content.is-show .cooperation-seller-content-inbox::after{
	height: 0;
}

.cooperation-seller-content-inbox {
	position: relative;
	height: calc(100% - 2rem);
	padding-bottom: 2rem;
	overflow: hidden;
}

.cooperation-seller-content-inbox::after{
	position: absolute;
    bottom: 0px;
    left: 0;
    content: "";
    width: 100%;
    height: 40px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#fff));
    background-image: linear-gradient(transparent, #fff);
}

.cooperation-seller-content-button{
	position: absolute;
	bottom: 5px;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding: 10px;
    background-color: #9cc715;
    min-width: 100px;
	max-width: 150px;
    border-radius: 5px;
    margin: 10px auto;
    text-align: center;
	color: white;
	cursor: pointer;
}

.cooperation-seller-content-button:hover{
	opacity: 0.8;
}

.cooperation-seller-category-tab {
	display: flex;
	height: 37px;
	margin-bottom: 1rem;
	border-bottom: 1px solid #e1e1e1;
}

.cooperation-seller-category-tab li {
	margin-right: 2rem;
	width: 76px;
}

.cooperation-seller-category-tab li:last-child{
	margin-right: 0;
}

.cooperation-seller-category-tab__button {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-bottom: 1rem;
	-webkit-transition: -webkit-transform 0.5s;
	transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	transition: transform 0.5s, -webkit-transform 0.5s;
}

.cooperation-seller-category-tab__button .image{
	width: 52px;
	margin-bottom: 0.5rem;
}

.cooperation-seller-category-tab__button .title{
	color: #9e9e9e;
	font-size: 12px;
	font-weight: 500;
	text-align: center;
}

.cooperation-seller-category-tab__button.tab-active {
	border-bottom: 2px solid #ff7800;
}

.cooperation-seller-category-tab__button.tab-active .title{
	color: #ff7800;
}

.cooperation-seller-category-content {
  display: none;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.cooperation-seller-category-content.content-active {
  display: block;
}

.cooperation-seller-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.cooperation-seller-card {
  position: relative;
  width: 16.6667%;
  margin-bottom: 15px;
  text-align: center;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.cooperation-seller-card:nth-child(6n) {
  margin-right: 0;
}

.cooperation-seller-card:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

.cooperation-seller-card__category-tag {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 60px;
  height: 25px;
  line-height: 25px;
  font-size: 12px;
  text-align: center;
  color: white;
}

.cooperation-seller-notice {
  padding: 0 .2rem;
  color: #9e9e9e;
}

.cooperation-seller-notice__point {
  color: #ff7800;
  font-weight: bold;
}

/* 合作賣家 content 新樣式*/
.template {
	display: none !important;
}

.cooperationSellerCategory-content {
	display: flex;
	align-items: stretch
}

.cooperationSellerCategory-content-sidebar {
	width: 240px;
	height: 760px;
	margin-right: 18px;
	background-color: #F2F2F2;
	padding: 8px 0;
	overflow-y: scroll;
}

.cooperationSellerCategory-content-sidebar li {
	padding: 8px 12px;
	font-size: 15px;
	font-weight: bold;
	color: #9E9E9E;
	cursor: pointer;
}

.cooperationSellerCategory-content-sidebar li.--active {
	background-color: #E6E6E6;
}

.cooperationSellerCategory-content-sidebar li:hover {
	background-color: #E6E6E6;
}

.cooperationSellerCategory-content-info {
	width: calc(100% - 240px - 18px);
}

.cooperationSellerCategory-content-info .info-content {
	display: none;
	flex-wrap: wrap;
}

.cooperationSellerCategory-content-info .info-content.is-show {
	display: flex;
}

.cooperationSellerCategory-content-info .info-error {
	display: none;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	min-height: 720px;
	font-size: 30px;
	color: #9d9c98;
}

.cooperationSellerCategory-content-info .info-error.is-show {
	display: flex;
}

.cooperationSellerCategory-content-info .info-loading {
	display: none;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	min-height: 720px;
}

.cooperationSellerCategory-content-info .info-loading .info-loading-img {
	width: 100px;
}

.cooperationSellerCategory-content-info .info-loading .info-loading-title {
	font-size: 30px;
	color: #9d9c98;
}

.cooperationSellerCategory-content-info .info-loading.is-show {
	display: flex;
}

.cooperationSellerCategory-content-info .info-content .info-content-item {
	width: calc((100% / 4) - 20px);
	height: 340px;
	margin-right: 20px;
	margin-bottom: 20px;
}

.cooperationSellerCategory-content-info .info-content .info-content-item:nth-child(4n) {
	margin-right: 0;
}

.cooperationSellerCategory-content-info .info-content .info-content-item .item-img {
	position: relative;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.cooperationSellerCategory-content-info .info-content .info-content-item .item-img.item-img--height270px {
	height: 270px;
}

.cooperationSellerCategory-content-info .info-content .info-content-item .item-img.item-img--first img {
	height: 100%;
	width: auto;
	max-width: none;
	max-height: none;
}

.cooperationSellerCategory-content-info .info-content .info-content-item .item-img img {
	object-fit: cover;
	max-height: 100%;
	max-width: 100%;
}

.cooperationSellerCategory-content-info .info-content .info-content-item .item-content {
	padding: 10px 0 0;
	background-color: white;
}

.cooperationSellerCategory-content-info .info-content .info-content-item .item-content .item-content-title {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	color: #212121;
	margin-bottom: 10px;
}

.cooperationSellerCategory-content-info .info-content .info-content-item .item-content .item-content-price {
	display: flex;
	align-items: center;
}

.cooperationSellerCategory-content-info .info-content .info-content-item .item-content .item-content-price .price-num {
	font-size: 14px;
	color: #9e9e9e;
}

.cooperationSellerCategory-content-info .info-content .info-content-item .item-content .item-content-price .price-num.price-num--jp {
	margin-right: 20px;
	color: #ff7800;
	font-weight: bold;
}