*{
	margin: 0;
    padding: 0;
}

H1{font-size:1.2rem;font-weight:bold;margin:0px;}
H1-a{font-size:1.2rem;font-weight:bold;margin:0px;color:#FF6600;	margin-left:10px;}
H2{font-size:1.1rem;font-weight:bold;margin:0px;}
H2-a{font-size:1.1rem;font-weight:bold;margin:0px;color:#FF6600;}
H3{font-size:1rem;font-weight:bold;margin:0px;}

body {
	font: 14px / 1.3 Market Sans, Arial, sans-serif;
	color:#383838;
	margin:0px; 
	padding:0px;
	letter-spacing: 0;
}
input, select, button, textarea{font-family: inherit;}
a{font-family: inherit; text-decoration: none;}
img{vertical-align:middle;border:0 none;}
ul{list-style: none;}
table{border-spacing: 0;}
form{display: inline;}
#Page {
    /*text-align: left;*/
    /*text-align: justify;*/
    /*word-wrap: break-word;*/
    /*word-break: break-all;*/
    /*word-break: keep-all;*/
    max-width: 1350px;
    min-width:1140px;
    margin: 0 auto;
	position: relative;
}

#Left {
    position: relative;
    float: left;
    width: 17%;
    padding-left: 0;
    z-index: 11;
}

