/* CSS Document */


/*------------------------------------------------------------------------------共用設定-----------------------------------*/
html{ -webkit-text-size-adjust:none;  font-family:"微軟正黑體"; }
table{ background-repeat:no-repeat;}

/* 間隙 */
.clean20 {height:20px;}
.clean30 {height:30px;}
.clean40 {height:40px;}

/*------------內容文字-----------------*/
.word15bla{ font-size:15px; color:#404040; line-height:22px; letter-spacing:1px;}

.word13gray{ color:#767676; font-size:13px; line-height:24px;}
.word13gray-light{ color:#cacaca; font-size:13px; line-height:24px;}
.word13blue{ color:#0018ff; font-size:13px; line-height:24px;}
.word13white{ color:#fff; font-size:13px; }
.word13yellow{ color:#ffba00; font-size:13px; }
.word13blue-light{ color:#33a2e2; font-size:13px; }
.word13orange{ color:#e25c33; text-decoration:underline; font-size:13px;}
.word13orange_noneline{ color:#e25c33; font-size:13px; }
.word13orange-bold{ color:#e25c33; font-size:13px; font-weight: bolder;}
.word13deep-gray{ color:#5a5a5a;font-size:13px; }
.word13bla{color:#404040; font-size:13px; line-height:24px;}
.word13bla-bold{color:#404040; font-size:13px; font-weight:bolder;}

.word12gray{ color:#767676; font-size:12px; line-height:22px;}
.word12gray-light{ color:#cacaca; font-size:12px; line-height:22px;}
.word12blue{ color:#0018ff; font-size:12px; line-height:22px;}
.word12white{ color:#fff; font-size:12px; }
.word12yellow{ color:#ffba00; font-size:12px; }
.word12blue-light{ color:#33a2e2; font-size:12px; }
.word12orange{ color:#e25c33; text-decoration:underline; font-size:12px;}
.word12orange_noneline{ color:#e25c33; font-size:12px; }
.word12orange-bold{ color:#e25c33; font-size:12px; font-weight: bolder;}
.word12deep-gray{ color:#5a5a5a;font-size:12px; }
.word12bla{color:#404040; font-size:12px; line-height:22px;}
.word12bla-bold{color:#404040; font-size:12px; font-weight:bolder;}

.word11orange{ color:#e25c33;  font-size:11px; font-weight:bolder;}
.word11gray{color:#5a5a5a;font-size:11px; font-weight:bolder;}




/*------------標題字-----------------*/
.word20orange-bold{ font-size:20px; font-weight:bolder; color:#e25c33; }
.word20gray-bold{ font-size:20px; font-weight:bolder; color:#404040; }
.TITLEWORD{ clear:both; background-color:#f6f6f6; width:960px; height:45px; border-bottom:1px dotted #d9d9d9; color:#404040; font-size:12px; font-weight:bolder; line-height:45px; text-indent:12px;}



/*------------超連結文字-----------------*/
a.link13gray:link{ font-size:13px;  color:#767676; text-decoration:none; outline:none; }
a.link13gray:hover{font-size:13px; color:#e25c33; text-decoration:none; outline:none; }
a.link13gray:visited{font-size:13px;  color:#767676; text-decoration:none; outline:none; }　
a.link13gray:active　{font-size:13px;  color:#767676; text-decoration:none; outline:none; }

a.link13gray_underline:link{ font-size:13px;  color:#767676; text-decoration: underline; outline:none; }
a.link13gray_underline:hover{font-size:13px; color:#e25c33; text-decoration: underline;  outline:none; }
a.link13gray_underline:visited{font-size:13px;  color:#767676; text-decoration: underline;  outline:none; }　
a.link13gray_underline:active　{font-size:13px;  color:#767676; text-decoration: underline;  outline:none; }

a.link13orange_underline:link{ font-size:13px; color:#e25c33; text-decoration: underline; outline:none; }
a.link13orange_underline:hover{font-size:13px; color:#e29e33; text-decoration: underline; outline:none; }
a.link13orange_underline:visited{font-size:13px; color:#e25c33;  text-decoration: underline; outline:none; }　
a.link13orange_underline:active　{font-size:13px;color:#e25c33; text-decoration: underline; outline:none; }

a.link13orange:link{ font-size:13px; color:#e25c33; text-decoration: none; outline:none; }
a.link13orange:hover{font-size:13px; color:#e29e33; text-decoration: underline; outline:none; }
a.link13orange:visited{font-size:13px; color:#e25c33;  text-decoration: none; outline:none; }　
a.link13orange:active　{font-size:13px;color:#e25c33; text-decoration: none; outline:none; }

a.link13bla:link{ font-size:13px;  color:#000; text-decoration:none; outline:none; }
a.link13bla:hover{font-size:13px; color:#e25c33; text-decoration:none; outline:none; }
a.link13bla:visited{font-size:13px;  color:#000; text-decoration:none; outline:none; }　
a.link13bla:active　{font-size:13px;  color:#000; text-decoration:none; outline:none; }


a.link12gray:link{ font-size:12px;  color:#767676; text-decoration:none; outline:none; }
a.link12gray:hover{font-size:12px; color:#e25c33; text-decoration:none; outline:none; }
a.link12gray:visited{font-size:12px;  color:#767676; text-decoration:none; outline:none; }　
a.link12gray:active　{font-size:12px;  color:#767676; text-decoration:none; outline:none; }

a.link12gray_underline:link{ font-size:12px;  color:#767676; text-decoration: underline; outline:none; }
a.link12gray_underline:hover{font-size:12px; color:#e25c33; text-decoration: underline;  outline:none; }
a.link12gray_underline:visited{font-size:12px;  color:#767676; text-decoration: underline;  outline:none; }　
a.link12gray_underline:active　{font-size:12px;  color:#767676; text-decoration: underline;  outline:none; }

a.link12orange_underline:link{ font-size:12px; color:#e25c33; text-decoration: underline; outline:none; }
a.link12orange_underline:hover{font-size:12px; color:#e29e33; text-decoration: underline; outline:none; }
a.link12orange_underline:visited{font-size:12px; color:#e25c33;  text-decoration: underline; outline:none; }　
a.link12orange_underline:active　{font-size:12px;color:#e25c33; text-decoration: underline; outline:none; }

a.link12orange:link{ font-size:12px; color:#e25c33; text-decoration: none; outline:none; }
a.link12orange:hover{font-size:12px; color:#e29e33; text-decoration: underline; outline:none; }
a.link12orange:visited{font-size:12px; color:#e25c33;  text-decoration: none; outline:none; }　
a.link12orange:active　{font-size:12px;color:#e25c33; text-decoration: none; outline:none; }

a.link12bla:link{ font-size:12px;  color:#000; text-decoration:none; outline:none; }
a.link12bla:hover{font-size:12px; color:#e25c33; text-decoration:none; outline:none; }
a.link12bla:visited{font-size:12px;  color:#000; text-decoration:none; outline:none; }　
a.link12bla:active　{font-size:12px;  color:#000; text-decoration:none; outline:none; }

/*------------按鈕-----------------*/
a.btn_gray{ display:block; width:92px; height:29px; color:#e5e5e5; font-size:12px; text-align:center; background-image:url(../images/btn.gif); text-decoration:none; line-height:29px;}
a.btn_gray:hover{  cursor: pointer;  background-image:url(../images/btn_hover.gif);}

a.btn_gray2{ display:block; width:125px; height:29px; color:#e5e5e5; font-size:12px; text-align:center; background-image:url(../images/btn_hover2.gif); text-decoration:none; line-height:29px;}
a.btn_gray2:hover{  cursor: pointer;  background-image:url(../images/btn2.gif);}


/*------------表單-----------------*/

.input_1{ width:305px;   color:#767676; font-size:12px; border:1px solid #d9d9d9; padding:5px;}
.input_2{ width:180px;   color:#767676; font-size:12px; border:1px solid #d9d9d9; padding:5px;}
.input_3{ width:100px;   color:#767676; font-size:12px; border:1px solid #d9d9d9; padding:5px;}
.input_4{ width:240px;   color:#767676; font-size:12px; border:1px solid #d9d9d9; padding:5px;}

select{border:1px solid #d9d9d9;}
.textarea_1{width:520px; height:110px;  color:#767676; font-size:12px; border:1px solid #d9d9d9; padding:5px;}



/*------------------------------------------------------------------------------主選單-----------------------------------*/
.MENU{ 
	width:100%; height:35px; background-color:#f2f2f2; border-bottom:1px solid #d7d7d7;	position:absolute;top:0; z-index:10000;
	filter:alpha(opacity=95); /*IE*/
	-moz-opacity:0.95; /*FireFox*/ 
	opacity:0.95; /*Chrome, Opera, Safari*/

}
/*
.MENU ul{ width:960px; height:35px; margin:0 auto; border-right:1px solid #d7d7d7; position:relative;}
*/
.MENU ul{ width:99%; height:35px; margin:0 auto; border-right:1px solid #d7d7d7; position:relative;}
.MENU li{ float:right;border-left:1px solid #d7d7d7;width:auto; padding-left:14px; padding-right:14px; height:35px;}  /* width:107px */
.MENU li a.list { display:block;  font-size:14px; color:#404040; text-decoration:none; line-height:35px; text-align:center; outline:none;}
/*
.MENU li a.list:hover{ background-color:#FFF;}
*/

.MENU li a.shoplist { display:block; width:124px; height:35px; font-size:14px; color:#404040; text-decoration:none; line-height:35px; text-align:center; outline:none;}
.MENU li a.shoplist:hover{ background-color:#FFF; border-bottom:3px solid #fff; margin-top:1px; }

.MENU li a.stop_menu{ display:block; width:124px; height:35px; font-size:14px; color:#404040; text-decoration:none; line-height:35px; text-align:center; background-color:#FFF; border-bottom:2px solid #fff;}


/*-------------左側文字區塊---------------*/
.HOME_LOGIN{ width:225px; height:35px; background:url(../images/index_00.gif) left top no-repeat; position:absolute; left:0; top:0; padding-left:20px;}
.HOME_LOGIN p{ color:#404040; font-size:13px; line-height:35px;}
.HOME_LOGIN  a.loginword{color:#e25c33; text-decoration:underline; font-size:12px;}


/*-------------產品 Menu---------------*/






/*-------------購物清單---------------*/
.SHOP_LIST{ width:365px; height: auto; padding-bottom:20px; position:absolute; background-color: #fff; right:-1px; top:35px; border-bottom:1px solid #d7d7d7;border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7;  display: none; background-image:url(../images/menu_bg.gif); background-position:right top; background-repeat:no-repeat;}
/*.SHOP_LIST_white{ width:107px; height:3px; background-color:#F30; position:absolute; right:30; bottom:20; z-index:1;}*/


.td-SHOP_LIST_title{ height:30px; color:#5a5a5a; font-size:12px; font-weight:bolder; border-bottom:1px solid #f4f4f4;}
.td-SHOP_LIST_content{color:#000; font-size:12px;  }

.SHOPLIST_BTN{ width:342px; height:45px; padding-top:10px;border-top:1px solid #f4f4f4; margin:0 auto; }
.SHOPLIST_BTN a{ float:right;display:block; width:92px; height:29px; color:#e5e5e5; font-size:11px; text-align:center; background-image:url(../images/btn.gif); text-decoration:none; line-height:29px;}
.SHOPLIST_BTN a:hover{  background-image:url(../images/btn_hover.gif);}


/*-------------漂浮購物清單2---------------*/
.shoplist2 {
    position: fixed;
    top: 65px;
    right: 0px;
    text-decoration: none;
    color: #000000;
    /*background-color: rgba(235, 235, 235, 0.5);*/
    font-size: 12px;
    padding: 1em;
    display: none;
}
/*
.shoplist2:hover {    
    background-color: #FFF;
}
*/
.SHOP_LIST2{ width:365px; height:auto; position:fixed; background-color:#fff; top:100px; right:-1px;  border-bottom:1px solid #d7d7d7;border-left:1px solid #d7d7d7;border-top:1px solid #d7d7d7; border-right:0px solid #d7d7d7;  display:none;z-index:10000;}
.td-SHOP_LIST2_title{ height:30px; color:#5a5a5a; font-size:12px; font-weight:bolder; border-bottom:0px solid #f4f4f4;}
.td-SHOP_LIST2_content{color:#000; font-size:12px;  }
.SHOPLIST2_BTN{ width:342px; height:45px; padding-top:10px;border-top:1px solid #f4f4f4; margin:0 auto; }
.SHOPLIST2_BTN a{ float:right;display:block; width:92px; height:29px; color:#e5e5e5; font-size:11px; text-align:center; background-image:url(../images/btn.gif); text-decoration:none; line-height:29px;}
.SHOPLIST2_BTN a:hover{  background-image:url(../images/btn_hover.gif);}

/*------------------------------------------------------------------------------LOGO-----------------------------------*/
.LOGO{ width:100%; height:100px; background-color:; margin-top:35px; z-index:9999;}
.LOGO a{ display:block; width:150px; height:100px; background-image:url(../images/logo.gif); margin:0 auto;text-indent:-9999px; outline:none; z-index:9999;}

/*------------------------------------------------------------------------------FOOTER-----------------------------------*/
.FOOTER{ clear:both; width:100%; height:70px;  border-top:1px solid #ececec;  color:#767676; font-size:12px;  margin-top:70px;}

.FOOTER_CONTENT{ width:960px; margin:0 auto;}
.FOOTER_L{ float:left; width:555px; height:auto;padding-top:15px;padding-top:15px;}
.FOOTER a{  color:#767676; font-size:12px; text-decoration:none; outline: none;}
.FOOTER a:hover{ color:#e25c33;}
.FOOTER p{ font-size:11px;line-height:18px;}
.FOOTER_R{ float:right; width:270px; height:auto;padding-top:10px;position:relative;}
.FOOTER_C{ float:left; width:825px; height:auto;padding-top:15px;padding-top:15px;}


/*------電子報訂閱------*/
.input_epaper{ background-color:#f0f0f0; color:#767676; font-size:12px; border:none;border-left:1px solid #ececec;border-top:1px solid #ececec; 
 border-bottom:1px solid #ececec;width:228px; height:25px; padding:0 10px; line-height:25px; position:absolute; right:48px;}

.btn_epaper {
  float:right;
  font-size:12px;
  color:#404040;
  width:40px; 
  height:27px; 
  border:none;
  border-right:1px solid #ececec;border-top:1px solid #ececec; border-bottom:1px solid #ececec;
  background-color:#f0f0f0;
  text-align:center;
   position:absolute; 
   right:8px; 
   top:10px;
   cursor:pointer;
}

.btn_epaper:hover { background-color:#fff;}

/* 回頁首 top */
.back-to-top {
    position: fixed;
    bottom: 2em;
    right: 10px;
    background-image:url(../images/btn.gif); 
    text-decoration:none;
    width:92px; 
    height:29px; 
    color:#e5e5e5; 
	line-height:29px;
    font-size: 12px;
    display: block;
    text-align:center;
    cursor: pointer; 
}
.back-to-top:hover {    
    background-color: rgba(135, 135, 135, 0.50);
}

/* 漂浮加入購物車  */
.add_to_cart {
    position: fixed;
    bottom: 8em;
    right: 10px;
    background-image:url(../images/btn.gif); 
    text-decoration:none;
    width:92px; 
    height:29px; 
    color:#e5e5e5; 
	  line-height:29px;
    font-size: 12px;
    display: block;
    text-align:center;
    cursor: pointer; 
    z-index:1002;
}
.add_to_cart:hover {    
    background-color: #FF0000;
}

/* 漂浮結帳 */
.checkout {
    position: fixed;
    /*bottom: 14em;*/
    top:70px;
    right: 10px;
    background-image:url(../images/btn.gif); 
    text-decoration:none;
    width:92px; 
    height:29px; 
    color:#e5e5e5; 
    line-height:29px;
    font-size: 12px;
    display: block;
    text-align:center;
    cursor: pointer; 
    z-index:1002;
}
.checkout:hover {    
    background-color: #FF0000;
}

/* 漂浮訂單查詢 */
.orderHistory {
    position: fixed;
    top:36px;
    right: 0px;
    text-decoration: none;
    color: #000000;
    /*background-color: rgba(235, 235, 235, 0.80);*/
    font-size: 12px;
    padding: 1em;
    display: none;
}