@charset "utf-8";
@import url("responsive-tables.css");
@import url("footer.css");
@import url("colorbox.css");

A:link { FONT-STYLE: normal; TEXT-DECORATION: none; color: #089fe7; transition:0.3s;} 
A:visited { FONT-STYLE: normal; TEXT-DECORATION: none; color: #089fe7} 
A:active { FONT-STYLE: normal; TEXT-DECORATION: none; color: #089fe7} 
A:hover { COLOR: #999; FONT-STYLE: normal; TEXT-DECORATION: underline} 
body { margin:0px; padding:0px;
	font-size: 0.8em;
	color:#666;
	line-height: 24px;
	font-family:Arial, Helvetica, sans-serif;}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.f10px{font-size:10px;}
.f12pt{font-size:12px;}
.f16px{font-size:16px;}
.f30px{font-size:30px;}
.c_orang{ color: #fca000;}
.c_gray01{ color:#828282;}
.c_gray02{ color:#aaa;}
.c_black{ color:#000;}
.c_red{ color:#f40c17;}
.c_green{ color: #86b100;}
.c_green02{color: #719a00;}
.c_blue{color: #0071b8;}
.c_light_orange{ color:#e4af73;}
.liheight16{ line-height:16px;}
.both{clear:both;}
.float_r{ float:right;}
.float_l{ float:left;}

/*   all   */
.header_main{width:1000px; color:#c69c6d;margin:0px auto;}
#header{width:1000px;margin:0px auto; text-align:left; height:85px;}
.logo{ float:left;}
#main_bg{position: relative; width:1000px; margin:10px auto 30px auto;}

/*   left   */
.left{width: 25%;display:inline-block;.float:left;vertical-align:top;clear:both;}
.menu { font-size:13px;}
.menu UL {MARGIN: 0px;PADDING: 0px; Z-INDEX:2; POSITION: relative; line-height: 16px;}
.menu LI {PADDING:0px;MARGIN: 0px;list-style-type: none; border-bottom:1px solid #fff; width:100%;}
.menu LI A {BACKGROUND: url(../images/mu_01.gif) no-repeat 0px top; background-color:#6a6a6a;padding-left:30px; color:#d8a800; display:inline-block;WIDTH: 100%;min-height:36px; .height:36px; padding-top:10px; transition:0.5s;}
.menu LI A:link { color:#fff;}
.menu LI A:visited{ color:#fff;}
.menu LI A:hover { BACKGROUND-POSITION: -250px top; TEXT-DECORATION: none;color:#fff; font-weight:bold;}
.menu LI div.currMenu {color:#fff; display:inline-block;WIDTH: 90%;min-height:36px; .height:36px; padding-top:10px; }
.menu LI div.currMenu A {color:#fff;BACKGROUND: url(../images/mu_01.gif) no-repeat -250px top;}
.menu > UL > LI > A.currMenu {BACKGROUND: url(../images/mu_01.gif) no-repeat -250px top;color:#fff; display:inline-block;WIDTH: 87%;min-height:28px; .height:28px; padding-top:8px; font-weight:bold;border-bottom:0px;}

.menu_sub01 { font-size: 12px; font-weight:normal;color: #999; padding-left: 0px;}
.menu_sub01 A { WIDTH:100%; padding:5px 0; display:inline-block; min-height:26px;line-height:16px; padding-top:10px;}
.menu_sub01 A:link, .menu_sub01 A:visited  {padding-left:30px; color: #999; text-decoration: none; background:url(../images/mus_02.gif) no-repeat 0px top;border-bottom:1px solid #ccc;}
.menu_sub01 A:active, .menu_sub01 A:hover {	padding-left:30px;color: #d8a800; text-decoration: none; background:url(../images/mus_02.gif) no-repeat 0px bottom;BACKGROUND-POSITION: -238px top;border-bottom:1px solid #ccc;}

/*   content   */
.content{background:url(../images/bg_right.jpg) no-repeat right top;padding: 0px 20px 0px 30px;_padding: 0px 10px 0px 30px; text-align: left; display:inline-block;width: 74%; _width: 72%;clear:both;.clear:none;}
h1{font-size:30px; display:inline;}
.h1{color:#615a49;font-family:Arial, Helvetica,微軟正黑體, sans-serif; position:absolute; margin-top:30px;}
h2{font-size:1.2em; margin:0px;}
.title{ margin-bottom:50px;}
.breadcrumbs{ font-size:11px;color:#e01700; margin:0px; }
.breadcrumbs a:link, .breadcrumbs a:visited {color: #ababab;padding-top: 10px;}
.breadcrumbs a:active, .breadcrumbs a:hover {color: #e01700;text-decoration: underline;}

.content_main{	margin: 0px; }

/* ------------- product li列表樣式-------------
.catlist_box{border: 0px solid #ffcccc;}
.catlist_box .proli{ float:left; margin:0px 10px;font-size:11px; width:90%; line-height:18px;padding:10px 0px 20px 0px;background:url(../images/pro_line.jpg) bottom no-repeat;border:0px solid #069;}
.catlist_box .proli a:link, .catlist_box .pro a:visited  {color:#339;}
.catlist_box .proli a:active, .catlist_box .pro a:hover {	color:#aff24f;	text-decoration: underline;}
.catlist_box .proli img{ }
.catlist_box .proliimg { min-width:130px;float:left;}
.catlist_box .proli_des{	margin-left:20px;	float:left;	border:0px solid #069;	width:75%;}
.catlist_box .proli_des img{ float:right;}
.catlist_box .proli_name{	color:#339;font-size:13px; font-weight: bold;background:url(../images/pro_frame_under01_04.jpg) no-repeat left -5px; min-height:30px; .height:30px; padding:5px 15px 0px 15px;}*/

/*  product  四個一行 預設  */
.proli_case{padding:5px 0px 5px 0px; text-align:left;}
.proli{ font-size:13px; width:100%; line-height:18px; padding-bottom:30px; background:url(../images/line_01.jpg) no-repeat bottom left; overflow:hidden;}
.proliimg { width:63%; height:146px; float:left;
  /* Firefox, Chrome */
  line-height : 120px;  white-space : nowrap;
  /* IE */
  *font-size : 146px;  /* 200px * 0.9 = 180px */
}
.proliimg:after {  content : ".";  font-size : 0;  -webkit-text-size-adjust : none;}
.proliimg img {  vertical-align : middle;}
.proli a:link, .proli a:visited  {color:#00a8ff;}
.proli a:active, .proli a:hover {color:#666; text-decoration: none;}
.proli_des{width:36%; float:right;}
.proli_des img { margin:0 auto; width:auto;}
.proli_name{font-size:24px; font-weight:bold;margin-bottom:10px; margin-top:30px;font-family:Arial, Helvetica,微軟正黑體, sans-serif;}
.proliimg_des{width:100%; text-align:center;margin:0 auto;}
.proli_price{ margin-bottom:10px;}
.pro_detail{ float:left; margin-left:20px; width:370px; margin-bottom:20px;}
.pro_topimg {}
.pro_detailimg{ width:312px;float:left; display:block; margin-bottom:20px;}
.pro_midimg{ min-height:300px;}
.pro_midimg_s img{border:1px solid #d3d3d3; margin:6px 6px 0px 0px; float:left;}
.pro_name{ font-size:20px; color:#615a49; background:url(../images/titles_pronamebg.jpg) no-repeat bottom;}
.pro_price{ margin:10px 0; font-size:11px; color:#ff4e00; font-weight:normal; text-align:right; border-bottom:1px dashed #e0e0e0;}
.pro_share{ text-align:right; margin:20px 0;}
.pro_descript{background:url(../images/titles_description.jpg) no-repeat; padding-top:20px;}
.pro_descript img{ max-width:100%;}
.back{ text-align:center; clear:both; padding-top:30px;}
.proli_send{ margin-top:20px;}
.pro_qty{ line-height:30px; margin-top:10px; padding:10px 0; background-color:#f3f3f3; border-bottom:1px dashed #e0e0e0;border-top:1px dashed #e0e0e0;}
.pro_qty img{ margin:0px 5px; border:1px solid #b5b4b4;}
.pro_alsolike{background:url(../images/titles_alsolike.jpg) no-repeat; padding-top:35px;}


/*   product 橫向圖左
.proli_case{background:url(../images/pro_line.jpg) bottom no-repeat;border:0px solid #069;}
.proli{float:left; margin:0px 10px;font-size:11px; width:90%; line-height:18px;padding:8px 0px 20px 8px;background:url(../images/pro_frame_01_a.jpg) no-repeat 0px 0px; }
.proli a:link, .proli a:visited  {color:#a79686;}
.proli a:active, .proli a:hover {	color:#66513d;	text-decoration: underline;}
.proli img{ }
.proliimg{ width:130px;float:left;}
.proli_des{margin-left:150px;width:70%;}
.proli_des img { float:right;}
.proli_name{color: #000;font-size:13px; font-weight: bold;background:url(../images/.jpg) no-repeat left -5px; min-height:30px; .height:30px; padding:5px 15px 3px 5px; }
.proli_price{ margin-bottom:10px;}
.pro_detail{ float:left; margin-left:20px; width:355px;}
.pro_topimg {}
.pro_detailimg{width:305px;float:left; display:block}
.pro_midimg{ min-height:300px;}
.pro_midimg_s img{border:1px solid #d3d3d3; margin:0px 5px; float:right;}
.pro_name{ font-size:16px; background:url(../images/icon_point02.jpg) no-repeat; padding-left:20px;}
.pro_price{ margin:10px 0; font-size:11px; color:#ff4e00; font-weight:normal; text-align:right; border-bottom:1px dashed #e0e0e0;}
.pro_share{ text-align:right; margin:20px 0;}
.pro_descript{background:url(../images/titles_description.jpg) no-repeat; padding-top:65px;}
.back{ text-align:center; clear:both; padding-top:30px;}
.proli_send{}
.pro_qty{ line-height:30px; margin-top:10px; padding:10px 0; background-color:#f3f3f3; border-bottom:1px dashed #e0e0e0;border-top:1px dashed #e0e0e0;}
.pro_qty img{ margin:0px 5px; border:1px solid #b5b4b4;}
.pro_alsolike{background:url(../images/titles_alsolike.jpg) no-repeat; padding-top:35px;}  */

/*   product 橫式兩行
.proli_case{background:url(../images/.jpg) bottom no-repeat;border:0px solid #069; float: left; margin:0px 7px;}
.proli{float:left; margin:0px;font-size:11px; width:330px; line-height:18px; padding:8px 0px 20px 8px;background:url(../images/ .jpg) no-repeat 0px 0px; border-bottom: 1px dotted #CCC; margin-bottom:20px; }
.proli a:link, .proli a:visited  {color:#0094e0;}
.proli a:active, .proli a:hover {color:#db0803;	text-decoration: underline;}
.proli img{ }
.proliimg{float:left;}
.proli_des{margin-left:0px; float:right; border:0px solid #069; width:170px;}
.proli_des img { }
.proli_name{color: #000;font-size:13px; font-weight: bold;background:url(../images/pro_frame_under01.jpg) no-repeat left -5px; min-height:25px; .height:25px; padding:5px 15px 3px 20px;}
.proli_price{ margin-bottom:10px;}
.pro_detail{ float:left; margin-left:20px; width:355px;}
.pro_topimg {}
.pro_detailimg{width:305px;float:left; display:block}
.pro_midimg{ min-height:300px;}
.pro_midimg_s img{border:1px solid #d3d3d3; margin:0px 5px; float:right;}
.pro_name{ font-size:16px; background:url(../images/point_01.jpg) no-repeat; padding-left:20px;}
.pro_price{ margin:10px 0; font-size:11px; color:#ff4e00; font-weight:normal; text-align:right; border-bottom:1px dashed #e0e0e0;}
.pro_share{ text-align:right; margin:20px 0;}
.pro_descript{background:url(../images/titles_description.jpg) no-repeat; padding-top:65px;}
.back{ text-align:center; clear:both; padding-top:30px;}
.proli_send{ margin-top:5px;}
.pro_qty{ line-height:30px; margin-top:10px; padding:10px 0; background-color:#f3f3f3; border-bottom:1px dashed #e0e0e0;border-top:1px dashed #e0e0e0;}
.pro_qty img{ margin:0px 5px; border:1px solid #b5b4b4;}
.pro_alsolike{background:url(../images/titles_alsolike.jpg) no-repeat; padding-top:35px;} */

/*  product 四行有底圖漂亮
.proli_case{padding:5px 0px 5px 0px;	border: 0px solid #ffcccc;background:url(../images/ .jpg) bottom no-repeat;}
.proli{text-align:center; float:left; margin:0px 6px;font-size:11px; width:23%; line-height:18px; background:url(../images/pro_frame_03.jpg) no-repeat 0px 0px;}
.proli a:link, .proli a:visited  {color:#000;}
.proli a:active, .proli a:hover {	color:#aff24f;	text-decoration: underline;}
.proli img{margin:10px;}
.proliimg{}
.proli_des{text-align:left; padding:0px 12px 15px 9px; min-height:50px; background:url(../images/pro_frame_under.jpg) no-repeat 0px bottom;}
.proli_des img {display:block; margin:0 auto; width:auto;}
.proli_name{color: #000;font-size:13px; text-align:center;	height:36px; padding-top:5px;font-weight:bold;}
.proli_price{ }
.pro_detail{ float:left; margin-left:20px; width:355px;}
.pro_topimg {}
.pro_detailimg{width:305px;float:left; display:block}
.pro_midimg{ min-height:300px;}
.pro_midimg_s img{border:1px solid #d3d3d3; margin:0px 5px; float:right;}
.pro_name{ font-size:16px; background:url(../images/point_01.jpg) no-repeat; padding-left:20px;}
.pro_price{ margin:10px 0; font-size:11px; color:#ff4e00; font-weight:normal; text-align:right; border-bottom:1px dashed #e0e0e0;}
.pro_share{ text-align:right; margin:20px 0;}
.pro_descript{background:url(../images/titles_description.jpg) no-repeat; padding-top:65px;}
.back{ text-align:center; clear:both; padding-top:30px;}
.proli_send{ margin-top:20px;}
.pro_qty{ line-height:30px; margin-top:10px; padding:10px 0; background-color:#f3f3f3; border-bottom:1px dashed #e0e0e0;border-top:1px dashed #e0e0e0;}
.pro_qty img{ margin:0px 5px; border:1px solid #b5b4b4;}
.pro_alsolike{background:url(../images/titles_alsolike.jpg) no-repeat; padding-top:35px;}  */

/*  product 4行 紅框
.proli_case{padding:5px 0px 5px 0px;	border: 0px solid #ffcccc;background:url(../images/.jpg) bottom no-repeat;}
.proli{text-align:center; float:left; margin:0px 6px;font-size:11px; width:23%; line-height:18px; background:url(../images/pro_frame_04.jpg) no-repeat 0px 0px;}
.proli a:link, .proli a:visited  {color:#000;}
.proli a:active, .proli a:hover {	color:#aff24f;	text-decoration: underline;}
.proli img{margin:10px;}
.proliimg{}
.proli_des{text-align:left;}
.proli_des img { display:block; margin:0 auto; width:auto;}
.proli_name{color: #000;font-size:13px; text-align:center;	height:36px; padding-top:5px;font-weight:bold;}
.proli_price{ }
.pro_detail{ float:left; margin-left:20px; width:355px;}
.pro_topimg {}
.pro_detailimg{width:305px;float:left; display:block}
.pro_midimg{ min-height:300px;}
.pro_midimg_s img{border:1px solid #d3d3d3; margin:0px 5px; float:right;}
.pro_name{ font-size:16px; background:url(../images/point_01.jpg) no-repeat; padding-left:20px;}
.pro_price{ margin:10px 0; font-size:11px; color:#ff4e00; font-weight:normal; text-align:right; border-bottom:1px dashed #e0e0e0;}
.pro_share{ text-align:right; margin:20px 0;}
.pro_descript{background:url(../images/titles_description.jpg) no-repeat; padding-top:65px;}
.back{ text-align:center; clear:both; padding-top:30px;}
.proli_send{ margin-top:5px;}
.pro_qty{ line-height:30px; margin-top:10px; padding:10px 0; background-color:#f3f3f3; border-bottom:1px dashed #e0e0e0;border-top:1px dashed #e0e0e0;}
.pro_qty img{ margin:0px 5px; border:1px solid #b5b4b4;}
.pro_alsolike{background:url(../images/titles_alsolike.jpg) no-repeat; padding-top:35px;}  */

/*  product 三行 05
.proli_case{padding:5px 0px 5px 0px;	border: 0px solid #ffcccc;background:url(../images/pro_line.jpg) bottom no-repeat;}
.proli{text-align:center; float:left; margin:0px 6px;font-size:11px; width:31%; line-height:18px; background:url(../images/.jpg) no-repeat 0px 0px;}
.proli a:link, .proli a:visited  {color:#000;}
.proli a:active, .proli a:hover {	color:#aff24f;	text-decoration: underline;}
.proli img{margin:10px; margin-left:20px;}
.proliimg{}
.proli_des{text-align:left; border-top:0px dotted #999;}
.proli_des img { display:block; margin:0px 0px 0px auto; width:auto;}
.proli_name{color: #000;font-size:13px; text-align:left;padding:8px 0px 0px 25px;font-weight:bold;background:url(../images/pro_frame_under01.jpg) no-repeat 0px top; min-height:36px;}
.proli_price{ }
.pro_detail{ float:left; margin-left:20px; width:355px;}
.pro_topimg {}
.pro_detailimg{width:305px;float:left; display:block}
.pro_midimg{ min-height:300px;}
.pro_midimg_s img{border:1px solid #d3d3d3; margin:0px 5px; float:right;}
.pro_name{ font-size:16px; background:url(../images/point_01.jpg) no-repeat; padding-left:20px;}
.pro_price{ margin:10px 0; font-size:11px; color:#ff4e00; font-weight:normal; text-align:right; border-bottom:1px dashed #e0e0e0;}
.pro_share{ text-align:right; margin:20px 0;}
.pro_descript{background:url(../images/titles_description.jpg) no-repeat; padding-top:65px;}
.back{ text-align:center; clear:both; padding-top:30px;}
.proli_send{ margin-top:20px;}
.pro_qty{ line-height:30px; margin-top:10px; padding:10px 0; background-color:#f3f3f3; border-bottom:1px dashed #e0e0e0;border-top:1px dashed #e0e0e0;}
.pro_qty img{ margin:0px 5px; border:1px solid #b5b4b4;}
.pro_alsolike{background:url(../images/titles_alsolike.jpg) no-repeat; padding-top:35px;} */



/*   search  */
.search { width:200px;}
.searchbox{ font-size:11px; color:#a2a2a2;background:transparent;width:120px; border:1px solid #e3e5e7; height:17px;}
/*  IE高度寫法 .searchbox{  height:20px; height:21px\9;height:21px\0;}  */
.search_go{}

/*   pagination   */
#pagination {margin-top: 20px;	margin-bottom: 30px;}
#pagination A {BORDER: #fff 1px solid; PADDING: 0px 8px; MARGIN: 0px 2px; DISPLAY: block; BACKGROUND: #fff; FLOAT: left;}
#pagination SPAN, .onthis { line-height:21px;BORDER: #909090 1px solid; BACKGROUND: #909090; COLOR: #fff;  FONT-WEIGHT: bold;PADDING: 0px 8px; MARGIN: 0px 2px; DISPLAY: block;  FLOAT: left;}
#pagination A {BORDER: #bababa 1px solid; COLOR: #7030a0; TEXT-DECORATION: none;line-height:21px;}
#pagination A:hover {BORDER: #bababa 1px solid; COLOR: #003; TEXT-DECORATION: none;PADDING: 0px 8px; MARGIN: 0px 2px;DISPLAY: block; BACKGROUND: #bababa; FLOAT: left;}
#pagination A:active {COLOR: #000;}
#pagination .prevnext a{ border:0px; padding:0px; margin:0px; BACKGROUND:#fff; position:relative;}
#pagination .prevnext A:hover:after {
	content: "";
    position: absolute;
    left: 0;
    width: 100%;
	height: 30px;
	background-color:rgba(255, 255, 255, .5);
}

/*   photo   */
.photo{  width:750px; margin:0px auto;}
.photo_content{ font-size:10px; color:#7c7c7c; }

.photoli_case{padding:5px 0px 5px 0px;}
.photoli{ text-align:center; float:left; margin:0px 10px 30px 10px;width:30%; min-width:200px; line-height:18px;}
.photoli img{ }
.photoliimg{ margin-bottom:5px;}
.photoli_des{ text-align:left; color:#a1a1a1;}
.photoli_des img { display:block; margin:20px auto; width:auto;}
.photoli_name{color: #7e7d7d;font-size:13px; padding:5px;}
.photoli_subname{ font-size:10px; color:#d1d1d1; border-bottom:2px solid #ffa800; padding-bottom:10px; margin-bottom:10px;}

/*   login   */
.member_login{ padding:20px 30px 50px 30px; background:url(../images/member_login.jpg) no-repeat;}
.member_link{}
.member_link li{fpadding-bottom:18px; width:100px; }
.member_link li a{	color:#8c6239;}
.member_link li a:hover{text-decoration:underline;color:#d4ab2f;}
.member_case{}
.member_policy { width:92%; height:250px; overflow:scroll; border:1px solid #999; margin-bottom:7px; }
.date_bg{ background-color:#f3f1e8;}

.login_l{ float:left; width:55%;}
.login_r{float:right;width:45%; text-align:center; padding-top:0px;}
.login_form{ width:200px;}
.ico_checkbut{background:url(../images/ico_checkbut.jpg) no-repeat center;}

/*   contact   */
.contact_info{ font-size:12px; line-height:18px; color:#9b9b9b;background:url(../images/maintitle_contact.jpg) no-repeat; float:right; width:220px; margin-left:20px; min-height:350px;}
.contact_info strong{ color:#000;}
.contact_td{ float:left;width:450px;}
.contact_form{WIDTH: 100%; padding:5px;}
.form01{ width:90%; padding:5px;}
.form02{width:60%; padding:5px;}
.w_60p{ width:60%; margin:0 auto;}

/*   news有圖 */
.new_td01, .new_td02{ border-bottom:2px solid #FC0;padding: 5px;}
.news_content{}
.news_content img{ max-width: 100%;}

/*   community  */
.social{ padding:10px; overflow:hidden;}
.social_ico { float:left; margin-right:10px; position: relative;}
.social_ico A:after {
	transition: 0.5s;
	content: "";
    position: absolute;
    left: 0;
    width: 30px;
	height: 30px;
	border-radius: 30px;
	background-color:rgba(0, 0, 0, 0);
}
.social_ico A:hover:after {
	content: "";
    position: absolute;
    left: 0;
    width: 30px;
	height: 30px;
	background-color:rgba(0, 0, 0, .3);
}

/*   table   */
.tdmain_a{padding-left: 30px; border-top:2px solid #6e6c6c; border-bottom:1px solid #CCC; padding:5px;}
.tdmain_b{ background-color: #f6f6f6; padding:5px;border-top:2px solid #898989;border-bottom:1px solid #e0e0e0;}
.tdmain_c{ background-color: #7f7f7f; padding:5px; color:#FFF;}
.td01{ background-color:#fff;padding: 5px;border-bottom:1px solid #e7e7e7;}
.td02{background-color:#fafafa;padding: 5px; border-bottom:1px solid #e7e7e7;}