@charset "utf-8";
*html .pointer {
filter: chroma(color=pink);
}
* {
list-style-image: none;
list-style-type: none;
}
/*整體布局*/
#body_out { /*最外圍ie8置中用，外圍背景，原則上不用動*/
width: auto;
width: 100%;/*firefox*/
height: auto;
text-align: center;
margin-right: auto;
margin-left: auto;
margin-bottom:0px;
background-color: #FFFFFF;
position:relative;
}
#body_center { /*中間區塊*/
width: 980px;/*firefox*/
*margin: 0px auto;/*ie7*/
_margin: 0px auto;/*ie6*/
background-color: #FFFFFF;
text-align: center;
height: 100%;
margin-right: auto;
margin-left: auto;
min-height:400px;
overflow: hidden;
}
#body_left { /*左邊區塊*/
height: 100%;
width: 200px;
float: left;
background-color: #FFFFFF;
text-align: center;
margin-right: auto;
margin-left: auto;
background-repeat: no-repeat;
background-position: left top;
/*min-height:450px*/
}
#body_right { /*右邊區塊*/
font-size:12px;
height: 100%;
width: 765px;
float: left;
background-color: #FFFFFF;
/*margin-bottom: -10000px;
padding-bottom: 10000px;*/
padding-left:15px
}
#in a:hover{ color:#ACCEB7;}
.content { /* 重要!!內容區塊所有內容 */
text-align: left;
line-height:25px;
height: auto;
margin-right: auto;
margin-left: auto;
}
/*整體布局結束*/
/*滿版長標題，與menu上下距離都使用此控制 */
#title_l {
height: 30px;
line-height:30px;
margin-bottom: 10px;
margin-left:auto;
margin-right:auto;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #E6E6E6;
}
#title_l_left {
height: auto;
width: auto;
float: left;
padding-top: 0px;
padding-left: 20px;
font-size: 12px;
}
/*滿版長標題結束*/
/*兩欄頁面右邊標題導覽 */
#title_s {
background-repeat:repeat-y;
height: 25px;
width: 754px;
float: left;
background-position: top;
margin-left: 0px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #E6E6E6;
}
#title_s h1 {/*導覽列標題使用，這樣可以區分導覽的樣式，a也可以在此設定*/
font-size: 13px;
font-weight: bold;
color: #666666;
}
#title_s_left {
height: auto;
width: auto;
display:block;
float: left;
padding-top: 0px;
padding-left: 15px;
font-weight:bold;
color:#FF3300;
font-family: "微軟正黑體";
}
#title_s_right {
height: auto;
width: auto;
display:block;
float: right;
padding-top: 4px;
padding-right: 15px;
font-size: 12px;
}
/*兩欄頁面右邊標題導覽結束*/
/*左側選單*/
#left_body {
}
#left_menu { /*左右若底色一樣，記得改右側底線*/
width: 198px; /*記得當有外框時，要比小標題圖片小2*/
height:auto;
text-align: left;
margin-bottom:10px;
margin-top:10px;
background-image: url(../images/bk2.png);
background-repeat:repeat-y;
/*border-right:#DBDBDB 1px solid;
border-bottom:#DBDBDB 1px solid;
border-left:#000000 1px solid;*/
}
#left_menu_arr { /*用來控制左邊箭頭高度的位置*/
padding-top:6px;
}
/*左側選單結束*/
html, body {
line-height: 18px;
color: #5f5f5f;
margin: 0px;
font-family: "微軟正黑體", Verdana, Arial, Helvetica, sans-serif;
background-position: top;
}
td {
font-size: 12px;
}
h1 {
font-size: 17px;
color:#050505;
line-height:26px;
margin-bottom: 0px;
margin-top:0px;
padding:0px;
font-family: "微軟正黑體", Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
}
h2 {
font-size: 15px;
margin-top: 0px;
margin-bottom: 2px;
font-weight: normal;
margin-left: 0px;
}
h2 a:link {
font-size: 15px;
margin-top: 2px;
margin-bottom: 2px;
font-weight: normal;
}
h2 a:hover {
font-size: 15px;
margin-top: 2px;
margin-bottom: 2px;
font-weight: normal;
}
h2 a:visited {
font-size: 15px;
margin-top: 2px;
margin-bottom: 2px;
font-weight: normal;
}
h3 {
font-size: 13px;
color: #000000;
margin-top: 2px;
margin-bottom: 2px;
font-weight: normal;
}
a:link {
font-size: 12px;
color: #5f5f5f;
line-height: 18px;
text-decoration: none;
}
a:visited {
font-size: 12px;
color: #5f5f5f;
line-height: 18px;
text-decoration: none;
}
a:hover {
font-size: 12px;
color:#ff7800;
line-height: 18px;
text-decoration:none;
}
a:active {
font-size: 12px;
line-height: 18px;
color: #ff7800;
text-decoration: none;
}
.price {
color: #ff7985;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
}
.prices {
font-size: 13px;
font-weight: normal;
color: #CC0000;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.salename {
font-size: 15px;
line-height: 18px;
font-weight: bold;
color: #cc0000;
}
.salename2 {
font-size: 11px;
line-height: 18px;
color: #cc0000;
padding-top:10px;
}
.saletime {
font-size: 13px;
line-height: 18px;
color: #B55B5B;
text-decoration: underline;
}
.saletime2 {
font-size: 16px;
line-height: 18px;
color: #B55B5B;
font-weight: bold;
}
.small {
font-size: 11px;
line-height: 14px;
color: #666666;
margin-top:10px;
}
.comment { /*頁面欄位標題*/
font-size: 12px;
line-height: 18px;
color: #4D1800;
}
.f15 {font-size:13px;line-height:24px;}
/* 商品說明 */
.intro {
color: #000000;
}
/*頁面部份連結突顯，如shopping滿額加購、多件折購等之加入購物車*/
.addcart {
line-height: 13px;
}
.addcart a:link {
font-size:12px;
color:#003399;
text-decoration:none;
}
.addcart a:visited {
font-size:12px;
color:#003399;
text-decoration:none;
}
.addcart a:active {
font-size:12px;
color:#FF9900;
text-decoration:none;
}
.addcart a:hover {
font-size:12px;
color:#3399CC;
text-decoration:underline;
}
/*頁面部份連結突顯結束*/
/*會員中心表格*/
#table_me {
background-color: #cccccc;
margin-bottom: 15px;
}
#table_me td {
background-color: #FFF;
}
#table_me .head {
background-color: #EFEFEF;
color: #333333;
}
/*會員中心表格結束*/
/*會員中心按鈕*/
.qian1 {
height:24px;
display:block;
float:left;
background-color: #ef9a9f;
padding-left:20px;
padding-right:20px;
marging-right:4px;
text-align: center;
margin-right:5px;
font-size:12px;
line-height:24px;
color:#FFFFFF;
border: 1px solid #ef9a9f;
}
.qian1 a:link, .qian1 a:visited {
font-size:12px;
line-height:24px;
color:#ffffff;
}
.qian2 {
height:24px;
display:block;
float:left;
background-color: #ec4a85;
padding-left:20px;
padding-right:20px;
marging-right:4px;
border: 1px solid #ef9a9f;
text-align: center;
margin-right:5px;
font-size:12px;
line-height:24px;
color:#FFFFFF;
}
.qian2 a:link, .qian2 a:visited {
font-size:12px;
line-height:28px;
color:#FFFFFF;
}
/*會員中心按鈕結束*/
/*右側底線*/
#underline {
border-bottom:1px dashed #9e9e9e;
}
/*右側底線結束*/
/*產品列表分隔線*/
#product_side {
border-right-width: 1px;
border-right-style: solid;
border-right-color: #cccccc;
}
/*產品列表分隔線結束*/
/* 已瀏覽商品 */
ul.viewed li {
margin:0px;
height:220px;
float:left;
overflow:visible;
}
ul.viewed {
clear: both;
list-style-type:none;
padding:0px;
margin:0px;
}
ul.viewed li div {
display:table-cell;
vertical-align:middle;
}
ul.viewed2 li {
width:100px;
height:100px;
float:left;
overflow:hidden;
}
ul.viewed2 {
clear: both;
list-style-type:none;
padding:0px;
}
ul.viewed2 li div {
display:table-cell;
text-align:center;
vertical-align:middle;
}
ul.present li {
height:290px;
float:left;
}
ul.present {
clear: both;
list-style-type:none;
padding:0px;
margin-left: 20px;
}
ul.present li div {
display:table-cell;
text-align:center;
vertical-align:middle;
}
/* 已瀏覽商品結束 */
.inputstyle { /*使用最多的input樣式*/
FONT-SIZE: 12px;
FONT-FAMILY: "微軟正黑體", "Arial", "Helvetica", "sans-serif";
BACKGROUND-COLOR: #ffffff
}
.input_search { /*搜尋box樣式，這個特別獨立*/
font-size: 13px;
border:thin none #d7d7d7;
color: #ffffff;
border:0px ;
background-color:#343434;
}
.inputstyle2 {/*進階搜尋樣式*/
BORDER-RIGHT: #d8d8d8 1px solid;
BORDER-TOP: #d8d8d8 1px solid;
FONT-SIZE: 12px;
BORDER-LEFT: #d8d8d8 1px solid;
BORDER-BOTTOM: #d8d8d8 1px solid;
FONT-FAMILY: "Arial", "Helvetica", "sans-serif";
line-height: 15px;
text-indent: 10px;
}
.inputstyle3 {/*商品問答、文章問答、註冊樣式*/
BORDER-RIGHT: #b8b8b8 1px solid;
BORDER-TOP: #b8b8b8 1px solid;
FONT-SIZE: 12px;
BORDER-LEFT: #b8b8b8 1px solid;
BORDER-BOTTOM: #b8b8b8 1px solid;
FONT-FAMILY: "Arial", "Helvetica", "sans-serif";
BACKGROUND-COLOR: #ffffff
}
/**************************************************/
/*用於大banner切換的css*/
.adv {
width:680px;
display:block;
float:left;
margin-left:0px;
}
ul.adv li {
height:105px;
float:left;
margin-right:3px;
margin-top: 1px;
}
ul.adv {
clear: both;
list-style-type:none;
padding:0px;
}
ul.adv li div {
display:block;
text-align:center;
vertical-align:middle;
}
/*紅色字定義css*/
.red {
color: #DA2128;
font-weight:bold;
font-size:17px;
font-family:Verdana, Geneva, sans-serif;
}
.red:link {
font-size:9pt;
color:#000000;
text-decoration:none;
}
.red:hover {
font-size:9pt;
color:#000000;
text-decoration:underline;
}
.red:visited {
font-size:9pt;
color:#000000;
text-decoration:none;
}
.red:active {
font-size:9pt;
color:#000000;
text-decoration:none;
}
/*for shopping-sale*/
.move-button {
width:96px;
height:21px;
display:block;
background-image:url(../images/move-butoon-back.gif);
text-indent:25px;
line-height:21px;
font-size:12px;
margin-top:5px;
margin-bottom:5px;
}
.move-button a:link, .move-button a:active, .move-button a:visited {
line-height:21px;
color:#666666;
}
.move-button a:hover {
line-height:21px;
color:#333333;
}
/*導航分隔箭頭*/
.style100 {
text-decoration: none;
font-family: Dotum, "標楷體";
}
/*商品列表排序*/
.asc_desc li a,.asc_desc li a:link,.asc_desc li a:visited{
padding: 2px;
float: right;
width: 70px;
border: 1px solid #ec7d83;
text-align: center;
margin-right: 3px;
display: block;
color: #333333;
}
.asc_desc li a:hover {
padding: 2px;
float: right;
width: 70px;
border: 1px solid #ec7d83;
text-align: center;
margin-right: 3px;
background-color: #ef9a9f;
display: block;
color: #FFFFFF;
}
.asc_desc_cur a{
float: right;
width: 75px;
margin-right: 3px;
background-color: #ef9a9f;
display: block;
}
/*商品列表排結束序*/
/*for cart_window*/
.dropmenudiv {
position:absolute;
top: 0;
border: 1px solid #BBB;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: #FFFFFF;
width: 150px;
visibility: hidden;
}
.dropmenudiv a:link, .dropmenudiv a:visited, .dropmenudiv a:active {
width: 150px;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB;
padding-left: 6px;
padding-right: 5px;
padding-top: 3px;
padding-bottom: 3px;
text-decoration: none;
font-weight: normal;
color: #000000;
text-align:left;
}
.dropmenudiv a:hover {
width: 150px;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB;
padding-left: 6px;
padding-right: 5px;
padding-top: 3px;
padding-bottom: 3px;
text-decoration: none;
font-weight: normal;
color: #000000;
text-align:left;
background-color: #F0F0F0;
}
/*商品詳細頁右側內容區底線*/
.blue-line {
}
.blue-line a:link, .dropmenudiv a:visited, .dropmenudiv a:active {
}
.blue-line a:hover {
}
.blue-line2 {
}
/*品牌*/
.ppzq {
width: 158px;
height:36px;
overflow:hidden;
margin-left: 3px;
padding-top: 5px;
float:left;
}
.ppzq2 {
width: 230px;
height:80px;
overflow:hidden;
margin-left: 3px;
padding-top: 5px;
float:left;
}
.ppimg {
border: 1px solid #979797;
clear: both;
height: 26px;
width: 153px;
}
.imag_wrap {
width: 155px;
height: 180px;
border-right: #e6e6e6 dotted 1px;
border-bottom: #e6e6e6 solid 3px;
float:left;
margin: 0px;
}
/*固定大小*/
.picture2 {
width:200px;
display:inline-table;
margin-left:auto;
margin-right:auto;
line-height: 200px;
overflow: hidden;
position: relative;
text-align: center;
vertical-align: middle;
}
.picture2 img {
width: expression(this.width > 200 ? 200: true);
max-width: 200px;
height: expression(this.height > 200 ? 200: true);
max-height: 200px;
}
.picture2 a {
display: block;
border: 1px solid #ffffff;
vertical-align: middle;
line-height: 115px;
text-align: center;
display: table-cell;
height: 115px;
width: 116px;
}
.picture2 a:hover {
border: 1px solid #efefef;
height: 115px;
width: 116px;
}
/*固定大小 */
.picture3 {
width:170px;
display:inline-table;
margin-left:auto;
margin-right:auto;
line-height: 170px;
overflow: hidden;
position: relative;
text-align: center;
vertical-align: middle;
}
.picture3 img {
width: expression(this.width > 170 ? 170: true);
max-width: 170px;
height: expression(this.height > 170 ? 170: true);
max-height: 170px;
}
.picture3 a {
display: block;
border: 0px solid #ffffff;
vertical-align: middle;
line-height: 170px;
text-align: center;
display: table-cell;
height: 170px;
width: 170px;
}
.picture3 a:hover {
border: 0px solid #FDC4E3;
height: 170px;
width: 170px;
}
/*聚合商品*/
.picture1 {
width:80px;
margin-left:auto;
margin-right:auto;
vertical-align: middle;
}
.picture1 img {
width: expression(this.width > 80 ? 80: true);
max-width: 80px;
height: expression(this.height > 80 ? 80: true);
max-height:80px;
}
.picture1 a {
display: block;
border: 1px solid #ffffff;
line-height: 80px;
height: 80px;
width: 81px;
}
.picture1 a:hover {
border: 1px solid #FDC4E3;
height: 80px;
width: 81px;
}
.picture4 {
width:130px;
margin-left:auto;
margin-right:auto;
line-height: 140px;
overflow: hidden;
position: relative;
text-align: center;
vertical-align: middle;
}
.picture4 img {
width: expression(this.width > 130 ? 130: true);
max-width:130px;
height: expression(this.height > 130 ? 130: true);
max-height: 130px;
}
/*排行板*/
.picture5 {
width:55px;
display:inline-table;
margin-left:auto;
margin-right:auto;
line-height: 140px;
overflow: hidden;
position: relative;
text-align: center;
vertical-align: middle;
}
.picture5 img {
width: expression(this.width > 55 ? 55: true);
max-width: 55px;
height: expression(this.height > 55 ? 55: true);
max-height: 55px;
}
.picture5 a {
display: block;
border: 1px solid #ffffff;
vertical-align: middle;
line-height: 55px;
text-align: center;
display: table-cell;
height: 55px;
width: 56px;
}
.picture5 a:hover {
border: 1px solid #FDC4E3;
height: 55px;
width: 56px;
}
/* for include_recproduct_s icon */
.ibaby_arrow {
font-size: 10px;
line-height: 10px;
}
/* 商品分類各個類別css定義 */
/* 商品屬性 */
.job:link {
font-size:15px;
text-decoration: none;
}
.job:visited {
font-size:15px;
text-decoration: none;
}
.job:active {
font-size:15px;
color:#eee2c9;
text-decoration:none;
}
.job:hover {
font-size:15px;
color:#eee2c9;
text-decoration: none;
}
.job2{}
.job2 a:link, .job2 a:active, .job2 a:visited {
font-size:12px;
color:#979797;
text-decoration:none;
}
.job2 a:hover {
font-size:12px;
color:#582900;
text-decoration:none;
}
.job3{}
.job3 a:link, .job3 a:active,.job3 a:visited {
font-size:12px;
color:#333333;
text-decoration:none;
}
.job3 a:hover {
font-size:12px;
color:#D11F27;
text-decoration:none;
}
.p12blue {
font-size: 15px;
color: #D11F27;
width: 100%;
display: table;
}
/*商品圖外框*/
.job4 {
}
.job4 a:link, .job4 a:active, .job4 a:visited {
font-size:15px;
color: #e6186d;
text-decoration: none;
}
.job4 a:hover {
font-size:15px;
color: #F27DAC;
text-decoration: none;
}
.bottom{
color:#000000}
.bottom a:link, .bottom a:active, .bottom a:visited {
color:#000000;
}
.bottom a:hover {
color:#333333;
}
.menu{
}
.menu:link, .menu:active, .menu:visited {
border-bottom:1px solid #FFFFFF;
}
.menu:hover {
padding-bottom:3px;
}
/**login panel **/
.login {color:#e7196e;}
.login a:link, .login a:visited {
font-size:12px;
font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
color:#0066ff;
text-decoration:none;
}
.login a:hover {
font-size:12px;
font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
color:#e7196e;
text-decoration:none;
}
/** 熱門關鍵字 **/
.keyword_ad {
color:#7D0000;
padding-bottom:3px;
}
.keyword_ad a:link, .keyword_ad a:active,.keyword_ad a:visited{
text-decoration: none;
color:#7D0000;
}
.keyword_ad a:hover{
text-decoration: underline;
color:#e7196e;
}
/** 商品分類屬性 **/
.tag a{
font-size: 13px;
color: #353232;
background-color: #e7e5e5;
text-align: center;
display: block;
margin-right: 12px;
margin-bottom: 11px;
height: 30px;
vertical-align: middle;
padding-top: 0px;
float: left;
line-height: 31px;
padding-left:8px;
padding-right:8px;
}
.tag a:hover{
font-size: 13px;
color: #FFF;
background-color: #e7196e;
text-align: center;
display: block;
margin-right: 12px;
float: left;
margin-bottom: 11px;
height: 30px;
vertical-align: middle;
padding-top: 0px;
line-height: 31px;
padding-left:8px;
padding-right:8px;
}
.good_brand_bg{
width:7px;
height:18px;
background-image: url(../images/good_brand_bg.gif);
float:left;
}
.good_brand_bg1{
width:7px;
height:18px;
background-image: url(../images/good_brand_bg.gif);
float:left;
background-position: -82px;
}
.p9black{
color:#333333
}
/*頭部標簽按鈕css定義*/
.toplink {margin:0px;padding:0px;}
.toplink li {height:28px;display:inline;float:left;}
.toplink li a:link,.toplink li a:active,.toplink li a:visited {height:28px; display:block;background-image:url(../images/qback1.gif); background-position:top; background-repeat:no-repeat; font-size:13px; line-height:28px; text-align:center;}
.toplink li a:hover {height:28px; display:block; background-image:url(../images/qback1.gif);background-position:bottom; background-repeat:no-repeat; font-size:13px; line-height:28px; text-align:center;}
.price-small { color:#f92e2e; font-weight:bold;}
/*控制商品頁頁籤外框*/
.page1 {
overflow: hidden;
width: 97%;
padding: 20px 10px 15px 10px;
text-align: left;
}
.page1 p{
margin:0px;
padding:0px
}
/*熱門快蒐*/
.index_div {
display:block;
font-size:12px;
line-height: 15px;
}
.index_div a:link, .index_div a:active, .index_div a:visited {
padding: 3px 5px 3px 5px ;
line-height:30px;
color:#FFFFFF;
background-color: #999999;
}
.index_div a:hover {
padding: 3px 5px 3px 5px ;
background-color: #666666;
line-height:30px;
color:#FFFFFF;
}
/* 左欄選項：商品第二層、品牌分類、文章分類、所有商品大類、會員中心選單、文章列表、、滿額好禮、多件折扣 */
.level2 {
margin:0px;
padding-left:5px;
line-height:30px;
font-size:14px;
font-family:"Times New Roman", Times, serif;
display: block;
font-size: 13px;
background-repeat: no-repeat;
/*background-image: url(../images/bk3.png);*/
background-position: left 9px;
font-family: "微軟正黑體", Century Gothic;
text-decoration: none;
}
.level2 a:link,.level2 a:visited{
color:#666666;
line-height:30px;
display: block;
text-decoration: none;
}
.level2 a:hover{
color:#FF7800;
line-height:30px;
display: block;
text-decoration: none;
}
.level2_cur {
margin:0px;
padding-left:5px;
font-family:"Times New Roman", Times, serif;
color:#FF7800;
line-height:30px;
display: block;
font-size: 13px;
/*background-image: url(../images/bk3.png);*/
background-repeat: no-repeat;
background-position: left 9px;
font-family: "微軟正黑體", Century Gothic;
text-decoration: none;
}
.level2_cur a:link,.level2_cur a:visited,.level2_cur a:active{
color:#FF7800;
line-height:30px;
display: block;
}
.level2_cur a:hover{
color:#FF7800;
line-height:30px;
display: block;
}
/* 左欄選項：商品第二層、品牌分類、文章分類、所有商品大類、會員中心選單、文章列表、、滿額好禮、多件折扣、活動 結束 */
/* 商品分類-第三層 */
.level3{
padding-left:15px;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
line-height:20px;
background-image: url(../images/bk3.png);
background-repeat:repeat-y;
color:#FF0000;
text-decoration: none;
}
.level3:hover{
background-image: url(../images/bk4.png);
background-position:0px 2px;
background-repeat:no-repeat;
}
.level3 a:link,.level3 a:visited,.level3 a:active{
font-size: 12px;
line-height:20px;
color:#555555;
text-decoration: none;
}
.level3 a:hover{
font-size: 12px;
line-height:20px;
color:#FF7800;
text-decoration: none;
}
.level3 li{
padding-left:5px;
list-style-image: url(../images/an2-1.png);
text-indent: -5px
}
.level3 a:hover li{
padding-left:5px;
list-style-image: url(../images/an2-2.png);
text-indent: -5px
}
.level3_cur{
padding-left:15px;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
line-height:20px;
color:#FF7800;
background-image: url(../images/bk4.png);
background-position:0px 2px;
background-repeat:no-repeat;
text-decoration: none;
}
.level3_cur a:link,.level3_cur a:visited,.level3_cur a:active{
font-size: 12px;
line-height:20px;
height:20px;
color:#FF7800;
text-decoration: none;
}
.level3_cur a:hover{
font-size: 12px;
line-height:20px;
height:20px;
color:#FF7800;
text-decoration: none;}
.level3_cur li{
padding-left:5px;
list-style-image: url(../images/an2-2.png);
text-indent: -5px;}
/* 商品分類-第三層結束 */
/* 頁數css控制 */
.pageall {
padding:0;
display: inline-block;
}
.pageall li i {
line-height:22px;
}
.pageall li {
text-align:center;
font-size: 12px;
line-height: 22px;
color: #666;
display: block;
height: 22px;
width: 22px;
float: left;
}
.pageall li a:link,.pageall li a:visited {
text-align:center;
font-size: 12px;
line-height: 22px;
color: #666;
display: block;
height: 22px;
width: 22px;
border: 1px solid #999;
float: left;
}
.pageall li a:hover{
text-align:center;
font-size: 12px;
line-height: 22px;
color: #666;
display: block;
height: 22px;
width: 22px;
border: 1px solid #F36;
float: left;
}
.page_cur {
text-align:center;
font-size: 12px;
line-height: 22px;
color: #F36;
display: block;
height: 22px;
width: 22px;
/*border: 1px solid #F36;*/
float: left;
margin-left:5px;
margin-right: -2px;
}
.page_all {
float:right;
line-height:24px;
display:none;
}
.page_go {
float:right;
display:none;
}
.page_p {
/*position: absolute;
right: 5px;*/
}
/*會員註冊頁*/
.reg_detail {
margin-bottom:15px;
}
/*商品列表*/
.brand_img {
}
.brand_img img{
width: expression(this.width > 200 ? 200: true);
max-width: 200px;
height: expression(this.height > 200 ? 200: true);
max-height: 200px;
}
.brand_content {
width:180px;
font-size:12PX;
text-align: left;
padding-left:7PX;
}
#product_all{
padding-left:20px;
padding-bottom:10px;
font-size:15px;
}
#product_list {
border-top: 0px solid #dbdbdb;
}
#product_list td{
max-width:180px;
min-width:180px;
}
#product_list .product_all {
padding-left:20px;
padding-top:10px;
padding-bottom:10px;
font-size:15px;
}
#product_list .product_skill{
padding-bottom:13px;
padding-right:15px;
}
#product_list .search {
border-bottom: 1px solid #dbdbdb;
font-size:15px;
font-weight:bold;
padding:5px;
padding-left:15px;
line-height:35px
}
#product_list .keywords {
color:#FF0000;
}
#product_list .box {
margin:3px;
margin-bottom:0px;
width:170px;
height:100%;
float:left;
}
#product_list .box:hover {
outset: Defines a 3D outset border. The effect depends on the border-color value;
-webkit-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
-moz-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
-o-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
}
#product_list .box2 {
border:1px solid #FFFFFF;
}
#product_list .box2:hover {
border:1px solid #FF7800;
}
#product_list .box a:hover{
color:#CCCCCC;
}
/*活動主題頁*/
.discountsubject {
margin:10px;
margin-bottom:0px;
padding:5px;
width:170px;
height:345px;
float:left;
border:2px solid #ffffff;
}
.discountsubject:hover {
border:2px solid #dbdbdb;
outset: Defines a 3D outset border. The effect depends on the border-color value;
-webkit-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
-moz-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
-o-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
}
/*訂單明細*/
#order_view {
font-family:"微軟正黑體", "Arial";
}
#order_view h1 {
font-size:18px;
font-weight:normal;
line-height:35px;
}
/*留言板*/
#message {
font-family:"微軟正黑體", "Arial";
}
#message .name {
color:#1EAC51;
}
#q{
float:left;
width:242px;
height:242px;
}
#article_class {
float:left;
width:242px;;
height:242px;
text-align:center;
position:relative;
display: table-cell;
}
#article_class img {
width: expression(this.width > 242 ? 242: true);
max-width: 242px;
height: expression(this.height > 242 ? 242: true);
max-height:242px;
}
div#article_class span.a {
display:inline;
}
div#article_class:hover span.a {
display:none;
}
div#article_class span.b {
display:none;
}
div#article_class:hover span.b {
display:inline;
}
.article_class_text {
z-index:2;
width:242px;
height:242px;
display: table-cell;
vertical-align: middle;
text-align:center;
background:none;
/*background-repeat:repeat;
background:url(../images/product_bk.png);
border:0px;*/
}
.article_class_text a {
z-index:2;
font-size:18px;
text-decoration:underline;
color:#333333;
}
.article_class_text a:hover {
z-index:2;
font-size:18px;
color:#ACCEB7;
}
.article_class_background {
z-index:1;
width:242px;
height:242px;
position:absolute;
left:0px;
top:0px;
background-color:transparent;
}
.article_class_background img {
-moz-opacity: 0.3;opacity:.2;filter: alpha(opacity=30);
width: expression(this.width > 242 ? 242: true);
max-width: 242;
height: expression(this.height > 242 ? 242: true);
max-height:242;
}
/*************************** rge css begin ****************************/
.menu-block {width:570px; display:block;float:left;color:#fff; font-size:14px;}
.menu-block ul {height:33px;line-height:33px;margin-top:0px;}
.menu-block li {margin-right:40px;display:block;float:left;}
.menu-block li a:link,.menu-block li a:active,.menu-block li a:visited {color:#fff; font-size:14px;}
.menu-block li a:hover {color:#ff7800; font-size:14px;}
.search-block {width:233px; display:block;float:right; font-size:12px;}
#mainmenu {color:#fff; }
#mainmenu a:link,#mainmenu a:active,#mainmenu a:visited {color:#fff;}
#mainmenu a:hover {color:#ff7800; }
.foot-area1 {color:#fff;font-size:13px;}
.foot-area1 a:link,.foot-area1 a:active,.foot-area1 a:visited {color:#fff;}
.foot-area1 a:hover {color:#ff7800; }
.foot-area2 {color:#757575; font-size:13px; font-family:"微軟正黑體";}
/*************************** rge css end ****************************/