@charset "utf-8";
@import url("reset.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap');


/******************************************************************************** 通用common ********************************************************************************/
/* typography size */
h1{ font-size: 36px; font-size: 2.25rem;}
h2{ font-size: 30px; font-size: 1.875rem;}
h3{ font-size: 24px; font-size: 1.5rem;}
h4{ font-size: 18px; font-size: 1.125rem;}
h5{ font-size: 14px; font-size: .875rem;}
h6{ font-size: 12px; font-size: .75rem;}

/* 文字顏色 */
a, .word_color{color:#555;}/* 一般文字 */
a:link, a.hyperlink_color:link{color:#555;}/* 還沒有瀏覽過的連結 */
a:visited, a.hyperlink_color:visited {color:#555;}/* 已經瀏覽過的連結 */
a:hover, a.hyperlink_color:hover {color:#000;}/* 滑鼠移經的連結 */
a:active, a.hyperlink_color:active {color:#000;}/* 正在點選的連結 */
.list_price_color{color:#bbb; text-decoration: line-through;}/* 價錢-定價 */
.sale_price_color{color:#e94741;}/* 價錢-售價 */

/* 字體 */
body{
    font-family: 'Noto Sans TC', sans-serif;
}

/* a size 
a:link, a:visited, a:hover, a:active { font-size: 16px; font-size: 1rem; line-height: 26px;}*/

/* a text-decoration */
a:link, a:visited, a:hover, a:active{ text-decoration:none;}

/* icon color */
.icon_color{fill:#000; opacity: .8;}
.icon_color2{fill:#e94741;}
.icon_color:hover{opacity: 1;}

/* 背景顏色 */
.jooshop_btn_color > a,.jooshop_btn_color input{background-color:#39B56D !important;}
.jooshop_btn_color > a:hover,.jooshop_btn_color > input:hover{background-color:#298B52 !important;}
a.jooshop_btn_color{color:#fff;}
.jooshop_btn_color2 > a,.jooshop_btn_color2 > input{background-color:#244285 !important;}
.jooshop_btn_color2 > a:hover,.jooshop_btn_color2 > input:hover{background-color:#1e3b78 !important;}
.button_diable_color{background-color:#f2f2f2;}
a.button_diable_color:hover{background-color:#eee;}

/* border-radius */
.border_radius_default{-moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;}
.border_radius_actvie{-moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%;}

/* alert 成功 & 錯誤 */
.hd_alert { color: #ff4b77; font-size: 12px; font-size: .75rem; font-weight: bold;}
.err_alert { color: #ff4b77; font-size: 12px; font-size: .75rem; font-weight: bold;}

/* placeholder */
::placeholder { color: #aaa;opacity: 1;}
:-ms-input-placeholder { color: #aaa;}
::-ms-input-placeholder { color: #aaa;}

/* 網站名稱簡介 */
.STORE_NAME{ font:15px/26px 微軟正黑體,Arial, Helvetica, sans-serif; color:#333; font-weight:bold;}
.STORE_EXP{ font:13px/24px 微軟正黑體,Arial, Helvetica, sans-serif;}

/* layout 滿版 & 1200 */
.container{ max-width: 1000px;width: 100%;margin: 0 auto;}
.container_fluid{ width: 100%;}
#index .container{ max-width: 100%;}

/* 網站主架構 */
.FOR_TOP{ height:auto;background: #FFF;box-shadow: 0px 2px 5px lightblue;position: fixed;width: 100%;z-index: 999;}
.FOR_TOP header{ position: relative;}
#index .FOR_MAIN{ width:100%; height:auto;padding-top: 89px; }
.FOR_FOOTER{ width:100%; height:auto;}

.FOR_MAIN { width:100%; height:auto;padding-top: 89px!important; padding-bottom: 79px;}


/* 左中右元件共用 */
section{padding:10px 0;}

/* 左側元件 */
.main_content_left{float:left; width:200px; text-align:left; margin-bottom:15px;}
.main_content_left .left_item_title{ position:relative;}
.main_content_left .left_item_title h3.left_item_name{ display: block; height:45px; font:20px/45px 微軟正黑體,Arial, Helvetica, sans-serif; text-align: center; position: relative;min-width:120px;}

/* 中間元件 */
.main_content_l_center{ margin-left:210px;}
.main_content_r_center{margin-right:210px;}
.main_content_center{ margin-left:210px; margin-right:210px;}
.main_content_no_center{ width:100%;}
.main_content_l_center{padding:0; width: auto; height:auto; position: relative; text-align: left;}
.main_content_l_center .center_item_title{ position:relative; text-align:center;}
.main_content_l_center .center_item_title h3.center_item_name{ display: inline-block; font:30px/40px 微軟正黑體,Arial, Helvetica, sans-serif; text-align: center; position: relative; height: 50px; margin-bottom: 10px; padding:0 4px;}

/* 右側元件 */
.main_content_right{float:right; width:200px; text-align:left; margin-bottom:15px;}
.main_content_right .right_item_title{ position:relative;}
.main_content_right .right_item_title h3.right_item_name{ display: block; height:45px; font:20px/45px 微軟正黑體,Arial, Helvetica, sans-serif; text-align: center; position: relative;min-width:120px;}

/******************************************************************************** 表格與表單 table ********************************************************************************/

/* 表格抬頭 */
.table_title {background-color: #ededed;font-family:微軟正黑體,Arial, Helvetica, sans-serif;font-size: 13px;color:#808080;font-weight: bold;}

/* 表格外框線顏色 */
.table_exo_bordercolor { background-color: #d4d4d4;}

/* 表格內框線顏色 */
.table_bordercolor { background-color: #d4d4d4;}

/* 表格欄位 */
.table_column {background-color: #fff;font-family:微軟正黑體,Arial, Helvetica, sans-serif;font-size: 15px;line-height:30px;color:#333;padding:7px 5px;}

/* 表格欄位內容 */
.table_column_desc {background-color: #FFFFFF;font-family:微軟正黑體,Arial, Helvetica, sans-serif;font-size: 15px;line-height:25px;color:#333;}

/* 表格欄位內容 onMouseOver */
.table_column_desc_over { background-color: #ededed;font-size: 12px;color: #333333;}

/* 數字 */
.number {font-family:微軟正黑體,Arial, Helvetica, sans-serif;font-size: 12px;color: #f03a79;font-weight: bold;}

/* 表單 */
.FormTxt, .FormTxt100 {font-family:微軟正黑體,Arial, Helvetica, sans-serif;font-size: 11px;color:#999;background-color: #ffffff;border:solid #dadada 1px;padding:2px;}

/* 表單 */
.FormTxt100, .FormTxtMark100 {width: 90%;}
.FormTxtMark, .FormTxtMark100 {font-family:微軟正黑體,Arial, Helvetica, sans-serif;font-size: 12px;background-color: #fffbdd;}

/* 表單註解 */
.form_gloss {font-family:微軟正黑體,Arial, Helvetica, sans-serif;color: #ff6320; font-size: 12px;}

/* 表單必填欄位(*)樣式 */
.form_star {font-family:微軟正黑體,Arial, Helvetica, sans-serif;color:#ef4122; font-size:15px;font-weight:normal;}

/* 商品售價 */
.prod_price {font:20px/24px 微軟正黑體,Arial, Helvetica, sans-serif; color:#ff427f; font-weight:bold;}

/* LOGO .logo_box */
header { height:auto;}
header .logo_box{ position: relative; left: 0; display: inline-block; padding: 8px;}
header .logo_box a{ display: inline-block; width: 100%; height:auto;}

/* banner_box */
.banner_box{position: absolute; top:58px; left: 210px; max-width:150px; width:100%; height:auto;}
.banner_box img{width:100%; height:auto;}

/* 熱門關鍵字 .keyword_box */
.keyword_box{ display: inline-block; width: 290px; height: 22px; text-align: left; position: absolute; right: 210px; top: 3px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.keyword_box span{ height: 20px; color: #fff; font-size: 13px; font-size:.8125rem; line-height: 20px; display: inline-block; padding:0 10px;}
.keyword_box a{ margin-left:8px; font-size: 13px; height: 20px;}

/*******************************
主選單 .menu_box
*******************************/
.menu_box{ max-width:calc(100% - 156px); width:100%; margin: 0 0 0 auto; position: relative;}
.menu_box > ul {display:flex; justify-content: space-evenly;}
.menu_box > ul > li{ flex:1; position: relative; text-align: center; border-bottom-style: solid; box-sizing:content-box; border-bottom-color: transparent;}
.menu_box > ul > li > a{ display: block; width:auto; height:auto; line-height: 26px; padding:10px 0;font-size: 17px;font-weight: 600;}
.menu_box > ul > li a.menu_m2{ content: ''; display: inline-block; background-position: right; background-repeat: no-repeat; background-image: url(arrow.svg); background-size: 8px; padding-right: 10px;}
.menu_box > ul > li:hover{border-bottom-style: solid; border-bottom-color:initial;color: #FFF;background: #39B56D;border-radius: 8px 8px 0px 0px;}
.menu_box > ul > li:hover > a{color: #FFF;}
.menu_box ul li.sort_menu{ background-repeat: no-repeat;}
/* 主選單-第二層 */
.menu_open{ display:none; position:fixed; left:calc(50% + 28px); transform: translateX(-50%); z-index: 2; width:100%; max-width:944px;background: #fff; border-radius: 0 0 10px 10px; padding: 15px;-webkit-box-shadow: 0px 2px 5px 0px rgba(180,180,180,0.2);-moz-box-shadow: 0px 2px 5px 0px rgba(180,180,180,0.2);box-shadow: 0px 2px 5px 0px rgba(180,180,180,0.2); border: 3px solid #39B56D;}
ul.menu_open_in{ display: flex; justify-content: space-between; gap: 15px; padding: 0 20px;}
.menu_open .menu_open_in li{ display:block; width: 100%; text-align:center; position: relative;}
.menu_open .menu_open_in li a.heading_sm{ display:block; width: 100%; min-width: max-content; font-weight: bold; color:#2F2F2F; padding:5px 0; border-bottom: 1px solid #ddd; text-align: left;}
/*主選單-第三層 */
.menu_open .list_thirdfloor li a{ display:block; width: 100%; padding:5px 10px 0 0; border-radius: 8px; color:#444; text-align: left; line-height: 22px; font-size: 15px;}

/*分類下拉*/
.sub_maskbox01{ position:fixed; left:50%; top:152px; transform: translateX(-50%); z-index: 2; width:100%; min-height:250px; background:rgba(255,255,255,0.9); padding:20px 15px; -webkit-box-shadow: 0px 2px 5px 0px rgba(180,180,180,0.2);-moz-box-shadow: 0px 2px 5px 0px rgba(180,180,180,0.2);box-shadow: 0px 2px 5px 0px rgba(180,180,180,0.2); display:flex; flex-wrap:wrap; justify-content: flex-start;}
.all_menubox{ min-width:170px; margin: 0 auto; padding: 0 10px; margin-bottom: 15px;} 
.all_menubox li{ display: block; padding: 0 8px; text-align: left;}
.all_menubox li.title a{font-weight: 700; padding: 10px 0; text-align: left; line-height: 30px;}

/*******************************
語系 .lang_box
*******************************/
.lang_box{ display: inline-block; text-align: left; position: absolute; right: 0; }
.lang_dropdown { position: relative; display: inline-block; float:right; z-index:999}
.lang_dropdown .lang_dropbtn {  cursor: pointer; padding:0 10px 0 15px;}
.lang_dropdown .lang_dropbtn svg{ width: 8px; height: 8px; margin-left: 5px; vertical-align: middle; opacity: .3;}
.lang_dropdown:hover .lang_dropbtn svg{ opacity: 1;}
.lang_dropdown-content { display: none; position: absolute; top:30px; right:0; border-style:solid; background-color: #fff; min-width: 100%; z-index: 1;border: 1px solid #ddd;    border-radius: 8px; overflow: hidden;}
.lang_dropdown-content a { padding:5px 10px; text-decoration: none;display: block;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out; }
/* .lang_dropdown-content a:nth-child(2n) {background-color: #f5f5f5;} */
.lang_dropdown-content a:hover {background-color: #FED955; text-decoration:none;}
.lang_dropdown:hover .lang_dropdown-content { display: block;}

/*******************************
登入&購物車 .member_box
*******************************/
.member_box{ position: absolute; top: 2px; right: 0;}
/* .member_box > ul{text-align: center;} */
.member_box ul{display: flex;align-items: center;}
.member_box > ul > li{ content: ''; display: inline-block; background-position: left; background-repeat: no-repeat; vertical-align: middle; background-size: 20px; padding: 0px 12px; float:left; margin-left: 15px; position: relative;}
.member_box > ul > li > a{ display:inline-block; position: relative; margin-left: 15px; font-size: 14px;}
.member_box .lang_dropdown a{font-size: 14px;line-height:30px;}
.member_box > ul > li > a > svg{width: 26px; height: 26px; transition: all .2s;vertical-align: middle;}

/*******************************
社群 .communities_box
*******************************/
.member_box > ul > li.communities_box{background-image: url("fb.svg");}
.member_box > ul > li.communities_box > a > svg{width: 27px; height: 27px;}
.member_box > ul > li.top_user{background-image: url("account.svg")}
.member_box > ul > li.lang_box{background-image: url("lang.svg")}
.member_box .top_user a:not(:last-of-type):before { content: '/'; display: inline-block; position: absolute; right: -11px; top: 0; }

/*******************************
會員等級
*******************************/
.user_box .user_vip{ margin-right:5px;}
.user_box .user_name{ margin:0 5px;}

/*******************************
版頭banner .banner_box
*******************************/

/*******************************
gotop
*******************************/
.gotop_box{ width:40px; height:60px; position:fixed; right:50px; bottom:20px; cursor:pointer; text-align: center; z-index:999;}
.gotop_box .up_arrow{ width:16px; height:16px;}

/* 元件間隔 */
.table_margin{ margin-bottom:5px;}

/* 元件外框 */
.L_border{ border:solid 2px #e1e1e1; padding:1px;}

/* 共用 */
.SGS_Store_TopBox{ display:none;}

/* 元件間距*/
.SB_witem_mbottom{ margin-bottom:15px;}

/* 元件最外框*/
.SB_WitemBOX{width:100%;  min-width:1000px; height:auto; margin:0 auto ;}
.SB_WitemBOX .rwdimg{ width:100%; height:auto;}

/* ==== 分類 ==== */
.Page_ProductSort{ margin-left:0;}
h3.Page_PSort_title{ margin: 0; padding: 10px; border: 0;}
h3.Page_PSort_title a{ font:15px/20px 微軟正黑體,Arial, Helvetica, sans-serif; color: #666;}
.Page_PSort_list > li{ height: auto; min-height: 35px; border:0; padding: 10px; background-image: none;}
.Page_PSort_list > li:hover{ background:none;}
.Page_PSort_list > li.it39_layer2{ background: url(it39_arrow.png) 10px center no-repeat; padding-left: 15px;}
.Page_PSort_list > li.it39_layer3{ }
.Page_PSort_list > li.it39_layer3,.Page_PSort_list > li.it39_layer4,.Page_PSort_list > li.it39_layer5{ padding-left:15px;}
.Page_PSort_list > li > a{ font:14px/20px 微軟正黑體,Arial, Helvetica, sans-serif; color: #555; display: inline-block;}
.Page_PSort_list > li > a:hover{ text-decoration:underline;}

/* 官網－輪播廣告 */
.Index_ADbannerBox{ width:100%; margin-bottom: 40px;}
#index .Index_ADbannerBox{ margin-bottom:0;}
.Index_ADbanner{ width:100%; margin:0 auto; position:relative;}
.flexslider{ overflow:hidden;}
.slides{ position:relative; z-index:1;}
.slides li img{ display:block; width:100%; height:auto;}
.flex-control-nav{ display:none; position:absolute; height:25px; bottom:15px; z-index:2; width:100%; text-align:center;}
.flex-control-nav li{ display:inline-block; width:14px; height:14px; margin:0 3px; *display:inline; zoom:1;}
.flex-control-nav a{ display:inline-block; width:14px; height:14px; overflow:hidden; background:#fff; border-radius:100%; cursor:pointer;  border: 2px solid #a2a2a2; text-indent: -9999px;}
.flex-control-nav .flex-active{ border: 2px solid #348296 ;}
.flex-direction-nav{display:none; position:absolute; z-index:3; width:100%; top:50%; margin-top:-15px;}
.flex-direction-nav li a{ display:block; width:30px; height:30px; overflow:hidden; cursor:pointer; position:absolute;}
.flex-direction-nav li a.flex-prev{ left:20px; background:url(icon_arrow.svg) left center no-repeat; background-size: 60px auto;}
.flex-direction-nav li a.flex-next{ right:20px; background:url(icon_arrow.svg) right center no-repeat; background-size: 60px auto;}

/*購物網-熱銷商品*/
.Store_HotSale_btn{ max-width:1260px; height:40px; border-bottom:#dbdbdb 1px solid;}
.Store_HotSale_btn ul{ max-width:1004px; height:40px; margin-right:255px;}
.Store_HotSale_btn ul li{ float:left; width:25%;}
.Store_HotSale_btn ul li a{ display:block; width:100%; height:40px; font:15px/40px 微軟正黑體,Arial, Helvetica, sans-serif; text-align:center; color:#555; border-bottom:#dbdbdb 1px solid;}
.Store_HotSale_btn ul li a:hover{ display:block; width:100%; height:40px; font:15px/40px 微軟正黑體,Arial, Helvetica, sans-serif; color:#555; font-weight:bold; border-bottom:#b82a41 3px solid; text-decoration:none;}
.Store_HotSale_btn ul li a.selected{ display:block; width:100%; height:40px; font:15px/40px 微軟正黑體,Arial, Helvetica, sans-serif; color:#555; font-weight:bold; border-bottom:#b82a41 3px solid; text-decoration:none;}
.Store_HotSale_box{ max-width:1260px; min-width:686px; height:300px;}
.Store_HotSale_L{ max-width:1004px; border-left:#dbdbdb 1px solid; margin-right:255px; height:300px;}
.Store_HotSale_L > ul{ width:100%;}
.Store_HotSale_L > ul > li{ float:left; width:24.96%; height:300px; border-right:#dbdbdb 1px dotted; border-bottom:#dbdbdb 1px solid;}
.Store_HotSale_R{ float:right; width:256px; height:300px; border-right:#dbdbdb 1px solid;}
.Store_HotSale_R > ul{ width:255px; height:100px; padding:0 9px; padding-top:10px;}
.Store_HotSale_R > ul > li{ float:left;}
.Store_ContentProductBox2{ max-width:190px; height:275px; padding:0 20px; padding-top:25px; margin:0 auto; position:relative;}
.icon_hotsale{ display:block; width:36px; height:36px; position:absolute; top:10px; left:10px; z-index:99;}
.Store_HotSale_All{ width:100%; height:300px;position:relative; overflow:hidden; border-bottom:#dbdbdb 1px solid;}
.Store_HotSale_BigBox{ width:100%; height:1200px; position:absolute;}

/*購物網-商品列表*/
.Page_itemBox{ width:100%; margin:0 auto;}
.Store_PSearch_Top01,.Store_PSearch_Top01 img{ display:none; width:100%; height:auto;}
.Store_PSearch_Top02{ width:100%; height:40px; padding:0 10px; margin-bottom: 20px;}
.PSearch_Top_menuL{ float:left; margin-top:12px;}
.PSearch_Top_menuL li{ float:left; display:block; height:25px; font:14px/25px 微軟正黑體,Arial, Helvetica, sans-serif; color:#53453e; margin-left: 15px;}
.PSearch_Top_menuL li a{ display:block;  border-right:#dbdbdb 0px solid; text-align:center; font:14px/25px 微軟正黑體,Arial, Helvetica, sans-serif; color:#53453e; position: relative;}
.PSearch_Top_menuL li:hover a{ border-bottom:2px solid #617434;}
.PSearch_Top_menuL li a.selected{ font-weight:bold; color:#617434; text-decoration:none;}

.PSearch_Top_menuR{ float:right;}
.PSearch_Top_menuR li{ float:left; font:14px/40px 微軟正黑體,Arial, Helvetica, sans-serif; color:#53453e;}
.PSearch_Top_menuR li select{ width:50px; height:25px !important; margin:0 10px; font: 14px/25px 微軟正黑體,Arial, Helvetica, sans-serif;}
.Store_PSearch_Plist{ width:100%;}
.Store_PSearch_Pbox{　width:960px;　margin:0 auto; padding:0 3px;}
.Store_PSearch_Pbox > li{ float:left; margin-bottom: 45px;}
.Store_PSearch_Product{ width:150px; margin:0 auto; padding:20px 0;}
.Store_pImg03{ width:150px; height:150px; margin-bottom:10px; position:relative; overflow:hidden;}
.Store_pImg03 a{ display:block; width:150px; height:150px;}
.Store_pImg03 img{ width:100%; height:auto;}
.Store_Psearch_btn01{ display:none; width:150px; height:30px; background:url(images/anyong_symbol/Store_Psearch_btn01.png) left top no-repeat; text-indent:-9999px; position:absolute; left:0; bottom:0;}
.Store_pPrice05{ width:100%; margin-top:10px;}
.Store_pPrice05 ul li{ float:left; font-family:Arial, Helvetica, sans-serif; line-height:30px;}
.Store_pPrice05 ul li.Store_pPrice05_L{ width:30%; font-size:13px; color:#333; text-decoration:line-through;}
.Store_pPrice05 ul li.Store_pPrice05_R{ width:70%; color:#708da5; font-size:30px; text-align:right;}
.Store_pPrice05 ul li.Store_pPrice05_R span{ font-size:15px; margin-right:5px;}

/*購物網-商品詳細頁*/
/*---上半部---*/
.AF_PDetail_Top{ width:100%;margin-bottom:20px; padding:10px; background: #fff;}
/* 商品圖 */
.AF_PDetail_L{ float:left; width:420px;}
.AF_PDetail_L01{ width:420px;}
.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;}
.tb-thumb{ margin:15px 0 15px 0;}
.tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;height:78px;}
.tb-thumb li.AF_margin_right{ margin-right:7px;}
.tb-s418, .tb-s418 a{ display:block; height:418px; width:418px; position:relative;}
.AF_MagnifierImg{ display:block; width:50px; height:50px; background:url(images/anyong_symbol/AF_MagnifierImg.png) left top no-repeat; position:absolute;  bottom:0px; right:0;}
.tb-s418, .tb-s418 img{ height:418px; width:418px;}
.tb-booth{ width:420px; height:420px; border:1px solid #dbdbdb; position:relative ;z-index:10;}
.tb-thumb li div{ border:1px solid #dbdbdb;}
div.zoomDiv{ z-index:500;position:absolute;top:-1px;left:0px;width:418px;height:418px;display:none;text-align:center;overflow:hidden;}
div.zoomMask{ position:absolute;background:url("images/anyong_symbol/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:498;}
/*ICON*/
.PDetail_L_Pnumber{ width:165px;}
.AF_PDetail_L02{ width:420px; margin-bottom:15px;}
.AF_PDetail_L02 ul{ width:100%; height:20px;}
.AF_PDetail_L02 ul li{ float:left; margin-left:7px; font:12px/20px 微軟正黑體,Arial, Helvetica, sans-serif; color:#999;}
.AF_PDetail_L02 ul li.PDetail_L02_icon01 a{ display:block; width:49px; height:20px; background:url(images/anyong_symbol/Store_Pdetail_btn_fb.png) left top; text-indent:-9999px;}
.AF_PDetail_L02 ul li.PDetail_L02_icon02 a{ display:block; width:88px; height:20px; background:url(images/anyong_symbol/Store_Pdetail_btn_mail.png) left top; text-indent:-9999px;}
.AF_PDetail_L02 ul li.PDetail_L02_icon03 a{ display:block; width:88px; height:20px; background:url(images/anyong_symbol/Store_Pdetail_btn_print.png) left top; text-indent:-9999px;}
.AF_PDetail_L02 ul li.PDetail_L02_icon01 a:hover{ display:block; width:49px; height:20px; background:url(images/anyong_symbol/Store_Pdetail_btn_fb.png) left bottom; text-indent:-9999px;}
.AF_PDetail_L02 ul li.PDetail_L02_icon02 a:hover{ display:block; width:88px; height:20px; background:url(images/anyong_symbol/Store_Pdetail_btn_mail.png) left bottom; text-indent:-9999px;}
.AF_PDetail_L02 ul li.PDetail_L02_icon03 a:hover{ display:block; width:88px; height:20px; background:url(images/anyong_symbol/Store_Pdetail_btn_print.png) left bottom; text-indent:-9999px;}
/*商品右側購買資訊*/
.AF_PDetail_R{ margin-left:430px; width:auto; text-align: left;}
.AF_PDetail_Pname{ width:100%; height:auto; margin-bottom:5px;}
.AF_PDetail_Pname h2{ font: bold 20px/30px 微軟正黑體,Arial, Helvetica, sans-serif; color:#333;}
.AF_PDetail_Pname h2 a{ font: bold 20px/30px 微軟正黑體,Arial, Helvetica, sans-serif; color:#333; text-decoration:none;}
.AF_PDetail_Pname h2 a:hover{ font: bold 20px/30px 微軟正黑體,Arial, Helvetica, sans-serif; color:#333; text-decoration:none;}
.AF_PDetail_Pdetail{ width:100%; height:auto; margin-bottom:5px;}
.AF_PDetail_Pdetail h3{ font:13px/20px 微軟正黑體,Arial, Helvetica, sans-serif; color:#999;}
.AF_PDetail_Pprice{ width:100%; height:151px; margin-bottom:10px; padding-bottom:15px; border-bottom:#dbdbdb 1px dotted;}
.AF_PDetail_Pprice img{ display:block; width:150px; height:150px; float:right;}
.AF_PDetail_Pprice p.AF_PDetail_Pprice01{ float:left; font:13px/25px 微軟正黑體,Arial, Helvetica, sans-serif; color:#333; margin-top:35px;}
.AF_PDetail_Pprice p.AF_PDetail_Pprice01 span{ font-size:20px; font-family:微軟正黑體; margin-left:10px; text-decoration:line-through;}
.AF_PDetail_Pprice p.AF_PDetail_Pprice02{ float: left; font:55px/70px Arial, Helvetica, sans-serif; color:#708da5;padding-left:15px;}
.AF_PDetail_Pprice p.AF_PDetail_Pprice02 span{ font:33px/40px Arial, Helvetica, sans-serif; color:#708da5;}
.AF_PDetail_Pactivity{ width:100%; padding:10px 0; text-align: left;}
.AF_PDetail_Pactivity img{ float:left;}
.AF_PDetail_Pactivity a{ display:block; font:13px/25px 微軟正黑體,Arial, Helvetica, sans-serif; color:#b82a41; text-decoration:underline; margin-left:85px;}
.AF_PDetail_Pactivity a:hover{ text-decoration:none;}
.PDetail_PBOXcolor01{ border:#CCC 2px solid;}
.PDetail_PBOXcolor02{ border:#94c31f 2px solid;}
.AF_PDetail_Pcolor_R ul li span.sn_icon_ok{ display:block; width:12px; height:12px; background:url(images/anyong_symbol/Store_Pdetail_icon05.png) left top no-repeat; position:absolute; bottom:0; right:0; z-index:350;}
.Pcolor_active{ border:#b82a41 2px solid; margin-right:10px;}
.AF_PDetail_Psize{ width:100%; height:30px; margin:10px 0;}
.AF_PDetail_Psize_L{ float:left; width:70px; font:13px/30px 微軟正黑體,Arial, Helvetica, sans-serif; color:#333;}
.AF_PDetail_Psize_R{ width:100%;}
.AF_PDetail_Psize_R ul li{ float:left; display:block; font:13px/26px 微軟正黑體,Arial, Helvetica, sans-serif; color:#333; height:30px; padding:0 10px; margin-right:10px; position:relative; cursor: pointer;}
.AF_PDetail_Psize_R ul li span{ display:block; width:12px; height:12px; background:url(images/anyong_symbol/Store_Pdetail_icon05.png) left top no-repeat; position:absolute; bottom:0; right:0; z-index:350; display:none;}
.Psize_active{ border:#b82a41 2px solid; margin-right:10px;}
.AF_PDetail_Weight{ width:100%; height:30px; margin:15px 0;}
.AF_PDetail_Wnum_L{ float:left; width:70px; font:13px/30px 微軟正黑體,Arial, Helvetica, sans-serif; color:#333;}
.AF_PDetail_Wnum_R{ width:100%;}
.AF_PDetail_Wnum_R select{height:25px; font:13px/30px 微軟正黑體,Arial, Helvetica, sans-serif;}

.AF_PDetail_Pnum{ width:100%; height:30px; margin:15px 0;}
.AF_PDetail_Pnum_L{ float:left; width:70px; font:13px/30px 微軟正黑體,Arial, Helvetica, sans-serif; color:#333;}
.AF_PDetail_Pnum_R{ width:100%;}
.AF_PDetail_Pnum_R select{ width:50px; height:25px; font:13px/30px 微軟正黑體,Arial, Helvetica, sans-serif;}
.AF_PDetail_Pbuybtn{ width:100%; height:73px; margin:15px 0; border-top:#dbdbdb 1px dotted; padding:15px 0;}
.AF_PDetail_Pbuybtn ul{ height:53px;}
.AF_PDetail_Pbuybtn ul li{ float: right; width:190px; height:53px;}
.AF_PDetail_Pbuybtn ul li.AF_PDetail_PbuybtnL{ margin-right:10px;}
.AF_PDetail_Pbuybtn01 a,.AF_PDetail_Pbuybtn02 a{ display:block; width:190px; height:50px; font:20px/50px 微軟正黑體,Arial, Helvetica, sans-serif; color:#FFF; text-align:center; background:#dd1212; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.AF_PDetail_Pbuybtn01 a:hover,.AF_PDetail_Pbuybtn02 a:hover{ background:#f54b4b; text-decoration:none;}
.AF_PDetail_Pbuybtn03 a{ display:block; width:190px; height:50px; font:20px/50px 微軟正黑體,Arial, Helvetica, sans-serif; color:#FFF; text-align:center; background:#878787; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.AF_PDetail_Pbuybtn03 a:hover{ background:#a3a3a3; text-decoration:none;}
.AF_PDetail_Pbuybtn04 a{ display:block; width:190px; height:50px; font:20px/50px 微軟正黑體,Arial, Helvetica, sans-serif; color:#FFF; text-align:center; background:#1671b8; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.AF_PDetail_Pbuybtn04 a:hover{ background:#1c8fe7; text-decoration:none;}
.AF_PDetail_Ppay{ width:100%; height:20px; margin:15px 0;}
.AF_PDetail_Ppay_L{ float:left; width:70px; font:13px/20px 微軟正黑體,Arial, Helvetica, sans-serif; color:#333;}
.AF_PDetail_Ppay_R{ width:100%;}
.AF_PDetail_Ppay_R ul li{ float:left; display:block; height:20px; margin-right:5px;}
.AF_PDetail_Ptransport{ width:100%; height:20px; margin:15px 0;}
.AF_PDetail_Ptransport_L{ float:left; width:70px; font:13px/20px 微軟正黑體,Arial, Helvetica, sans-serif; color:#333;}
.AF_PDetail_Ptransport_R{ width:100%;}
.AF_PDetail_Ptransport_R ul li{ float:left; display:block; height:20px; margin-right:5px;}
.AF_PDetail_Ppremiums{ width:100%; margin:15px 0; height:75px; border-top:#dbdbdb 1px dotted; padding:15px 0;}
.AF_PDetail_Ppremiums p{ float:left; display:block; width:80px; font:bold 13px/30px 微軟正黑體,Arial, Helvetica, sans-serif; color:#333;}
.AF_PDetail_Ppremiums ul{ width:100%; height:60px;}
.AF_PDetail_Ppremiums01{ float:left; width:70px; height:60px;}
.AF_PDetail_Ppremiums01 img{ border:#CCC 1px solid; width:60px; height:60px;}
.AF_PDetail_Ppremiums02{ width:100%; height:60px; font:13px/60px 微軟正黑體,Arial, Helvetica, sans-serif; color:#333;}

/*---下半部---*/
/*標題02*/
.PDetail_witemBox2{ width:auto;  margin-bottom:35px; background-color:#fff;}
.PDetail_witemBox2 h3.PDetail_witemTitle2{ width:100%; font:20px/41px 微軟正黑體,Arial, Helvetica, sans-serif; color:#333; }
/*商品加購區*/
ul.AF_PDetail_addbuyBox{ width:100%;}
ul.AF_PDetail_addbuyBox > li{ float:left; width:198px;}
.AF_PDetail_addpBox{ width:150px; margin:0 auto; margin-bottom:20px;}
.AF_PDetail_addp01{ width:150px; height:150px; padding-top:15px;}
.AF_PDetail_addp01 img{ width:150px; height:150px;}
.AF_PDetail_addp02{ width:150px; height:40px; margin:0 auto; overflow:hidden;} 
.AF_PDetail_addp02 a{ font:13px/20px 微軟正黑體,Arial, Helvetica, sans-serif; text-decoration:none; color:#333; display:block;}
.AF_PDetail_addp02 a:hover{ font:13px/20px 微軟正黑體,Arial, Helvetica, sans-serif; text-decoration:underline; color:#147abc;}
.AF_PDetail_addp03{ text-align:left; font:13px/30px Arial, Helvetica, sans-serif; color:#555; text-decoration:line-through;}
.AF_PDetail_addp04{ width:150px; height:35px;  border-bottom:#dbdbdb dotted 1px;}
.AF_PDetail_addp04 ul li{ float:left;}
.AF_PDetail_addp04_1{ display:block; width:50px; font:13px/36px 微軟正黑體,Arial, Helvetica, sans-serif; color:#e82222;}
.AF_PDetail_addp04_2{ display:block; text-align:right; width:100px; font:25px/35px Arial, Helvetica, sans-serif; color:#e82222;}
.AF_PDetail_addp04_2 span{ font-size:20px; margin-right:10px;}
.AF_PDetail_addp05{ width:150px; height:30px; margin-top:10px;}
.AF_PDetail_addp05 ul li{ float:left; font:13px/30px 微軟正黑體,Arial, Helvetica, sans-serif; color:#333;}
.AF_PDetail_addp05_1{ width:90px;}
.AF_PDetail_addp05_2{ width:60px;}
.AF_PDetail_addp05 select{ width:65px; height:30px; font:13px/30px 微軟正黑體,Arial, Helvetica, sans-serif;}
.AF_PDetail_addp05 input{ margin-left:10px;}
.AF_PDetail_Pbuybtn05{ width:100%; height:50px; position:relative; margin-bottom:20px;}
.AF_PDetail_Pbuybtn05 a{ display:block; width:190px; height:53px; background:url(images/anyong_symbol/Store_Pdetail_btn_addcart.png) left top no-repeat; text-indent:-9999px; position:absolute; top:0; right:0;}
.AF_PDetail_Pbuybtn05 a:hover{ display:block; width:190px; height:53px; background:url(images/anyong_symbol/Store_Pdetail_btn_addcart.png) left bottom no-repeat; text-indent:-9999px;}
.AF_PDetail_Pbuybtn06{ width:100%; height:50px; position:relative; margin-bottom:20px;}
.AF_PDetail_Pbuybtn06 a{ display:block; width:190px; height:53px; background:url(images/anyong_symbol/Store_Pdetail_btn_buynow.png) left top no-repeat; text-indent:-9999px; position:absolute; top:0; right:0;}
.AF_PDetail_Pbuybtn06 a:hover{ display:block; width:190px; height:53px; background:url(images/anyong_symbol/Store_Pdetail_btn_buynow.png) left bottom no-repeat; text-indent:-9999px;}
.AF_margin_bottomW10{ margin-bottom:10px;}
/*.AF_IMGicon_speaker{ background:url(images/anyong_symbol/Store_Pdetail_icon06.png);}
.AF_IMGicon_speaker2{ background:url(images/anyong_symbol/Store_Pdetail_icon07.png);}*/
.AF_product_detail{ width:100%; height:auto; padding: 15px 15px 30px 15px; font:13px/30px 微軟正黑體,Arial, Helvetica, sans-serif;}
.AF_product_detail img{ max-width:100%; height:auto;}
.AF_product_detail ul{ width:100%; list-style-type:disc; padding-left:15px;}
.AF_PDetail_Bottom{ width:100%; text-align: left;}

/*左欄活動行銷元件*/
.Page_ProductSale{ padding-top:10px;}
.Page_ProductSale li{ display:block; width:100%; height:25px; background:url(images/anyong_symbol/Store_Psale_icon01.gif) 10px 10px no-repeat;}
.Page_ProductSale li a{ padding-left:25px; width:100%; font:13px/25px 微軟正黑體,Arial, Helvetica, sans-serif;}

/* 註冊步驟 */
.AF_Register{ width:100%; height:50px; border-bottom:#f2f2f2 3px solid;margin-bottom:50px;}
.AF_RegisterStepBox{ width:1004px; height:55px; margin:0 auto;}
.AF_RegisterStepBox ul li{ float:left; font:18px/30px 微軟正黑體,Arial, Helvetica, sans-serif; width:25%; height:50px; padding-top:12px;}
ul.AF_RegisterStep li span{ font:20px/30px Arial, Helvetica, sans-serif; margin:0 5px; }
ul.AF_RegisterStep li span.AF_RegisterStep_final{ float:left; display:block; width:40px; height:43px;  background-repeat:no-repeat; background-position:left top;}
.AF_RegisterStepbg01{ color:#666;}
.AF_RegisterStepbg02{ color:#666;}
.AF_RegisterStepbg03{ color:#666;}
.AF_RegisterStepbg04{ color:#666;}
.AF_RegisterStepLine{ height:50px; border-bottom:#C71810 3px solid;}
.AF_RegisterStepLine span{ color:#C71810;}

/* 會員登入(一般)-150226新增 */
.AF_Member_LoginPage{ width:526px; margin:0 auto; padding-top:50px;}
.AF_Member_LoginTitle{ width:100%; font:18px/40px 微軟正黑體,Arial, Helvetica, sans-serif; color:#555; height:40px; padding-left:5px;}
.AF_Member_LoginTitle span{ font: 25px/40px Arial,Helvetica,sans-serif; color:#555; margin:0 10px 0 5px;}
.AF_Member_LoginContent{ width:520px; padding:10px 0 30px 0; border:#d1d1d1 3px solid; background-color:#fff;}
ul.AF_Member_LoginBox{ width:460px; margin:0 auto; padding-bottom:25px;}
ul.AF_Member_LoginBox li{ float:left;}
.AF_Member_Login_L{ width:310px; font:15px/30px 微軟正黑體,Arial, Helvetica, sans-serif; color:#333;}
.AF_Member_Input100{ width:100%; height:30px; padding:0 5px;}
.AF_Member_Input90{ width:90px; height:30px; padding:0 5px;}
.AF_attest_number input,.AF_attest_number img{ float:left; border-radius: 8px;}
.AF_attest_number img{ display:block; width:72px; height:20px; margin:0 10px; margin-top:5px;}
.AF_attest_number a{font:15px/30px 微軟正黑體,Arial, Helvetica, sans-serif; color:#FF9113; text-decoration:underline;}
.AF_attest_number a:hover{font:15px/30px 微軟正黑體,Arial, Helvetica, sans-serif; color:#C16E0F; text-decoration:none;}
.AF_Member_Login_R{ width:150px; padding-top:32px;}
.AF_Member_Login_R input{ display:block; width:150px; height:110px;  cursor:pointer; text-indent:-9999px;}
.AF_Member_Login_Rin{ font:14px/30px Arial, Helvetica, sans-serif; color:#bbb; margin-top:30px;}
.AF_Member_Login_Rin a{ font:14px/30px 微軟正黑體,Arial, Helvetica, sans-serif; margin:0 3px;}
.AF_Member_Login_Rin a:hover{ font:14px/30px 微軟正黑體,Arial, Helvetica, sans-serif; color:#555; margin:0 3px;}
.AF_Member_LoginOther{ width:460px; margin:0 auto; font:15px/30px 微軟正黑體,Arial, Helvetica, sans-serif; color:#333; padding-top:10px; border-top:#d1d1d1 1px dotted;}
.AF_Member_Login_FB a{ display:block; width:225px; height:53px; background:url(images/anyong_symbol/Member_Btn_FBlogin.png) left top no-repeat; text-indent:-9999px;}
.AF_Member_Login_FB a:hover{ background:url(images/anyong_symbol/Member_Btn_FBlogin.png) left bottom no-repeat;}
.AF_Member_Login_fgPW a{ display:block; height:30px; float:right; background:url(images/anyong_symbol/Member_Icon_forget.png) left center no-repeat; padding-left:18px; font:14px/30px 微軟正黑體,Arial, Helvetica, sans-serif;}

/*JOO商品列表*/
.AY_product250_box{ max-width:200px; position:relative; margin:0 auto;}
/*.AY_product250_shadow::before{ bottom:25px; content:""; box-shadow:0 17px 17px rgba(0, 0, 0, 0.54); height:60px; max-height:50%; position:absolute; left:9px; transform:rotate(-4deg) skew(-8deg); width:60%; z-index:-1;}
.AY_product250_shadow::after { bottom:25px; content:""; box-shadow:0 17px 17px rgba(0, 0, 0, 0.54); height:60px; max-height:50%; position:absolute; right:9px; transform:rotate(4deg) skew(8deg); width:60%; z-index:-1;}*/
.AY_product250_img{ width:100%; height:200px; overflow:hidden; position:relative; text-align: center; border-radius: 0px; margin-bottom: 12px;}
.AY_product250_img > a{ display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
.AY_product250_img img{ width:100%; height:100%;}
.AY_product250_box:hover{  background:none;}


.AY_product250_imgbg{ display:none; width:100%; height:32px; margin:10px 0;}
.AY_btn_addlist,.AY_btn_addcart{ float:right; width:24px; height:24px; text-indent:-9999px; margin-left:10px;}
.AY_btn_addlist:hover,.AY_btn_addcart:hover{ background-position:0 24px;}
.AY_btn_addlist{ background-image:url(joop_btn_addlist.png);}
.AY_btn_addcart{ background-image:url(joop_btn_addcart.png);}
.AY_btn_addlist_active{ background-position:0 24px;}

.AY_product250_name a{ display:block; width: 100%;  height: 40px; font:14px/20px 微軟正黑體, Arial, Helvetica, sans-serif; color: #505050; overflow: hidden; text-align: left;}
.AY_product250_name a:hover{ text-decoration:underline;}
.AY_product250_price{ width:100%;}
.AY_product250_price li{ float:left; font-family:Arial, Helvetica, sans-serif; line-height:20px; letter-spacing: 1px;}
.AY_product250_price li.AY_product250_price_L{ width:40%; color:#888; font-size:12px; text-decoration:line-through; text-align:left;}
.AY_product250_price li.AY_product250_price_R{ width:60%; color:#ed2d4c; font-size:15px; text-align:right;}
.AY_product250_price li.AY_product250_price_R span{ font-size:14px;}

/*===== JOO各版型控制色系用CSS =====*/

/*不用改的*/
.jooshop_btn_login > input,.jooshop_btn_login > input:hover{ font-size: 16px;font-size: 1rem; color:#FFF; letter-spacing:3px; background-image:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; text-indent:0;}
.jooshop_scbtn_print input,.jooshop_scbtn_print input:hover{ background-image:none; color:#fff; font-size: 16px;font-size: 1rem;}
.jooshop_mem_btn input,.jooshop_mem_btn input:hover,.jooshop_mem_btn a,.jooshop_mem_btn a:hover{ background-image:none; color:#fff; font-size: 16px;font-size: 1rem; text-align:center;}
.jooshop_step_color{ border-bottom-color:#ababab;border-radius: 8px 8px 0 0; }
.jooshop_step_color span{ color:#555;}
.jooshop_scstep_color{ border-bottom-color:#f2f2f2;}
.joo_ordersuccess{ width:210px; height:100px; margin:0 auto;}
.joo_ordersuccess h5{ font:45px/50px 微軟正黑體,Arial,Helvetica,sans-serif;}
.joo_ordersuccess p{ font:28px/50px 微軟正黑體,Arial,Helvetica,sans-serif; color:#999; text-align:right; padding-right:15px;}

/*要改的部分如下*/
/*價格顏色*/
.jooshop_price_color{ color: #ec151f !important;}
/*按鈕*/
.jooshop_btn_color > input,.jooshop_btn_color > a{ background-color:#39B56D;border-radius:8px !important;}
.jooshop_btn_color > input:hover,.jooshop_btn_color > a:hover{ background-color:#298B52;}
.jooshop_btn_color2 > input,.jooshop_btn_color2 > a{ background-color:#fff !important; border:1px solid #c2c2c2 !important;border-radius:0px !important; color:#656565 !important;}
.jooshop_btn_color2 > input:hover,.jooshop_btn_color2 > a:hover{ background-color:#fff !important;border:1px solid #ddd !important; color:#656565 !important;}
/*線段*/
.jooshop_title_color{ border-top-color:#333;}
.jooshop_title_color2{ border-bottom-color:#1f1f1f;}
.jooshop_sctitle_color{ border-top-color:#333 !important;}
/*會員專區元件-按鈕顏色*/
.jooshop_mem_menu{ border-left-color:#ababab;}
/*訂單列表-訂單號碼顏色*/
.jooshop_mem_word > a,.jooshop_mem_word > span{ color:var(--pic-red);}
.jooshop_mem_word > a:hover{ color:var(--pic-red);}
/*訂購完成-文字顏色*/
.joo_ordersuccess h5{ color:#000;}

.SB_MemberContent{ margin-bottom: 30px;}

/* 隱藏商品分類前方框 */
.it39_mf{ display:none;}
.Page_PSort_title > li{ margin-left:18px;}

/* 購物車流程 */
.AY_ShoppingCartStep_BOX{ width:100%; height:80px; border-bottom:5px #dfdfdf solid; margin-bottom:20px;}
.AY_ShoppingCartStep{ width:990px; height:80px; margin:0 auto;}
.AY_ShoppingCartStep ul li{ float:left; width:25%; height:80px; font:18px/30px 微軟正黑體, Arial, Helvetica, sans-serif; padding-top:35px;}
.AY_ShoppingCartStep ul li span{ margin-right:10px; font:25px/30px Arial, Helvetica, sans-serif;}
.AY_WORDcolor_gray{ color:#999;}
.AY_WORDcolor_black{ color:#333;}
.AY_WORDcolor_blue{ color:#C71810;}
.AY_LINEcolor_blue{ border-bottom:5px #d2c3ae solid;}

.AY_ShoppingCart_BOX{ margin:0 auto; margin-bottom:15px; background:#FFF; border:1px solid #dbdbdb;}
.AY_ShoppingCart_BOX2{ margin:0 auto; margin-bottom:15px;  padding:10px 0 15px 0; }
.AY_ShoppingBox_W01{ width:10%;}
.AY_ShoppingBox_W02{ width:30%;}
.AY_ShoppingBox_W03{ width:40%;}

.AY_SCInput_W100{ width:100px; height:30px; font:14px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; padding:0 5px;}
.AY_SCInput_W150{ width:150px; height:30px; font:14px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; padding:0 5px;}
.AY_SCSelect_W150{ width:150px; height:30px; font:14px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;}


/*購物車第一步驟*/
.AY_ShoppingCart_title{ font:15px/35px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; padding-left:20px;}
.AY_SCart_title_color11{ width:100%; height:42px; border-top:3px #1e71b5 solid; border-bottom:1px #d9d9d9 dotted; background:#ffffff; padding-left:10px;}
.AY_SCart_title_color10{ width:100%; height:42px; border-top:3px #759b2e solid; border-bottom:1px #d9d9d9 dotted; background:#ffffff; padding-left:10px;}
.AY_SCart_title_color3{ width:100%; height:42px; border-top:3px #e75502 solid; border-bottom:1px #d9d9d9 dotted; background:#ffffff; padding-left:10px;}

.AY_ShoppingBox_title{ font:15px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; background:#f7f7f7;}
.AY_ShoppingBox_title ul li{ float:left; text-align:center;}

.AY_SBox_content01{ border-bottom:1px #d9d9d9 dotted; font:14px/20px 微軟正黑體, Arial, Helvetica, sans-serif;}
.AY_SBox_content01 ul li{ float:left; text-align:center;}
.AY_SB_mainproduct ul li{ float:left;} 
.AY_SB_mainproduct_L{ width:40%; padding:10px 10px 10px 20px;}
.AY_SB_mainproduct_L a{ display:block; width:90px; height:90px;}
.AY_SB_mainproduct_L a img{ width:100%; height:auto;}
.AY_SB_mainproduct_R{ width:60%; padding:10px 0;}
.AY_SB_mainproduct_R h3{ text-align:left;}
.AY_SB_mainproduct_R h3 img{ float:left; margin-right:10px;}
.AY_SB_mainproduct_R h3 a{ font:14px/27px 微軟正黑體, Arial, Helvetica, sans-serif; color:#be8389;}
.AY_SB_mainproduct_R h2{ text-align:left; font:14px/20px 微軟正黑體, Arial, Helvetica, sans-serif; margin-top:5px; clear:both;}
.AY_SB_mainproduct_R h2 a{ font:14px/20px 微軟正黑體, Arial, Helvetica, sans-serif; color:#666;}
.AY_SB_mainproduct_R2{ width:75%;}
.AY_SB_mainproduct_R2 h2{ font:14px/20px 微軟正黑體, Arial, Helvetica, sans-serif; text-align:left; clear:both;}
.AY_SB_mainproduct_R2 h2 img{ float:left; margin-right:10px; margin-top:10px;}
.AY_SB_mainproduct_R2 h2 a{ display:block; padding-top:12px; color:#147abc;}
.AY_SB_temperature img{ margin-top:36px;}
.AY_SB_specification p{ margin-top:40px;}
.AY_SB_specification select{ width:80px; height:30px; border:1px #d9d9d9 solid; font:14px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; margin-top:35px;}
.AY_SB_quantity p{ margin-top:40px;}
.AY_SB_quantity select{ width:60px; height:30px; border:1px #d9d9d9 solid; font:14px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; margin-top:35px;}
.AY_SB_quantity2 select{ width:60px; height:30px; border:1px #d9d9d9 solid; font:14px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; margin-top:10px;}
.AY_SB_nivalent p{ margin-top:40px;}
.AY_SB_price p{ margin-top:40px;}
.AY_SB_delete a{ display:block; width:25px; height:25px; margin:0 auto; margin-top:38px; background:url(images/anyong_new/AY_icon_delete.png) left top no-repeat; text-indent:-9999px;}
.AY_SB_delete a:hover{ background:url(images/anyong_new/AY_icon_delete.png) left bottom no-repeat;}
.AY_SB_delete2 a{ display:block; width:25px; height:25px; margin:0 auto; margin-top:15px; background:url(images/anyong_new/AY_icon_delete.png) left top no-repeat; text-indent:-9999px;}
.AY_SB_delete2 a:hover{ background:url(images/anyong_new/AY_icon_delete.png) left bottom no-repeat;}

.AY_SBox_content02{ border-bottom:1px #d9d9d9 dotted; font:14px/50px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; background:#fffcdf;}
.AY_SBox_content02 ul li{ float:left; text-align:center;}

.AY_SBox_content03{ width:100%; height:50px; position:relative;}
.AY_SBox_content03 p{ font:15px/50px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; text-align:right; position:absolute; right:168px;}
.AY_SBox_content03 p span{ color:#e9589a; margin-left:15px;}

.AY_ShoppingCart_BOX2 .AY_SC_Bottom_L{ float:left; width:50%; padding-left:35px; text-align:left;}
.AY_ShoppingCart_BOX2 .AY_SC_Bottom_R{ float:right; width:50%; padding-right:168px; text-align:right;}
.AY_SC_Bottom_L ul li{ font:14px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;}
.AY_SC_Bottom_L ul li span{ margin:0 5px; color:#e9589a;}
.AY_SC_Bottom_L ul li h5{ font:15px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;}
.AY_SC_Bottom_L ul li img{ float:left; margin-right:10px;}
.AY_SC_Bottom_R ul li h5{ font:15px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;}
.AY_SC_Bottom_R ul li h5 span{ margin-left:15px; color:#e9589a;}
.AY_SC_Bottom_R ul li p{ font:13px/18px 微軟正黑體, Arial, Helvetica, sans-serif; color:#ff7200;}
.AY_SC_Bottom_R ul li h3{ font:15px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;}
.AY_SC_Bottom_R ul li h3 span.AY_SC_Bottom_R_Price01{ font:20px/50px Arial, Helvetica, sans-serif; margin-left:15px; color:#e9589a;}
.AY_SC_Bottom_R ul li h3 span.AY_SC_Bottom_R_Price02{ font:30px/50px Arial, Helvetica, sans-serif; margin-left:5px; color:#e9589a;}

.AY_SC_Bottom_Btn{ width:100%; height:50px; clear:both; padding:0 5px; margin-bottom: 30px;}
.AY_SC_Bottom_Btn ul li{ float:right;}
.AY_btn_checkout input,.btn_confirm_send input{ display:block; width:190px; height:50px; font:20px/50px 微軟正黑體, Arial, Helvetica, sans-serif; color:#FFF; text-align:center; background:#dd1212; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.AY_btn_checkout input:hover,.btn_confirm_send input:hover{ background:#f54b4b; text-decoration:none;}
.AY_btn_continuebuy input,.btn_back_pre a{ display:block; width:190px; height:50px; font:20px/50px 微軟正黑體, Arial, Helvetica, sans-serif; color:#FFF; text-align:center; background:#1671b8; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.AY_btn_continuebuy input:hover,.btn_back_pre a:hover{ background:#1c8fe7; text-decoration:none;}

/*購物車第二步驟*/
.AY_btn_getcoupon{ width:100px; height:25px; font:14px/25px 微軟正黑體, Arial, Helvetica, sans-serif; color:#FFF; background:#f73873; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border:0; cursor:pointer;}
.AY_btn_getcoupon:hover{ background:#fc5689;}
.AY_SC_Bottom_R ul li a{  color:#147abc;}
.AY_SC_Bottom_R ul li a:hover{  color:#147abc; text-decoration:underline;}
.AY_btn_backtoback input{ display:block; width:190px; height:50px; background:url(images/anyong_new/AY_btn_backtoback.png) left top no-repeat; text-indent:-9999px; cursor:pointer; border:0; margin-right:10px;}
.AY_btn_aconfirmation input{ display:block; width:190px; height:50px; background:url(images/anyong_new/AY_btn_aconfirmation.png) left top no-repeat; text-indent:-9999px; cursor:pointer; border:0; margin-right:10px;}
.AY_SBox_content03_1{ width:100%; height:50px; position:relative;}
.AY_SBox_content03_1 p{ font:15px/50px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; text-align:right; position:absolute; right:48px;}
.AY_SBox_content03_1 p span{ color:#e9589a; margin-left:15px;}
.AY_ShoppingCart_BOX2 .AY_SC_Bottom_R_1{ float:right; width:50%; padding-right:20px; text-align:right;}
.AY_SC_Bottom_R_1 ul li h5{ font:15px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;}
.AY_SC_Bottom_R_1 ul li h5 span{ margin-left:15px; color:#dab4af;}
.AY_SC_Bottom_R_1 ul li p{ font:13px/18px 微軟正黑體, Arial, Helvetica, sans-serif; color:#ff7200;}
.AY_SC_Bottom_R_1 ul li h3{ font:15px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;}
.AY_SC_Bottom_R_1 ul li h3 span.AY_SC_Bottom_R_Price01{ font:20px/50px Arial, Helvetica, sans-serif; margin-left:15px; color:#e9589a;}
.AY_SC_Bottom_R_1 ul li h3 span.AY_SC_Bottom_R_Price02{ font:30px/50px Arial, Helvetica, sans-serif; margin-left:5px; color:#e9589a;}

/*購物車第三步驟*/
.AY_SC_OrderNumber{ max-width:1200px; margin:0 auto; text-align:center; font:15px/50px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; background:#f6f6f6;}
.AY_img_ordersuccess{ width:250px; height:100px; margin:0 auto; background:url(images/anyong_new/AY_img_ordersuccess.png) left top no-repeat; text-indent:-9999px; margin-bottom:20px;}
.AY_SC_OrderDetail{ font:14px/45px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;}
.AY_SC_OrderDetail_L{ padding-right:15px;}
.AY_SC_OrderDetail_R{ padding-left:15px;}
.AY_SC_OrderDetail tr{ border-bottom: 1px dotted #eaeaea;}
.AY_SC_OrderDetail tr:first-child{ border-bottom: 1px solid #eaeaea; border-top: 2px solid #eaeaea;}
.AY_SC_OrderDetail tr:last-child{ border-bottom:0;}
.AY_SC_Bottom2_Btn{ max-width:1200px; margin:0 auto;}
.AY_btn_printpage{ float:right;}
.AY_btn_printpage input{ display:block; width:190px; height:50px; background:url(images/anyong_new/AY_btn_printpage.png) left top no-repeat; text-indent:-9999px; cursor:pointer; border:0;}
.AY_btn_printpage input:hover{ background-position:left bottom;}

/*領取折價券小視窗*/
.AY_SC_BonusEnter_box{ width:500px; margin:0 auto; font:14px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; background:#FFF; border: 1px solid #eaeaea;}
.AY_SC_BonusEnter_title{ font:15px/45px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; padding-left:10px; background:#f6f6f6;}
.AY_SC_BonusEnter_L{ padding-right:15px;}
.AY_SC_BonusEnter_R{ padding-left:15px;}
.AY_SC_BonusEnter_R span{ margin:0 5px;}
.AY_SC_BonusEnter_R img{ display:block; float:left; margin:0 8px; width:72px; height:20px; margin-top:12px;}
.AY_SC_BonusEnter_R .AY_SCInput_W100{ float:left; margin-top:7px;}
.AY_SC_BonusEnter_R a{ color:#b17835;}
.AY_SC_BonusEnter_btn{ padding:10px;}

/* 購物車流程新增 */
.AY_ShoppingBox_W02{ width:30%;}/* 沒有溫層 */
#shopping_checkout_2 .AY_ShoppingBox_W03{ width:40%;}/* 沒有溫層 */
.AY_SBox_content03 p,.AY_SBox_content03_1 p{ right:20px;}
.discount_allBox{ color:#ff3838; font-size:14px; line-height:24px;}
.discount_allBox span{ display: inline-block; border:2px solid #ff3838; text-align:center; padding:0 8px; height:26px;font-size:14px; line-height:24px; color:#ff3838;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; margin-right:5px;}
.discount_allBox span.discount_word{ border:0; padding:0; color:#333;margin:0;}
.discount_allBox span.discount_word span{border:0; padding-left:15px; padding-right:0; margin:0;}
.AY_SC_Bottom_R_1 span{ color:#e9589a;}
.pay_delivery{ font-size:14px; color:#999;}
.pay_delivery ul li h5{ font-size:14px;color:#999;}
.left_paddingbox{ width:120px;}
.left_paddingbox01{ padding-left:60px; padding-bottom:5px;}
.discount_couponbox{ text-align:right; padding:10px 20px;}
.discount_couponbox .click_show{ font-size:14px; line-height:24px; cursor:pointer; color:#dab4af;}
.discount_couponbox .couponbox_btn{background-color:#dab4af;-webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; font:14px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#fff; border:0; cursor:pointer; padding:0 25px;}
.discount_couponbox .couponbox_btn:hover{background-color:#e9c9c4;-webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; font:14px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#fff; border:0; cursor:pointer; padding:0 25px;}
.AY_SB_mainproduct_R2_n{ width:73%;}
.AY_SC_Bottom_Btn.bottom_btn.AY_ShoppingCart_BOX2{ background:none; border:0;}

/*===== JOO各版型控制色系用CSS =====*/

/*不用改的*/

.jooshop_step_color{ border-bottom-color:#ababab;}
.jooshop_step_color span{ color:#555;}
.jooshop_scstep_color{ border-bottom-color:#f2f2f2;}
.joo_ordersuccess{ width:210px; height:100px; margin:0 auto;}
.joo_ordersuccess h5{ font:45px/50px 微軟正黑體,Arial,Helvetica,sans-serif;}
.joo_ordersuccess p{ font:28px/50px 微軟正黑體,Arial,Helvetica,sans-serif; color:#999; text-align:right; padding-right:15px;}

/* 如果使用者之視窗寬度 <= 1024px 將會再載入這裡的 CSS */
@media screen and (max-width:1024px) {
/*.AY_ShoppingCart_BOX,.AY_ShoppingCart_BOX2{ width:984px;}*/
.AY_SB_mainproduct_L{ width:45%;}
.AY_SB_mainproduct_R,.AY_SB_mainproduct_R2{ width:55%;}
.AY_SBox_content03 p{ right:136px;}
.AY_ShoppingCart_BOX2 .AY_SC_Bottom_R{ padding-right:136px;}
.AY_SBox_content03_1 p{ right:38px;}
.AY_ShoppingCart_BOX2 .AY_SC_Bottom_R_1{ padding-right:20px;}
}


/* 元件最外框*/
.SB_MemberWitemBOX{ width:100%; height:auto; margin-bottom:15px; background-color:#fff;color: #000;}
.SB_MemberWitemBOX2{ width:387px; height:auto; margin-bottom:15px;background-color:#fff;color: #000;}
.SB_MemberWitemBOX3{ width:236px; height:auto; margin-bottom:15px;background-color:#fff;color: #000;}

/* 會員中心 */
/*登入*/
.AF_Member_Login_bt li a,.loginother{color:#595854;}

/* 註冊步驟(一般) */
.SB_Register{ width:100%; height:50px; border-bottom:#f2f2f2 5px solid;margin-bottom:50px;}
.SB_RegisterStepBox{ width:95%; height:55px; margin:0 auto;}
.SB_RegisterStepBox ul li{ float:left; font:18px/30px'微軟正黑體', Arial , sans-serif; width:25%; padding-top:12px;}
ul.SB_RegisterStep li span{ font:25px/30px Arial, Helvetica, sans-serif; margin:0 8px; }
ul.SB_RegisterStep li span.SB_RegisterStep_final{ float:left; display:block; width:40px; height:43px;  background-repeat:no-repeat; background-position:left top;}

/* 註冊步驟(員工) */
.SB_RegisterStepBox2{ width:95%; height:55px; margin:0 auto;}
.SB_RegisterStepBox2 ul li{ float:left; font:18px/30px'微軟正黑體', Arial , sans-serif; width:33%; height:38px; padding-top:12px;}

/* 註冊01會員條款 */
.SB_MemberClause{ width:660px; height:434px; border:#d1d1d1 1px solid; margin:0 auto; padding:30px 20px 50px 20px; margin-bottom:15px; background-color:#fff; border-radius: 8px;}
.SB_MemberClause textarea{ width:100%; height:384px; font:15px/30px'微軟正黑體', Arial , sans-serif; color:#595854; border:none; resize:none}
.SB_MemberClause_agree{ width:470px; height:20px; font:15px/20px'微軟正黑體', Arial , sans-serif; color:#595854; margin:0 auto;; margin-bottom:20px;}
.SB_MemberClause_agree input{ margin-right:5px;}
.SB_MemberClause_btn{ width:150px; height:50px; margin:0 auto;}
.SB_MemberClause_btn input{ display:block; width:150px; height:50px; font:16px/50px'微軟正黑體', Arial , sans-serif; color:#fff; background:#faa835; cursor:pointer;letter-spacing: 1.3px;border: 0;}
.SB_MemberClause_btn input:hover{color: #fff;background:#faa835; }

/* 註冊02填寫會員資料 */
.SB_MemberData{ width:660px; border:#d1d1d1 1px solid; margin:0 auto; padding:30px 20px 30px 20px; margin-bottom:15px; background-color:#fff;    border-radius: 8px;}
.SB_MemberData_write{ font:15px/50px'微軟正黑體', Arial , sans-serif; color:#595854;margin-bottom: 20px;}
#unit_into_01 .SB_MemberData{width: 100%!important;}

/* 註冊03會員帳號開通 */
.SB_MemberOpening{ width:660px; height:auto; border:#d1d1d1 3px solid; margin:0 auto; padding:30px 20px 50px 20px; margin-bottom:15px; background:#FFF;}
.SB_MemberOpening_btn{ width:150px; height:50px; margin:0 auto;}
.SB_MemberOpening_btn a{ display:block; width:150px; height:50px; font:16px/50px'微軟正黑體', Arial , sans-serif; text-align:center; padding: 5px 0;}
.SB_MemberOpening_btn a:hover{color:#fff; background:#000; }
.SB_MemberOpening_in{ font:15px/30px'微軟正黑體', Arial , sans-serif; color:#595854;}
.SB_MemberOpening_in span{ color:var(--pic-red);}

/* 註冊04註冊完成 */
.SB_MemberFinal{ width:660px; height:250px; border:#d1d1d1 3px solid; margin:0 auto; padding:30px 20px 50px 20px; margin-bottom:15px; background-color:#fff;}
.SB_MemberFinal_in{ font:15px/30px'微軟正黑體', Arial , sans-serif; color:#595854; text-align: center;}
.SB_MemberFinal_in span{ color:#faa835;}
.SB_MemberSignnow_btn{ width:150px; height:50px; margin:0 auto;}
.SB_MemberSignnow_btn a{ display:block; width:150px; height:50px; font: 16px/50px'微軟正黑體', Arial , sans-serif; color:#000; text-align:center; padding: 5px 0;}
.SB_MemberSignnow_btn a:hover{color: #fff;background-color: #000;}

/* 會員密碼重設 */
#member_into_check .SB_tablepaddingL10 input{ width: 300px;}

/* 會員中心 共用 */
.AF_MemberLitemContent01{border:#ddd 1px solid; margin-bottom: 15px;}
.SB_MemberWitemTitle03{ width:100%; position:relative;}
.SB_MemberWitemTitle03 p{ display:block; width:100%; font-size: 20px; letter-spacing: 0.6px;text-align: left;background-repeat: no-repeat;}
.SB_MemberWitemContent03{ width:100%;}

/* 會員中心 首頁元件01(訂單&歷史訂單一覽) */
.SB_MemberWitemSay{ width:782px; font-size: 14px; font-size: .875rem; padding-bottom: 5px; color:#bbb;}
.SB_MemberWitemSay span{ margin:0 10px; color:#8cc21c; font-weight:bold;}
.SB_Mindex_Witem01{ border-bottom:#c5c5c5 1px solid;}
.Mindex_orderA{ width:100%; height:43px;}
ul.Mindex_orderLabels li{ float:left; width:392px; height:42px; text-align:center; border-bottom:#c5c5c5 1px solid; overflow:hidden; position:relative;}
ul.Mindex_orderLabels li.Mindex_orderLabels1 span{ position:absolute; display:block; width:20px; height:20px; background:url(../images/member_symbol/icon_circleR.png) center center no-repeat; font:12px/20px Arial, Helvetica, sans-serif; color:#FFF; top:12px; right:145px; text-align:center;}
ul.Mindex_orderLabels li a{ display:block; font:13px/43px'微軟正黑體', Arial , sans-serif; color:#595854; text-decoration:none;}
ul.Mindex_orderLabels li.active{ width:390px; height:40px; background:#FFF; border-top:#0a913d 3px solid; border-left:#c5c5c5 1px solid; border-right:#c5c5c5 1px solid; border-bottom:none;}
.Mindex_orderB table{ font:14px/36px'微軟正黑體', Arial , sans-serif; color:#595854; text-align: center;}
.btnArea { width:100%; margin:20px auto; height:50px; }
.fR { float: right; }
.mR15 { margin-right: 15px !important; }

/* 會員中心 首頁元件02(常見問題總覽) */
.SB_Mindex_Witem02{ border-bottom:#c5c5c5 1px solid;}
.Mindex_QA1{ width:100%; height:43px;}
ul.Mindex_qaLabels li{ float:left; width:196px; height:42px; text-align:center; border-bottom:#c5c5c5 1px solid; overflow:hidden;}
ul.Mindex_qaLabels li a{ display:block; font:13px/43px'微軟正黑體', Arial , sans-serif; color:#595854; text-decoration:none;}
ul.Mindex_qaLabels li.active{ width:194px; height:40px; background:#FFF; border-top:#0a913d 3px solid; border-left:#c5c5c5 1px solid; border-right:#c5c5c5 1px solid; border-bottom:none;}
.Mindex_QA2 table{ font:14px/36px'微軟正黑體', Arial , sans-serif; color:#595854; text-align:left; }
.Mindex_QA2 table td{ padding:0 10px;}
.Mindex_QA2 table td span{ font:14px/40px Arial, Helvetica, sans-serif; font-weight:bold; color:#0a913d;}
.Mindex_QA2 table td a{ color:#595854; text-decoration:none;}
.Mindex_QA2 table td a:hover{ color:#333;}

/* 會員中心 首頁元件03(最新消息) */
.SB_MemberWitemTitle01{ width:385px; height:37px; border-top:#0a913d 3px solid; border-left:#c5c5c5 1px solid; border-right:#c5c5c5 1px solid;}
.SB_MemberWitemTitle01 p{ display:block; width:351px; height:36px; border-bottom:#e7e7e7 1px solid; font:15px/36px'微軟正黑體', Arial , sans-serif; color:#0a913d; padding-left:34px; background:url(../images/member_symbol/icon_news.png) left top no-repeat;}
.SB_MemberWitemContent01{ width:385px; border-left:#c5c5c5 1px solid; border-right:#c5c5c5 1px solid; border-bottom:#c5c5c5 1px solid;}
ul.SB_MemberWitemNews{ width:355px; padding:0 15px;}
ul.SB_MemberWitemNews li{ width:100%; height:50px; padding-top:5px;}
ul.SB_MemberWitemNews li p{ font:14px/36px'微軟正黑體', Arial , sans-serif; color:#f68b2b;}
ul.SB_MemberWitemNews li a{ display:block; width:100%; height:20px; font:14px/36px'微軟正黑體', Arial , sans-serif; color:#595854; text-decoration:none; overflow:hidden; }
ul.SB_MemberWitemNews li a:hover{ font:14px/36px'微軟正黑體', Arial , sans-serif; color:#333; text-decoration:none;}

/* 會員中心 首頁元件04(購物小幫手) */
.SB_MemberWitemTitle02{ width:385px; height:37px; border-top:#0a913d 3px solid; border-left:#c5c5c5 1px solid; border-right:#c5c5c5 1px solid;}
.SB_MemberWitemTitle02 p{ display:block; width:351px; height:36px; border-bottom:#e7e7e7 1px solid; font:15px/36px'微軟正黑體', Arial , sans-serif; color:#0a913d; padding-left:34px; background:url(../images/member_symbol/icon_helper.png) left top no-repeat;}
.SB_MemberWitemContent02{ width:385px; height:223px; border-left:#c5c5c5 1px solid; border-right:#c5c5c5 1px solid; border-bottom:#c5c5c5 1px solid;}
.SB_MemberWitemhelp{ width:355px; padding:0 15px;}
.SB_MemberWitemhelp li{ width:100%; padding:15px 0 10px 0;}
.SB_MemberWitemhelp li p{ font:15px/18px'微軟正黑體', Arial , sans-serif; color:#f68b2b;}
.SB_MemberWitemhelp li a{ font:14px/36px'微軟正黑體', Arial , sans-serif; color:#595854; text-decoration:none;}
.SB_MemberWitemhelp li a:hover{ font:14px/36px'微軟正黑體', Arial , sans-serif; color:#333; text-decoration:none;}

/* 會員中心-首頁元件05(我的日曆) */
.SB_MemberWitemTime01{ width:236px; height:42px; background:url(../images/member_symbol/sb_Calendar_title.jpg) left top no-repeat; font:15px/42px'微軟正黑體', Arial , sans-serif; color:#fff; text-align:center;}
.SB_MemberWitemTime02{ width:234px; height:140px; background:#f8fffa;border-left:#c5c5c5 1px solid; border-right:#c5c5c5 1px solid; border-bottom:#c5c5c5 1px solid;}
.SB_MemberWitemTimeA{ width:100%; height:80px; text-align:center; font:70px/80px Arial, Helvetica, sans-serif; color:#55b46c;}
.SB_MemberWitemTimeB{ width:100%; height:30px; text-align:center; font:15px/30px'微軟正黑體', Arial , sans-serif; color:#55b46c;}
.SB_MemberWitemTimeC{ width:100%; height:30px; text-align:center; font:15px/20px Arial, Helvetica, sans-serif; color:#55b46c;}

/* 會員中心-會員資料 */
.SB_MemberWitemModify{ font-size: 16px; font-size: 1rem; width: 100%;}
.SB_MemberWitemModify select,.SB_MemberWitemModify input{ margin-right:10px; height: 40px;background: none;font-size: 16px;font-size: 1rem;border: 1px solid #bbb;padding: 0 10px;vertical-align: middle;}
.SB_MemberWitemModify tbody tr{ display: block; padding: 8px 16px;}
.SB_MemberModify_btn{ width:150px; height: auto; margin:0 auto 10px auto;}
.SB_MemberModify_btn input{ display:block; width:150px; height:45px;border:none; cursor:pointer; line-height: 45px;}
.SB_MemberModify_btn input:hover{ display:block; width:150px; height:45px; border:none; cursor:pointer;}

/* 會員中心-紅利點數 */
.SB_MemberBonus_btn{ width:150px; height: 45px; margin:0 auto 10px auto;}
.SB_MemberBonus_btn input{ display:block; width:150px; height: 45px; border:none; cursor:pointer;}
.SB_MemberBonus_btn input:hover{ display:block; width:150px; height:45px; border:none; cursor:pointer; }
.SB_MemberBonusRecord{ font:14px/36px'微軟正黑體', Arial , sans-serif; color:#595854;}
.SB_MemberBonusCheck p{ font:14px/36px'微軟正黑體', Arial , sans-serif; color:#333; cursor:pointer;}
.SB_MemberBonus_title{ /*background:url(../images/member_symbol/sb_Member_titlebg.gif) left top repeat-x;*/}
.SB_MemberBonus_from{ padding:5px 20px 5px 20px; font:14px/36px'微軟正黑體', Arial , sans-serif; color:#0a913d;}
.SB_MemberBonus_fromBox{ display:none;}

/* 會員中心 折價券 */
.SB_tablemarginB15{}

/* 會員中心-訂單管理 */
.SB_MemberOrderList{ width:804px; padding:10px; background-color:#fff; border:#e7e7e7 1px solid;}
.SB_MemberOrderList > table{ font:14px/36px'微軟正黑體', Arial , sans-serif; color:#595854; text-align: center;}
.SB_MemberOrder_title{ background:url(../images/member_symbol/sb_Member_titlebg.gif) left top repeat-x;}
.SB_MemberOrder_bottom{ font:12px/30px'微軟正黑體', Arial , sans-serif; color:#999; padding-left:5px;}
ul.SB_MemberOrder_Tbox{ width:auto; height:40px; position:absolute; top:3px; right:15px;}
ul.SB_MemberOrder_Tbox li{ float:left; font:14px/36px'微軟正黑體', Arial , sans-serif; color:#595854;}
li.MemberOrder_Tbox01{ width:220px; height:40px;}
li.MemberOrder_Tbox02{ width:auto; height:40px;}
.SB_MemberOrder_w01{ font:14px/36px'微軟正黑體', Arial , sans-serif; color:#595854; text-align: center;}
.MemberOrder_State{ display:block; width:40px; height:auto; font:14px/36px'微軟正黑體', Arial , sans-serif; color:#595854; padding-left:15px; background:url(../images/member_symbol/icon_light01.png) left center no-repeat; margin: 0 auto;}
.MemberOrder_Price{ text-align:center; font:14px/36px'微軟正黑體', Arial , sans-serif; color:#595854;}
.MemberOrder_Invoice{ text-align:center;}
.MemberOrder_Invoice a{ font:14px/36px'微軟正黑體', Arial , sans-serif; color:#333; text-decoration:none;}
.MemberOrder_Invoice a:hover{ font:14px/36px'微軟正黑體', Arial , sans-serif; color:#333; text-decoration:underline;}
.MemberOrder_Deal{ text-align:center; padding:10px 0;}
.MemberOrder_Deal a{ font:14px/36px'微軟正黑體', Arial , sans-serif; color:#666; text-decoration:none;}
.MemberOrder_Deal a:hover{ font:14px/36px'微軟正黑體', Arial , sans-serif; color:#333; text-decoration:underline;}
.MemberOrder_Tote{ text-align:center;}
.MemberOrder_Tote a{ font:12px/20px'微軟正黑體', Arial , sans-serif; color:#333; text-decoration:none;}
.MemberOrder_Tote a:hover{ font:12px/20px'微軟正黑體', Arial , sans-serif; color:#333; text-decoration:underline;}
ul.MemberOrder_Time{ width:630px; height:60px; margin:0 auto;}
li.MemberOrder_Time_t{ width:630px; height:11px; text-align:center; padding-top:12px}
li.MemberOrder_Time_t img{ display:block; width:630px; height:11px;}
li.MemberOrder_Time_b{ width:630px; height:37px; position:relative; margin-top:5px;}
li.MemberOrder_Time_b > div{font:14px/36px'微軟正黑體', Arial , sans-serif}
.MemberOrder_Time01,.MemberOrder_Time02,.MemberOrder_Time03,.MemberOrder_Time04{ position:absolute;}
.MemberOrder_Time01{ width:100px; height:25px; top:5px; left:7px; color:#faa835;}
.MemberOrder_Time02{ width:100px; height:25px; top:5px; left:205px; color:#faa835;}
.MemberOrder_Time03{ width:100px; height:25px; top:5px; left:382px; color:#faa835;}
.MemberOrder_Time04{ width:80px; height:25px; top:5px; right:0; color:#faa835;}
.MemberOrder_Product{ width:300px; margin:0 auto; padding:10px 0;}
.MemberOrder_Product ul li{ float:left; display:block;}
li.MemberOrder_ProductL{ width:70px; height:60px;}
li.MemberOrder_ProductR{ width:230px;}
li.MemberOrder_ProductR span a{ font:12px/20px'微軟正黑體', Arial , sans-serif; color:#f68b2b; text-decoration:none;}
li.MemberOrder_ProductR span a:hover{ font:12px/20px'微軟正黑體', Arial , sans-serif; color:#f68b2b; text-decoration:underline;}
li.MemberOrder_ProductR p a{ font:14px/36px'微軟正黑體', Arial , sans-serif; color:#595854; text-decoration:none;}
li.MemberOrder_ProductR p a:hover{ font:14px/36px'微軟正黑體', Arial , sans-serif; color:#333; text-decoration:none;}
.SB_MemberOrder_w02{ font:14px/36px'微軟正黑體', Arial , sans-serif; color:#595854; padding-left:10px;}
#order_detail .SB_MemberOrder_w02.widthAuto { width:auto;}
.SB_MemberOrder_w03{ font:14px/36px'微軟正黑體', Arial , sans-serif; color:#595854; text-align:right; padding-right:10px;}
.MemberOrder_Name{ text-align:left; font:14px/36px'微軟正黑體', Arial , sans-serif; color:#595854; padding:10px;}
.SB_MemberOrder_btn{ width:150px; height: 45px; margin:0 auto; margin-bottom:30px;}
.SB_MemberOrder_btn input{ display:block; width:150px; height: 45px; border:none; cursor:pointer;}
.SB_MemberOrder_btn input:hover{ display:block; width:150px; height: 45px; border:none; cursor:pointer;}

/* 會員中心-會員登入頁（一般） */
.SB_MemberLogin_t{ width:100%; background:url(../images/member_symbol/sb_LoginPage_bg.jpg) left top repeat-x;}
.SB_MemberLoginBox{ max-width:1000px; min-width:1000px; margin:0 auto;}
h1.MemberLogin_Logo a{ display:block; width:185px; height:90px; background:url(../images/member_symbol/SunnyGo_logo2.png) left top no-repeat; text-indent:-9999px; position:absolute; top:27px; left:0;}
.SB_MemberLogin_AD{ max-width:1260px; min-width:1004px; height:366px; position:absolute; bottom:0; left:0;}
.SB_MemberLogin_AD img{ width:100%; height:auto;}
.SB_MemberLogin_RB{ width:500px;  border:#d1d1d1 3px solid;margin: 50px auto; padding: 10px 25px;    display: flex;}
.SB_MemberLogin_RB ul{ width:100%;}
.SB_MemberLogin_RB ul li{ display: inline-block;}
.SB_MemberLogin_RB ul li.SB_MemberLogin_RB01{ width:100%;display: inline-block;padding-top:10px;}
.SB_MemberLogin_RB ul li.SB_MemberLogin_RB02{ width:230px; height:320px; padding-top:10px; background:#f5f5f5;}
.SB_MemberLogin_RB01 > table{ margin:0 auto;}
.SB_MemberLogin_RB02 > table{ margin:0 auto;}
.MemberLogin_W01{ font:13px/30px'微軟正黑體', Arial , sans-serif; color:#595854; font-weight:bold;    position: relative;    text-align: left;}
.MemberLogin_Input01{ width:280px; height:30px; font:13px/30px'微軟正黑體', Arial , sans-serif; color:#595854; padding:0 5px;}
.MemberLogin_Input02{ width:100px; height:30px; font:13px/30px'微軟正黑體', Arial , sans-serif; color:#595854; padding:0 5px;}
.MemberLogin_Input03{ padding:20px 0;position: relative;}
.MemberLogin_Input03 input{ display:block; width:280px; height:50px;color: #fff;border: 0px solid #000;cursor:pointer;background: #161616;    font-size: 18px;  line-height: 50px;font-family:'微軟正黑體', Arial , sans-serif;}
.MemberLogin_Input03 input:hover{background: #000;color: #fff;}
.MemberLogin_Input03>div{position:absolute;    top: 35px;    left: 296px;}
.MemberLogin_Input04{ padding-bottom:10px;}
.MemberLogin_Input04 a{ display:block; width:180px; height:50px; border:none; background:url(../images/member_symbol/sb_btn_SBlogin.png) left top no-repeat; cursor:pointer; text-indent:-9999px;}
.MemberLogin_Input04 a:hover{ display:block; width:180px; height:50px; border:none; background:url(../images/member_symbol/sb_btn_SBlogin.png) left bottom no-repeat; cursor:pointer; text-indent:-9999px;}
.MemberLogin_Input05{ padding-bottom:10px;}
.MemberLogin_Input05 a{ display:block; width:180px; height:50px; border:none; background:url(../images/member_symbol/sb_btn_FBlogin.png) left top no-repeat; cursor:pointer; text-indent:-9999px;}
.MemberLogin_Input05 a:hover{ display:block; width:180px; height:50px; border:none; background:url(../images/member_symbol/sb_btn_FBlogin.png) left bottom no-repeat; cursor:pointer; text-indent:-9999px;}
.MemberLogin_Input08{ padding-bottom:10px;}
.MemberLogin_Input08 a{ display:block; width:180px; height:50px; border:none; background:url(../images/member_symbol/sb_btn_glogin.png) left top no-repeat; cursor:pointer; text-indent:-9999px;}
.MemberLogin_Input08 a:hover{ display:block; width:180px; height:50px; border:none; background:url(../images/member_symbol/sb_btn_glogin.png) left bottom no-repeat; cursor:pointer; text-indent:-9999px;}
.MemberLogin_ApproveBox input,.MemberLogin_ApproveBox img{ margin-right:10px;}
.MemberLogin_ApproveBox a{ font:15px/30px'微軟正黑體', Arial , sans-serif; color:#d0af68;}
.MemberLogin_ApproveBox a:hover{ font:15px/30px'微軟正黑體', Arial , sans-serif; color:#d0af68; text-decoration:none;}
.MemberLogin_BottomBox ul{ width:290px; height:15px;}
.MemberLogin_BottomBox ul li{ float:left;}
.MemberLogin_BottomBox ul li a{ display:block; width:144px; height:15px; font:13px/15px'微軟正黑體', Arial , sans-serif; text-align:center; color:#0a913d; text-decoration:none;}
.MemberLogin_BottomBox ul li a:hover{ display:block; width:144px; height:15px; font:13px/15px'微軟正黑體', Arial , sans-serif; text-align:center; color:#0a913d; text-decoration:underline;}
.MemberLogin_BottomL{ border-right:#d1d1d1 1px solid;}
.SB_MemberLogin_b{ max-width:1260px; min-width:1004px; height:135px; margin:0 auto;}
.SB_MemberLogin_b img{ width:100%; height:auto;}
.MemberLogin_PW{ display:block; width:95px; height:20px; position:absolute; top:81px; left:212px; background:url(../images/member_symbol/icon_Question.png) left top no-repeat; padding-left:23px;}
.MemberLogin_PW a{ display:block; font:13px/15px'微軟正黑體', Arial , sans-serif; color:#0a913d; text-decoration:none;}
.MemberLogin_PW a:hover{ font:13px/15px'微軟正黑體', Arial , sans-serif; color:#0a913d; text-decoration:underline;}

/* 會員中心-會員登入頁（企業） */
.SB_MemberLogin_RB2{ width:580px; height:360px; background:#FFF; border:#0a913d 3px solid; position:absolute; bottom:30px; right:15px;}
.SB_MemberLogin_RB2 ul{ width:580px;}
.SB_MemberLogin_RB2 ul li{ float:left;}
.SB_MemberLogin_RB2 ul li.SB_MemberLogin_RB01{ width:350px; height:350px; padding-top:10px;}
.SB_MemberLogin_RB2 ul li.SB_MemberLogin_RB02{ width:230px; height:350px; padding-top:10px; background:#f5f5f5;}
.MemberLogin_select01{ width:290px; height:30px; font:13px/30px'微軟正黑體', Arial , sans-serif; color:#595854; padding:0 5px;}
.MemberLogin_PW2{ position: absolute; top: 35px; left: 296px;}
.MemberLogin_PW2 a{ font:13px/15px'微軟正黑體', Arial , sans-serif; color:#000; text-decoration:none;}
.MemberLogin_PW2 a:hover{ font:13px/15px'微軟正黑體', Arial , sans-serif; color:#0a913d; text-decoration:underline;}
.MemberLogin_Input06{ padding-top:20px;}
.MemberLogin_Input06 input{ display:block; width:290px; height:50px; border:none; background:url(../images/member_symbol/sb_btn_Signin2.png) left top no-repeat; cursor:pointer; text-indent:-9999px;}
.MemberLogin_Input06 input:hover{ display:block; width:290px; height:50px; border:none; background:url(../images/member_symbol/sb_btn_Signin2.png) left bottom no-repeat; cursor:pointer; text-indent:-9999px;}
.MemberLogin_Input07{ padding-bottom:10px;}
.MemberLogin_Input07 a{ display:block; width:180px; height:50px; border:none; background:url(../images/member_symbol/sb_btn_login02.png) left top no-repeat; cursor:pointer; text-indent:-9999px;}
.MemberLogin_Input07 a:hover{ display:block; width:180px; height:50px; border:none; background:url(../images/member_symbol/sb_btn_login02.png) left bottom no-repeat; cursor:pointer; text-indent:-9999px;}

/* 會員中心-會員密碼查詢&重發會員認證信&會員密碼重設 */
.SB_MemberNologinPage_btn{ width:150px; height: 45px; margin:0 auto;}
.SB_MemberNologinPage_btn input{ display:block; width:150px; height:50px; font: 16px/50px'微軟正黑體', Arial , sans-serif; color:#FFF; background:#1671b8;  cursor:pointer;}
.SB_MemberNologinPage_btn input:hover{color: #fff;}

/* 會員中心-左欄選單 */
.SB_MemberLitemBOX{ width:200px; margin:0 auto; margin-bottom:15px;}

/*首頁*/
.SB_MemberLitemTitle01{ display:block; width:160px; height:37px; border-bottom:#0a913d 3px solid; font:15px/40px'微軟正黑體', Arial , sans-serif; color:#0a913d; padding-left:40px; background:url(../images/member_symbol/icon_bag.png) left center no-repeat;}
.SB_MemberLitemContent01{ width:198px; border-left:#c5c5c5 1px solid; border-right:#c5c5c5 1px solid; border-bottom:#c5c5c5 1px solid;}
.SB_MemberLitem_listnow{ width:158px; height:39px; font:15px/40px'微軟正黑體', Arial , sans-serif; color:#0a913d; font-weight:bold; padding-left:37px; border-bottom:#e2e2e2 1px solid; border-left:#f6ac2b 3px solid;}
ul.SB_MemberLitem_list li a{ display:block; width:158px; height:38px; font:15px/40px'微軟正黑體', Arial , sans-serif; color:#595854; text-decoration:none; padding-left:40px; border-bottom:#e2e2e2 1px solid; border-top:#fefefe 1px solid; background:#f2f2f2;}
ul.SB_MemberLitem_list li a:hover{ display:block; width:158px; height:38px; font:15px/40px'微軟正黑體', Arial , sans-serif; color:#595854; text-decoration:none; padding-left:40px; border-bottom:#e2e2e2 1px solid; border-top:#fefefe 1px solid; background:#ededed;}

/* 會員中心-左欄(客戶服務) */
.SB_MemberLitem_listnow02{ width:161px; height:39px; font:15px/40px'微軟正黑體', Arial , sans-serif; color:#0a913d; font-weight:bold; padding-left:37px; border-bottom:#e2e2e2 1px solid; border-top:#0a913d 3px solid; background:url(../images/member_symbol/icon_Exclamation01.png) 18px 16px no-repeat;}
.SB_MemberLitem_servicetime{ padding-left:10px; padding-top:15px; font:14px/36px'微軟正黑體', Arial , sans-serif color:#555;}
.SB_MemberLitem_servicetime2{ display:block; margin-top:20px; margin-bottom:20px; background:url(../images/member_symbol/icon_Exclamation02.jpg) left 5px no-repeat; font:14px/36px'微軟正黑體', Arial , sans-serif; color:#f87d24; text-indent:20px;}

/* 表格寬度 */
.SPCartDetail_tw01{ width:46%;}
.SPCartDetail_tw02{ width:10%;}
.SPCartDetail_tw03{ width:12%;}
.SPCartDetail_tw04{ width:58%;}
.SPCartDetail_tw05{ width:10%;}
.SPCartDetail_tw06{ width:12%;}

.SB_tableW70{ width:70px; text-align:center;}
.SB_tableW120{ width:120px; text-align:right; line-height: 45px; padding-right:10px; white-space:nowrap;font-size: 15px; letter-spacing: .33px;}
.SB_tableW45{ width:45px; text-align:center;}
.SB_tableW220{ width:220px;}
.SB_tableW109{ width:109px; border-right:#c5c5c5 1px solid; text-align:center;}
.SB_tableW110{ width:110px;}
.SB_tableW130{ width:130px;}
.SB_tableW270{ width:270px;}
.SB_tableW80{ width:80px;}
.SB_tableW90{ width:90px;}
.SB_tableW107{ width:107px; background:#fbfbfb; border-right:#f2f2f2 3px solid;}
.SB_tablelineb01{ border-bottom:#bcbcbc 1px solid;}
.SB_tablelineb02{ border-bottom:#e9e9e9 2px solid;}
.SB_tablelineb03 tr:first-child,.SB_tablelineb03 li:first-child{ border-top:none;}
.SB_tablelineb03 tr,.SB_tablelineb03 li{ border-top:#bcbcbc 1px solid;}
.SB_tablelineb04{ border-bottom:#f2f2f2 3px solid;}
.SB_tablelineb05 tr:first-child{ border-top:none;}
.SB_tablelineb05 tr{ border-top:#bcbcbc 1px solid;}
.SB_tablelineb06 tr:first-child{ border-top:none;}
.SB_tablelineb06 tr{ border-top:#e7e7e7 1px solid;}
.SB_tablelineb07{ border-right:#c5c5c5 1px solid;color: #595854;}
.SB_tablemarginB15{ margin-bottom:15px; background-color:#fff;}
.SB_tablemarginL10{ margin-left:10px;}
.SB_tablemarginL20{ margin-left:20px;}
.SB_tablemarginR10{ margin-right:10px;}
.SB_tablemarginT15{ margin-top:15px;}
.SB_tablemarginTB10{ margin:10px 0;}
.SB_tablecolor01{ background:#f9f9f9;}
.SB_tablecolor02{ background:#fffcdf;}
.SB_tablepaddingL10{ padding-left:10px;}
.SB_tablepaddingL50{ padding-left:50px;}
.SB_tableWstyle01{ color:#e82222; font-weight:bold; margin-right:5px;}
.SB_tableWstyle02{ font-size:12px; color:#999; margin-left:5px;}
.SB_tableWstyle03{ font-size:13px; color:#27a9e1;}
.SB_tableWstyle04{ font:13px/22px'微軟正黑體', Arial , sans-serif; color:#e82222;}
.SB_tableWstyle05{ font:12px/40px'微軟正黑體', Arial , sans-serif; color:#999;}
.SB_tableWstyle06 a{ font:14px/40px Arial, Helvetica, sans-serif; color:#8cc21c; font-weight:bold; text-decoration:none;}
.SB_tableWstyle06 a:hover{ font:14px/40px Arial, Helvetica, sans-serif; color:#9edc1c; font-weight:bold;}
.SB_tableWstyle07{ font:14px/40px Arial, Helvetica, sans-serif; color:#faa835; font-weight:bold;}

.SB_tableWstyle08{font:15px/36px'微軟正黑體', Arial , sans-serif;letter-spacing: 1px;}

.SB_tableInput01{ width:180px; height:30px; font:15px/30px'微軟正黑體', Arial , sans-serif; color:#595854; padding:0 10px;}
.SB_tableInput02{ width:80px; height:30px; font:15px/30px'微軟正黑體', Arial , sans-serif; color:#595854; padding:0 10px;}
.SB_tableInput03{ width:376px; height:30px; font:15px/30px'微軟正黑體', Arial , sans-serif; color:#595854; padding:0 10px;}
.SB_tableInput04{ width:100%; height:90px; font:15px/30px'微軟正黑體', Arial , sans-serif; color:#595854; padding:0 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.SB_tableInput05{ width:398px; height:30px; font:15px/30px'微軟正黑體', Arial , sans-serif; color:#595854; padding:0 10px;}
.SB_tableInput06{ width:250px; height:30px; font:15px/30px'微軟正黑體', Arial , sans-serif; color:#595854; padding:0 10px;}
.SB_tableSelect01{ width:100px; font:15px/15px'微軟正黑體', Arial , sans-serif; color:#595854;}

/* 顏色&圖片共用區(重要) */
/*商品詳細*/
.SB_IMGicon_line{ background:url(../images/member_symbol/icon_line.gif);}
.SB_IMGicon_speaker{ background:url(../images/member_symbol/icon_speaker.jpg);}
.SB_BORDERcolor_green{ border-top:#0a913d 3px solid;}
.SB_BORDERcolor_green2{ border-bottom:#b38b81 5px solid;}
.SB_WORDcolor_green{ color:#b38b81;}
.SB_WORDcolor_gray{ color:#c8c8c8;}
.SB_WORDcolor_black{ color:#595854;}
.SB_IMGicon_stepok{ background:url(../images/member_symbol/icon_ok2_1.png);}
.SB_IMGicon_stepok2{ background:url(../images/member_symbol/icon_ok2_2.png);}

/* 頁碼(通用) */
.SB_b_page{ width:100%; height:80px; text-align:center;}
ul.SB_pageBox{ display:inline-block;}
ul.SB_pageBox li{ float:left;}
li.SB_page_prev a, li.SB_page_next a{ display:block; padding:0 15px; border:#e5e5e5 1px solid; font:13px/35px'微軟正黑體', Arial , sans-serif; text-decoration:none; color:#2953a6;}
li.SB_page_prev a:hover, li.SB_page_next a:hover{ display:block; padding:0 15px; border:#e5e5e5 1px solid; font:13px/35px'微軟正黑體', Arial , sans-serif; text-decoration:none; color:#555; background:#efefef;}
li.SB_page_num a{ display:block; padding:0 15px; border:#e5e5e5 1px solid; border-left:none; font:13px/35px Arial, Helvetica, sans-serif; text-decoration:none; color:#2953a6;}
li.SB_page_num a:hover{ display:block; padding:0 15px; border:#e5e5e5 1px solid; border-left:none; font:13px/35px Arial, Helvetica, sans-serif; text-decoration:none; color:#555; background:#efefef;}
li.SB_page_break{ font:15px/35px Arial, Helvetica, sans-serif; color:#555; margin:0 10px;}
li.SB_page_now{ display:block; padding:0 15px; border:#e5e5e5 1px solid; border-left:none; background:#efefef; font:13px/35px Arial, Helvetica, sans-serif; text-decoration:none; color:#555;}

/*150303新增*/
#member_confirm .SB_MemberWitemBOX{ margin:0 auto; background-color:#fff;border: 1px solid #ddd;border-radius: 8px;}
#member_lostpw .SB_MemberWitemSay{ margin:0 auto; padding-left: 16px;}
#member_lostpw .SB_MemberWitemBOX{ margin:0 auto;background-color:#fff;border: 1px solid #ddd;border-radius: 8px;}
#member_into_check .SB_MemberWitemBOX{ margin:0 auto;background-color:#fff;border: 1px solid #ddd;border-radius: 8px;}
#it57_formA { width: 784px; margin:0 auto;}
#it57_formA .SB_tableW120{ width: 150px;}

/*member-側選單*/
ul.AF_MemberLitem_list li a{color:#595854;font: 14px/36px 微軟正黑體, Arial, Helvetica, sans-serif;}
ul.AF_MemberLitem_list li a:hover{font: 14px/36px 微軟正黑體, Arial, Helvetica, sans-serif;}

/*Coookie_box*/
.personal_statement{background:rgba(0,0,0,.7);box-shadow:none;color:#fff;font-size: 15px;}

/* 772 */
.it772_tydt .it772_container .it772_box .it772_list{flex-direction: row-reverse;
}


.FOR_TOP .container{
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    width: 100%;
    max-width: 1000px;
    /* min-width: 1000px; */
}


#index .FOR_TOP header.container, #contact .FOR_TOP header.container{
    max-width: 1000px;
}

/* 668 */
.item_668{width: 100%;}
.item_668 .owl-carousel .owl-nav .owl-prev{left: 25px;background: url(banner_arrow_2.svg) top no-repeat;background-size: 50px;opacity:0.5;}
.item_668 .owl-carousel .owl-nav .owl-next{right: 25px;background: url(banner_arrow_1.svg) top no-repeat;background-size: 50px;opacity:0.5;}
.item_668 .owl-carousel .owl-nav .owl-prev:hover {background: url(banner_arrow_2.svg) top no-repeat;background-size: 50px;opacity: 1;}
.item_668 .owl-carousel .owl-nav .owl-next:hover {background: url(banner_arrow_1.svg) top no-repeat;background-size: 50px;opacity: 1;}

.member_box .top_user a:not(:last-of-type):before {
    content: '/';
    display: inline-block;
    position: absolute;
    right: -13px;
    top: 0;
}   

.AF_Member_LoginBox_left .AF_Member_Input100, .SB_tablepaddingL10 input{
    border-radius: 8px;
}

.jooshop_btn_color > a{
    color: #FFF;
}

.SB_MemberWitemTitle03{border: none;border-bottom: 1px solid #ddd; height: auto; padding: 8px 16px;}
.SB_MemberWitemContent03{
    border-left: none;
    border-right: none;
    border-bottom: none;
    padding-bottom: 16px;
}
.SB_MemberWitemTitle03 p{border-bottom:none ;}
#member_confirm .SB_tableW150 {padding: 0 15px;text-align: left;width: auto;}
.SB_MemberWitemTitle03 p{padding-left: 0;}

.AF_Member_LoginContent_left{border-radius: 0 0 8px 8px;}

.item_64:invalid:focus{border-color: #39B56D!important;background-color: #FFF !important;}

/* 產業新聞評析 標題內文 */
.item7_content{line-height: 2rem;font-size: 17px;}
.item7_title{
    font-family:'Noto Sans TC', sans-serif;
    flex-direction: column-reverse;
    font-size: 22px!important;
    letter-spacing: 2px;
    border-bottom: 3px #CACACA solid;;
    font-weight: bold !important;
}
.item7_content h1{letter-spacing: 2px;font-size: 34px;margin-top: 36px;}
/*.item7_content span > strong{font-size: 22px;line-height: 3rem;letter-spacing: 2px;}*/
.item7_title .item7_time{background: none;text-align: left;color: #646464!important;padding:0;font-family:'Noto Sans TC', sans-serif!important;}
.item7_title .item7_time::before{content: '';display: inline-block;width: 19px;height: 1px;background: #818181;margin-right: 8px;margin-bottom: 4px;}
.item7_img{display: none;}

/* 產業新聞評析表格 */
.it398{ min-width: initial;}
.it398_box{ width: 100%;}
.it398_box .it398_inbox>ul>li span, .it398_box .it398_inbox>ul>li span h3{font-family:'Noto Sans TC', sans-serif;}
.it398_box .it398_inbox>ul>li>span.it398_date{width: 150px;}
.it398_box .it398_inbox>ul>li span h3{height: 20px;padding: 3px;}
.it398_box .it398_inbox>ul>li>span.it398_slogan{height: 66px;}
.it398 .it398_box .it398_inbox>ul>li>a:hover > span{
    color: #3ab66d;
}
.it398{
    font-family: "Noto Sans TC", sans-serif;
}
.it398 .it398_box .it398_inbox>ul>li>a>span.it398_text, .it398 .it398_box .it398_inbox>ul>li>span.it398_date{
    color: #000000;
}
.it398 .it398_box .it398_inbox>ul>li>a>span.it398_text:hover{
    text-decoration: none;
    color: #3ab66d;
}



/* 聯絡我們 新增背景 */
#contact .FOR_MAIN{padding-bottom: 0px;}
#contact .container{max-width: 100%;}
.it64_box{font-size: 17px;line-height: 1.8;}
#contact .FOR_MAIN .container{background: linear-gradient(to left, #B8E9F4, #B8F2D0);padding: 60px;}
#contact .main_content_no_center {
    width: 600px;
    margin: 0 auto;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 10px;
    padding: 40px 40px;
}

/* 969 */
.item969 .it422_ls_right{ display: none !important;}

/* 1000 */
.it1000_default .it1000_search_box input[type="text"],
.it1000_default .it1000_search_box input[type="password"]{ moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.it1000_default .it1000_search_box input[type="text"]:focus,
.it1000_default .it1000_search_box input[type="password"]:focus{ outline: none; border-color: #ff3342; box-shadow: 0px 0px 0px 4px rgba(255, 51, 66, .05);}
.it1000_default .it1000_tab_box .it1000_status_tab .tab_item{ border-color: var(--pic-red); color: var(--pic-red);}
.it1000_default .it1000_tab_box .it1000_reservebtn a,
.it1000_default .it1000_tab_box .it1000_status_tab .tab_item.active{ transition: all .3s; background-color: var(--pic-red);}
.it1000_default .it1000_tab_box .it1000_reservebtn a:hover{background-color: var(--pic-second-red);}
.it1000_default .it1000_tab_box .it1000_item .it1000_cate .it1000_num{ display: none;}
.it1000_default .it1000_tab_box .it1000_apptbox .it1000_item,
.it1000_default .it1000_tab_box .it1000_apptbox .it1000_info:after{ background-color: #FF9113;}
.it1000_default .it1000_tab_box .it1000_failbox .it1000_item,
.it1000_default .it1000_tab_box .it1000_failbox .it1000_info:after{ background-color: #00B4F5;}
.it1000_default .it1000_tab_box .it1000_completebox .it1000_item,
.it1000_default .it1000_tab_box .it1000_completebox .it1000_info:after{ background-color: #00B4F5;}
.it1000_default .it1000_tab_box .it1000_cancelbox .it1000_item,
.it1000_default .it1000_tab_box .it1000_cancelbox .it1000_info:after{ background-color: #999;}
.it1000_default .it1000_tab_box .it1000_item .it1000_cate .it1000_tag.tag_attractions{ background-color: #FBF5ED; border-color: #FF9113; color: #FF9113;}
.it1000_default .it1000_tab_box .it1000_item .it1000_cate .it1000_tag.tag_yacht{ background-color: #EFFFF5; border-color: #39B56D; color: #39B56D;}
.it1000_default .it1000_tab_box .it1000_item .it1000_cate .it1000_tag.tag_taxi{ background-color: #F1FBFF; border-color: #00B4F5; color: #00B4F5;}
.it1000_default .it1000_tab_box .it1000_item .it1000_cate .it1000_tag.tag_activity{ background-color: #f5f5f5; border-color: #444; color: #444;}

/* 1001 */
.it1001_default .it1001_contant .it1001_contant_box01 .it1001_contant_box01--head{ border-color: #39B56D; background: #39B56D;}
.it1001_default .it1001_contant .it1001_contant_box02 .it1001_contant_box02--in2 dt,
.it1001_default .it1001_contant .it1001_contant_box02 .it1001_contant_box02--in4 dt{ background: #EFFFF5;}
.it1001_default .it1001_contant .it1001_contant_box02 .it1001-color-red{ color:var(--pic-red);}
.it1001_default .it1001_gotopay > input{font-size: 13px;}
.it1001_bottom_btn ul li a.it1001_btn_cancel{ border-color: #39B56D; color: #39B56D;}
.it1001_bottom_btn ul li a.it1001_btn_reschedule{ border-color: var(--pic-red); background: var(--pic-red); transition: all .3s;}
.it1001_bottom_btn ul li a.it1001_btn_reschedule:hover{ border-color: var(--pic-second-red); background: var(--pic-second-red);}
@media screen and (max-width: 996px) {
    .it1001_default .it1001_contant .it1001_contant_box02_m .it1001_contant_box02--in2 dt{ background: #39B56D; border-color: #39B56D;}
    .it1001_default .it1001_contant .it1001_contant_box02 .it1001_contant_box02--in2 dt,
    .it1001_default .it1001_contant .it1001_contant_box02 .it1001_contant_box02--in4 dt{ background: #EFFFF5;}
}

/* 1063 */
.it1063_default .it1063_search{ background: #39B56D; margin-left: 5px;}
.it1063_default .it1063_search:hover{ background: #298B52;}
.it1063_default .it1063_cardBtn{ background: #00B4F5; color: #FFF;}
.it1063_default .it1063_cardBtn:hover{ background: #33C3F7;}
.it1063_default .it1063_expandBtn{ color:#999;}
.it1063_default .it1063_cardTag svg:hover path,
.it1063_default .it1063_cardTag svg.active path{ fill:var(--pic-red);}
.it1063_default .activityCost{ color:var(--pic-red);}
.it1063_default .it1063_progressBar::before{ background: #39B56D;}
.it1063_default .it865_paginator { text-align: center; padding: 1.5rem 0;}
.it1063_default .it865_pagination{ width: 250px; padding: 5px 20px; border-radius: 5px; margin: 0 auto; background: #FFF;}
.it1063_default .it865_pagination li{ display:inline-block; width: 28px; height: 28px; vertical-align: middle; font-size: 20px; line-height: 28px; color: #444; border-radius: 3px;}
.it1063_default .it865_pagination li:hover{ background: rgba(67,47,35,0.1);}
.it1063_default .it865_pagination li.dis{ font-size: 20px; line-height: 28px; background: rgba(67,47,35,0.1);}
.it1063_default .it865_pagination li a { width: 28px; height: 28px; vertical-align: middle; font-size: 20px; line-height: 28px; color: #444; border-radius: 3px;}
.it1063_default .it865_pagination li.pre{ background: url(page_left.svg) center center no-repeat;}
.it1063_default .it865_pagination li.pre:hover{ background: url(page_left.svg) center center no-repeat rgba(67,47,35,0.1);}
.it1063_default .it865_pagination li.next{ background: url(page_right.svg) center center no-repeat;}
.it1063_default .it865_pagination li.next:hover{ background: url(page_right.svg) center center no-repeat rgba(67,47,35,0.1);}
.it1063_default .it865_pagination li.pre a,
.it1063_default .it865_pagination li.next a{ text-indent: -9999px;}
.it1063_default .it1063_card_box .it1063_cardTag{display: none;}
.it1063_default .it1063_card_box > li h3{font-family: "Noto Sans TC", sans-serif;}


/* 店長小幫手 */
.management_system {
	position: fixed;
    z-index: 1000;
	max-width: 200px;
	height: 100%;
	left: 0px;
	transition: all .3s ease;
}
.management_system.ms_closed {
    left: -200px;
}
.management_system .ms_btn {
    position: absolute;
    left: 200px;
    top: 0;
    width: 40px;
    height: 50px;
    background-color: #353a3a;
    -moz-border-radius: 0 0 10px 0;
    -ms-border-radius: 0 0 10px 0;
    -o-border-radius: 0 0 10px 0;
    -webkit-border-radius: 0 0 10px 0;
    border-radius: 0 0 10px 0;
    cursor: pointer;
    transition: all .3s;
}
.management_system .ms_btn span.ms_setting_btn {
    background-image: url(images/ms_settings.svg);
    background-position: center 7px;
    background-size: 20px;
    background-repeat: no-repeat;
}
.management_system .ms_btn .ms_stbtn_closed {
    display: none;
}
.management_system .ms_btn span.ms_close_btn {
    background-image: url(images/ms_close.svg);
    background-position: center 7px;
    background-size: 20px;
    background-repeat: no-repeat;
}
.ms_closed .ms_btn span.ms_clbtn_closed {
	display: none;
}
.management_system .ms_btn span {
    color: rgba(255, 255, 255, 1);
    text-align: center;
    display: block;
    line-height: 20px;
    font-size: 1rem;
    padding-top: 28px;
}
.management_system .backstage {
    width: 200px;
    height: 100%;
    background-color: #353a3a;
    transition: all .3s;
}
.management_system .backstage .container .ms_logo {
    width: 100%;
    text-align: center;
    padding: 10px 0 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
	height: 50px;
    display: flex;
    align-items: center;
}
.management_system .backstage .container .ms_logo span {
	display: none;
}
.management_system .backstage .container .ms_logo>img {
    max-width: 100px;
    margin: 0 auto;
	filter: drop-shadow(130px 0 #FFF);
    transform: translateX(-130px);
	overflow: hidden;
}
.management_system .backstage .container>ul>li {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
	color: #fff;
}
.management_system .backstage .container ul li.ms_listitem.ms_reserve .link a {
    display: flex;
    align-items: center;
    font-size: 17px;
    letter-spacing: .2px;
    color: rgba(255, 255, 255, .6);
}
.management_system .backstage .container ul li.ms_listitem.ms_reserve .link a span {
    display: block;
    width: 40px;
    height: 40px;
    background: url(images/ms_order.svg) no-repeat left -38px;
    background-size: 40px;
}
.it1063_default .it865_pagination li.next a{ text-indent: -9999px;}

.pic-pds-default01 .pic-pds-imgbox .pic-pds-btn{
    display: none;
}

/* 針對寬度為1000調整 */
.it772_style04 .it772_container,
.it772_style03,
.it543_pida,
.FOR_FOOTER .footer_main,
.content_text{ max-width: 1000px!important;}
.it1080_default,
.m_breadCrumbs .breadCrumbs2{ width: 1000px!important;}

.item969 .it969_content,.item969 .it969_list{
    width: 50%!important;
}
.item969 .it969_login{
    padding: 16px;
}
.item969 .it969_login p{
    font-size: 17px;
}


.footer_info ul li {
    padding: 10px 0px 10px 45px!important;
}
:lang(en-us) .FOR_TOP .container,  :lang(en-us) .FOR_FOOTER,  :lang(en-us) .m_breadCrumbs{
    font-family: "Times New Roman";
}

#member_editpw html, #member_editpw body, #member_editpw .mp-pusher,
#booking_list html, #booking_list body, #booking_list .mp-pusher,
#booking_trace_list html ,#booking_trace_list body,#booking_trace_list .mp-pusher,
#member_edit html,#member_edit body,#member_edit .mp-pusher, #member_account .mp-pusher
{
    background-color: #FFF!important;
}

.newitem_html_edit ol,.newitem_html_edit ul{ padding-left: 20px;}
.newitem_html_edit ol{ list-style:auto ;}
.newitem_html_edit ul{ list-style:unset ;}
.newitem_html_edit table{ max-width: 100%;}
.newitem_html_edit table tr,.newitem_html_edit table tr td{ border: 1px solid #333; padding: 5px;}
.newitem_html_edit em{ font-style:oblique;}