@charset "utf-8";
/*商品介紹頁簡介*/
.np_cc p{ margin:0; padding:0; line-height:160%}
/*左邊分類選單 product*/
#menu_out{ }
#menu_c {float: left;  margin:3px ; padding:0;clear:left;  width:202px;background:; height:auto; min-height:120px; _height:120px;}
#menu_c *{list-style:none;border:0;padding:0; margin:0;}
#menu_c .m_top{}/*c樣式分類上最上方*/
#menu_c ul{margin:0; padding:0; list-style:none }
#menu_c ul a{text-decoration:none;display:block; color:#486FA8;padding:2px 0 2px 20px; font-weight: bold;  
background:url(http://plus.webdo.com.tw/webdox_layout/x_01/images/icon.png) 0 -1084px no-repeat; margin:0; }/*一次顯示兩層時的標題*/
#menu_c li{ position:relative; margin:3px;padding:0;display:block; _float:left;_width:100%;  }/*第一層選單樣式*/
#menu_c li img{ position:absolute; right:2px;top:5px; z-index:10000;}/*右邊點選可打開的小圖*/
#menu_c li a img{position:relative;margin:0 3px 0 0; top:0;}
#menu_c li a{ text-decoration:none;display:block; color:#222;padding:2px 0 2px 14px; background:url(http://plus.webdo.com.tw/webdox_layout/x_01/images/icon.png) 0 -640px no-repeat;border-bottom:1px  dotted  #A5A5A5; }
#menu_c li a:hover{color:#AF565C ;  background:url(http://plus.webdo.com.tw/webdox_layout/x_01/images/icon.png) 0 -640px no-repeat ;border-bottom:1px  solid #AF565C ; display:block;}
#menu_c div{margin:3px 0 3px 12px; _margin:0px 0 0px 12px;}/*第二層與新增的次選單樣式*/
#menu_c div ol{ position:relative;margin:3px;_margin:0px;display:block; border: none }
#menu_c div ol img{ position:absolute; right:2px;top:5px; z-index:10000;}
#menu_c div ol a{border-bottom:1px  dotted #A5A5A5; text-decoration:none;display:block; color:#555;padding:1px 0 3px 13px; background:url(http://plus.webdo.com.tw/webdox_layout/x_01/images/icon.png) 0 -774px no-repeat }
#menu_c div ol a:hover{color:#AF565C ;border-bottom:1px solid  #AF565C ;background:url(http://plus.webdo.com.tw/webdox_layout/x_01/images/icon.png) 0 -774px no-repeat;display:block; }
#menu_c div ol a img{position:relative;margin:0 3px 0 0; top:0;}
#menu_c .menu_on{ color:#C60; background:url(http://plus.webdo.com.tw/webdox_layout/x_01/images/icon.png) 0 -640px no-repeat #FEF5ED}
#menu_c .menu_on2{ color:#C60; background:url(http://plus.webdo.com.tw/webdox_layout/x_01/images/icon.png) 0 -774px no-repeat #FEF5ED}
/*線上報名列表*/
.sign_list{ width:100%; margin:10px auto; position:relative; font:90%/155% Verdana, Geneva, sans-serif; color:#333;border-collapse: collapse; background:#fff;}
.sign_list td{ padding:5px 8px;}
.sign_list .s_td1{ background:url(http://plus.webdo.com.tw/webdox_layout/s_icon/dotbg.gif) bottom repeat-x #F8F1ED; font-weight:bold; width:40%}
.sign_list .s_td2{ background:url(http://plus.webdo.com.tw/webdox_layout/s_icon/dotbg.gif) bottom repeat-x #F8F1ED; font-weight:bold; width:35%}
.sign_list .s_td3{ background:url(http://plus.webdo.com.tw/webdox_layout/s_icon/dotbg.gif) bottom repeat-x #F8F1ED; font-weight:bold; width:25%}
.sign_list .sign_state{ color:#C36; text-align:left; font-size:10pt}
.sign_list .s_title{ font:12pt/17pt Verdana, Geneva, sans-serif;}
.sign_list .s_title a{ color:#36C}
.sign_list .s_date{ color:#A6556D}
/*商品列表原價*/
.p_img em{ font: normal 9pt/12pt Verdana; color:#666}
/*相簿列表*/
#product_w{ width:100%; margin:20px 0px 0  0px; float:right; display:inline;}/*相本區列表*/
#product_w h1{font: bold 12pt/17pt "微軟正黑體", sans-serif, Verdana; margin:0px; padding:5px 0; height:auto;color: #000; text-indent:20px; background: url(http://plus.webdo.com.tw/webdox_layout/x_58/images/icon.png) 0 -331px no-repeat; }
/*  商品介紹頁籤 */
#tab{position:relative;float:left; width:100%;}
.jquery-tabs{position:relative;float:left; width:100%; margin:10px 0; height:auto;text-align:left;}
.jquery-tabs .p{ position:absolute;top:0;margin:0; padding:0; display:block;width:100%; height:30px; z-index:10000;border-left:1px solid #dfdfde;}
.jquery-tabs .p span{ position:relative;cursor:pointer; border:1px solid #dfdfde; border-left:none;width:150px; height:30px; text-align: center;  font:normal 11pt/30px Verdana; margin:0px;padding:0; float:left; overflow:hidden; background:url(http://plus.webdo.com.tw/webdox_layout/s_icon/tab1_a.png) bottom repeat-x; }
.jquery-tabs  .p .current{ width:150px; color:#1895A3;  display:block; float:left; border-bottom:1px solid #fff; background:url(http://plus.webdo.com.tw/webdox_layout/s_icon/tab1_a.png) left top no-repeat; border-top:1px solid #85d9e5;  font-weight:bold;  }
.jquery-tabs .mhot,.jquery-tabs.allhot{display:none;}
.jquery-tabs .tab_c{ position: relative;top:31px; z-index:100;width:100%; height:auto; min-height:330px;_height:330px; margin:0; display:inline; float:left; padding:0;border:1px solid #dfdfde;  background:#fff; margin:0 0 20px 0 }
.jquery-tabs .ul{ margin:4px 0 4px 4px; padding:0; display:block; float:left; width:98%; display:inline }
/*加購商品區*/
#pp_out{float:left; width:98%;}
#pp_out .p_5{ float:left; display:inline; background:#fff; width:100%}
#pp_out .h3{ margin:0; padding:0; font: bold 11pt/20pt Verdana, Geneva, sans-serif; text-align:left; text-indent:15px;  border-bottom:1px  dotted #eee}
#pp_out .p_5 .p_img{width:128px; float:left; margin:5px 0px 5px 4px ; display:inline; text-align:left ; font:10pt/16pt Arial; color:#C00 ;/* $顏色 */ }
#pp_out .p_5 .p_img .pp{height:130px; margin:0; padding:0;width:128px; text-align:center;overflow:hidden; 
background:#FAFAFA; /* Firefox, Chrome */
  line-height :130px; 
  white-space : nowrap;  /* IE */
  *font-size :116px;  /* 132px * 0.9 = 119px */
  *font-family : Arial;}
#pp_out .p_5 .p_img .pp a{height:130px; width:128px;text-align:center; line-height :130px;  white-space : nowrap;}
#pp_out .p_5 .p_img .pp:after {  content : ".";  font-size :1px;   margin-left : -1px;  opacity : 0;}
#pp_out .p_5 .p_img  .pp a img { max-width:126px; max-height:126px; height:auto; width:auto;vertical-align:middle; border:1px solid #fff;  
myimg:expression(onload=function(){ 
this.style.width=(this.offsetwidth >126)?"126px":"auto"});
myimg:expression(onload=function(){ 
this.style.height=(this.offsetheight >126)?"126px":"auto"});}}
#pp_out .p_5 .p_img .pp:hover{ background:;  }
#pp_out .p_5 .p_img .pp a:hover {background: }
#pp_out .p_5 .p_img  .pp a:hover  img{border:1px  solid #A7A7A7; vertical-align:middle;    }
#pp_out .p_5 .p_img .f1{ height:auto;padding:0; margin:2px 0; text-align:left;  color:#666; width:130px  }
#pp_out .p_5 .p_img .f1 a{color:#333;text-decoration:none; } 
#pp_out .p_5 .p_img .f1 a:hover{	color:#39C; text-decoration: underline;}
#pp_out .p_5 .p_img .f1 a:hover .pp{background:;  }
#pp_out .p_5 .p_img b{ color: #C00; font-size:12pt;text-align:left;letter-spacing:1px;   } /* 價格*/
#pp_out .p_5 .p_img:hover .f1 a{ color:#39C; }
#pp_out .p_5 .p_img  b a{ color: #D04055; font: normal 10pt/18pt Arial; letter-spacing:2px;  } /* 購買 */
#pp_out .p_5 .p_img b a:hover{ color:#39C}/* 購買 */
/* 商品討論區 */
.tab_3{ font:10pt/16pt Verdana;  }
.tab_3 .tab_3_1{ width:96%; float:left; padding:1%; height:auto;
min-height:40px; _height:40px;  color:#000; margin-top:16px; }
.tab_3 .tab_3_2{width:95%;padding:1.5%; margin:2px 0 0 2%; border:1px dotted #EAEAEA ; float: right; height:auto;min-height:40px; _height:40px;  color:#555; }
.tab_3 .tab_3_3{width:95%; float: right;  padding:1.5%;  margin:2px 0 0 2%; border:1px dotted #EAEAEA ;  height:auto;
min-height:40px; _height:40px; color:#4A5484; background:#FDFCF9 ;border-left:1px dotted #EAEAEA ;}
.tab_3_1 b{ float:left}
.tab_3_1 em{ float:right; color:#666}
.tab_3_1 .bb_r{ float:right}
.tab_3_2 b{ float:left}
.tab_3_2 em{ float:right; color:#666}
.tab_3_2 .bb_r{ float:right}
.tab_3_3 b{ float:left}
.tab_3_3 em{ float:right; color:#666}
.tab_3_3 .bb_r{ float:right}
.tab_3_bb{ float:right; margin:0 3% 0 0; }
.related{float:left; width:100%; margin:10px 0px; background:#fff; border:1px solid #ddd}
.related h2{ font:bold 10pt/14pt Verdana; color:#666; margin:3px; padding:0; text-indent:5px; border-left:3px solid #ccc}
.related .p_5{ float:left;  padding:0px 0; margin:5px;}
.related  .p_img{width:128px; float:left; margin:2px 4px 0 0; display:inline; text-align:left ; font:83%/155%  Verdana; color:#C00 ;/* $顏色 */ }
.related .p_img .pp{height:129px; margin:0; padding:0;width:128px; text-align:center;overflow:hidden;background:#FAFAFA; /* Firefox, Chrome */  line-height :126px;   white-space : nowrap;  /* IE */  *font-size :113px;  /* 132px * 0.9 = 119px */  *font-family : Arial;}
.related .p_img .pp a{height:128px; width:128px;text-align:center; line-height :126px;  white-space : nowrap;}
.related .p_img .pp:after {content : ".";  font-size :1px;   margin-left : -1px;  opacity : 0;}
.related .p_img  .pp a img{ max-width:126px; max-height:126px; height:auto; width:auto;vertical-align:middle; border:1px solid #fff;myimg:expression(onload=function(){ 
this.style.width=(this.offsetwidth >126)?"126px":"auto"});
myimg:expression(onload=function(){ 
this.style.height=(this.offsetheight >126)?"126px":"auto"});}}
.related .p_img .pp:hover{ background:;  }
.related .p_img .pp a:hover {background: }
.related .p_img .pp a:hover img{border:1px  solid #A7A7A7; vertical-align:middle;    }
.related .p_img .f1{ height:auto;padding:0; margin:2px 0; text-align:left;   color:#666;  }
.related .p_img .f1 a{color:#333;text-decoration:none; } 
.related .p_img .f1 a:hover{	color:#39C;text-decoration: underline;}
.related .p_img .f1 a:hover .pp{background:;  }
.related .p_img b{ color: #C00; font-size:11pt;text-align:left;letter-spacing:1px;   } /* 價格*/
.related .p_img:hover .f1 a{color:#39C;}
.related .p_img  b a{ color:#D04055; font: normal 10pt/18pt Arial; letter-spacing:2px;  } /* 購買 */

.side_car {
	margin: 0;
	padding: 0;
    width:230px;  height:250px;
	overflow: hidden;
	position: fixed;
	right:0; z-index:2000000;
	top:0px;
	position:absolute; visibility:hidden }
.side_car .caption {
	position: absolute; left:190px;
	width:190px;z-index:20000001;
	padding:0;
	cursor: pointer; background:none;}

.side_car .caption .sideBar_f{ position:absolute; padding-top:5px;width:20px; height:120px; top:42px; left:11px; z-index:100000; text-decoration:none; color:#fff; font:11pt/12pt  Verdana, "微軟正黑體"; overflow:hidden; letter-spacing:2px; text-align:center; }
.side_car .caption .sideBar_f b{ float:left; width:20px; font-size:10pt; color:#FF9}
.side_car .caption .sideBar_f2{ position:absolute; padding-top:15px; width:20px; height:120px; top:130px; border-top:1px solid #777; left:11px; z-index:100000; text-decoration:none; color:#fff; font:11pt/12pt Verdana, "微軟正黑體";overflow:hidden; letter-spacing:2px; text-align:center;}

.side_car .show_c {
	width:40px; position:absolute; visibility:visible; z-index:10000000;
	color: #fff; height:250px;
	float:left;background:url(http://plus.webdo.com.tw/webdox_layout/s_icon/shopingcar.png) left  bottom no-repeat;
}
.side_car .hidden_c { text-align:left;background:#EEE; height:250px;position:absolute; visibility:visible; z-index:10000000;
margin:0; padding:0;width:150px; float:left; left:40px; display:inline; font:10pt/14pt Verdana, Geneva, sans-serif; color:#4B597A
}
.side_car .hidden_c ul{ margin:3px 1px;padding:3px; list-style: none; border-bottom:1px solid #ddd; height:120px;}
.side_car .hidden_c li{ padding:1px; margin:2px;list-style: none;}
.side_car .hidden_c li a{ text-decoration:none;color:#06C; background:url(http://plus.webdo.com.tw/webdox_layout/s_icon/arrow_00.gif) 5px 5px no-repeat;  text-indent:15px; display:block;}
.side_car .hidden_c li a:visited{ color:#31678E}
.side_car .hidden_c li a:hover{ color:#DB3C57}
.side_car .hidden_c li input{ width:80px; height:18px; border:1px solid #ccc; background:#fff; color:#960}
.side_car .hidden_c ol {margin:0; padding:2px;}
.side_car .hidden_c ol a{ text-decoration:none; color:#06C}
.side_car .hidden_c ol a:hover{ text-decoration:none; color:#C60}
.side_car .hidden_c ol input{ width: auto; height:22px; }

.side_car .hidden_c .ul2{ margin:3px;padding:3px; list-style: none;  border-bottom:1px solid #ddd; height:auto; min-height:108px;_height:108px;}
.side_car .hidden_c .ul2 b a{ display:inline; background:none; padding-left:10px; letter-spacing:0; color:#C12F4D}
.side_car .hidden_c .ul2 b a:hover{ color:#FC4779;}
.side_car .hidden_c .ul2 a{ color:#039}
.side_car .hidden_c .ul2 a:hover{ color:#C36}

/*主選單2*/
#menu2 { position: relative; font-size:11pt; z-index:10000;  text-align:left; height:37px; border-bottom:1px solid #222; border-top:1px solid #222; float:left; width:997px; visibility:visible;}
#menu2 *{list-style:none;border:0;padding:0; margin:0;}/*以星號（*）表示，適用於所有元素*/
#menu2 .menu2 {position:absolute; left:0px;}/*若是需要移動與兩側距離，可設定此處*/
#menu2 a {position:relative;padding:9px 10px 10px 9px;/*主選單的高度9+10+18=37*/ display:block;white-space:nowrap;text-decoration:none; z-index:100000;}
#menu2 li {float:left; }
#menu2 div{visibility:hidden; position:absolute; bottom:37px; background:url(http://plus.webdo.com.tw/webdox_layout/s_icon/pix.gif)/*固定空背景，不用更改*/ }/*第一層次選單*/
#menu2 div div {      margin:-24px 0 0 0px;left:100%;/*次次選單與主選單的距離4+4+16*/ 	_margin:-29px 0 0 1px;/** fix for ie6 ;次次選單與主選單的距離 */ }
#menu2 li:hover>div { visibility:visible; }
#menu2 span {    text-transform:uppercase;	font:11pt/18px 'Trebuchet MS', Arial, Helvetica, Sans-serif;    color:#574d4d;/*主選單字色*/}	
#menu2 a:hover {color: #000; background:url(http://plus.webdo.com.tw/webdox_layout/x_135/images/back2.png);/*主選單背景圖*/　}
#menu2 a:hover span { color: #000;  }
#menu2>ul>li:hover>a{background:url(http://plus.webdo.com.tw/webdox_layout/x_135/images/back2.png)/*主選單背景圖*/;}	
#menu2>ul>li:hover>a span {color:#000; }/*滑鼠滑到時主選單字色*/
/* menu::level >= 2 */
#menu2 li li a { padding:0;position:static; display:block;}
#menu2 li li a span {display:block;color:#fff;  background-image:none; background-color:#222; }/*次選單字色.背景色*/
#menu2 li li {float:none;padding:0; border-bottom:1px solid #888;border-right:1px solid #888 ;background-image:none; background-color:#222; /** fix for ie6 ;次選單的格線顏色*/ }
#menu2 li li a:hover{ color:#fff;background-image:none;background:#555;}
#menu2 li li a:hover span { color:#fff;background-image:none;background:#555 /*滑鼠滑到時次選單背景色*/}
#menu2 li li a.parent span { background:url(http://plus.webdo.com.tw/webdox_layout/s_icon/pointer.gif) no-repeat right 9px; _background-position:right 10px; }
*+html #menu2 li li a.parent span { background-position:right 10px; }
#menu2 li li span {display:block;text-transform:none;line-height:16px;padding:4px 25px 4px 11px;	_padding:2px 25px 2px 11px;  font-size:11pt;}
#menu2 li div { background:url(http://plus.webdo.com.tw/webdox_layout/x_135/images/back2.png)/*主選單背景圖*/;  }
/* lava lamp */
#menu2 li.back{	width:10px;height:37px;/*#menu同高*/    z-index:10000;position:absolute; background-image:none; }
#menu2 li.back .left { width:auto;height:37px; float:none;position:relative;top:0;left:0;visibility:visible; }



/* 商品列表頁分類名稱 */
.p_name{ width:650px; float: left ;margin:0 0 5px 10px; text-align:left;  font-weight:bold; }

.p_name .p_1 .p_img .p1_buy{ float:right; width:200px; text-align: center}

/*加入收藏按鈕 */ 
.collection a{ float:left;width:109px; height:31px; line-height:29px; color:#fff ; text-align:center; letter-spacing:2px;background:  url(http://plus.webdo.com.tw/webdox_layout/x_200/images/icon.png) 0px -1307px  no-repeat ;display:block; text-indent:-5px;}
.collection a:hover{ width:109px; height:31px;background:  url(http://plus.webdo.com.tw/webdox_layout/x_200/images/icon.png) 0px -1338px  no-repeat ;color: #C60}

/*加購商品 */ 
.add_p{ list-style:none; font:10pt/16pt "細明體", Arial, System; border-bottom:1px dotted #eee; border-top:1px dotted #eee; }
.add_p b{ color:#C00}
.add_p a{ color:#497798}

.p_img  .pp a img {max-width:126px;width: expression(this.width > 126 ? "126" : true);max-height:126px;height: expression(this.height > 126 ? "126" : true); border:1px solid #fff; vertical-align:middle; }
.info_date{ font-size:10pt;}

/*首頁形象圖片*/

#abgne_fade_pic img {max-width:250px; max-height:250px; width:expression(this.width > 250? "250" : this.width); height:expression(this.height > 250? "250" : this.height); vertical-align:middle;}

.p_color{ margin:4px 0; padding:0; list-style:none; text-align:left; display:block; float:left; height:auto; width:100%; color:#777; font-size:13px; line-height:1.6; clear:left}

.p_color li{ float:left;  margin:2px; cursor:pointer; padding:0; border:1px solid #ACACAC; font:0/0 Arial}
.p_color li b{ border:1px solid #fff; display:block;width:22px; height:22px;}
.p_color li:hover{ border:1px solid #ddd}
.p_color li:after{}
.p_color li.on{ border:1px solid #555}
.p_color li.ff_c{  list-style:none; margin:0px 2px;  padding:0;  border:none; height:auto; width:35px;font-size:13px; line-height:2}
.p_color li.ff_c:after{ content:":"}
.p_size{ margin:4px 0; padding:0; list-style:none; text-align:left; display:block; float:left; height:auto; width:100%; color:#777; font-size:13px; line-height:1.6; clear:left}
.p_size li{ float:left; width:auto; min-width:18px;_width:18px; white-space: nowrap;height:22px; margin:2px; cursor:pointer; padding:0 2px; border:1px solid #eee; text-align:center }
.p_size li:hover,.p_size li.on{ border:1px solid #555}

.p_size li.ff_c{  list-style:none; margin:0px 2px; padding:0;  border:none; text-align:left; height:auto; width:35px;font-size:13px; line-height:2}
.p_size li.ff_c:after{ content:":"}
.p_color_size{margin:10px 0; padding:0; text-align:left; display:block; height:auto; width:100%;  font-size:13px; line-height:1.6}

.p_color_size{ width:100%; }
.p_color_size td{ padding:3px; margin:0; border:none;}
.pcs_t td{border-bottom:1px solid #666; }
.p_color_size ul{ margin:0; padding:0}
.s_color li{ float:left; width:22px; height:22px; margin:2px; text-indent:0;margin-start: 0px; -moz-margin-start: 0px; -webkit-margin-start: 0px; cursor:pointer; padding:0; border:1px solid #eee; font:0/0 Arial}
.s_color li:hover{ border:1px solid #ddd}
      
.p_big{float:left; width:322px; height:322px;background:#fff; text-align:center; border:1px solid #F5F5F5;vertical-align:middle;position:relative;  }
.p_big span{  width:322px; height:322px; text-align:center;vertical-align:middle; display:table-cell;} 
#zoom_show_big{width:322px; height:322px;text-align:center;vertical-align:middle; display:table-cell; }
.p_big span a{vertical-align:middle; text-align: center;
display: inline-block; }
#zoom_show_big a{vertical-align:middle;display:inline-block; text-align:center}    
#cloud-zoom-big{ margin:0 0 0 4px;}              
.p_big  span a img,.p_big  img {max-width:320px;max-height:320px; height:auto; width:auto;vertical-align:middle; text-align:center;
width: expression(this.width >320 ? "320" : true);  
height: expression(this.height > 320? "320" : true); }   
 
.p_big .p_big2{ position:absolute; width:322px;z-index:1000; height:322px; background:#fff}


/*會員中心*/
.member_hello{ font-size:15px;}
.member_hello b{ font-size:20px; font-family:"Times New Roman", Times, serif; font-weight:normal; color:#C36}
.member_hello a{ color:#930; padding:0 5px;} 
.member_hello a:after{ content:"/"; color:#777; padding-left	:5px;}
#member_login_d2,#member_change,#member_forget{ width:95%; list-style:none; margin:10px; padding:0;}
#member_login_d2 li,#member_change li,#member_forget li{ list-style:none; vertical-align:top; padding:5px 0; }
#member_login_d2 li b,#member_change li b,#member_forget li b{ width:auto;  vertical-align:top;min-width:140px; _width:140px; float:left;  text-align:right; position:relative; padding:0 10px 0 0;   font-weight:normal;}
#member_login_d2  li b.mb:before{ content:"*"; color:#939; font-size:13px; }
#member_login_d2 li input{ padding:3px; color:#333; border:1px solid #888;}
#member_login_d2 input:hover, textarea:hover {border: 1px solid #ccc;-webkit-transition: background .25s ease;-moz-transition: background .25s ease; transition: background .25s ease;}
#member_login_d2 .member_buttom{ text-align:center; border-top:1px dotted #ddd; margin:15px 0}
#member_login_d2 .member_buttom #b1{ background:#C00; color:#fff; width:100px; height:30px; border:1px solid #900}
#member_login_d2 .member_buttom #b1:hover{background:#333;}

.member_h2{ font-size:16px; color:#666; border-bottom:1px solid #ddd}

#member_change #b1,#member_forget #button3{ background:#333; color:#fff; width:100px; height:30px; border:1px solid #222}
#member_change #b1:hover,#member_forget #button3:hover{background:#666;}


.cate_title{ font-size:18px; color:#333; margin:0px 0 0 0; padding:3px 0; border-bottom:1px solid #666}


/*會員中心 訂單查詢*/
.orders_s{ width:90%; margin:10px auto; position:relative; }
ul.orders_s_f{ margin:0  padding:0; list-style:none; } 
ul.orders_s_f li b{ width:100px; float:left; text-align:right}

/*會員中心 付款單*/
.fill_payment{}
/*會員中心 收藏清單*/
.p_1_collect{ width:98%; float:left; height:auto; min-height:80px; _height:80px;  }
.p_1_collect .p_img{ width:100%; float:left; height:auto; min-height:80px; _height:80px;border-bottom:1px solid #ddd}  
.p_1_collect .p_img .pp {float:left; margin:5px; }
.p_1_collect .p_img .pp a img{ width:120px; height:auto }



.p_1_collect .p_img .f1{  text-align:left; margin:8px 0}


/*會員中心 訂單查詢*/

.orders_list > thead > tr > th,.orders_list > thead > tr > td {
  position: relative;
}

.orders_list {
  border-spacing: 0;
  width: 98%; margin:1%;
  border: solid #ccc 1px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  font-family: 'trebuchet MS' , 'Lucida sans' , Arial;
  font-size: 14px;
  color: #444;
}
.red_font{ color:#C00; font-size:18px;} 
/*
.orders_list.breakpoint > tbody > tr > td.expand {
  background: url('img/plus.png') no-repeat 5px center;
  padding-left: 40px;
}

.orders_list.breakpoint > tbody > tr.orders_list-detail-show > td.expand {
  background: url('img/minus.png') no-repeat 5px center;
}*/

.orders_list.breakpoint > tbody > tr.orders_list-row-detail {
  background: #eee;
}

.orders_list > tbody > tr:hover {
  background: #fbf8e9;
}

.orders_list.breakpoint > tbody > tr:hover:not(.orders_list-row-detail) {
  cursor: pointer;
}

.orders_list > tbody > tr > td, .orders_list > thead > tr > th {
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  padding: 10px;
  text-align: left;
}

.orders_list > thead > tr > th, .orders_list > thead > tr > td {
  background-color: #dce9f9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
  background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: linear-gradient(to bottom, #ebf3fc, #dce9f9);
/*  -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
  -moz-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
  box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
  text-shadow: 0 1px 0 rgba(255,255,255,.5); */
 border-top: none;
}

.orders_list > thead > tr > th:first-child, .orders_list > thead > tr > td:first-child {
  -moz-border-radius: 6px 0 0 0;
  -webkit-border-radius: 6px 0 0 0;
  border-radius: 6px 0 0 0;
}

.orders_list > thead > tr > th:last-child, .orders_list > thead > tr > td:last-child {
  -moz-border-radius: 0 6px 0 0;
  -webkit-border-radius: 0 6px 0 0;
  border-radius: 0 6px 0 0;
}

.orders_list > thead > tr > th:only-child, .orders_list > thead > tr > td:only-child {
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
}

.orders_list > tbody > tr:last-child > td:first-child {
  -moz-border-radius: 0 0 0 6px;
  -webkit-border-radius: 0 0 0 6px;
  border-radius: 0 0 0 6px;
}

.orders_list > tbody > tr:last-child > td:last-child {
  -moz-border-radius: 0 0 6px 0;
  -webkit-border-radius: 0 0 6px 0;
  border-radius: 0 0 6px 0;
}

.orders_list > tbody img {
  vertical-align:middle;
}
/*.orders_list ul{ list-style:none; width:100%;  float:left; clear:both; margin:0 0 15px 0; border:1px solid #eee; padding:0;} 
.orders_list ul li{ width: auto; text-align:center; float:left; margin:0; padding:2px; }
.orders_list ul li b{ width:100%; background:#eee; padding:3px; font-weight: normal; border-bottom:1px  solid #ddd	; display:block;}
.orders_list ul li:nth-child(1){ width:25%;}
.orders_list ul li:nth-child(2){ width:10%;}
.orders_list ul li:nth-child(3){ width:14%;}
.orders_list ul li:nth-child(4){ width:13.3%;}
.orders_list ul li:nth-child(5){ width:20%;}
.orders_list ul li:nth-child(6){ width:14%;}*/

/*會員中心 我要儲值*/
.i_money{width:100%;}
.i_money_buy{width:100%; list-style:none;}  
.i_money_buy li{ margin:5px; padding:10px; color:#C36; font-size:15px;}
.i_money_buy li b{}
 .i_money_buy li em{ color:#555; font-style:normal; font-size:13px;}   
.i_money_c{width:100%; margin:10px 0; padding:10px; border:1px solid #ddd;}

/*訂單燈箱*/
.iframe_order_info{ width:80%; position:relative; margin:10% auto; background:#fff}
.iframe_title{ margin:10px 2%; padding:0; font-size:15pt; padding:3px 0px; border-bottom:1px solid #ccc; text-align:left;}


/*登入燈箱*/
.iframe_wrap{ width:85%; position:relative; margin:5% auto; background:#fff; text-align:center; font-family:"微軟黑體"}
.iframe_login{ position:relative;margin:0px auto 8px auto; width:390px; padding:10px;  list-style:none; display: block;   }
.iframe_login li{ margin:10px; padding:4px 0; text-align:left; }
.iframe_login input[type="text"],.iframe_login input[type="password"]{ border:1px solid #ddd; background:#fff;}
.iframe_login input[type="text"]:hover,.iframe_login input[type="password"]:hover{ background:#eee; border:1px solid #222}
.iframe_login #button3{ background:#5B3032; color:#fff; font-size:15px; letter-spacing:3px; padding:3px 12px;  border:none;}

.iframe_login_cc{ position:relative; border:1px solid #ddd; display: block; padding:10px; margin:10px; text-align:center ;  }  
.iframe_login_cc h1{ margin:10px auto; padding:0; color:#000; font-size:15pt; }
.iframe_login_cc p{margin:10px auto; text-align:left; display:table} 
li.iframe_login_a{ text-align:right; padding-right:100px}  
.iframe_login_a a{ color:#333; padding-right:8px}
.iframe_login_a a:hover{ text-decoration:underline} 
.iframe_login_cc .a_c a{ color:#a10606;}
.iframe_login_cc .a_c a:hover{ border-bottom:1px solid #a10606}



.ss_icon img{ width: 20px; height: auto;}
/*好站連結*/
.link ul.link_img_f, .link .link_f {
    width: 48%;
    float: left;
    clear: none;
    margin: 10px 0 30px 0;
    padding: 5px;list-style: none;

  }


.link ul {
  list-style: none;
  margin: 10px 0 30px 0;
  width: 100%;
  float: left;
  padding: 5px;
  color: #444;
}
.link ul.link_img li {
  border: 1px solid #ddd;
  display: inline-block!important;
  margin: 10px 5px 10px 0;
}
.link ul.link_img li:hover {
  border: 1px solid #333;
}
.link ul.link_img li img {
  max-height: 90px;
  width: auto;
  border: 2px solid #fff;
}
.link ul.link_img_f li:first-of-type a {
  border: 1px solid #ddd;
  display: inline-block;
}
.link ul.link_img_f:nth-child(2n+1) {
  clear: left;
}
.link ul.link_img_f:nth-child(2n) {
  float: right;
}
.link ul.link_img_f img {
  max-height: 90px;
  width: auto;
  border: 2px solid #fff;
}
.link ul.link_f {
  border-top: 1px solid #ddd;
}
.link ul.link_f:first-of-type, .link ul.link_f:nth-child(2) {
  border-top: none;
}
.link ul.link_f:nth-child(2n+1) {
  clear: left;
}
.link ul.link_f:nth-child(2n) {
  float: right;
}
.link li{ display: block!important}


.design-by{
	font:11px/2 ‘微軟正黑體’, Arial; color:#666;
}
.design-by:hover{
	color:#999;
}
#number_page_n a.resultset_next:before, #number_page_n a.resultset_last:before, #number_page_n a.resultset_first:before, #number_page_n a.resultset_previous:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

#number_page_n {
  width: auto;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  position: relative;
  margin: 10px auto;
  text-align: center;
  font-size: 13px;
}
#number_page_n .on {
  border: 1px solid #333;
  color: #fff;
  background: #333;
  padding: 0 5px;
  margin: 0 2px;
  display: inline-block;
}
#number_page_n a {
  color: #aaa;
  border: 1px solid #aaa;
  padding: 0 5px;
  margin: 0 2px;
  background: #fff;
  display: inline-block;
}
#number_page_n a:hover {
  border: 1px solid #000;
  color: #fff;
  background: #000;
}
#number_page_n a.resultset_next, #number_page_n a.resultset_last, #number_page_n a.resultset_first, #number_page_n a.resultset_previous {
  border: none;
  color: #444;
  background: none;
  font-size: 20px;
}
#number_page_n a.resultset_next img, #number_page_n a.resultset_last img, #number_page_n a.resultset_first img, #number_page_n a.resultset_previous img {
  display: none;
}
#number_page_n a.resultset_next:before {
  content: "\f105";
}
#number_page_n a.resultset_last:before {
  content: "\f101";
}
#number_page_n a.resultset_first:before {
  content: "\f100";
}
#number_page_n a.resultset_previous:before {
  content: "\f104";
}




.sign_table, .sign_up, .sign_up_font {
  width: 100%;
  float: left;
  background-color: #FFF;
  padding: 10px 0;
}

.sign_table {
  border-collapse: collapse;
  background-color: #FFF;
  color: #666;
}
.sign_table th {
  background-color: #eee;
  font-weight: normal;
  display: none;
}
.sign_table th, .sign_table td {
  padding: 6px;
  text-align: center;
  width: 100%;
  float: left;
  text-align: left;
}
.sign_table span {
  width: 100%;
}
.sign_table a {
  color: #bf4e4c;
}
.sign_table h2 {
  font-size: 100%;
  font-weight: normal;
  color: #000;
  margin: 0;
  padding: 0 10px 0 0;
  display: inline-block;
}
.sign_table tr {
  padding-top: 25px;
  border-bottom: 1px solid #666;
  float: left;
  width: 100%;
}
.sign_table tr:hover {
  background-color: #f4f4f4;
}
.sign_table .sign_state {
  display: inline-block;
  width: auto;
}
@media (min-width: 768px) {
  .sign_table td {
    width: auto;
  }
  .sign_table span {
    display: none;
  }
  .sign_table th, .sign_table td {
    padding: 6px;
    text-align: center;
    border: 1px solid #ddd;
    width: auto;
    float: none;
    display: table-cell;
  }
  .sign_table tr {
    border: none;
    margin: 0;
    float: none;
  }
  .sign_table tr > td:first-of-type {
    text-align: left;
  }
}

.sign_up_list {
  width: 100%;
  list-style: none;
  margin: 10px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #555;
  float: left;
}
.sign_up_list li {
  padding: 8px;
  float: left;
  margin: 0 10px;
  color: #bf4e4c;
  width: 100%;
  border: 1px solid #fff;
}
.sign_up_list li:hover {
  border: 1px dashed #d3d3d3;
}
.sign_up_list li span {
  display: inline-block;
  padding: 0;
  color: #222;
  width: auto;
}
.sign_up_list li span:before {
  content: "\f105";
  display: inline-block;
  padding: 0 10px 0 0;
  font-size: 10px;
  display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}
.sign_up_list li span:after {
  content: ": ";
  display: inline-block;
  padding: 0 10px;
}
@media (min-width: 768px) {
  .sign_up_list li {
    width: 46%;
  }
  .sign_up_list li span {
    min-width: 130px;
  }
}
.sign_up_list li:first-of-type, .sign_up_list li:first-of-type:hover {
  width: 100%;
  border: none;
  margin: 0;
  border-bottom: 1px solid #555;
  font-size: 18px;
  margin-bottom: 10px;
}

.sign_up_form {
  width: 100%;
  list-style: none;
  margin: 10px 0;
  padding: 10px 0;
  float: left;
}
.sign_up_form img {
  height: 33px;
  vertical-align: middle;
  margin-top: 10px;
}
.sign_up_form li {
  padding: 8px;
  float: left;
  margin: 0 10px;
  width: 100%;
  position: relative;
}
.sign_up_form li .must_r:before {
  content: "*";
  color: #bf4e4c;
  display: inline-block;
  font-weight: normal;
  position: absolute;
  top: -2px;
  left: 8px;
  font-size: 12px;
}
.sign_up_form li span {
  display: inline-block;
  padding: 0;
  color: #222;
  width: auto;
}
.sign_up_form li span:before {
  content: "\f105";
  display: inline-block;
  padding: 0 10px 0 0;
  font-size: 10px;
  display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}
.sign_up_form li span:after {
  content: ": ";
  display: inline-block;
  padding: 0 10px;
}
@media (min-width: 768px) {
  .sign_up_form li {
    width: 46%;
  }
}
.sign_up_form li [type="text"], .sign_up_form li textarea {
  border: 1px solid #ddd;
  padding: 6px;
  width: 100%;
  height: auto !important;
}
.sign_up_form li textarea {
  min-height: 100px;
}
.sign_up_form li select {
  border: 1px solid #ddd;
}
.sign_up_form li input[type="checkbox"], .sign_up_form li input[type="radio"] {
  padding: 2px;
  margin: 0 5px;
}
.sign_up_form li:last-of-type {
  width: 100%;
  text-align: center;
}

#zoom_show_big a {
    width: auto!important;
    height: auto!important;
}