.category_text_bk_text01 {font-size:15px; font-weight:bold; color:#000;}
.category_line_line { 
	height:1px; 
	background-color:#c8c8c8;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	width:100%; 
	margin:5px 0px 5px 0px;
}
.spanshight2 { width:182px; margin:auto; margin-top:50px;}
.spanshight { height:auto; margin:auto; margin:100px 0px 30px 0px;}
/*----------------------------------mark color-------------------------------*/
p::selection { color:#333; background-color:#fff5c8;}
h2::-moz-selection { color:#f60; background-color:#fff5c8;}
p::-moz-selection { color:#333; background-color:#fff5c8;}

h2::-webkit-selection { color:#f60; background-color:#fff5c8;}
p::-webkit-selection { color:#333; background-color:#fff5c8;}
span::-moz-selection { color:#f60; background-color:#fff5c8;}
span::-webkit-selection { color:#f60; background-color:#fff5c8;}
class::-moz-selection { color:#f60; background-color:#fff5c8;}
class::-webkit-selection { color:#f60; background-color:#fff5c8;}
/*----------------------------------mark color-------------------------------*/
/*----------------------------------搜尋商品-------------------------------*/
.category-commodity { width:125px; padding:5px; line-height:140%;font-size:13px;}
/*----------------------------------搜尋商品end-------------------------------*/

.pormises-text { font:"新細明體-ExtB","MS PGothic", Arial; font-size:13px; color:#333333;line-height:150%;}
.pormises-text-mark { font:"新細明體-ExtB","MS PGothic", Arial; font-size:13px; color:#333333;background-color:#fff5c8}
.pormises-text17 { font:"新細明體-ExtB","MS PGothic", Arial; font-size:17px; color:#000000;line-height:180%;}
/*---pormises-text-a-為注意事項設定---*/
.pormises-text-a { font:"新細明體-ExtB","MS PGothic", Arial; font-size:13px; color:#333333;line-height:180%; background-color:#F3F3F3; padding:10px;-moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px; /* Safari, Chrome */
  -khtml-border-radius: 10px; /* Konqueror */
  border-radius: 10px; /* Opera 10.50 and later (CSS3 standard) */
  behavior: url(border-radius.htc); /* IE6, IE7, IE8 */}
.pormises-text-red { font:"新細明體-ExtB","MS PGothic", Arial;  font-size:13px;color:#ff6666;line-height:170%;}
.pormises-line {width: 693px;border-right-width: 1px;border-left-width: 1px;border-right-style: solid;border-left-style: solid;border-right-color: #dddddd;border-left-color: #dddddd;}

/*----------------------------------Footer Style-------------------------------*/
#header { width:950px; height:auto;margin: auto; padding:10px;}
#topbox{width:930px; height:29px;  background-image:url(//letaoimg.s3.ap-northeast-1.amazonaws.com/twimg/topbox_bg.gif); padding:2px; margin-top:10px;}
.text_bk17 { font-size:17px; font-weight:bold; margin-top:5px; margin-bottom:5px; margin-left:15px; color:#333333; width:200px; float:left;text-shadow: 1px 1px 1px #ffffff;}
.text_right { font-size:15px; color:#666666;float:right;margin-top:5px; margin-bottom:5px; margin-right:20px;}
a.link-a{color : #1664ad;text-decoration: none;}
a.link-a:link{color:#1664ad;text-decoration:none;font-weight: normal;}
a.link-a:hover{color:#1664ad;text-decoration: underline;}
a.link-a:visited{color : #1664ad;}

#header-down-bg {width:933px; height:29px;  background-image:url(//letaoimg.s3.ap-northeast-1.amazonaws.com/twimg/bg-30.gif);}
#content {margin: auto;}
#content-a {width:950;height:22px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #fecc33;}
.title-text-01 {width:670px; height:auto;margin: auto; font-size:15px; color:#ff9600;}
.content-b {width:670px; height:auto;margin: auto; padding-top:20px;}
#content-660 { width:640px; height:230px;; background-color:#fff9e8; padding-bottom:20px; padding-top:20px; padding-right:20px; padding-left:20px;margin: auto; line-height:150%;}
.text-box-aa { font-size:15px; color:#333333; width:auto; height:40px;float:left;}
.text-box-a { font-size:15px; color:#333333; width:140px; height:40px;float:left;}
.text-box-b { font-size:15px; color:#333333; width:400px;height:40px;float:left; }
.text-box-c { font-size:15px; color:#333333; width:400px;height:125px;float:left; }
#hight {width:935px;height:100px;;margin:auto;}
#hight30 {width:935px;height:30px;;margin:auto;}
#footer {width:990px;height:auto;margin:auto;position: relative;}
.footer-copyright { font-size:12px; color:#7f7f7f; margin:auto;text-align:center; padding-bottom:20px;}

#menu01{padding-top:-10px;:0px;width:650px;height:30px;text-align:center;margin:auto;font-size:12px;color:#9b9b9b;background-repeat: repeat-x;overflow:hidden;}
#menu01 ul{list-style-image: none;list-style-type: none; margin-top:12px;}
#menu01 ul li{float:left;margin:-2px 7px 0px 0px;}

.menudeco{width:1px;height:13px;background:#9b9b9b;}
a.top-text002:link{color:#1544a6;text-decoration:none;font-size:15px;}
a.top-text002:hover{color:#1544a6;text-decoration:underline;padding-bottom: 5px;font-size:15px;	}
a.top-text002:visited{color : #1544a6;}
a.top-text003_link:link{color:#1544a6;text-decoration:none;text-shadow: 1px 1px 1px #fff; font-size:12px;}
a.top-text003_link:hover{color:#1544a6;text-decoration:underline;padding-bottom: 5px;font-size:12px;	}
a.top-text003_link:visited{color : #1544a6;}
.warning-h {width:660px;height:10px;;margin:auto;}
.warning-h-text { font-size:15px; color:#333333;vertical-align: middle;}
#warning {font-size:15px;width:660px;height:15px;background-color:#fff2f2;border: 1px solid #FF9595;padding:5px;margin:auto;}
.td {-moz-border-radius: 8px;	-webkit-border-radius: 8px;}
.foot_help_list_tr{height:30px}
.foot_help_list_tr a{ font-size:13px; color:#1544a6; text-decoration:none; padding-left:5px; padding-right:5px;}
.foot_help_list_tr a:hover { text-decoration:underline;}
.foot_help_list_tr td{vertical-align:middle;color:#BBBBBB;padding-left:2px;}
.foot_help_vertical_align{vertical-align:middle;}
.foot_clear_both{clear:both;}
/*-----標籤------*/
.tooltip{ position: relative;cursor: help; display: inline-block; text-decoration: none; color: #222; outline: none; color:#1664ad; font-size:13px;}
.tooltip span{ visibility: hidden; position: absolute;  bottom: 30px; left: 50%; z-index: 999; width: 230px; margin-left: -127px; padding: 10px; border: 2px solid #ccc; opacity: .9; background-color: #ddd;background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset; box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;text-shadow: 0 1px 0 rgba(255,255,255,.4); }
.tooltip:hover{  border: 0; /* IE6 fix */}
.tooltip:hover span{ visibility: visible; line-height:150%;}
.tooltip span:before,.tooltip span:after{ content: ""; position: absolute; z-index: 1000; bottom: -7px; left: 50%; margin-left: -8px; border-top: 8px solid #ddd; border-left: 8px solid transparent; border-right: 8px solid transparent;border-bottom: 0;}
.tooltip span:before{ border-top-color: #ccc; bottom: -8px;}
/* Yellow */
.yellow-tooltip span{ border-color: #e1ca82; background-color: #ffeaa6;}
.yellow-tooltip span:after{ border-top-color: #ffeaa6;}
.yellow-tooltip span:before{ border-top-color: #e1ca82;}
/* Navy */
.navy-tooltip span{color: #fff;text-shadow: 0 1px 0 #000;border-color: #161a1f;background-color: #1e2227;}
.navy-tooltip span:after{border-top-color: #1e2227;}
.navy-tooltip span:before{border-top-color: #161a1f;}
/* Blue */
.blue-tooltip span {border-color: #59add4;background-color: #61bde7;}
.blue-tooltip span:after{ border-top-color: #61bde7;}
.blue-tooltip span:before{ border-top-color: #59add4;}
/* Pink */
.pink-tooltip span { border-color: #ce4378;background-color: #ea4c88;}
.pink-tooltip span:after{ border-top-color: #ea4c88;}
.pink-tooltip span:before{ border-top-color: #ce4378;}
/* yellow-01 */
.yelloww-tooltip span{ border-color: #e1ca82; background-color: #ffeaa6; color:#900;}
.yelloww-tooltip span:after{ border-top-color: #ffeaa6;}
.yelloww-tooltip span:before{ border-top-color: #e1ca82;}

.login_title_bar_div01{	width:935px;margin:auto;}
.recomend-item-link a{ color:#1544A6; font-size:13px; line-height:150%; text-decoration:none;}
.recomend-item-link a:hover { text-decoration:underline;}
/*首頁top輪播banner*/
.indexCon{width:610px;overflow:hidden;}
.indexCon .flashBanner{width:610px;height:270px;overflow:hidden;margin-bottom:12px;}
.flashBanner{position:relative;}
.flashBanner .mask{height:32px;line-height:32px;width:28%;text-align:right;margin-bottom:5px; margin-left:430px;/*box-shadow: 0 1px 7px rgba(0, 0, 0, 0.5) inset;*/-webkit-border-radius: 25px;
	position:absolute;left:0;bottom:-32px;filter:alpha(opacity=70);-moz-opacity:1.0;opacity:1.0;overflow:hidden; padding-right:10px;}
.flashBanner .mask img{vertical-align:middle;margin-right:6px;cursor:pointer;/*cursor滑過去有手指*/}
.flashBanner .mask img.show{margin-bottom:2px;/*border:2px solid #f36100;*/width: 25px;height: 25px;}
/*留言板mymsg-list.tpl.html*/
.mymsg_letao_text_title { font-size:15px; color:#fa8605; padding-top:10px; padding-left:13px; font-weight:bold; }
.mymsg_user_text_title { font-size:13px; color:#000; padding-top:10px; padding-left:13px; font-weight:bold;-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;}
.mymsg_letao_all { width:98%; float:right;border:1px  #c1c1c1 solid; margin-top:10px;-moz-border-radius: 5px; background-color:#fff;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;}
.mymsg_letao_all2 { width:95.5%; float:right;border:1px  #c1c1c1 dashed; margin-top:10px;-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; background-color:#fff;}
.mymsg_letao_text_time { font-size:15px; color: #000; padding-left:10px;height:35px; line-height:25px; padding-top:5px; background-color:#fbf5e8;
border-bottom: 1px #ccc solid;}
.mymsg_letao_text_info2 {font-size:17px; color: #000; padding:10px;border-radius: 5px;line-height:150%; margin:10px; width:92%;margin-bottom:20px;}
.mymsg_letao_text_info2 img{width:700px}
/*代購管理menu*/
.mystatus_category_buy_menu {
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	width:75%;
	background-color:#EEE;
	height:auto;
	margin-left:7px;
	margin-right:5px;
	margin-top:5px;
	padding:5px 5px 5px 15px;
	line-height:150%;
	-moz-box-shadow:0pt 1px 6px rgba(0, 0, 0, 0.3) inset; /* Firefox 語法 */
	-webkit-box-shadow:0pt 1px 6px rgba(0, 0, 0, 0.3) inset; /*Safari 和 Chrome 語法 */
	box-shadow:0pt 1px 6px rgba(0, 0, 0, 0.3) inset;/* Opera 10.5 + 語法 */
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#bbbbbb', Direction=135, Strength=3); /* ie */
}
.mystatus_category_buy_menu_link_mark { font-weight:bold;}
.mystatus_category_buy_menu_link_none { font-weight:normal;}
.letao-help-main-titlemmm {
	width: 745px;
	height: 25px;
	background-image: url(../intro/images/help/help-icon-02.gif);
	padding-left:30px;
	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffcb41;*/
	background-repeat: no-repeat;
	background-position: 10px 8px;
	font-size:21px;
	color:#ffbb08;
	font-weight:bold;
	padding-bottom:5px;
	margin-bottom:20px;
	text-shadow: 1px 1px 1px #fff;
	margin-top: 10px;
}

/*------------------------------------------------------member-area-----------------------------------------------------------------------------------------*/

#letao-member-tag {
	width:950px;
	height:45px;
	margin:auto;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ffd053;
	margin-top:10px;
}
#letao-member-tag-button  ul{float: left;list-style-image: none;list-style-type: none; margin-top:2px;}
#letao-member-tag-button  ul li { float: left; width:152px; height:43px; margin-left:10px;}
#letao-member-tag-banner-down {
	margin:auto;
	width:950px;
	height:40px;
	background-image:url(//letaoimg.s3.ap-northeast-1.amazonaws.com/twimg/images/member/member-tag-button-bg.gif);
	background-repeat: repeat-x;	
}
.letao-member-tag-banner-down-list-text {
	float:left;
	padding-bottom:5px;
	padding-top:15px;
	margin-left:20px;
	font-size:15px;
	color:#333333;
	font-weight: lighter;
}
a.member-link{
	padding: 0 !important;
}
a.member-link:link{
	color:#0066FF;
	text-decoration:none;
	/*text-shadow: 1px 1px 1px #fff;*/ display: inline;
}
a.member-link:hover{
	color:#1544a6;
	text-decoration:underline;
	outline: none; /* for Firefox---去除連結虛線 */
 hlbr:expression(this.onFocus=this.blur()); /* for IE---去除連結虛線 */
	}
a.member-link:visited{color : #666666;outline: none; /* for Firefox---去除連結虛線 */
 hlbr:expression(this.onFocus=this.blur()); /* for IE---去除連結虛線 */}
#letao-member-info {height:auto; margin:auto; margin-top:0px;}
#letao-member-left-list { float:left; width:100%; height:auto; margin-bottom:0px;}
#letao-member-right-information { float:right; width:755px;}
.letao-member-left-list-box {width:100%;}
.letao-member-left-list-box-yellow { width:100%; height:32px;/*border-radius: 5px 5px 0 0;*//* background-image:url(//letaoimg.s3.ap-northeast-1.amazonaws.com/twimg/images/member/h28-bg.gif); background-repeat:repeat-x;*/ float:left;background-color: #FFE03C;}
.letao-member-left-list-box-yellow.jpshopping {background:#FF9688;}
/*.letao-member-right-list-box-orange { width:100%; height:28px; background-image:url(//letaoimg.s3.ap-northeast-1.amazonaws.com/twimg/images/member/h28-bg2.gif); background-repeat:repeat-x; float:left;}
.letao-member-right-list-box-red { width:100%; height:28px; background-image:url(//letaoimg.s3.ap-northeast-1.amazonaws.com/twimg/images/member/h28-bg-red.gif); background-repeat:repeat-x; float:left;}*/
.letao-member-left-list-box-bk { width:100%; height:32px;}
.letao-member-left-list-box-title {
	width: 100%;
    font-size: 15px;
    padding-left: 7px;
    padding-top: 7px;
    color: #000;
    font-weight: bold;
}
.letao-member-left-list-box-menu{font-size: 13px;}
.letao-member-left-list-box-menu ul{float: left;list-style-image: none;list-style-type: none; margin-bottom:5px;}
.letao-member-left-list-box-menu ul li { float:left; width:100%; font-size:13px; color:#666666;color:#666666; line-height:150%;}
.letao-member-left-list-box-menu2 ul {float: left; width:195px;margin-top:10px; margin-bottom:5px;}
.letao-member-left-list-box-menu2-a{
	float: left;
	width:90px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 12px;
    color: #777;
    text-align: left;
    margin-left: 10px;
}
.letao-member-left-list-box-menu2-b{
	float: left;
    font-size: 12px;
    color: #ff4c2f;
    margin-top: 5px;
    margin-bottom: 5px;
}
.letao-member-menudeco { width:150px;border-bottom-width: 1px;	border-bottom-style: dashed;	border-bottom-color: #CCCCCC; height:2px;}
.letao-member-menudeco4 { width:720px;border-bottom-width: 1px;	border-bottom-style: dashed;	border-bottom-color: #CCCCCC; height:2px;}
.letao-member-menudeco3 { width:345px;border-bottom-width: 1px;	border-bottom-style: dashed;	border-bottom-color: #CCCCCC; height:2px;}
.letao-member-menudeco2 { width:150px;border-bottom-width: 1px;	border-bottom-style: dashed;	border-bottom-color: #CCCCCC; height:2px; float:left; margin-left:10px;}
.letao-member-space { float:left;width:150px; height:10px;}
.letao-member-middle-space {/* float:left;width:700px; height:10px;*/}
.letao-member-left-list-box-menu ul li a {position: relative;color:#0066FF;	text-decoration:none;display:block;padding: 5px 0; padding-left:15px; margin-top:2px;outline: none; /* for Firefox---去除連結虛線 */
 hlbr:expression(this.onFocus=this.blur()); /* for IE---去除連結虛線 */}
 .letao-member-left-list-box-menu ul li a > i {
	color: #ffcb27;
	position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(-50%, -50%);
}
.letao-member-left-list-box-menu ul li a:hover {color:#454545;	text-decoration:none;display:block; outline: none; /* for Firefox---去除連結虛線 */ hlbr:expression(this.onFocus=this.blur()); /* for IE---去除連結虛線 */ }

.member-link-red{ color:#FFFFFF; background-color:#ff4c2f;-webkit-border-radius: 10px; display: inline; padding-left:5px; padding-right:5px; font:"新細明體-ExtB", Arial; font-weight:bold;-moz-box-shadow: 1px 1px 3px #999; /* Firefox */
-webkit-box-shadow: 1px 1px 3px #999; /* Safari 和 Chrome */-moz-border-radius:10px; border-radius:10px;border-radius: 15px; /* IE 6+  */
  behavior: url(ie-css3.htc); /* 使用ie-css3 */}
/*.letao-member-right-box {border: 1px solid #dddddb; background-color:#fffef3; width:370px; float: left; height:auto; margin-left:5px;}*/
/*.letao-member-middle-box {border: 1px solid #dddddb; background-color:#fffef3; width:745px; float: left; height:auto; margin-left:5px;}*/
.letao-member-right-list-box-menu ul{float: left;list-style-image: none;list-style-type: none; margin-top:5px; margin-bottom:5px;}
.letao-member-right-list-box-menu ul li { float:left; width:100%; font-size:15px; color:#666666;color:#666666; line-height:170%; padding-bottom:5px; padding-top:5px;}
.letao-member-right-list-box-menu_text { width:96%; padding:5px; margin-left:15px;}
.letao-member-right-list-box-menu_text_title { font-size:17px; color: #F00;}
.letao-member-right-list-box-menu_text_title2 { font-size:15px; color: #000; font-weight:bold;}
.letao-member-right-list-box-menu_text_box { height:20px; font-size:15px; color:#666; padding:3px; margin-right:10px;}
.member-redbor-01 { position:relative;width:30px; height:30px; float: right; bottom:50px; left:5px;}
.letao-member-left-list-box-menu ul li a:hover {color:#454545;	text-decoration:none;display:block; outline: none; /* for Firefox---去除連結虛線 */ hlbr:expression(this.onFocus=this.blur()); /* for IE---去除連結虛線 */ }
.letao-member-left-list-box-menu-red{ font-size:15px; color:#ff4c2f;}

/*--------------會員專區banner-------------------*/
.sv3_all {width:795px; height:260px; float:right; margin-right:3px; margin-bottom:10px;}
.sv3-banner{width:100%;}
.sv3_370_right { float:right; width:370;background-color:#EDF5FF;}
.sv3_370_left { float: left; width:370; margin-right:5px; background-color:#933;}
.sv3 dl, .sv3 dt, .sv3 dd{ padding:0; margin:0; }
.sv3 {
	width:355px;
	height:250px;
	border:1px solid #BFC7D9;

}
.sv3 dl {
	width:360px;
	height:160px;
	background:#EDF5FF;
}
.sv3 dt {
	padding:5px 10px;
	height:13px;
	font-size:13px;
	color:#000;
	background:#E5ECF9;
	border-top:1px solid #fff;
	border-bottom:1px solid #BFC7D9;
}
.sv3 dl.on dt {
	background: #F90;
	color:#FFF;
	font-weight:bold;
}
.sv3 dd {
	padding:5px 10px;
	color:#333;
	font-size:12px;
	line-height:1.5em;
}
.sv3 dd a:link,
.sv3 dd a:visited,
.sv3 dd a:hover { display:block; text-decoration:none; color:#0066FF;}
.sv3 dd a:active { color:#333; display:block; text-align: right;}
/*-- 商品頁翻譯button --*/
.item_btn_link_center { margin-left:30px;width:900px;}
.item_btn_link a{ font-size:15px; color:#d87a7a; text-decoration:none; display:block; padding:0px 8px; height:30px; line-height:30px; width:95%; margin:auto;
 border:1px #999 solid;
 -moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background-image:url(//letaoimg.s3.ap-northeast-1.amazonaws.com/twimg/item_btn_bg.gif); background-repeat:repeat-x; text-align:center;text-shadow: 1px 1px 1px white;
 }
.item_btn_link a:hover { text-decoration:none; border:1px #ccc solid;box-shadow: 0 1px 1px rgba(0,0,0,0.3) ;background-image:url(//letaoimg.s3.ap-northeast-1.amazonaws.com/twimg/array_list_btn_bg.gif); background-repeat:repeat-x;}
.item_btn_link a:active { text-decoration:none; border:1px #c0c0c0 solid;box-shadow: 0 1px 4px rgba(0,0,0,0.2) inset;background-image:url(//letaoimg.s3.ap-northeast-1.amazonaws.com/twimg/array_list_btn_bg.gif); background-repeat:repeat-x;}

/*-- 全網mouse over 說明訊息 --*/

/*-- 全網訊息 --*/
.notice{
min-height: 20px;
padding: 4px 32px 4px 15px;
border-width: 1px;
border-style: solid;
border-color: #fff;
color: #595959;
background: #f2f2f2;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.05),inset 0 0 10px rgba(255,255,255,0.4);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,0.05),inset 0 0 10px rgba(255,255,255,0.4);
box-shadow: 0 3px 6px rgba(0,0,0,0.05),inset 0 0 10px rgba(255,255,255,0.4);
text-shadow: 1px 1px 0 rgba(255,255,255,0.6);
}
.notice.notice-primary {
border-color: #b2dcfc;
color: #0655a9;
background: #cbe7fd;
}
.notice h6 {
margin: 5px 0;
font-size: 14.4px;
}
.click {
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
-ms-border-radius: 9px;
-o-border-radius: 9px;
border-radius: 9px;
font: 0/0 a;
color: transparent;
background-color: transparent;
border: none;
text-shadow: none;
display: inline-block;
width: 20px;
height: 20px;
overflow: hidden;
padding: 0;
border: none;
vertical-align: top;
background-color: transparent;
background-repeat: no-repeat;
cursor: pointer;
}
.pull-right {
float: right;
}
.click-close {
background-position: -60px 0px;
}
.click-close:hover {
background-position: -60px -20px;
}
.notice .click {
position: relative;
top: 3px;
right: -26px;
}
.notice.notice-inline h6 {
display: inline-block;
margin-bottom: 0;
}
.click-close:active,.click-close.active{background-position:-60px -40px};
.click-close.disabled,.click-close[disabled]{background-position:-60px -60px};
.notice.notice-inline h6 {
display: inline-block;
margin-bottom: 0;
}
.notice.notice-primary {
border-color: #b2dcfc;
color: #0655a9;
background: #cbe7fd;
}
.notice.notice-inline {
line-height: 20px;
padding-bottom: 9px;
}
.notice.notice-inline p {
display: inline;
}
.notice.notice-error {
border-color: #ffbfba;
color: #a0000d;
background: #ffbfba;
font-size:15px;
padding: 10px;
}
.notice.notice-success {
border-color: #a6dfa6;
color: #1e822b;
background: #a6dfa6;
font-size:13px;
}

/*-- 代標成功通介面(出價成功&直購成功) --*/
.noticeWrapper{ padding: 72px 0;}
.noticeWrapper-header{ margin-bottom: 40px;}
.noticeWrapper-header__image{ width:70px;margin-bottom: 10px;}
.noticeWrapper-header__title{ color: #fb8424;font-size: 20px;font-weight: bold;}
.noticeWrapper-button{ margin-bottom: 60px;}
.noticeWrapper-button__item{
	border-radius: 5px;
	background-color: #fb8424;
	color: white;
	width: 230px;
	height: 45px;
	display: inline-block;
	line-height: 45px;
	text-align: center;
	font-weight: bold;
}
.noticeWrapper-button__item:nth-child(1){margin-right: 5px;}
.noticeWrapper-button__item:nth-child(2){margin-left: 5px;}
.noticeWrapper-button__item:hover{background-color: #ff9b4a;}
.noticeWrapper-button__item i{margin-right: 10px;}
.noticeWrapper-sop{
	display: flex;
	align-items: center;
	border: 1px solid #bfbfbf;
	padding: 25px 0;
	width: 900px;
	margin: 0 auto;}
.noticeWrapper-sop-title{
	padding: 0 30px;
	margin-right: 40px;
	border-right: 1px solid #bfbfbf;
    height: 130px;
    display: flex;
    align-items: center;
	font-weight: bold;
	font-size: 18px;
	white-space:nowrap
}
.noticeWrapper-sop-list{ display: flex;align-items: center;width: 100%;}
.noticeWrapper-sop-list .list-item{ position: relative;text-align: center;padding-right: 9px;margin-right: 30px;color: black;}
.noticeWrapper-sop-list .list-item:after{    
	position: absolute;
    right: 0;
    top: 65%;
    transform: translate(0, -65%);
    content: '';
    display: inline-block;
    content: '\f054';
    font-family: "Font Awesome 5 Pro";
    color: #acaaaa;
}
.noticeWrapper-sop-list .list-item:last-child::after{
	display: none;
}
.noticeWrapper-sop-list .list-item .list-item__image{
	width: 70px;
	margin-bottom: 8px;
}
.noticeWrapper-sop-list .list-item .list-item__title{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 8px;
}
.noticeWrapper-sop-list .list-item .list-item__content{
	font-size: 12px;
	line-height: 1.2;
}

/*-- /代標成功通介面(出價成功&直購成功) --*/

.remidn_text001 { color:#666; font-size:13px; display: inline-block; position:relative; top:-10px;}
.remidn_dashed{ border-bottom:1px #ccc dashed; width:100%; margin:10px 0px;}
/*--日代標首頁右上banner--*/
.index-rightBanner{width: 287px;height: 245px;background-color: #ccc;}

.h_10px{height:10px;}.h_20px{height:20px;}.h_30px{height:30px;}.h_40px{height:40px;}.h_50px{height:50px;}
.pt_10px{padding-top:10px;}.pt_20px{padding-top:20px;}.pt_30px{padding-top:30px;}.pt_40px{padding-top:40px;}.pt_50px{padding-top:50px;}
.mt_10px{margin-top:10px;}.mt_15px{margin-top:15px;}.mt_20px{margin-top:20px;}.mt_30px{margin-top:30px;}.mt_40px{margin-top:40px;}.mt_50px{margin-top:50px;}
.s1{margin-top:1px;}.s2{margin-top:2px;}.s3{margin-top:3px;}.s4{margin-top:4px;}.s5{margin-top:5px;}.s10{margin-top:10px;}.s15{margin-top:16px;}.s20{margin-top:20px;}.s25{margin-top:25px;}.s30{margin-top:30px;}.s40{margin-top:40px;}.s50{margin-top:50px;}.s60{margin-top:60px;}.s70{margin-top:70px;}.s80{margin-top:80px;}.s90{margin-top:90px;}.s100{margin-top:100px;}

/* relatedItem */

.innerWrapper {max-width: 1350px;min-width:1140px;margin: 0 auto;}
.itemInner { margin-bottom: 50px; }
.relatedItemWrapper { position: relative; }
.relatedItemWrapper .titleHeader { position: relative; }
.relatedItemWrapper .titleHeader h3 { color: #9a9a9a; display: inline-block; background: #fff; padding-right: 3%; margin: 0; margin-bottom: 10px; font-size: 16px; }
.relatedItemWrapper .titleHeader h3:after { color: #ddd; width: 100%; display: block; content: ''; border-bottom: 1px solid #ccc; position: absolute; top: 12px; z-index: -1; }
.relatedItemWrapper .item { margin-right: 24px; width: 170px; height: 260px; float: left; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }
.relatedItemWrapper .item:hover { -webkit-transform: translateY(-7px); transform: translateY(-7px); }
.relatedItemWrapper .item.adSection:hover { -webkit-transform: none; transform: none; }
.relatedItemWrapper .item img { max-width: 100%; }
.relatedItemWrapper .item:last-child { margin-right: 0; }
.relatedItemWrapper .item .title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; color: #222; padding-top: 10px; }
.relatedItemWrapper .item .subtitle { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 12px; color: #777; padding-top: 2px; }
.relatedItemWrapper .item .price { padding-top: 5px; }
.relatedItemWrapper .item .price .oriprice { font-size: 12px; color: #888; text-decoration: line-through; }
.relatedItemWrapper .item .price .sellingprice { font-size: 20px; color: #ee1f1f; margin-left: 10px; line-height: 1; font-family: arial; float: right; }
.relatedItemWrapper .item .price .sellingprice .nt { font-size: 12px; }
.relatedItemWrapper .item .price .sellingprice .letaoCoin { width: 20px; margin-right: 5px; vertical-align: top; }
.relatedItemWrapper .item .price .letaoCoinPoint { font-size: 20px; color: #ee1f1f; margin-left: 10px; line-height: 1; font-family: arial; float: right; }
.relatedItemWrapper .item .price .letaoCoinPoint:before { content: ''; display: inline-block; background: url("https://letaoimg.s3.ap-northeast-1.amazonaws.com/jpselection/item/letaoCoin_m.png") no-repeat; width: 20px; height: 20px; vertical-align: middle; background-position: center center; margin-bottom: 3px; }
.relatedItemWrapper .item .price .letaoCoinPoint:after { content: '點'; font-size: 12px; color: #888; margin-left: 3px; }
.relatedItemWrapper .coinPoint { color: #000; }
.relatedItemWrapper .adSection img:hover { opacity: 0.8; -webkit-transition: all .3s; transition: all .3s; }

/* 各館共用廣告橫幅 */
.hotnews-bar-wrapper {
  margin-top: 2px;
}

.hotnews-bar-wrapper .hotnews-bar_content {
  padding: 10px 0;
  text-align: center;
  font-weight: bold;
  background: #2431c7;
}

.hotnews-bar-wrapper .hotnews-bar_content > a {
  color: #fff;
}

.hotnews-bar-wrapper .hotnews-bar_content > a:hover {
  text-decoration: underline;
  color: #fcdf93;
}

.rotate90 {
	/* Safari */
	-webkit-transform: rotate(90deg);
	/* Firefox */
	-moz-transform: rotate(90deg);
	/* IE */
	-ms-transform: rotate(90deg);
	/* Opera */
	-o-transform: rotate(90deg);
	
	transform: rotate(90deg);
}
.rotate180 {
	/* Safari */
	-webkit-transform: rotate(180deg);
	/* Firefox */
	-moz-transform: rotate(180deg);
	/* IE */
	-ms-transform: rotate(180deg);
	/* Opera */
	-o-transform: rotate(180deg);
		
	transform: rotate(180deg);
}
.rotate270 {
	/* Safari */
	-webkit-transform: rotate(270deg);
	/* Firefox */
	-moz-transform: rotate(270deg);
	/* IE */
	-ms-transform: rotate(270deg);
	/* Opera */
	-o-transform: rotate(270deg);
	
	transform: rotate(270deg);
}
.v_middle{display: inline-block;vertical-align: middle;height: 100%;line-height: 100%;}
