@charset "utf-8";
@import url("reset.css");

/*購物車特殊用途*/
.none_style{ display:none;}
.joo_style08{ display:block;}
.wangtea_use{ margin-left:15px;}
.joo_hideOnly{ display:none;}
/*******************************
 中間元件
*******************************/

/* 中間元件名稱 */
h3.Page_Citem_title{ width:100%; height:45px; background:url(Page_Citem_title_bg.gif) repeat-x 0 50%; padding-left:33px;}
h3.Page_Citem_title span { font:18px/45px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#81292d; background:#fff; padding:0 15px; text-align:left;}



/* 中間內文內距 */
.C_Box{padding:0; width: 100%; height:auto;  }
.C_Box .Page_Litem_title{position: relative;text-align: center;}
.C_Box .Page_Litem_title .L_item_name{ display: inline-block; padding: 0 30px; font:16px/40px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#595758; background: #fff;}
.C_Box .Page_Litem_title:after{ display: block; content:" "; width: 100%; height: 2px; background:#595758; margin-top: -18px;}
.C_padding{ background:#fff; padding: 30px 0 40px 0;}

/* 中間標題 */
.C_title {font:14px/24px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#666;font-weight:bold; text-decoration: none; }

/* 中間副標題 */
.C_subtitle { font:14px/24px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#666;font-weight:bold; text-decoration: none;}


/* 中間內文 */
.C_article { font:14px/30px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#666;}
.forum_group .forum_item .forum_main .main_item .main_text {font-weight: bold;width: 100%;}

/* 中間標題(連結) */
a.C_title_a:link 	{ font:14px/24px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#0066FF; text-decoration: none;}
a.C_title_a:visited { font:14px/24px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#0066FF; text-decoration: none;}
a.C_title_a:hover 	{ font:14px/24px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#0066FF;text-decoration: none;}
a.C_title_a:active 	{ font:14px/24px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#0066FF; text-decoration: none;}

/*******************************
 左邊元件
*******************************/


/* 左邊元件名稱 */
.L_Box{ width:250px; margin-bottom:15px;}
/*.L_Box .L_top{ height:12px;background:url(left_bg01.gif) no-repeat 0 0;}*/
.L_Box .L_bottom{ height:12px;background:url(left_bg03.gif) no-repeat 0 0;}
h3.L_item_name{ font:22px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#222; height: 50px; position: relative; font-weight: bold; margin-bottom: 20px;}
h3.L_item_name:after{ content:''; display: block; width: 71px; height: 3px; background-image: linear-gradient(315deg, #5c5cb5, #33318a); position: absolute; bottom: 0; left: 0;}


/* 左邊內文內距 */

.L_Box .L_padding{ padding:0;}



/* 左邊標題 */
.L_title { font:14px/24px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#666; font-weight:bold;}

/* 左邊副標題 */
.L_subtitle { font:14px/24px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#666; font-weight:bold;}


.L_bottom{ height:17px; background:#fff url(left_bg03.gif) no-repeat top left;}

/* 左邊內文 */
.L_article { font:14px/30px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#666;}


/* 左邊標題(連結) */
a.L_title_a:link 	{ font:14px/24px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#0066FF;text-decoration: none;}
a.L_title_a:visited { font:14px/24px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#0066FF; text-decoration: none;}
a.L_title_a:hover 	{ font:14px/24px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#0066FF;text-decoration: none;}
a.L_title_a:active 	{ font:14px/24px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#0066FF; text-decoration: none;}

/*******************************
 右邊元件
*******************************/

/* 右邊元件名稱 */
.R_Box{ width:300px; margin-bottom:15px; text-align:center;}
h3.R_item_name{ height:40px; font:15px/40px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#555; }
.R_Box .Page_Litem_title .L_item_name{ display: inline-block; padding: 0 15px; font:16px/40px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#595758; background: #fff;}
.R_Box .Page_Litem_title:after{ display: block; content:" "; width: 100%; height: 2px; background:#595758; margin-top: -18px;}
/* 右邊標題 */
.R_title { font:14px/26px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#666;font-weight:bold; text-decoration: none;}

/* 右邊副標題 */
.R_subtitle { font:14px/26px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#666;font-weight:bold; text-decoration: none;}



/* 右邊內文 */
.R_article { font:14px/30px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#666;}

/* 右邊標題(連結) */
a.R_title_a:link 	{ font:14px/24px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#0066FF; text-decoration: none;}
a.R_title_a:visited { font:14px/24px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#0066FF; text-decoration: none;}
a.R_title_a:hover 	{ font:14px/24px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#0066FF; text-decoration: none;}
a.R_title_a:active 	{ font:14px/24px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#0066FF;text-decoration: none;}

/*******************************
 表格
*******************************/

/* 表格抬頭 */
.table_title { 
	background-color: #ededed;
    font-family:'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', 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:'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif;
	font-size: 15px;
	line-height:30px;
	color:#333;
	padding:7px 5px;
}

/* 表格欄位內容 */
.table_column_desc { 
	background-color: #FFFFFF;
    font-family:'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', 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:'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif;
	font-size: 12px;
	color: #f03a79;
	font-weight: bold;
}

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

/* 表單 */
.FormTxt, .FormTxt100 {
    font-family:'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif;
	font-size: 11px;
	color:#999;
	background-color: #ffffff;
	border:solid #dadada 1px;
	padding:2px;
}

/* 表單 */
.FormTxt100, .FormTxtMark100 {
	width: 90%;
}

/* 表單 */
.FormTxtMark, .FormTxtMark100 {
    font-family:'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif;
	font-size: 12px;
	background-color: #fffbdd;
}

/* 表單註解 */
.form_gloss {
    font-family:'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif;
	color: #ff6320; 
	font-size: 12px;
}

/* 表單必填欄位(*)樣式 */
.form_star {
     font-family:'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif;
	color:#ef4122; 
	font-size:15px;
	font-weight:normal;
}

/*******************************
 商品
*******************************/

/* 商品名稱 */
.prod_name {font:13px/24px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#333;}

/* 商品名稱 */
a.prod_name:link 	{ font:13px/24px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#333; text-decoration: none; }
a.prod_name:visited { font:13px/24px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#333; text-decoration: none; }
a.prod_name:hover 	{ font:13px/24px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#333; text-decoration: underline; }
a.prod_name:active 	{ font:13px/24px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#333; text-decoration: underline; }

/* 商品售價 */
.prod_price {font:20px/24px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#ff427f; font-weight:bold;}

/*******************************
 延伸選單
*******************************/

/* 延伸選單 */
.menu_extended {
	color: #666;
	background-color: #ffffff;  
	font-size: 12px; 
	font-family: arial;
	padding:8px 2px;
}

/* 延伸選單 onMouseOver */
.menu_extended_over {
	color: #6d3049; 
	background-color: #f1b6cf; 
	font-size: 12px; 
	font-family: arial;
	padding:8px 2px;
}

/* 延伸選單 邊線 */
.menu_extended_border {
	background-color: #cccccc; 
}

/*******************************
 表頭選單
*******************************/
a.top_menu:link {font-family: 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; font-size: 13px;color: #eaeaea; text-decoration:none; } 
a.top_menu:visited {font-family: 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; font-size: 13px;color: #eaeaea; text-decoration:none; } 
a.top_menu:hover { font-family: 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; font-size: 13px;color: #abb43d; text-decoration:none;}
a.top_menu:active {font-family: 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; font-size: 13px;color: #abb43d;text-decoration:none;} 

/*******************************
 語系
*******************************/
.lang_box{ position: absolute; right:20px; top:10px;padding-left: 1em; z-index: 9;}
.lang_box a{ display:inline-block; width:35px; height:35px;border-radius:100%; color:#fff !important; text-align:center; line-height:35px !important; text-decoration:none; font-size:14px !important; background:#937EAE; margin:5px 0;}
.lang_box a:hover{ text-decoration:none; opacity: .9;}
.lang_box a:not(:last-of-type){margin-right: 5px;}
.f2_top_01_after .f2_top_01 .lang_box{top:15px;}

/*******************************
 copyright
*******************************/


/*******************************
 通用
*******************************/

/* 成功訊息 */
.hd_alert {
 font-family: 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif;
	color: #ff4b77; 
	font-size: 12px; 
	font-weight: bold;
}

/* 錯誤訊息 */
.err_alert {
 font-family: 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif;
	color: #ff4b77; 
	font-size: 12px; 
	font-weight: bold;
}

/* 一般鏈結 */
a:link 		{ font:20px/24px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#0066FF; text-decoration: none;}
a:visited 	{ font:20px/24px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#0066FF; text-decoration: none;}
a:hover 	{ font:20px/24px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#0066FF; text-decoration: none;}
a:active 	{ font:20px/24px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#0066FF; text-decoration: none;}

/* 網站主內容架構 */
.FOR_web_W{ width:990px; margin-top:20px;}
.FOR_TOP{  width:100%; height:auto; min-width:1200px; position:relative;}
#index .FOR_TOP{ z-index:999;}
.FOR_MAIN{/*width:1200px;*/ margin:0 auto; padding:60px 0 20px 0; position:relative; background: #fff;}
.FOR_FOOTER{width:100%; clear:both; min-width:1200px; margin:0 auto;}
.FOR_FOOTER .copy_right{ color:#fff;}
/*.FOR_MAIN img{ width:100%; height:auto;}*/
.FOR_MAIN_box {width:100%; margin:0 auto; position:relative; z-index:1;}
.FOR_MAIN canvas { position:absolute; top:0; left:0;}


.main_content_left{ width:200px; float:left;}
.main_content_right{ width:200px; float:right;}
.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%; max-width: 1600px;margin: 0 auto;}
/*@media screen and (max-width: 1600px){
	.main_content_no_center { max-width: 1200px;}
}*/

/* 網站名稱簡介 */
.STORE_NAME{ font:15px/26px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#333; font-weight:bold;}
.STORE_EXP{ font:13px/24px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#666;}


/*******************************
 自訂
*******************************/
html, body	{  font-family:'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; font-size:12px; color:#666; line-height:24px; background-color:#B69FCB;}
#index .normal_item11BOX{ background-color:#f8f8f8;}
/* 元件間隔 */
.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:1200px; height:auto; margin:0 auto ;}
.SB_WitemBOX .rwdimg{ width:100%; height:auto;}

/* 版頭Fresho2 */
.f2_top_box{ width: 100%; height: auto; background:#fff;}
.f2_top_box .f2_top_01{ width:1200px; height: 190px; margin: 0 auto; position: relative;}
.f2_top_box .f2_top_01 .logo_w{ display:block; width: 500px; height: 190px; margin:0 auto;}
.f2_top_box .f2_top_01 .logo_w a,.f2_top_box .f2_top_01 .logo_w a img{ display:block; width: 100%; height: 190px;}
.f2_top_box .f2_top_01 .top_menu_box{ position:absolute; right:13px; top:25px;}
.f2_top_box .f2_top_01 .top_searchbox{position:absolute; left:13px; top:20px; width:175px;}
.f2_top_box .f2_top_01 .top_menu_box ul li{ float:left; margin-left: 10px;}
.f2_top_box .f2_top_01 .top_menu_box ul li.top_member > ul > li{font:16px/28px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#595758; border-bottom: 2px solid #cacaca;}
.f2_top_box .f2_top_01 .top_menu_box ul li.top_member ul li a{ display:inline-block; font:16px/28px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; padding:0 3px; color:#595758;}

.f2_top_box .f2_top_01 .top_menu_box ul li.top_search{ font:16px/25px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; margin-left:0;}
.top_search input{ display:block; width:175px; height: 40px; border:0; border-bottom: 2px solid #cacaca; padding: 0 10px !important; font:16px/45px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; padding-left:30px !important;background:url(top_icon_search.svg) left center no-repeat; background-size: 22px auto;}

.top_community{ position:absolute; right:190px; top:25px;}
.top_community ul li{ float:left;}
.top_community ul li a{ display: block; width: 35px; height: 35px; text-indent: -9999px; background-size: 30px auto;  background-position: center center; background-repeat:no-repeat;}
.top_community ul li.fb a{ background-image:url(top_icon_fb.svg);}
.top_community ul li.ig a{ background-image:url(top_icon_ig.svg);}
.top_community ul li.line a{ background-image:url(top_icon_line.svg);}
.top_community ul li.mail a{ background-image:url(top_icon_speak.svg);}
.top_community ul li a:hover{ background-position: center 5px;}
.top_community ul li.fb a:hover{ background-image:url(top_icon_fb.svg);}

.member_class{ position:relative; margin-bottom:10px;font:14px/24px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#747474; padding-left:55px; min-height:48px;}
.member_class:before{ position:absolute; left:0; top:0;content:""; display:block; width:48px; height:48px;background: url(user.svg) center center no-repeat; background-size:28px;border-radius:100%; border:2px solid #ddd;}
.member_class .user_vip{ color:rgba(98, 46, 183, 1); margin-right:5px;}
.member_class .user_name{ margin-right:5px;}
.f2_top_01_after .f2_top_01 .member_class{top: 2px;}

.fancybox-overlay{z-index: 99999;}
.f2_top_01_after{ position: fixed; z-index: 99998;}
.f2_top_01_after .f2_top_01{ height:80px; padding-top: 5px;}
.f2_top_01_after .f2_top_01 .logo_w{ display:block; width: 184px; height: 70px;}
.f2_top_01_after .f2_top_01 .logo_w a,.f2_top_01_after .f2_top_01 .logo_w a img{width: 184px; height: 70px;}
.f2_top_01_after .f2_top_01 .top_menu_box{top:25px;}
.f2_top_01_after .f2_top_01 .top_searchbox{top:15px;}
.f2_top_01_after .top_community{ top:25px;}

.f2_top_02{ width: 100%; height: 55px; background: #fde6ee; border-bottom: 2px solid #ffd3e3; position: relative;}
.f2_top_02_in{ width: 1200px; margin: 0 auto; background:url(menu_icon.png) 15px center no-repeat; background-size:150px auto; text-align:center;}
.f2_top_02_in > ul{ display:inline-block;}
.f2_top_02_in > ul > li{ float:left; height: 55px; padding-top:13px;}
.f2_top_02_in > ul > li > a{ display:block; text-align: center; font:18px/30px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; height: 30px; color: #595758; border-right: 2px solid #b0b0b0;padding:0 30px;}
.f2_top_02_in > ul > li:last-child > a{border-right:0;}


.f2_top_02_in > ul > li:hover{ background: #fb8eb6;}
.f2_top_02_in > ul > li:hover > a{ color:#fff; border-right: 2px solid #fb8eb6;}
.f2_top_02_in > ul > li:last-child:hover > a{ color:#fff; border-right: 0;}

/* 右側瀏覽記錄 */
.df_HistoryBox{ width:65px; position:fixed; right:20px; top:260px; z-index:9999; background:#fff; padding-bottom:10px;}
.df_HistoryBox h5.title{ display:block; width:100%; height:52px; background:url(df_Rview_title.gif) left top no-repeat; text-indent:-9999px;}
.df_History{ width:80%; height:142px; position:relative; margin:10px auto;}
.df_History ul.df_History_list{ width:100%; height:128px; position:absolute; top:12px;}
.df_History ul.df_History_list li a{ display:block; width:100%; height:auto; padding:5px; border:1px dotted #e5e5e5; margin:5px 0; background:#FFF;}
.df_History ul.df_History_list li a img{ display:block; width:100%; height:auto;}
.df_History_btnT{ position:absolute; top:0; left:0; display:block; width:100%; height:12px; background:url(df_icon_arrow2.png) center top no-repeat; cursor:pointer; z-index:80;}
.df_History_btnB{ position:absolute; bottom:0; left:0; display:block; width:100%; height:12px; background:url(df_icon_arrow2.png) center bottom no-repeat; cursor:pointer; z-index:81;}
.df_Back_top{ margin:0 auto; width:32px; height:32px; background:url(df_icon_back.png) left top no-repeat; cursor:pointer;}

/*商品分類展開*/
.f2_rcart{ position: fixed; top:290px; left: 50%; margin-left: 620px; width:70px; height: auto; padding: 10px 15px 25px 15px; background: url(right_scart_bg.svg) center top no-repeat;transition:all 1s;}
.f2_rcart:hover{ top:280px;}
.f2_rcart h5{ display: block; width:100%;  font:13px/20px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color: #fff;}
.f2_rcart a{ display:block; width: 100%; font:13px/22px Arial, Helvetica, sans-serif; color: #fff; background: url(right_scart_icon.svg) left center no-repeat; background-size: 18px auto; padding-left: 22px; text-align: center;}

/* ==== 版尾 ==== */
.f2_bottom_box{ width: 100%; height: auto; background: #eeeeee;}
.f2_bottom_01{ width: 100%; height:20px; background: #dadedd; font:12px/20px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color: #8a8c8b; text-align: center;}
.f2_bottom_03{ background: #8b8b8b; font:12px/20px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color: #fff; text-align: center;}
.f2_bottom_01 a{ display: block; width: 60px; font:13px/20px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color: #8a8c8b; padding-left: 25px;  background:url(bottom_top.svg) left center no-repeat; margin: 0 auto; background-size: 15px;}
.f2_bottom_02{ width: 960px; height:auto; padding-top: 40px; padding-bottom: 20px; margin: 0 auto; padding-left: 150px; background: url(bottom_logo.svg) left bottom no-repeat; background-size: 106px; position: relative;}
.f2_bottom_menu{ width: 488px; height: auto;}
.f2_bottom_menu > li > ul > li{ float: left; width: 20%; font:13px/20px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color: #595757;}
.f2_bottom_menu > li > ul > li > h3{ position: relative; font:15px/15px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color: #595757; padding-left: 10px; font-weight: bold; border-left: 2px solid #595757; margin-bottom: 15px;}
.f2_bottom_menu > li > ul > li > a{ display:block; font:14px/20px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color: #595757; padding-left: 10px;margin-top: 5px;}
.f2_bottom_menu > li > ul > li > a:hover{ color:#7b7979;}

.bottom_community{ position:absolute; right: 0; top:40px; background: url(bottom_code.svg) right top no-repeat; background-size:60px auto; height: 60px; padding-right: 70px; padding-top: 17px;}
.bottom_community ul li{ float:left; margin-right: 5px;}
.bottom_community ul li a{ display: block; width: 30px; height: 30px; text-indent: -9999px; background-image: url(bottom_community.svg); background-size: 120px auto;}
.bottom_community ul li.ig a{   background-position: left top;}
.bottom_community ul li.fb a{  background-position: -30px top;}
.bottom_community ul li.yotu a{  background-position: -60px top;}
.bottom_community ul li.mail a{  background-position: -90px top;}
.bottom_community ul li.ig a:hover{ background-position: left bottom;}
.bottom_community ul li.fb a:hover{ background-position: -30px bottom;}
.bottom_community ul li.yotu a:hover{ background-position: -60px bottom;}
.bottom_community ul li.mail a:hover{ background-position: -90px bottom;}
.f2_bottom_03{ text-align:center;}
.f2_bottom_03 ul li{ display:inline-block; margin: 0 10px; font:13px/30px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color: #fff;}


/*右側購物車*/
.AF_RSides_cart{ position:fixed; right:-90px; top:20%; z-index:999;}
.AF_RSides_cart ul li{ float:left;}
.AF_RSides_cart ul li.RSides_Content{ display:block; width:90px; height:160px; background:#FFF; box-shadow: 0px 0px 8px #aaa; -webkit-box-shadow: 0px 0px 8px #aaa; -moz-box-shadow: 0px 0px 8px #aaa;border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px; }
.RSides_Content h3{ font:15px/40px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#986b61; border-bottom:#dbdbdb 1px dotted; text-align:center; margin-bottom:10px;}
.RSides_Content p{ font:13px/20px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#555; text-align:center;}
.RSides_Content a:link,.RSides_Content a:visited{ display:block; width:60px; height:30px; margin:0 auto; text-align:center; font:13px/30px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#0066FF; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#81292d; text-decoration:none; margin-top:15px;}
.RSides_Content a:hover,.RSides_Content a:active{ display:block; width:60px; height:30px; margin:0 auto; text-align:center; font:13px/30px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#0066FF; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#aa4146; text-decoration:none; margin-top:15px;}


/*========== 版尾 ==========*/
.AF_Bottom_Box{ width:100%; height:150px; background:#986b61;}
.AF_Bottom_Content{ width:1260px; height:150px; margin:0 auto;}
.AF_Bottom_Content_T{ width:100%; height:110px; border-bottom:#b38b81 1px solid; position:relative;}
h3.AF_Bottom_company{ float:left; display:block; width:270px; height:110px; font:20px/110px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#FFF; font-weight:bold;}
.AF_Bottom_companyData{ width:300px; height:45px; padding-top:45px;}
.AF_Bottom_companyData h5{ display:block; color:#FFF; margin-left:280px; padding-left:25px;}
h5.AF_Bottom_add{ width:300px; height:20px; font:13px/20px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; background:url(AF_Bottom_CRicon01.png) left center no-repeat;}
h5.AF_Bottom_tel{ width:300px; height:25px; font:20px/25px Arial, Helvetica, sans-serif; background:url(AF_Bottom_CRicon02.png) left center no-repeat;}
.AF_Community_btn{ position:absolute; bottom:15px; right:0;}
.AF_Community_btn li{ float:left; margin:0 5px;}
.AF_Community_btn li a{ display:block; width:40px; height:40px; background-position:left top; background-repeat:no-repeat; text-indent:-9999px;}
.AF_Community_btn li a:hover{ display:block; width:40px; height:40px; background-position:left bottom; background-repeat:no-repeat; text-indent:-9999px;}
.AF_Community_btn li.AF_Community_B a{ background-image:url(AF_Index_Icon_blog.png);}
.AF_Community_btn li.AF_Community_F a{ background-image:url(AF_Index_Icon_fb.png);}
.AF_Bottom_Content_B{ width:100%; height:40px;}
.AF_Bottom_MainMenu li{ float:left;}
.AF_Bottom_MainMenu li a{ padding:0 10px; font:14px/40px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#FFF; border-left:#FFF 1px solid;}
.AF_Bottom_MainMenu li a:hover{ padding:0 10px; font:14px/40px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#ffe7e2; border-left:#FFF 1px solid; text-decoration:none;}
.AF_Bottom_MainMenu li:first-child a{ border-left:0;}
h5.AF_Bottom_CR{ float:right; font:13px/40px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#FFF;}


/*==================天和鮮物-版頭==================*/

/*topmanu*/
.thofood-top-BG{ width:100%; height:40px; border-top:3px solid #C71810;}
.thofood-top{ max-width:1200px; width:100%; min-width:1200px; height:35px; padding:0 12px; margin:0 auto; position:relative;}
.thofood-top .topmanu { width:100%;}
.thofood-top > .topmanu > li{ height:35px; font:13px/35px 'Noto Sans',微軟正黑體, Arial;}
.thofood-top > .topmanu > li > a{ color:#666; font:13px/35px 'Noto Sans',微軟正黑體, Arial; padding:0 22px; text-decoration:none;}
.thofood-top > .topmanu > li > a:hover{ color:#C71810; font:13px/35px 'Noto Sans',微軟正黑體, Arial; padding:0 22px;}
.thofood-top .topmanu li.Official{ float:left; background:url(thofood_topicon1.png) left center no-repeat;}
.thofood-top .topmanu li.Singin{ float: right; background:url(thofood_topicon2.png) left center no-repeat;}
.thofood-top .topmanu li.Account{ float: right; background:url(thofood_topicon3.png) left center no-repeat;}
.thofood-top .topmanu li.Shopcar{ float: right; background:url(thofood_topicon4.png) left center no-repeat;}

/*topmanu-END*/

/*top*/
.thofood-header-BG{ width:100%; height:140px; background-color:#fff;}
.thofood-header{ max-width:1200px; width:100%; min-width:1200px; height:95px; padding:0 12px; margin:0 auto;}
.thofood-header h1{ display:block; width:335px; height:95px;float:left;}

/* 搜尋＆關鍵字 */
.IndexTop_Search{float:right; padding-top:33px; width:600px;}
.IndexTop_Search > li.topKeyWord > a{ font:14px/38px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#999;  margin-right:5px; float:left;}
.IndexTop_Search > li.topKeyWord > span{ font:14px/38px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#C71810;  margin-right:5px; float:left;}
.IndexTop_Search > li.topKeyWord > a:hover{ font:14px/38px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#147abc;  margin-right:5px;}
.IndexTop_Search > li.topSearchBar{ width:290px; height:38px; background:url(thofood_search2.png) left top no-repeat; float:right;}
.IndexTop_Search > li.topSearchBar > ul > li{ float:left;}
.topSearch01 select{ border:0; background:none; width:95px; height:30px; margin-left:3px; font:13px/24px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#555; margin:4px; display:none;}
.topSearch02 input[type="text"]{ width:250px; height:30px; font:15px/30px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#555; border:0; padding:0 10px; margin:4px; background:none;}
.topSearch03 input{ width:30px; height:30px; border:0; background:none; cursor:pointer; margin:4px 0;}

/*天和新增*/
li.TF-Back{ width:26px; height:26px; margin:5px; float:left;margin-left:15px;}
li.TF-Back > a{ background:url(sl1.jpg) 0 0 no-repeat; text-indent:-99999px; display:block; line-height:26px; }
li.TF-Mail{ width:26px; height:26px; margin:5px; float:left;}
li.TF-Mail > a{ background:url(sl2.jpg) 0 0 no-repeat; text-indent:-99999px;display:block;line-height:26px;}
li.TF-FB{ width:26px; height:26px; margin:5px; float:left;}
li.TF-FB > a{ background:url(sl3.jpg) 0 0 no-repeat; text-indent:-99999px;display:block;line-height:26px;}

/* 搜尋＆關鍵字END */

/*主選單*/
.thofood-header-manu{max-width:1200px; width:100%; min-width:1200px; height:45px; padding:0 12px; margin:0 auto; clear:both;}
.thofood-header-manu ul{}
/*.thofood-header-manu > ul > li{ float:left;background:url(thofood_manu-line.png) right no-repeat;  padding:0 15px; width:16.66666%;text-align:center; position:relative;}*/
.thofood-header-manu > ul > li{ float:left;background:url(thofood_manu-line.png) right no-repeat;  padding:0 15px; text-align:center; position:relative;}
.thofood-header-manu > ul > li:last-child{ background:none;}
.thofood-header-manu > ul > li > a{ color:#745030;font:16px/45px 'Noto Sans',微軟正黑體, Arial; text-decoration:none;}
.thofood-header-manu > ul > li > a:hover{ color:#C71810;}

/*選單滑出部分*/
.manu-SUB{ min-width:400px; height:auto; padding:15px 5px ; border:1px solid #eee;background-color:#fff; position:absolute; top:45px; display:none; z-index:15;}
#MENU5 .manu-SUB{right:0px;}
#MENU6 .manu-SUB{right:0px;}
.manu-SUB img{ float: right; width:202px; height:auto; margin-right:10px;}
.manu-SUB > ul{ float:left; padding:0 20px;}
.manu-SUB > ul li{}
.manu-SUB > ul li a{ font:15px/24px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#1671b8; display:block; margin-bottom:2px; background:url(thofood_manu_icon.png) 0 no-repeat; padding-left:12px; text-align:left; text-decoration:none;}
.manu-SUB > ul li a:hover{ font-weight:bold;}
.mstyle_hover_2 > a{color:#1671b8;font:16px/45px 'Noto Sans',微軟正黑體, Arial; text-decoration:none;}

/* 主選單END */

/*---copyright---*/

.yang-ming-flood-BG{ width:100%;background:#f1cc8b url(site_bg_01.jpg) repeat-x scroll 0 0; padding:25px 0; display:one}
.yang-ming-flood{ max-width:1200px; width:100%; min-width:1200px; margin:0 auto; padding:0 12px; }
.yang-ming-flood .TF-flooder{ width:100%; height:180px;background: url(thofood_95.jpg) 0 0 no-repeat; clear:both; display:none;}

.yang-ming-flood ul.copyright1{}
.yang-ming-flood ul.copyright1 li.all{ display:block; width:20%; float:left;text-align:center;}

.yang-ming-flood ul.copyright2{}
.yang-ming-flood ul.copyright2 li.copytitle{ font:bold 16px/24px 'Noto Sans',微軟正黑體,Arial; color:#c71810; display:block; width:95px; margin:0 auto;}
.yang-ming-flood ul.copyright2 li.copylist{font:14px/24px  'Noto Sans',微軟正黑體,Arial, Helvetica, sans-serif;}
.yang-ming-flood ul.copyright2 li.copylist a{color:#666;font:14px/24px  'Noto Sans',微軟正黑體,Arial, Helvetica, sans-serif;}
.yang-ming-flood ul.copyright2 li.copylist a:hover{color:#1671b8;}

.yang-ming-copy-BG{ width:100%; height:58px; background-color:#fff;}
.yang-ming-copy{ width:1200px; height:58px; margin:0 auto;}
.yang-ming-copy p{ display:block; width:50%; color: #666; font: 13px/20px 'Noto Sans',微軟正黑體,Arial,Helvetica,sans-serif; margin: 0 auto;  padding-top: 9px; float:left;}
.yang-ming-copy span a{ display:block; float:left; width:40px; height:40px; text-indent:-9999px; background: url(icon_fb.svg) left top no-repeat; margin-right:10px;}
.yang-ming-copy span a:hover{ background: url(icon_fb.svg) left bottom no-repeat;}
.yang-ming-copy > ul { float: right; width: 110px; padding-top:17px;}
.yang-ming-copy > ul > li{ float:left;}
.yang-ming-copy > ul > li > a{ font: 14px/18px 'Noto Sans',微軟正黑體,Arial,Helvetica,sans-serif; color: #147abc; margin:0 5px;}

/*======================安永鮮物-元件======================*/
/* 圖片移動 */
.AF_img_move img{ transition: transform 0.2s linear 0s;}
.AF_img_move img:hover{ transform: translateX(-5px);}

/* 官網－輪播廣告 *//*

.flex-control-nav{ position:absolute; height:25px; bottom:15px; z-index:2; width:100%; text-align:center; }
.flex-control-nav li{ display:inline-block; width:10px; height:10px; margin:0 3px; *display:inline; zoom:1;}
.flex-control-nav a{ display:inline-block; width:10px; height:10px; line-height:40px; overflow:hidden; border-radius:100%; background:#222325; cursor:pointer;}
.flex-control-nav .flex-active{ background:#fff;}
.flex-direction-nav{display:none; position:absolute; z-index:3; width:100%; top:50%; margin-top:-16px;}
.flex-direction-nav li a{ display:block; width:32px; height:60px; overflow:hidden; cursor:pointer; position:absolute;}
.flex-direction-nav li a.flex-prev{ left:0px;background:rgba(0,0,0,0.6) url(icon_arrow.png) left center no-repeat;}
.flex-direction-nav li a.flex-next{ right:0px;background:rgba(0,0,0,0.6) url(icon_arrow.png) right center no-repeat; }*/

/* 官網－輪播廣告 */
.Index_ADbannerBox{ width:100%; margin-bottom: 0;}
.Index_ADbanner{ width:100%; margin:0 auto; position:relative;}
.flexslider{ overflow:hidden;}
.slides{ position:relative; z-index:1;}
.slides li img{ width:100%; height:auto;}
.flex-control-nav{ position:absolute; height:25px; bottom:10px; z-index:2; width:100%; text-align:center;}
.flex-control-nav li{ display:inline-block; width:12px; height:12px; margin:0 2px; *display:inline; zoom:1;}
.flex-control-nav a{ display:inline-block; width:12px; height:12px; overflow:hidden; background:#fff; border-radius:100%; cursor:pointer; background: #fff; border: 1px solid #e5e5e5; text-indent: -9999px;}
.flex-control-nav .flex-active{ background:#8b8b8b; border: 1px solid #8b8b8b;}
.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;}


/* 購物網－廣告輪播 */
/*輪撥大區域*/
.lunhuan{ width:1050px; height:500px; position:relative; margin:0 auto; border:#d0d0d0 1px solid;}
.lunhuan #lunhuanback{ float:left; width:792px; height:498px;}
.lunhuan #lunhuanback a { display:block; width:792px; height:498px; position:absolute; left:0px; top:0px; opacity:0; filter:alpha(opacity=0);}
.lunhuan #lunhuanback a img{ width:100%; height:auto;}
/*輪播按鈕*/
#lunbonum{ height:60px; position:absolute;left:0; bottom:0; z-index:199;}
#lunbonum li{ float:left; width:198px; height:60px; background:url(images/anyong_symbol/Store_ADbanner_btn.png) left top no-repeat; text-align:center; font:16px/60px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#333; cursor:pointer;}
#lunbonum .lunboone{ width:198px; height:60px; background:url(images/anyong_symbol/Store_ADbanner_btn.png) left bottom no-repeat;cursor:pointer;}
/*右側商品圖*/
.suoyouliebiao{ float:right; width:256px; height:498px; border-left:#d0d0d0 1px solid; overflow:hidden;}
.suoyouliebiao a{ display:block; width:261px; height:255px;}
.suoyouliebiao img{ width:261px;}

/*購物網-首推新品*/
.Store_itemBox{ max-width:1260px; margin:0 auto; padding-bottom:15px;}
.Store_arrivalTitle{ width:100%; height:40px; border-bottom:#d0d0d0 1px solid; position:relative;}
.Store_arrivalTitle h3{ width:230px; font:15px/37px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#b82a41; background:url(images/anyong_symbol/AF_Index_Icon_diamond.png) 5px center no-repeat; border-bottom:#b82a41 3px solid; padding-left:33px;}
.Store_arrivalBtn{ position:absolute; top:12px; right:0;}
.Store_arrivalBtn li{ float:left; margin-left:5px; display:block; width:20px; height:20px; font:13px/20px Arial, Helvetica, sans-serif; text-align:center; cursor:pointer;}
.Store_arrivalBtn li:hover{ cursor:pointer;}
.Store_arrivalContentBox{ max-width:1260px; height:300px;}
.Store_arrivalContent{ max-width:1260px; min-width:686px; height:300px; display:none;}
.Store_Content_L{ width:200px; height:300px; float:left;}
.Store_Content_C{ max-width:804px; height:300px; border-bottom:#dbdbdb 1px solid; margin-left:200px; margin-right:256px;}
.Store_Content_C > ul{ width:100%;}
.Store_Content_C > ul >li{ float:left; display:block; border-right:#dbdbdb 1px dotted; width:33.3%; height:300px;}
.Store_ContentProductBox{ max-width:190px; height:275px; padding:0 20px; padding-top:25px; margin:0 auto;}
.Store_pImg{ max-width:150px; height:auto; margin-bottom:10px;}
.Store_pImg a{ display:block; width:150px; height:150px; overflow:hidden;}
.Store_pImg img{ width:100%; height:auto;}
h2.Store_pName{ display:block; max-width:150px; height:40px; overflow:hidden;}
h2.Store_pName a{ display:block; max-width:150px; height:40px; font:13px/20px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#333; text-decoration:none;}
h2.Store_pName a:hover{ font:13px/20px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#147abc; text-decoration:none;}
.Store_pPrice01{ max-width:150px; height:30px; font:12px/30px Arial, Helvetica, sans-serif; color:#999; text-decoration:line-through;}
.Store_pPrice02{ max-width:150px; height:35px;}
.Store_pPrice02 ul li{ float:left;}
li.Store_pPrice02_L{ display:block; max-width:50px; width:33%; font:13px/36px 'Noto Sans',微軟正黑體,Arial, Helvetica, sans-serif; color:#333;}
li.Store_pPrice02_R{display:block; text-align:right; max-width:100px; width:66%; font:25px/35px Arial, Helvetica, sans-serif; color:#e82222;}
li.Store_pPrice02_R span{ font-size:20px; margin-right:10px;}
.Store_Content_R{ float:right; width:256px; height:300px; border-right:#dbdbdb 1px solid;}
.Store_Content_R > ul{ width:255px; height:100px; padding:0 9px; padding-top:10px; border-bottom:#dbdbdb 1px solid;}
.Store_Content_R > ul > li{ float:left;}
li.Store_Content_R01{ width:100px; padding:0 10px;}
li.Store_Content_R02{ width:137px; padding-right:10px;}
.Store_pImg02{ width:80px; height:80px;}
.Store_pImg02 a{ display:block; width:80px; height:80px; overflow:hidden;}
.Store_pImg02 a img{ width:100%; height:auto;}
h2.Store_pName02{ display:block; width:127px; height:36px; overflow:hidden;}
h2.Store_pName02 a{ display:block; width:127px; height:36px; font:13px/18px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#333; text-decoration:none;}
h2.Store_pName02 a:hover{ font:13px/18px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#147abc; text-decoration:none;}
.Store_pPrice03{ width:127px; height:20px; font:12px/20px Arial, Helvetica, sans-serif; color:#999; text-decoration:line-through;}
.Store_pPrice04{ width:127px; height:25px;}
.Store_pPrice04 ul li{ float:left;}
li.Store_pPrice04_L{ display:block; width:45px; font:13px/25px 'Noto Sans',微軟正黑體,Arial, Helvetica, sans-serif; color:#333;}
li.Store_pPrice04_R{display:block; text-align:right; width:82px; font:25px/25px Arial, Helvetica, sans-serif; color:#e82222;}
li.Store_pPrice04_R span{ font-size:20px; margin-right:5px;}
.Store_selected{ background:#b82a41; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#FFF;}

/*購物網-熱銷排行*/
.Store_rankContentBOX{ max-width:1260px; height:600px;}
.Store_rankContent_L{ max-width:1004px; border-left:#dbdbdb 1px solid; margin-right:255px; height:600px;}
.Store_rankContent_L > ul{ width:100%;}
.Store_rankContent_L > ul > li{ float:left; display:block; width:24.96%; height:300px; border-right:#dbdbdb 1px dotted; border-bottom:#dbdbdb 1px solid;}
.Store_rankContent_R{ width:256px; border-right:#dbdbdb 1px solid; float:right;}
.Store_ranksaleIcon{ max-width:150px; height:auto; position:relative;}
.Store_ranksaleIcon span{ display:block; width:31px; height:35px; position:absolute; top:0; left:10px; text-indent:-9999px; z-index:98;}
.Store_rsIcon_no1{ background:url(images/anyong_symbol/icon_no1.png) left top no-repeat;}
.Store_rsIcon_no2{ background:url(images/anyong_symbol/icon_no2.png) left top no-repeat;}
.Store_rsIcon_no3{ background:url(images/anyong_symbol/icon_no3.png) left top no-repeat;}
.Store_rsIcon_no4{ background:url(images/anyong_symbol/icon_no4.png) left top no-repeat;}
.Store_rsIcon_no5{ background:url(images/anyong_symbol/icon_no5.png) left top no-repeat;}
.Store_rsIcon_no6{ background:url(images/anyong_symbol/icon_no6.png) left top no-repeat;}
.Store_rsIcon_no7{ background:url(images/anyong_symbol/icon_no7.png) left top no-repeat;}
.Store_rsIcon_no8{ background:url(images/anyong_symbol/icon_no8.png) left top no-repeat;}
.Store_rankContent_R ul li{ display:block; width:256px; height:300px; border-bottom:#dbdbdb 1px solid; border-right:#dbdbdb 1px solid}
.Store_rankContent_R ul li img{ width:255px; height:299px;}

/*購物網-熱銷商品*/
.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 'Noto Sans',微軟正黑體,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 'Noto Sans',微軟正黑體,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 'Noto Sans',微軟正黑體,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; border:#dbdbdb 0px solid; padding:0 10px;}
.PSearch_Top_menuL{ float:left; margin-top:12px;}
.PSearch_Top_menuL li{ float:left; display:block; height:15px; font:13px/15px 'Noto Sans',微軟正黑體,Arial, Helvetica, sans-serif; color:#333;}
.PSearch_Top_menuL li a{ display:block; padding:0 20px 0 10px; border-right:#dbdbdb 0px solid; text-align:center; font:13px/15px 'Noto Sans',微軟正黑體,Arial, Helvetica, sans-serif; color:#333;}
.PSearch_Top_menuL li a:hover{ font-weight:bold; color:#C71810; text-decoration:none;}
.PSearch_Top_menuL li a.selected{ font-weight:bold; color:#C71810; text-decoration:none;}
.PSearch_Top_menuL li.Store_Psearch_icon01 a{ background:url(images/anyong_symbol/Store_Psearch_icon01.png) 40px top no-repeat;}
.PSearch_Top_menuL li.Store_Psearch_icon02 a{ background:url(images/anyong_symbol/Store_Psearch_icon01.png) 65px top no-repeat;}
.PSearch_Top_menuL li.Store_Psearch_icon03 a{ background:url(images/anyong_symbol/Store_Psearch_icon02.png) 40px top no-repeat;}
.PSearch_Top_menuL li.Store_Psearch_icon01 a:hover{ background:url(images/anyong_symbol/Store_Psearch_icon01.png) 40px bottom no-repeat;}
.PSearch_Top_menuL li.Store_Psearch_icon02 a:hover{ background:url(images/anyong_symbol/Store_Psearch_icon01.png) 65px bottom no-repeat;}
.PSearch_Top_menuL li.Store_Psearch_icon03 a:hover{ background:url(images/anyong_symbol/Store_Psearch_icon02.png) 40px bottom no-repeat;}
.PSearch_Top_menuR{ float:right;}
.PSearch_Top_menuR li{ float:left; font:13px/40px 'Noto Sans',微軟正黑體,Arial, Helvetica, sans-serif; color:#333;}
.PSearch_Top_menuR li select{ width:50px; height:25px; margin:0 10px;}
.Store_PSearch_Plist{ width:100%;}
.Store_PSearch_Pbox{　width:960px;　margin:0 auto; padding:0 3px;}
.Store_PSearch_Pbox > li{ float:left; margin:0 auto; margin:7px;}
.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:#e9589a; 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;}
/* 商品圖 */
.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 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', 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 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#333;}
.AF_PDetail_Pname h2 a{ font: bold 20px/30px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#333; text-decoration:none;}
.AF_PDetail_Pname h2 a:hover{ font: bold 20px/30px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#333; text-decoration:none;}
.AF_PDetail_Pdetail{ width:100%; height:auto; margin-bottom:5px;}
.AF_PDetail_Pdetail h3{ font:13px/20px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', 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 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#333; margin-top:35px;}
.AF_PDetail_Pprice p.AF_PDetail_Pprice01 span{ font-size:20px; font-family:'Noto Sans',微軟正黑體; margin-left:10px; text-decoration:line-through;}
.AF_PDetail_Pprice p.AF_PDetail_Pprice02{ float: left; font:55px/70px Arial, Helvetica, sans-serif; color:#e9589a;padding-left:15px;}
.AF_PDetail_Pprice p.AF_PDetail_Pprice02 span{ font:33px/40px Arial, Helvetica, sans-serif; color:#e9589a;}
.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 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', 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:#1671b8 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 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#333;}
.AF_PDetail_Psize_R{ width:100%;}
.AF_PDetail_Psize_R ul li{ float:left; display:block; font:13px/26px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', 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 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#333;}
.AF_PDetail_Wnum_R{ width:100%;}
.AF_PDetail_Wnum_R select{height:25px; font:13px/30px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif;}

.AF_PDetail_Pnum{ width:100%; height:30px; margin:15px 0;}
.AF_PDetail_Pnum_L{ float:left; width:70px; font:13px/30px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#333;}
.AF_PDetail_Pnum_R{ width:100%;}
.AF_PDetail_Pnum_R select{ width:50px; height:25px; font:13px/30px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', 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 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', 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 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', 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 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', 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 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', 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 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', 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 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', 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 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', 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 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', 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 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; text-decoration:none; color:#333; display:block;}
.AF_PDetail_addp02 a:hover{ font:13px/20px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', 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 'Noto Sans',微軟正黑體,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 'Noto Sans',微軟正黑體,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 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', 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 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#666;}
.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 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#666;}

/* 註冊步驟 */
.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 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', 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 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', 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 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', 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;}
.AF_attest_number img{ display:block; width:100px; height:38px; margin:0 10px; margin-top:5px;}
.AF_attest_number a{font:15px/30px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:rgba(98, 46, 183, 1); text-decoration:underline;}
.AF_attest_number a:hover{font:15px/30px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#000; text-decoration:none;}
.AF_Member_Login_R{ width:150px; padding-top:32px;}
.AF_Member_Login_R input{ display:block; width:150px; height:90px; background:url(images/anyong_symbol/Member_Btn_login.png) left top no-repeat; border:0; cursor:pointer; text-indent:-9999px;}
.AF_Member_Login_R input:hover{background:url(images/anyong_symbol/Member_Btn_login.png) left bottom no-repeat;}
.AF_Member_Login_Rin{ font:14px/30px Arial, Helvetica, sans-serif; color:#bbb; margin-top:30px;}
.AF_Member_Login_Rin a{ font:14px/30px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#666; margin:0 3px;}
.AF_Member_Login_Rin a:hover{ font:14px/30px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#555; margin:0 3px;}
.AF_Member_LoginOther{ width:460px; margin:0 auto; font:15px/30px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', 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 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#666;}

/*========== 溫層購物車(150715新增)===============*/
/*========== 購物車流程 ==========*/
.AY_ShoppingCartStep_BOX{ width:100%; height:80px; border-bottom:5px #f2f2f2 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 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; padding-top:35px;}
.AY_ShoppingCartStep ul li span{ margin-right:10px; font:25px/30px Arial, Helvetica, sans-serif;}
.AY_WORDcolor_gray{ color:#c8c8c8;}
.AY_WORDcolor_black{ color:#333;}
.AY_WORDcolor_blue{ color:#f36e20;}
.AY_LINEcolor_blue{ border-bottom:5px #C71810 solid;}

.AY_ShoppingCart_BOX{ margin:0 auto; margin-bottom:15px; width:100%; background:#FFF;border: 1px solid #d9d9d9;}
.AY_ShoppingCart_BOX2{ margin:0 auto; margin-bottom:15px; width:100%; 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 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#333; padding:0 5px;}
.AY_SCInput_W150{ width:150px; height:30px; font:14px/30px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#333; padding:0 5px;}
.AY_SCSelect_W150{ width:150px; height:30px; font:14px/30px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#333;}


/*購物車第一步驟*/
.AY_ShoppingCart_title{ font:15px/42px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#333; padding-left:20px;}
.AY_SCart_title_color11{ width:100%; height:42px; border-top:3px #00a5e3 solid; border-bottom:1px #d9d9d9 dotted; background:#eefcff;}
.AY_SCart_title_color10{ width:100%; height:42px; border-top:3px #5cb463 solid; border-bottom:1px #d9d9d9 dotted; background:#eefff8;}
.AY_SCart_title_color3{ width:100%; height:42px; border-top:3px #f7813e solid; border-bottom:1px #d9d9d9 dotted; background:#fff4df;}

.AY_ShoppingBox_title{ font:15px/40px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', 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 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif;}
.AY_SBox_content01 ul li{ float:left; text-align:center;}
.AY_SB_mainproduct ul li{ float:left;} 
.AY_SB_mainproduct_L{ width:25%;}
.AY_SB_mainproduct_L a{ display:block; width:90px; height:90px; overflow:hidden;}
.AY_SB_mainproduct_L a img{ width:100%; height:auto;}
.AY_SB_mainproduct_R{ width:75%; 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 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#e9589a;}
.AY_SB_mainproduct_R h2{ text-align:left; font:14px/20px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; margin-top:5px; clear:both;}
.AY_SB_mainproduct_R h2 a{ font:14px/20px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#147abc;}
.AY_SB_mainproduct_R2{ width:75%;}
.AY_SB_mainproduct_R2 h2{ font:14px/20px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', 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 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', 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 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#333; margin-top:35px;}
.AY_SB_quantity2 select{ width:60px; height:30px; border:1px #d9d9d9 solid; font:14px/30px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', 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 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', 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 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', 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:35%; padding-left:18px; text-align:left;}
.AY_ShoppingCart_BOX2 .AY_SC_Bottom_R{ float:right; width:65%; padding-right:168px; text-align:right;}
.AY_SC_Bottom_L ul li{ font:14px/30px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', 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 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', 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 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', 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 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#ff7200;}
.AY_SC_Bottom_R ul li h3{ font:15px/40px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', 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;}
.AY_SC_Bottom_Btn ul li{ float:right;}
.AY_btn_checkout input{ display:block; width:140px; height:40px; background:url(images/kerrygo_symbol/btn_next_step.png) left top no-repeat; cursor:pointer; border:0; margin-right:10px;}
.AY_btn_continuebuy input{ display:block; width:140px; height:40px; background:url(images/kerrygo_symbol/btn_back_shopping.png) left top no-repeat; cursor:pointer; border:0; margin-right:10px;}
.AY_btn_checkout input:hover,.AY_btn_continuebuy input:hover{ background-position:left bottom;}

/*購物車第二步驟*/
.AY_btn_getcoupon{ width:100px; height:25px; font:14px/25px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', 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{ font:13px/18px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#147abc;}
.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 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', 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:48px; text-align:right;}
.AY_SC_Bottom_R_1 ul li h5{ font:15px/40px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#333;}
.AY_SC_Bottom_R_1 ul li h5 span{ margin-left:15px; color:#e9589a;}
.AY_SC_Bottom_R_1 ul li p{ font:13px/18px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#ff7200;}
.AY_SC_Bottom_R_1 ul li h3{ font:15px/40px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', 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 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#333; background:#f6f6f6;}
.AY_img_ordersuccess{ width:282px; height:152px; margin:0 auto; background:url(images/kerrygo_symbol/img_shoppingcart_auccess.gif) left top no-repeat; text-indent:-9999px; margin-bottom:20px;}
.AY_SC_OrderDetail{ font:14px/45px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', 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:140px; height:40px; background:url(images/kerrygo_symbol/btn_print.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 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#333; background:#FFF; border: 1px solid #eaeaea;}
.AY_SC_BonusEnter_title{ font:15px/45px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', 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;}

/*========== 頁碼(通用) ==========*/
.AF_b_page{ width:100%; height:80px; text-align:center;}
ul.AF_pageBox{ display:inline-block;}
ul.AF_pageBox li{ float:left;}
li.AF_page_prev a, li.AF_page_next a{ display:block; padding:0 15px; border:#e5e5e5 1px solid; font:13px/35px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; text-decoration:none; color:#b38b81;}
li.AF_page_prev a:hover, li.AF_page_next a:hover{ display:block; padding:0 15px; border:#e5e5e5 1px solid; font:13px/35px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; text-decoration:none; color:#999; background:#efefef;}
li.AF_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:#b38b81;}
li.AF_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:#999; background:#efefef;}
li.AF_c_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:#999; background:#efefef;}
li.AF_page_break{ font:15px/35px Arial, Helvetica, sans-serif; color:#555; margin:0 10px;}

/*JOO商品列表*/
.AY_product250_box{ max-width:230px; position:relative; margin:0 auto; padding:15px; background-color:#fff;}
/*.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:198px; height:198px; overflow:hidden; position:relative;}
.AY_product250_img > a{ display:block; width:198px; height:198px; position:absolute; left:0; top:0;}
.AY_product250_img img{ width:100%; height:auto; transition:all 0.3s ease-out;}
.AY_product250_box:hover{  background:none;background-color:#fff;}
.AY_product250_box:hover .AY_product250_img img{ transform:scale(1.1);}

.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{ display:block; width:100%; font:14px/35px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#333; height:40px; overflow:hidden; text-align:center;}
.AY_product250_name a{ font:14px/35px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#333;}
.AY_product250_name a:hover{ font:14px/35px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#54565b;}
.AY_product250_price{ width:100%;}
.AY_product250_price li{ float:right; font-family:Arial, Helvetica, sans-serif; line-height:35px;}
.AY_product250_price li.AY_product250_price_L{ width:35%; color:#999; font-size:13px; text-decoration:line-through; text-align:right;}
.AY_product250_price li.AY_product250_price_R{ width:65%; color:#e9589a; font-size:20px; text-align:left;}
.AY_product250_price li.AY_product250_price_R span{ font-size:18px;}

/*===== joo_style05版型 =====*/
/* ==== 版頭 ==== */
.bp_TopBox{ max-width:1200px; width:100%; min-width:1200px; margin:0 auto; position:relative; height:132px;}
.bp_TopBox .bp_TopLogo{ position:absolute; left:-182px; top:0; z-index:9999; width:552px; height:234px;background:url(logo_bg01.png) no-repeat 0 0;}
.bp_TopBox .bp_TopLogo a{ display:block; width:190px; height:198px; margin:0 auto;}
.bp_TopBox .bp_TopLogo a img{ width:190px; height:198px;}
.bp_TopBox .bp_TopLogo_bg{ position:absolute; left:-182px; top:0; z-index:1; width:552px; height:234px;background:url(logo_bg.png) no-repeat 0 0;}
.bp_TopMenuBox{ width:100%; height:70px;}

/* 左邊－搜尋 */
.bp_TopSearch{ position:absolute; right:15px; top:14px;}
.bp_TopSearch > li{ float:left;}
.bp_TopSearch01{ width:225px; height:29px; background:url(bp_TopSearchBar.png) left top no-repeat;}
.bp_TopSearch01 input{ float:left; background:none; border:0;}
.bp_TopSearch01 input.bp_TopSearch01_1{ display:block; width:158px; height:29px; font:13px/29px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#999; padding:0 3px 0 10px;}
.bp_TopSearch01 input.bp_TopSearch01_2{ display:block; width:67px; height:29px; text-indent:-9999px; cursor:pointer; }
.bp_TopSearch02{ font:13px/30px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; padding-right:10px;}
.bp_TopSearch02 span{ font:13px/30px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#81292d; font-weight:bold;}
.bp_TopSearch02 a{ font:13px/30px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#959595; margin:0 3px;}
.bp_TopSearch02 a:hover{ color:#959595; text-decoration: underline;}


/* 中間－選單 */
.bp_TopMenu{ position:absolute; left:363px; top:14px;}
.bp_TopMenu > li{ float:left; margin-right:10px; padding-left:16px;}
.bp_TopMenu > li > a{font:13px/29px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#333333;}
.bp_TopMenu > li > a:hover{ color:#81292d;}
.bp_TopMenu li.bp_TopMenu01 { background:url(bp_TopIcon_lock.png) no-repeat 0 50% ;}
.bp_TopMenu li.bp_TopMenu03 { background:url(bp_TopIcon_user.png) no-repeat 0 50%;}
.bp_TopMenu li.bp_TopMenu04 { background:url(bp_TopIcon_fb.png) no-repeat 0 50%;}
.shopping_cartbox{ position:absolute;width:177px; height:34px;right:15px; top:53px; z-index:9999;}


/* 主選單 */

.bp_MainMenu{ height:25px; position:absolute; left:348px; top:62px;}
.bp_MainMenu > li{ float:left; padding:0 15px; border-left:1px dotted #000; }
.bp_MainMenu > li:first-child{ border-left:0;}
.bp_MainMenu > li a{ font:16px/25px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#744b4d; }
.bp_MainMenu > li a:hover{ color:#000;}
/*
@media screen and (max-width:1024px) {
.bp_TopBox{ width:1004px;}
.bp_TopBanner{ display:none;}
.bp_MainHome a{ display:none;}
.bp_MainMenubg_R,.bp_MainMenubg_L{ display:none;}
.bp_TopMenu{ top:65px;}
.bp_MainMenu{ top:95px;}
}*/

/*===== joo_style05版型(end) =====*/

/* 下拉購物車 */
.top_cart{ height:50px; border: 0 !important;}
.top_cart > a{ border-bottom: 2px solid #cacaca;}
.MemMenu_Cart{ width:405px; border:#b1b1b1 1px solid; border-top: 0; background:#fff; position:absolute; top:30px; right:0px; padding:5px; z-index:998; display:none;}
.MemMenu_Product{ border-bottom:#dbdbdb 1px dotted; margin-bottom:5px; padding:5px 0;}
.MemMenu_Product li{ float:left; padding-left:0; margin-left:0 !important;} 
.MemMenu_Product li.Cart_Pimg{ width:50px; height:auto;}
.MemMenu_Product li.Cart_Pimg a{ display:block; width:50px; height:50px; font-size: 14px !important; line-height: 24px !important; border-bottom: 0!important;}
.MemMenu_Product li.Cart_Pimg a img{ width:100%; height:auto;}
.MemMenu_Product li.Cart_Pname{ width:300px; margin:0 10px;}
.MemMenu_Product li.Cart_Pname h2{ display:block; width:200px; height:36px; overflow:hidden; font:13px/18px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#555; text-align:left;}
.MemMenu_Product li.Cart_Pname h2 a{ font-size: 13px !important; line-height: 18px !important; color:#555; border-bottom: 0 !important;}
.MemMenu_Product li.Cart_Pname h2 a:hover{ font:13px/18px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif !important; color:#00a5a8; text-decoration:none; background-color:#FFF;}
.MemMenu_Product li.Cart_Pname p{ font:13px/18px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#e9589a;text-align:left;}
.MemMenu_Product li.Cart_Pname p span{ margin-left:5px;}
.MemMenu_Product li.Cart_Pdelete{ width:14px; padding-top:15px;}
.MemMenu_Product li.Cart_Pdelete a{ display:block; width:14px; height:15px; background:url(Kg_Top_MemMenuIcon_X.png) left top no-repeat; text-indent:-9999px; border-bottom: 0!important;}
.MemMenu_Product li.Cart_Pdelete a:hover{ display:block; width:14px; height:15px; background:url(Kg_Top_MemMenuIcon_X.png) left bottom no-repeat;}
.MemMenu_Product_total{ text-align:right; margin-top:10px;color:#FFF;}
.MemMenu_Product_total p{ font:13px/18px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#555;}
.MemMenu_Product_total p span{ margin-left:5px; color:#e9589a;}
.MemMenu_Product_total a:link,.MemMenu_Product_total a:visited{ margin-top:10px; float:right; display:block; width:60px; height:30px; text-align:center; font:13px/30px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#0066FF; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#595758; text-decoration:none; padding-left:0; border-bottom: 0 !important; font-size: 13px !important; line-height: 30px !important; color: #fff !important;}
.MemMenu_Product_total a:hover,.MemMenu_Product_total a:active{ float:right; display:block; width:60px; height:30px; text-align:center; font:13px/30px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#FFF; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#595758; text-decoration:none; border-bottom: 0 !important; font-size: 13px !important; line-height: 30px !important; color: #fff !important; }

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

/* 會員中心*/
.AF_MemberLitemContent01{border:#c5c5c5 1px solid;}

/* 主題連結&訊息公告 */
.joo_icon_dot{ width:20px; height:30px; background:url(joo_icon_dot.png) left center no-repeat;}

h2.page_title{ height:65px; text-align:center; font-size:24px; color:#3e3e3e; margin:30px 0; font-weight:normal;}
h2.page_title span{ display:block; font-size:16px; color:#a5a5a5;}

h3.Page_PSort_title{ border:0;}
.Page_PSort_title > a:hover{ background: #595758; color: #fff;}


/* 商品列表 */
@media screen and (max-width:1208px) {.AY_product250_box{ max-width:210px; padding:10px;}
.AY_product250_img,.AY_product250_img > a{ width:187px; height:187px;}}
	
/*}*/
/* 首頁-商品輪播元件 */
.jooshop252_itemBox{ width:1200px; margin:0 auto; padding:15px; background:#FFF; margin-bottom:15px;}
.jooshop252_Limg{ width:150px; height:150px; float:left;}
.jooshop252_Limg img{ display:block; width:100%; height:auto;}
.jooshop252_Rproduct{ margin-left:170px;}
div.indexmaindiv{height:150px;margin:0px auto;width:1006px;}
/*div.indexmaindiv div.playerstyles{width:168px;height:44px;background:url('../images/playstyles.png') no-repeat;}*/
div.indexmaindiv1{ overflow:hidden;}
div.indexmaindiv1 div.stylesgoleft{float:left;width:12px;height:20px;margin:65px 5px 0px 0px;cursor:pointer;}
div.indexmaindiv1 div.stylesgoright{float:left;width:12px;height:20px;margin:65px 0px 0px 5px;cursor:pointer;}
div.maindiv1{float:left;width:960px;height:150px;overflow:hidden;position:relative;}
div.maindiv1 ul{position:absolute;left:0;top:0;}
div.maindiv1 ul li{float:left;width:150px;height:150px;margin:0 5px;}
/*@media screen and (max-width:1070px) {
.search>input.search-input{
	width: 130px}	}

@media screen and (max-width:1024px) {
.jooshop252_itemBox{ width:1004px;}	
.jooshop252_Rproduct{ margin-left:153px;}
div.indexmaindiv{height:150px;margin:0px auto;width:835px;}
div.maindiv1{ width:800px;}
	
}*/
/*=========YGG共用元件電腦版CSS=========*/
.btn_send_new input{ background-color:#595758;width: 150px;height: 45px;font: 18px/40px 微軟正黑體, Arial, Helvetica, sans-serif;color: #FFF;}
.btn_send_new input:hover{ background-color:#706e6f;}
.AY_Saleproduct200_price{ text-align:left; font-size:35px; margin-bottom:10px;}
.AY_btn_saleStatus_ok a:link,.saleInfo .addbtn a{ background:#595758;}
.AY_btn_saleStatus_ok a:hover,.saleInfo .addbtn a:hover{ background:#706e6f;}
.AY_btn_saleStatus a{ background:#bcc3c8; cursor:default;}
.AY_Saleproduct200_name{ display:block; width:100%; font:15px/20px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#333; height:40px; overflow:hidden; margin-top:10px; text-align:left;}
.AY_Saleproduct200_name a:link, .AY_Saleproduct200_name a:visited{ font:15px/20px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#0066FF;}
.AY_Saleproduct200_name a:hover, .AY_Saleproduct200_name a:active{ font:15px/20px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#0066FF;}
.btn_send_new.jooshop_btn_color {padding-top: 20px;}
/* JOO商品顏色共用 */
h2.jooPC_name a{ color:#333;}/*商品名*/
h2.jooPC_name a:hover{ color:#666;}/*商品名hover*/
.jooPC_word{ color:#999;}/*商品說明*/
.jooPC_price01{ color:#fb8eb6 !important;}/*商品特惠價*/
.jooPC_price02{ color:#999 !important;}/*商品原價*/


@media screen and (max-width: 1208px){
.jooshop251_fbfans{ float: none; width: 100%; height: auto; display: none; }
}

/*客製元件用*/
/*it416*/
.item_416{ max-width:1200px;}
.item_416 .it416_news{max-width:880px;}

/*it421*/
.it421_tab > ul{ display:none;}
.it421_option_r h2 a{ color:#595758;}
.it421_box .it421_option > ul > li{ border-bottom: 1px solid #595758;}
.it421_option_r span{ text-align:left;}
.it421_option_r span a{ color:#595758;}

/*it422*/
.it422_top_r01 > h2{ color:#595758;}
.it422_top_r01 > h2 > .it422_topimg1{ border: solid 6px #eaeaea;}
.it422_box .it422_top .it422_top_r > div.it422_top_r02 > ul > li > a{border: solid 5px #f2f2f2;}

/*it423*/
.it423_box{ background: #e4e4e4; border:1px solid #c2c2c2;}
.it423_box input.it423_01{ background:none;}
.it423_box input.it423_02{ background:url(icon_search.svg) center center no-repeat; background-size: 20px auto;}

/*it424*/
.it424_box ul li.it424_02 input{ border:1px solid #595758;}
.it424_box ul li.it424_03 input{ background: #595758;}
.it424_box ul li.it424_03 input:hover{ background: #47708b;}

/*價格顏色*/
.lock_sellBox > ul > li .thumb .ui_pprice_e,.addon-highlight .addprobox .detail .highLight,.AY_C_article span.prod_price{ color:#e9589a;}
.lock_sellBox > ul > li .thumb .ui_pname a:hover,.addon-highlight .addprobox .detail .prod_name a:hover{ color:#666;}
.alladdbox, .saleInfo{ text-align:left;}
.highLight{ color:#e9589a !important;}

/* 253 */
.productItem253_list li{ padding: 0 20px;}
.productItem253_btnL{ background:url(icon_arrow2.svg) left top no-repeat; background-size:60px auto;}
.productItem253_btnR{ background:url(icon_arrow2.svg) right top no-repeat; background-size:60px auto;}

/*公用copyright*/
.joo_normal_cr{ width:100%; height: auto; padding:40px 0; background: #fde6ee;}
.joo_normal_cr .joo_menu{ width:1200px; padding: 0 15px; margin: 0 auto; position: relative;}
.joo_normal_cr .joo_menu > ul{ float: left; margin-right: 80px;}
.joo_normal_cr .joo_menu > ul > li > h5{ font:15px/20px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#222; margin-bottom:10px; font-weight: bold;}
.joo_normal_cr .joo_menu > ul > li > a{ font:14px/25px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#555;}
.joo_normal_cr .joo_menu > ul > li > a:hover{ color:#222;}
.joo_normal_cr .joo_menu > ul.menu_sort{ width:680px;}
.joo_normal_cr .joo_menu > ul.menu_sort li:nth-child(1){ display:block; width: 100%;}
.joo_normal_cr .joo_menu > ul.menu_sort li{ float:left; display: block; width: 25%;}

.joo_normal_cr .joo_bottom_btn{ position:absolute; right: 15px; bottom:0; width: 141px; height: 32px;}
.joo_normal_cr .joo_bottom_btn ul li{ float:right; margin-left: 12px;}
.joo_normal_cr .joo_bottom_btn ul li a{ display:block; width: 32px; height: 32px;}
.icon-bottom_phone,.icon-bottom_email,.icon-bottom_fb{ width:32px; height: 32px; fill:#a8a8a8; transition:all .2s;}
.icon-bottom_phone:hover,.icon-bottom_email:hover,.icon-bottom_fb:hover{ width:32px; height: 32px; fill:#8e8e8e;}

.joo_normal_cr2{ background:#fb8eb6; width: 100%; font:13px/30px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; color:#fff; text-align: center;}

/*546*/
.it546_select select{ height:40px;}
.it546, .it546_2{ padding-top:15px;}
.it546_form .it546_input input, .it546_form .it546_select select, .it546_form .it546_select2 select{ border:1px solid #888;}
.it546_select{ height:auto!important;}
.it546_form a {width: 120px;height: 40px;background-color: rgba(98, 46, 183, 1);display: inline-block;color: #fff;line-height: 40px;text-align: center;border-radius: 5px;margin-top: 20px;}
.it546_form a:link, .it546_form a:visited {color: #fff;}
.it546_form .it546_btn {text-align: center;}
.it546_2 { background-color: #f3d0f1 !important;}

/*it454*/
.item_454box{ margin:0 auto;}
.item_454box .item_454{ max-width:990px;}
.item_454 .item_454data ul li{ padding:0 15px; margin-bottom:10px;}
.item_454 .item_454data ul li .item_454data_box{ padding:0; max-width:300px; margin:0 auto; }
.item_454 .item_454data ul li .item_454data_box:hover{ background:none;}
.item_454 .item_454data ul li .item_454data_box .item_454data_box2 h3{font-size:18px; padding:0; margin:12px 0 5px 0; height:28px; color:#e583a7; font-weight:normal;}
.item_454 .item_454data ul li .item_454data_box .item_454data_box2 h3 a{ font-size:18px; color:#e583a7;font-weight:normal;}
.item_454 .item_454data ul li .item_454data_box .item_454data_box2 p{ height:56px;}
.item_454 .item_454data ul li .item_454data_box .item_454data_box2 a.item_454_more{ display:none;}
/*it416*/
.item_416 .it416_news{max-width:960px;}
.item_416 .it416_newsbox{ padding:0 8px;}
.it416_content .owl-controls .owl-prev{ left:60px;background:url(icon_arrow2.svg) left top no-repeat;}
.it416_content .owl-controls .owl-next{ right:60px;background:url(icon_arrow2.svg) right top no-repeat;}
/*it417*/
.it417_box{ margin-bottom:45px;}
/*it562*/
.it_562box{ width:1200px; margin:0 auto; margin-bottom:25px; font-family:'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif;}
.it_562box .it_562left_time{ float:left; width:300px; height:330px; position:relative; padding:38px 20px;}
.it_562box .it_562left_time .it_562_title01{ font-size:28px; line-height:32px; text-align:center; color:#000; padding:9px 0; font-weight:normal; letter-spacing:2px;background:url(clock-circular-outline.svg) no-repeat 30px 50%; background-size:24px; padding-left:30px;}
.it_562box .it_562left_time .it_562_title02{ font-size:56px; line-height:56px; text-align:center; color:#fff; padding:9px 0; font-weight:bold; letter-spacing:2px;}
.it_562box .it_562left_time .it_562_title03{ font-size:20px; line-height:20px; text-align:center; color:#000; padding:9px 0; font-weight:normal; position:relative;}
.it_562box .it_562left_time .it_562_title03:after{content:""; width:75px; height:1px; background:#000; position:absolute; right:5px; top:19px;}
.it_562box .it_562left_time .it_562_title03:before{content:""; width:75px; height:1px; background:#000; position:absolute; left:5px; top:19px;}
.it_562box .it_562left_time .it_562_timebox01{ font-size:28px; text-align:center; color:#000; line-height:50px; padding:8px 0;}
.it_562box .it_562left_time .it_562_timebox01 span{ display:inline-block; width:65px; height:50px; margin:0 5px; background:#000; color:#fffb86;}
.it_562box .it_562left_time .it_562_timebox02{ font-size:24px; text-align:center; line-height:24px; padding:2px 0;}
.it_562box .it_562left_time .it_562_timebox02 span{ display:inline-block; width:65px; margin:0 9px; color:#fff;}
.it_562box .it_562left_time .arrowbox{ position:absolute; right:-10px; top:49%; width:0; height:0; border-style: solid;border-width: 18px 0 18px 20px;z-index:2;}
.it_562box .it_562right_banner{ margin-left:300px; height:330px; overflow:hidden;}
.it_562_ADbannerBox{ width:100%;}
.it_562_ADbanner{ width:100%; margin:0 auto; position:relative; height:330px;}
.it_562_ADbannerBox .flexslider{ overflow:hidden;}
.it_562_ADbannerBox .slides{ position:relative; z-index:1;}
.it_562_ADbannerBox .slides li img{ width:100%; height:auto;}
.it_562_ADbannerBox .flex-control-nav{ position:absolute; height:25px; bottom:0; z-index:2; width:100%; text-align:center;}
.it_562_ADbannerBox .flex-control-nav li{ display:inline-block; width:12px; height:12px; margin:0 2px; *display:inline; zoom:1;}
.it_562_ADbannerBox .flex-control-nav a{ display:inline-block; width:12px; height:12px; overflow:hidden; background:#fff; border-radius:100%; cursor:pointer; background: #fff; border: 1px solid #e5e5e5; text-indent: -9999px;}
.it_562_ADbannerBox .flex-control-nav .flex-active{ background:#8b8b8b; border: 1px solid #8b8b8b;}
.it_562_ADbannerBox .flex-direction-nav{ display:none; position:absolute; z-index:3; width:100%; top:50%; margin-top:-15px;}
/*倒數計時放在商品頁*/
.detail_timebox{font-family:'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; margin-bottom:20px;}
.detail_timebox .detail_timebox_title01{ font-size:20px; line-height:20px; text-align:left; color:#ff6b6b; padding:9px 0; font-weight:normal; background:url(clock-circular-outline01.svg) no-repeat 5px 50%; background-size:24px; padding-left:35px;}
.detail_timebox .detail_timebox_timebox01{ font-size:20px; text-align:left; color:#000; line-height:40px; padding:8px 0;}
.detail_timebox .detail_timebox_timebox01 span{ display:inline-block; text-align:center; width:45px; height:40px; margin:0 5px; background:#000; color:#fffb86;}

/*newpass*/
.flex_center, #back2top, #menu_btn i, #menu_block, #header .head_title, #backLink, #news_detail .share_block .share_item, #video_block628 .lightgallery_group, #video_block628 .lightgallery_group .lightgallery_item, #match_block .category_block .search_block .search_btn, .match_group, .match_group .match_item .match_action, .match_group .match_item .match_action .atction_item, .match_group .match_item .match_info .match_category, .pagination .pagination_block, .pagination .pagination_block button, .pagination .pagination_total, .press_group .press_item .download_block .download_btn, .contact_block .contact_group, .my_block .my_title, .my_block .agree_radio, .my_block .agree_radio .checkmark, .my_block .login_form #form, .my_block .login_form #form .form_left .form_item .form_title, .my_block .login_form #form .form_left .form_item .with-errors, .my_block .form_link, .option_group .option_item, .forum_group .forum_item button, .event_group .event_item .event_left, .event_group .event_item .event_left .event_date, .event_group .event_item .event_left .event_title, #my_reservation .reservation_block, #my_reservation .reservation_block .reservation_head .reservation_title, #my_reservation .reservation_block .reservation_head .time_title, #my_reservation .reservation_block .reservation_body .body_item .reservation_title, #my_reservation .reservation_block .reservation_body .body_item .time_title, #my_reservation .reservation_remark {
    display: flex;
    display: -webkit-flex;
    display: -moz-webkit-flex;
    display: -webkit-flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    align-items: center;
}
#header {
    position: relative;
    width: 100%;
    height: 500px;
    min-height: 250px;
    overflow: hidden;
    background-size: 100% auto;
    background-repeat: repeat-x;
    box-sizing: content-box;
    background-image: url("0707_01-03top.jpg");
    /*background-image: url("01-03top.jpg");*//*0708更換這行*/
}
#header .slide_over.slide_color_8 {
    background: linear-gradient(0deg, transparent 0%, rgba(128,192,254,0.25) 30%, rgba(128,192,254,0.25) 70%, transparent 100%);
    background: -moz-linear-gradient(0deg, transparent 0%, rgba(128,192,254,0.25) 30%, rgba(128,192,254,0.25) 70%, transparent 100%);
    background: -webkit-linear-gradient(0deg, transparent 0%, rgba(128,192,254,0.25) 30%, rgba(128,192,254,0.25) 70%, transparent 100%);
    background: -o-linear-gradient(0deg, transparent 0%, rgba(128,192,254,0.25) 30%, rgba(128,192,254,0.25) 70%, transparent 100%);
    background: -ms-linear-gradient(0deg, transparent 0%, rgba(128,192,254,0.25) 30%, rgba(128,192,254,0.25) 70%, transparent 100%);
}
/*#header .slide_over {
    width: 15%;
    position: absolute;
    left: -15%;
    top: 0;
    height: 100%;
    z-index: 0;
    -webkit-animation-name: slide_animation;
    -webkit-animation-duration: 1s;
    animation-name: slide_animation;
    animation-duration: 1s;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}*/

#header .slide_over{
       width: 15%;
    position: absolute;
    left: -15%;
    top: 0;
    height: 100%;
    z-index: 0;
    -webkit-animation-name: slide_animation;
    -webkit-animation-duration: 1s;
    animation-name: slide_animation;
    animation-duration: 1s;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
@keyframes slide_animation{
	
	0%{left: -15%;}

100%{left: 100%;}
	
}


#header .slide_over.slide_color_2{
	background: linear-gradient(0deg, transparent 0%, rgba(255,191,127,0.25) 30%, rgba(255,191,127,0.25) 70%, transparent 100%);
    background: -moz-linear-gradient(0deg, transparent 0%, rgba(255,191,127,0.25) 30%, rgba(255,191,127,0.25) 70%, transparent 100%);
    background: -webkit-linear-gradient(0deg, transparent 0%, rgba(255,191,127,0.25) 30%, rgba(255,191,127,0.25) 70%, transparent 100%);
    background: -o-linear-gradient(0deg, transparent 0%, rgba(255,191,127,0.25) 30%, rgba(255,191,127,0.25) 70%, transparent 100%);
    background: -ms-linear-gradient(0deg, transparent 0%, rgba(255,191,127,0.25) 30%, rgba(255,191,127,0.25) 70%, transparent 100%);
}
#header #index_link {
    height: 100%;
    max-width: 52%;
    min-width: 300px;
    /*margin-top: -20px;*/
    display: block;
}
#header #index_link #main_logo {
    width: 100%;
    max-width: 100%;
}
#header .head_title {
    position: absolute;
    top: 0;
    right: 20vw;
    width: 23vw;
    height: 23vw;
    min-width: 150px;
    min-height: 150px;
    transform: rotate(45deg);
    background: linear-gradient(45deg, #3b122a 5%, #4e1838 90%);
    background: -moz-linear-gradient(45deg, #3b122a 5%, #4e1838 90%);
    background: -webkit-linear-gradient(45deg, #3b122a 5%, #4e1838 90%);
    background: -o-linear-gradient(45deg, #3b122a 5%, #4e1838 90%);
    box-shadow: 1px -1px 10px rgba(0,0,0,0.25);
    overflow: hidden;
    z-index: 2;
	justify-content: center;
    display: flex;
	align-items: center;
}
#header #index_link #main_logo img{vertical-align: middle;}
#header .head_title .Header_logo {
	padding: 150px 80px;
	transform: rotate(-45deg);
}
#header .head_title .title_text {
    padding: 30px;
    transform: rotate(-45deg);
    color: #FFF !important;
    text-align: left;
	font-size: 60px !important;
	font-family:'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif !important;
}
#header .head_title .title_text a {
	display: block;
	color: #FFF !important;
	font-size: 36px !important;
	font-family:'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif !important;
	font-weight: bold;
	text-decoration:none;
	line-height:normal;
}
#header .head_title .title_text .title_cht {
    font-size: 60px;
}
#header .head_title .title_text .title_eng {
    font-size: 26px;
}
#header .trigle_2 {
    position: absolute;
    right: -28vw;
    bottom: 0;
    width: 28vw;
    height: 28vw;
    overflow: hidden;
    transform: skewX(-45deg);
    transform-origin: 100% 0;
    background-color: #ab7494;
    min-width: 150px;
    min-height: 150px;
}
#header .trigle_2 .trigle_3 {
    position: absolute;
    left: 0;
    top: 0;
    width: 15vw;
    height: 15vw;
    min-width: 75px;
    min-height: 75px;
    background-color: #4b1945;
}
#header .trigle_2 .trigle_4 {
    position: absolute;
    right: -2vw;
    top: 15vw;
    width: 15vw;
    height: 15vw;
    min-width: 75px;
    min-height: 75px;
    background-color: #F3CFF1;
}
#header .trigle_2 .trigle_5 {
    position: absolute;
    left: -30vw;
    bottom: -17vw;
    width: 30vw;
    height: 30vw;
    min-width: 187.5px;
    min-height: 187.5px;
    overflow: hidden;
    transform: skewX(62.5deg);
    transform-origin: 100% 0;
	text-align: center;
}
#header .trigle_2 .trigle_5 img {
    position: absolute;
    top: -5vw;
    width: auto;
    height: 100%;
    transform: skewX(-42.5deg);
    transform-origin: inherit;
	    text-align: center;
}
.menu_btn {
	position: fixed;
    width: 0;
    height: 0;
    border-left: 11vh solid transparent;
    border-right: 11vh solid transparent;
    border-top: 12vh solid rgba(98, 46, 183, 1);
    top: 0;
	left:unset;
	right: 22vh;
    z-index: 10;
    font-size: 5vh;
    color: #fff;
    text-align: center;
    cursor: pointer;
    transition: .5s;
    opacity: 1;
}
.all_scart_top .cart_step .font_color_01 {border-bottom:4px solid rgba(98, 46, 183, 1);}
.all_scart_top .cart_step .font_color_01:after { background-color:rgba(98, 46, 183, 1);}
.jooshop_step_color span{color:rgba(98, 46, 183, 1);}
.font_color_01, .poM_memberPrompt h6 { color:rgba(98, 46, 183, 1);}
a.leftmenu_home{ display:block; height:50px; font:14px/50px 'Noto Sans',微軟正黑體,Microsoft Jhenghei,tohoma,arial,simsun,sans-serif; color:#666; background:url(home.svg) no-repeat 0px center; text-decoration:none; padding-left:30px; background-size: 20px;}
a.leftmenu_home:hover{ text-decoration:none;}
.leftmenu_search{ width:100%; height:40px; border-radius: 40px; background: #fff7f8; margin: 0 auto;}
.leftmenu_search li{ float:left;}
.leftmenu_search li.search_keyword{ width:95%; height:40px;}
.leftmenu_search li.search_keyword input{ width:100%; height:40px; border:0;font:15px/40px 'Noto Sans',微軟正黑體,Microsoft Jhenghei,tohoma,arial,simsun,sans-serif; color:#3f3a39; padding:0 30px; background:none; text-align:left;}
.leftmenu_search li.search_btn{ width:5%; height:40px;}
.leftmenu_search li.search_btn input{ width:100%; height:40px; border:0; background:url(search_icon.svg) no-repeat 50% 50%; cursor:pointer; background-size: 24px;}
.leftmenu_search li.search_btn input:hover{ width:100%; height:40px; border:0; background:url(search_icon.svg) no-repeat 50% 50%; cursor:pointer; background-size: 24px;}
.disscroll{overflow-y:hidden;position:fixed;}
.m_breadCrumbs .breadCrumbs2, .m_breadCrumbs .breadCrumbs2 a { position: relative; z-index: 1; max-width: 1600px; margin: 20px auto; font-weight: bold; font-size: 18px; line-height: 1.5; color:#313131; width: unset;}
.main .location a:hover { color: rgba(98, 46, 183, 1);}
.font_color_02 { color:#fff;}
.it546_form_title::after { background:rgba(98, 46, 183, 1);}
.m_breadCrumbs .breadCrumbs2 ol li:first-child { padding-left: unset;}
.m_breadCrumbs { border: unset;}

@media screen and (max-width:1680px) {
.m_breadCrumbs .breadCrumbs2, .m_breadCrumbs .breadCrumbs2 a {
	max-width: 1200px
}
#header .head_title .Header_logo {
    padding: 100px 30px;
}
}
@media screen and (max-width:1350px) {
}
@media screen and (max-width:940px) {
.leftmenu_search li.search_keyword{ width:90%;}
.leftmenu_search li.search_btn{ width:10%;}
}
@media screen and (max-width:560px) {
.leftmenu_search li.search_keyword{ width:85%;}
.leftmenu_search li.search_btn{ width:15%;}
#index .item_450_rtitle { width:300px; height:137px; margin:auto;}
}

@media (max-width: 1600px){
#header,#header #index_link {
    height: auto;
}
	
}
@media (max-width: 1200px){
#header {
    height: auto;
}
}
@media (max-width: 850px){
#header {
    height: auto;
	padding-bottom: 75px;
}
#header #index_link {
    margin: 0 auto;
    max-width: 90%;
}
#header #index_link #main_logo {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    height: auto;
}
#header .head_title {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 85px;
    min-height: auto;
    transform: rotate(0deg);
    box-shadow: none;
    background: none;
    background-color: #381128;
}
#header .head_title .Header_logo {
    padding:0;
	transform: none;
	text-align:center;
}
.menu_btn {
    top: 5px;
    border: none !important;
    width: 50px;
    height: 50px;
    background-color: rgba(98, 46, 183, 1);
}
}
@media (max-width: 600px){
#header .trigle_2 {
    display: none;
}
}

/*it20*/
.AF_Member_LoginPage.aa { display:none;}
.newmember_lbox { margin:0; text-align:left;}
.newmember_box { width:auto;}
.AF_Member_LoginPage_left { background-color:rgba(98, 46, 183, 1); padding:20px 30px; max-width:1600px; width: 480px; display:block; margin: 0 auto;}
.AF_Member_Login_bt, .loginother { width:770px;}
.AF_Member_Login_R_left { width:auto; padding:0;}
.AF_Member_Login_R_left input { width:auto;  background: rgba(30, 0, 80, 1); text-indent: unset; color: #fff;}
.my_block .my_head {
	max-width:1400px;
	margin:0 auto
}
.my_block .next_btn {
	border:2px solid #fff;
	color:#fff;
	margin:10px;
	min-width:150px;
	padding:10px;
	text-align:center;
	font-size:16px;
transition:.5s;
	cursor:pointer;
	background-color:transparent;
	font-family:'Microsoft JhengHei', "Heiti TC", sans-serif, FontAwesome;
}
.my_block .next_btn:hover {
	background-color:rgba(98, 46, 183, 1);
}
.my_block .my_title {
	position:relative;
	border:1px solid #B9A3CA;
	color:#fff;
	width:auto;
	min-width:150px;
	padding:10px 20px;
	margin-right:20px;
	font-size:24px;
	line-height:24px;
	text-align:center;
	display:inline-block;
}
.my_block .my_title .trigle_yellow {
	position:absolute;
	left:-1px;
	top:-1px;
	width:20px;
	height:20px;
	overflow:hidden;
transition:.5s;
}
.my_block .my_title .trigle_yellow .fill_color {
	top:0;
	left:-200%;
	position:absolute;
	width:200%;
	height:200%;
	transform:skewX(-45deg);
	background-color:#FDEB25;
}
.my_block .my_title .trigle_white {
	position:absolute;
	height:50%;
	width:50%;
	background-color:#806997;
	right:-3px;
	bottom:-3px;
	z-index:0;
transition:.5s;
}
.my_block .my_title .title_text {
	position:relative;
	z-index:1;
}
.my_block .my_desc {
	color:#FEF9B7;
	font-size:18px;
	line-height:normal;
	margin-top:10px;
	display:inline-block;
	vertical-align:bottom;
}
.my_block .login_form {
	width:100%;
	max-width:800px;
	margin:10px auto
}
.my_block .login_form #form, .my_block .login_form #form1, .my_block .login_form #form2, .my_block .login_form #form3, .my_block .login_form #form4 {
	font-size:16px;
}
.my_block .form_left {
	width:80%;
	margin-right:5px;
	float:left;
}
.my_block .form_left .form_item {
	margin:5px 0;
	position:relative;
}
.my_block .form_left .form_item .form_title {
	width:40%;
	background-color:#E5E2EB;
	text-align:center;
	height:65px;
	line-height:65px;
	overflow:hidden;
	font-size:18px;
	font-weight:bold;
	color:#666;
	float:left;
}
.my_block .form_left .form_item input {
	width:60%;
	height:65px;
	line-height:65px;
	border:none;
	padding:0 10px;
	font-size:30px;
	float:left;
}
.my_block .form_left .form_item select {
	width:60%;
	height:65px;
	line-height:65px;
	border:none;
	padding:0 10px !important;
	font-family:'Microsoft JhengHei', "Heiti TC", sans-serif, FontAwesome;
	font-size:30px;
	height:90px;
}
.AF_Member_LoginContent_left {
	padding:0;
	background:none;
}
.my_block .form_right {
	width:calc(20% - 5px);
	float:right;
	margin-top:5px;
}
.my_block .form_right button {
	font-family:'Microsoft JhengHei', "Heiti TC", sans-serif, FontAwesome;
	letter-spacing:1px;
	display:block;
	width:100%;
	height:205px;
	background-color:#8D76A4;
	border:none;
	font-size:20px!important;
	color:#fff;
	box-shadow:1px 1px 5px rgba(0, 0, 0, 0.25);
	cursor:pointer;
transition:.5s;
}
.my_block .form_right button:hover {
	background-color:rgba(98, 46, 183, 1);
	box-shadow:none;
}
ul.AF_Member_LoginBox_left { padding:0;}
.AF_Member_LoginBox_left li { padding:0;}
.login_authimg { position:absolute; right:5px; top:18px;}
.my_block .form_link {
	width:100%;
	margin:10px auto;
}
.my_block .form_link .link_item {
	font-family:'Microsoft JhengHei', "Heiti TC", sans-serif, FontAwesome;
	border:2px solid #fff;
	color:#fff;
	margin:10px;
	min-width:150px;
	padding:10px 30px;
	text-align:center;
	font-size:18px;
	transition:.5s;
	cursor:pointer;
	background-color:transparent;
	line-height:1.1;
	letter-spacing:1px;
	display:block;
}
.my_block .form_link .link_item:hover {
	background-color:rgba(98, 46, 183, 1);
}
.AF_Member_Login_bt li { border:none; padding:0 5px;}
.AF_Member_Login_bt, .loginother { width:100%; color:#FFF; font-size: 18px; padding-bottom:0;}
.login_note { color:#FFF; font-size: 14px; text-align:center; padding-bottom:10px;}
.MemberLogin_newbox { text-align:center;}
@media (max-width: 1200px) {
.my_block .my_title {
font-size:32px;
}
.my_block .my_desc {
font-size:18px;
display: inline-block;
}
.my_block .form_left, .my_block .login_form #form .form_right {
width:100%;
}
.my_block .form_left {
margin-right:0;
float:none;
}
.my_block .form_left .form_item .form_title {
width:35%;
height:65px;
line-height:65px;
font-size:20px;
}
.my_block .form_left .form_item input {
width:65%;
height:65px;
line-height:65px;
border:none;
padding:0 10px;
font-size:20px;
}
.my_block .form_left .form_item select {
width:65%;
height:65px;
line-height:65px;
border:none;
font-size:20px;
}
.login_authimg {top: 15px;}
.my_block .form_right {
height:75px !important;
width:100%;
float:none;
}
.my_block .form_right button {
font-size:20px !important;
height:75px !important;
line-height:25px;
padding:10px 0;
}
}

/*it567*/
.signUp.has { color:#333 !important;}
.signUp.yes { color:rgba(98, 46, 183, 1) !important;}
.signUp.no { color:#ba0000 !important;}
.signUp.label { display:inline-block; color:#FFF !important; line-height:normal; padding:5px 15px;}
.signUp.has.label { background-color:#333;}
.signUp.yes.label { background-color:rgba(98, 46, 183, 1);}
.signUp.no.label { background-color:#ba0000;}

/*it19*/
.AF_MemberLitem_listnow { height:auto; padding-left:10px;}
ul.AF_MemberLitem_list li a, ul.AF_MemberLitem_list li a:hover { height:auto; font: 15px/30px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; padding:5px 15px;}

/*it16*/
.all_scart_top .eng_step { font-size:12px;}
.all_scart_top .cart_step li { line-height:15px;}
.all_scart_top .cart_step li:first-of-type .eng_step { margin-left:-35px;}
.all_scart_top .cart_step li:last-of-type .eng_step { margin-left:12px;}

/*it17*/
.it17_phone_in input[type="button"] { width:100px;}
.it17_th { display:inline-block; text-align:right; line-height:22px; vertical-align:middle; margin-right:5px;}
.it17_phone_in input[type="text"] { width: 120px; margin-right: 5px; height: 30px;}

/*press_download*/
.fa-download:before {display: none;}
.press_group .press_item .download_block .download_btn { background-image: url(download.png); background-size: 20px; background-repeat: no-repeat; background-position: center;}

/*button樣式*/
button {
    font-family: 'Microsoft JhengHei',"Heiti TC", sans-serif, FontAwesome;
    letter-spacing: 1px;
    display: block;
    border: none;
}
/**/
.flex_start, #menu_block .menu_group, #menu_block .menu_group .menu_item, #header, .main .photo_group, #news_block .news_group, #match_block .category_block, #match_block .category_block .search_block, .match_group .match_item, .match_group .match_item .match_info, .match_group .match_item .match_info .info_block, .my_block .login_form #form .form_left .form_item, .forum_group .forum_item, .forum_group .forum_item .forum_date, .forum_group .forum_item .forum_main .forum_title, .forum_group .forum_item .forum_main .main_item, .forum_group .forum_item .forum_main .main_item .main_time, .forum_group .forum_item .forum_main .main_item .main_text .text_presenter, .event_group .event_item, .event_group .event_item .event_right .event_desc, .match_text .match_text_item, #my_reservation .reservation_block .reservation_body, #my_reservation .reservation_remark .remark_item, #my_forum .my_forum_group .my_forum_item { display: flex; display: -webkit-flex; display: -moz-webkit-flex; display: -webkit-flex;
    justify-content: flex-start; -webkit-justify-content: flex-start; -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; align-items: center;}
.flex_center, #back2top, #menu_btn i, #menu_block, #header .head_title, #backLink, #news_detail .share_block .share_item, #video_block628 .lightgallery_group, #video_block628 .lightgallery_group .lightgallery_item, #match_block .category_block .search_block .search_btn, .match_group, .match_group .match_item .match_action, .match_group .match_item .match_action .atction_item, .match_group .match_item .match_info .match_category, .pagination .pagination_block, .pagination .pagination_block button, .pagination .pagination_total, .press_group .press_item .download_block .download_btn, .contact_block .contact_group, .my_block .my_head, .my_block .my_title, .my_block .agree_radio, .my_block .agree_radio .checkmark, .my_block .login_form #form, .my_block .login_form #form .form_left .form_item .form_title, .my_block .login_form #form .form_left .form_item .with-errors, .my_block .form_link, .option_group .option_item, .forum_group .forum_item button, .forum_group .lng_choose, .event_group .event_item .event_left, .event_group .event_item .event_left .event_date, .event_group .event_item .event_left .event_title, #my_reservation .reservation_block, #my_reservation .reservation_block .reservation_head .reservation_title, #my_reservation .reservation_block .reservation_head .time_title, #my_reservation .reservation_block .reservation_body .body_item .reservation_title, #my_reservation .reservation_block .reservation_body .body_item .time_title, #my_reservation .reservation_remark {
    display: flex; display: -webkit-flex; display: -moz-webkit-flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; align-items: center;}
/**/
.register_btn i.icon-05 { background-image: url(icon_btn_arrow.svg); width: 25px; height: 25px; background-position: center; background-size: cover;}
.icon-05:before { display: none; }

/*元件552*/
.it552_box .it552_list > ul > li { width: calc(25% - 40px); margin: 15px;}
.it552_box .it552_list > ul > li .it552_style{box-shadow: 1px 1px 20px rgba(0,0,0,0.5); background-color: #fff; border: 5px solid #fff; transition: .5s; cursor: pointer;}
.it552_box .it552_list > ul > li .it552_style:hover { box-shadow: unset;border-color: #FF4079;}
.it552_filter_content, .it552_box { max-width: 100%;}
.it552_classify { display: block; background-color: unset; color: #313131; text-align: right; font-size: 18px; margin: 10px 10px 5px; padding: unset; font-weight: 400;}
.it552_word a:link, .it552_word a:visited, .it552_word a:hover, .it552_word a:focus { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: unset; text-align: left; margin-bottom: 10px; font-size: 20px; font-weight: bold; color: #0066FF;}
.it552_word {height: 160px;}
.it552_style:hover { border: unset;}
.it552_style { width: 100%; padding: unset; border: unset;}
.it552_style .view_all { font-size: 25px; text-decoration: underline; text-align: right; padding: 10px 20px; transition: .5s;}
.it552_style:hover .view_all { background-color: #FF4079; color: #fff;}
select#select_sort { display: none;}
.it552_filter .it552_filter_select { width: 230px; height: 42px;text-align: center; color: rgba(98, 46, 183, 1); border-color: rgba(98, 46, 183, 1); font-size: 16px; font-weight: bold; border-width: 2px; display: block;}
.it552_style a{ width: 100%; height: 183px;}
.it552_style img{ width: 100%; height: 100%; object-fit: contain;}
@media (max-width: 1600px){
	.it552_box .it552_list > ul > li { width: calc(33% - 26px);}
	.it552_box .it552_list > ul > li .it552_style{ max-width: 360px; margin: 0 auto;}
}

/*元件553*/
section.it553 { width: 100%;}
.it553_title { margin-bottom: unset;}
.it553_title h5 { width: 100%; height: auto; display: block;position: unset; background: unset;}
.it553_title > ul > li:nth-child(1) { float: unset; text-align: center;}
.it553_title > ul > li:nth-child(2) span, .it553_title > ul > li:nth-child(2) a, .it553_title > ul > li:nth-child(2) a:hover { text-align: right; font-size: 24px; display: inline; color: #313131; line-height: 1.2;position: unset;}
.it553_title > ul > li:nth-child(2) { text-align: right; padding: unset;}
.it553_box,.it553_imgbox {background: unset;border: unset;}
.it553_box{ padding: 30px 0;}
.it553_imgbox, .it553_detail { line-height: 1.5; max-width: 100%; margin: 0 auto;}
.it553_detail, .it553_detail p { font-size: 20px; line-height: 1.5;}
.it553_detail { margin-top: 145px; border-bottom: unset;padding: unset;}
.it553_title > ul > li h1, .it553_title > ul > li .it553_title_2 { font-size: 36px; font-weight: bold; text-align: center; margin: unset;}
#backLink:hover { background-color: rgba(98, 46, 183, 1); color: #fff;}
#backLink { width: 150px; color: rgba(98, 46, 183, 1); border: 1px solid rgba(98, 46, 183, 1); text-align: center; margin: 10px; margin-bottom: 20px; line-height: 1.5; font-size: 24px; transition: .5s; cursor: pointer; padding: 5px 10px;}
.socila_share { float: right;}
.socila_share ul li { display: inline-block; margin: 0 10px;}
.socila_share img { width: 43px;}

@media screen and (max-width: 1600px) {
    .it553_box { max-width: 1200px; }
}

/*商品詳細頁面*/
.Pdetail01_img { margin: 10px; width: calc(25% - 20px);}
.smart_PdatailPage { background-color: #806997; padding: 20px; max-width: 1200px; width: 100%; margin: 20px auto;}
.smart_Pdetail01.clearfix { background-color: rgba(255,255,255,0.75); padding: 20px 40px; margin-bottom: 5px;}

/*商品列表頁*/
.Store_PSearch_Top02.clearfix { display: none;}

/*元件613*/
.it613_search { background-color: unset; display: block; height: auto; padding: unset; margin-left: 10px; width: 98%;}
.it613_search select, .it613_search input { color: rgba(98, 46, 183, 1); border-color: rgba(98, 46, 183, 1)!important; font-size: 16px; border-width: 2px!important; height: 40px;border-radius: unset; border: 2px solid!important;}
.it613_search .search_R { width: 100%; text-align: left; border: unset;}
.search_R select { display: block; margin-top: 10px; margin-bottom: 10px; margin-left: unset;}
.it613_search .search_L a.search_btn { background-color: rgba(98, 46, 183, 1); border-radius: unset;}
.it613_search .search_L span.title { display: none;}
.it613_search .search_R select:last-of-type,.it613_search select { width: 220px; padding: 6px 5px;}
.it613_search input[type="text"] { padding: 6px 8px;}

/*it40分類標題*/
.it40_sort_intro {
    padding-left: 10px;
}

/*元件627*/
/* .news_block .link_group,.news_block .link_group .link_item .desc {splay: flex;splay: -webkit-flex;splay: -moz-webkit-flex;splay: -webkit-flex;stify-content: center;ebkit-justify-content: center;ebkit-flex-wrap: wrap;s-flex-wrap: wrap;oz-flex-wrap: wrap;ign-items: center;}
.news_block { position: relative; width: 100%;}
.news_block .yellow_trigle { position: absolute; top: 0; right: 20vh; width: 0; height: 0; border-left: 30vh solid transparent; border-right: 30vh solid transparent; border-top: 25vh solid #FFEA59;}
.news_block .left_trigle { position: absolute; top: 10vh; left: -20vh; width: 40vh; height: 40vh; transform: rotate(45deg); background-color: #F3D0F1; overflow: hidden;}
.news_block .left_trigle .photo_trigle { position: absolute; right: 8vh; top: -20vh; width: 40vh  height: 40vh; overflow: hidden; background-color: #fff; transform: rotate(-45deg);}
.news_block .left_trigle .photo_trigle img { position: absolute; top: 60px; right: 0; width: auto; height: 100%; transform-origin: inherit;}
.news_block #news_group {color: #313131;transform: skewX(30deg);transform-origin: inherit;padding: 10px;max-width: 1200px;width: 1200px;margin: 20px auto;transition: .5s;}
.news_block #news_group .news_title {transform: skewX(-30deg);font-size: 22px;font-weight: bold;text-align: left;line-height: 2;}
.news_block #news_group .news_title b {font-size: 36px;}
.news_block #news_group .line {width: 100%;height: 2px;border-radius: 2px;background: linear-gradient(0deg, rgba(98, 46, 183, 1) 5%, #FCFCFC 90%);background: -moz-linear-gradient(0deg, rgba(98, 46, 183, 1) 5%, #FCFCFC 90%);background: -webkit-linear-gradient(0deg, rgba(98, 46, 183, 1) 5%, #FCFCFC 90%);background: -o-linear-gradient(0deg, rgba(98, 46, 183, 1) 5%, #FCFCFC 90%);background: -ms-linear-gradient(0deg, rgba(98, 46, 183, 1) 5%, #FCFCFC 90%);}
.news_block #news_group .news_item {transform: skewX(-30deg);transition: .5s;cursor: pointer;font-weight: bold;color: #313131;font-size: 24px;padding: 10px 0;}
.news_block #news_group .news_item:hover {margin-left: -5px;color: rgba(98, 46, 183, 1);}
.news_block #news_group .news_item .item_date {margin-right: 10px;width: 20%;font-weight: 400;}
.news_block #news_group .news_item .item_desc {width: 75%;line-height: 1.5;text-align: left;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow: visible;overflow: hidden;}
.news_block #news_group .line {width: 100%;height: 2px;border-radius: 2px;background: linear-gradient(0deg, rgba(98, 46, 183, 1) 5%, #FCFCFC 90%);background: -moz-linear-gradient(0deg, rgba(98, 46, 183, 1) 5%, #FCFCFC 90%);background: -webkit-linear-gradient(0deg, rgba(98, 46, 183, 1) 5%, #FCFCFC 90%);background: -o-linear-gradient(0deg, rgba(98, 46, 183, 1) 5%, #FCFCFC 90%);background: -ms-linear-gradient(0deg, rgba(98, 46, 183, 1) 5%, #FCFCFC 90%);}
.news_block #news_group .news_more { display: block; transform: skewX(-30deg); font-size: 24px; color: #566988; text-align: right; transition: .5s; cursor: Pointer; font-weight: 700;}
.news_block .link_group { width: 90%; margin: 20px auto; margin-top: 40px; color: #937EAF;}
.news_block .link_group .link_item { line-height: 1.5; background-color: #fff; position: relative; border: 2px solid #937EAE; padding: 20px; font-weight: bold; letter-spacing: unset; min-width: 250px; cursor: pointer; transition: .5s; color: #937EAE; margin: 20px;}
.news_block .link_group .link_item .link_arrow { position: absolute; top: -10px; left: -10px; width: 50px; height: 50px; overflow: hidden; transition: .5s;}
.news_block .link_group .link_item .link_arrow .fill_color {top: -100%;left: -100%;position: absolute;width: 200%;height: 200%;transform: skewX(-45deg);}
.news_block .link_group .link_item:hover .link_arrow {top: -15px;left: -15px;}
.news_block .link_group .link_item .text {font-size: 22px;text-align: center;}
.news_block .link_group .link_item .desc {font-size: 26px;text-align: center;}
.news_block .link_group .link_item .desc i {transition: .5s;font-size: 26px;margin-left: 5px;}@media (max-width: 1500px) {
.news_block #news_group { transform: skewX(0deg);}
.news_block #news_group .news_title { transform: skewX(0deg);}
.news_block .yellow_trigle, .news_block .left_trigle { display: none; }
.news_block #news_group .news_item { transform: skewX(0deg);}}
@media (max-width: 800px) {
	.news_block #news_group .news_title { font-size: 18px;}
    .news_block #news_group .news_item,.news_block #news_group .news_more { font-size: 16px;transform: skewX(0deg); }
}
@media (max-width: 500px) {
	.news_block #news_group .news_item { line-height: 2;  padding: 5px;}
} */
/*頁面測試用_暫寫*/#item_627 .main_content_no_center {max-width: 100%;}

/*元件628*/
video { width: 100%;}
.video_block628{ margin-top: 50px; padding: 40px 0; width: 100%;}
.video_block628 .video_main #video_group  { display: flex; display: -webkit-flex; display: -moz-webkit-flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; align-items: center;width: 100%;}
.video_block628 .video_main { position: relative; width: 100%; max-width: 1600px; margin: 0 auto; padding: 15px 25px 30px; background: rgba(194,227,240,.7);}
.video_block628 .video_main .video_title {position: absolute;top: -85px;left: 0;color: #654581;font-weight: bold;width: 100%;text-align: center;margin: 0 auto;line-height: 1.2;}
.video_block628 .video_main .video_title .title_cht {font-size: 48px;}
.video_block628 .video_main #video_group .video_item628 {display: block;max-width: 25%;padding: 10px;transition: .5s;text-decoration: none;margin: 10px 0;flex-grow: 0;flex-shrink: 0;flex-basis: 1;}
.video_block628 .video_main #video_group .video_item628 img {width: 100%;transition: .5s;}.video_block628 .video_main #video_group .video_item628 .item_text {font-size: 14px;color: #313131;text-align: left;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;transition: .5s;text-overflow: visible;overflow: hidden;}
/* more */
.video_block628 .video_main .link_item {display: block;position: relative;padding: 20px 0;font-weight: 500;letter-spacing: 1px;max-width: 250px;cursor: pointer;transition: .5s;color: #937EAE;margin: 10px auto 0;font-size: 26px;background-color: #fff;border: 2px solid #937EAE;line-height: 1.2;}
.video_block628 .video_main .link_item .link_arrow {position: absolute;top: -10px;left: -10px;width: 50px;height: 50px;overflow: hidden;transition: .5s;}
.video_block628 .video_main .link_item .link_arrow .fill_color {top: -100%;left: -100%;position: absolute;width: 200%;height: 200%;transform: skewX(-45deg);}
.video_block628 .video_main .link_item:hover .link_arrow {top: -15px;left: -15px;}
.it628_box_listbox{ width:100%; height:40px; overflow: hidden;}
.it628_box_listbox a,.it628_box_listbox h3 {font-size: 15px; color: #000; text-align: left; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: .5s; text-overflow: visible; overflow: hidden;line-height: 20px; font-weight: 600;}
.it628_outer{ width:100%;}
.it628{ width:100%; min-width: 1200px;}
.it628 .it628_box_out{ width:25%; float:left; padding: 10px;}
.it628 .it628_box_out a{display: block; overflow: hidden;}
.it628 .it628_box_out a img{ transition: all .3s;}
.it628 .it628_box_out a:hover img{ transform: scale(1.1);}
.it628 .it628_box{ height: auto; margin: 10px auto; padding: 10px; background-color: #fff;}
.it628 .it628_box .it628_box_title{ width:100%; margin-bottom:25px; height:70px; overflow:hidden;}
.it628 .it628_box .it628_box_title img{ display:block; height:70px; margin:0 auto;}
.it628 .it628_box .it628_box_tobe{ margin:0 auto 8px; width:100%; height:260px; position:relative; border:1px solid #e9ebee;}
.it628_box_content{ width:100%; height: 36px; overflow: hidden;}
.it628_box_content,.it628_box_content a:link,.it628_box_content a:visited { font-size: 13px; line-height: 18px; color: #0066FF; text-decoration: none;}
.it628_box_content a:hover,.it628_box_content a:active { font-size: 13px; line-height: 18px; color: #8bcd0b; text-decoration: none;}
.video_block628 .text { text-align: center;}
.video_block628 .video_title{ height: 80px;}
.video_block628 .video_title .title_cht h3 {font-size: 25px; font-weight: 700; color: #000; text-align: center; padding: 9px 0px; position: relative;}
.video_block628 .video_title .title_cht h3::before { content: ""; position: absolute; bottom: 0px; left: 0; right: 0; height: 5px; border-radius: 10px; background: #F74C82;}
@media (max-width: 1600px) {
	.video_block628 .video_main {min-width: 100%;}
	.it628 { min-width: 100%;}
	.it628 .it628_box .it628_box_tobe { height: auto;}.it628_box_tobe img {width: 100% !important;height: auto;}
}
@media (max-width: 800px) {
	.video_block628 .video_main #video_group { padding: 0; width: 100%;}
    .video_block628 .video_main { padding: 30px 10px;}
    .video_block628 .video_main #video_group .video_item628 { max-width: 50%;}
    .video_block628 .video_main .link_item { max-width: 100%; margin: 20px;}
}

/*元件629*/
video { width: 100%;}
.video_block629 .video_main #video_group  {  display: flex; display: -webkit-flex; display: -moz-webkit-flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; align-items: center;}
.video_block629 { background-size: auto 135%, cover; background-repeat: repeat-x, no-repeat; background-position: center center, center center; width: 100%;}
.video_block629 .video_main { position: relative; width: 100%; max-width: 1600px; margin: 0 auto; padding: 50px 50px; padding-bottom: 50px; background: linear-gradient(45deg, rgba(180, 207, 228, 0.5) 30%, rgba(194, 227, 240, 0.5) 70%); background: -moz-linear-gradient(45deg, rgba(180, 207, 228, 0.5) 30%, rgba(194, 227, 240, 0.5) 70%); background: -webkit-linear-gradient(45deg, rgba(180, 207, 228, 0.5) 30%, rgba(194, 227, 240, 0.5) 70%); background: -o-linear-gradient(45deg, rgba(180, 207, 228, 0.5) 30%, rgba(194, 227, 240, 0.5) 70%);}
.video_block629 .video_main .video_title {position: absolute;top: -85px;left: 0;color: #654581;font-weight: bold;width: 100%;text-align: center;margin: 0 auto;line-height: 1.2;}
.video_block629 .video_main .video_title .title_cht {font-size: 48px;}
.video_block629 .video_main #video_group {background: #fff;padding: 10px;width: 100%;}
.video_block629 .video_main #video_group .video_item629 {display: block;max-width: 25%;padding: 10px;transition: .5s;text-decoration: none;margin: 10px 0;flex-grow: 0;flex-shrink: 0;flex-basis: 1;}
.video_block629 .video_main #video_group .video_item629 img {width: 100%;transition: .5s;}
.video_block629 .video_main #video_group .video_item629 .item_text {font-size: 14px;color: #313131;text-align: left;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;transition: .5s;text-overflow: visible;overflow: hidden;}
.it629_box_listbox > h3 {font-size: 14px; color: #313131; text-align: left; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: .5s; text-overflow: visible; overflow: hidden;line-height: 28px; height: 24px;}
.video_block629{background-repeat: no-repeat;background-position: center center;background-size: cover;}
.it629_outer{ width:100%;}
.it629{ width:100%; min-width: 1200px;}
.it629 .it629_box_out{ width:25%; float:left; margin-bottom: 10px;}
.it629 .it629_box{ height: auto; margin: 10px auto; padding: 10px}
.it629 .it629_box .it629_box_title{ width:100%; margin-bottom:25px; height:70px; overflow:hidden;}
.it629 .it629_box .it629_box_title img{ display:block; height:70px; margin:0 auto;}
.it629 .it629_box .it629_box_tobe{ margin:0 auto; width:100%; height:260px; position:relative; border:1px solid #e9ebee;}
.it629_box_listbox{ width:100%; height: auto;}
.it629_box_listbox > h3 > span { color: #868686; margin-left: 5px; font-weight: normal;}
.it629_box_content{ width:100%; height: 36px; overflow: hidden;}
.it629_box_content,.it629_box_content a:link,.it629_box_content a:visited { font-size: 13px; line-height: 18px; color: #0066FF; text-decoration: none;}
.it629_box_content a:hover,.it629_box_content a:active { font-size: 13px; line-height: 18px; color: #8bcd0b; text-decoration: none;}
@media (max-width: 800px) {
    .video_block629 .video_main #video_group { padding: 0; width: 100%;}
    .video_block629 .video_main { padding: 30px 10px;}
    .video_block629 .video_main #video_group .video_item629 { max-width: 50%;}
    .video_block629 .video_main .link_item { max-width: 100%; margin: 20px;}
}
.year_group select:not([multiple]),.category_group select:not([multiple]) {-webkit-appearance: none;-moz-appearance: none;background-position: right 50%;background-repeat: no-repeat;background-image: url(icon_select_arrow.png);padding: 6px 5px;padding-right: 1.5em;border-radius: 0;}
.year_group,.category_group {width: 230px;height: 42px;}
.year_group select,.category_group select {vertical-align: top;width: 100%;height: 100%;text-align: center;color: rgba(98, 46, 183, 1);border-color: rgba(98, 46, 183, 1);font-size: 16px;font-weight: bold;border-width: 2px;height: 40px;}
.filter_group {margin-bottom: 30px;}
@media (max-width: 1600px) {
	.video_block629 .video_main {min-width: 100%;}
	.it629 { min-width: 100%;}
	.it629 .it629_box .it629_box_tobe { height: auto;}.it629_box_tobe img {width: 100% !important;height: auto;}
}
@media (max-width: 800px) {
	.video_block629 .video_main #video_group { padding: 0; width: 100%;}
    .video_block629 .video_main { padding: 30px 10px;}
    .video_block629 .video_main #video_group .video_item629 { max-width: 50%;}
    .video_block629 .video_main .link_item { max-width: 100%; margin: 20px;}
}

/*20190927 241表單元件*/
.it241_box table.table_column_desc {
    width: 760px;
}
.it241_box table.table_column_desc td {
    border: 1px solid #e4ebeb;
    padding: 10px;
}
.agreement {
    background-color: #eef5f5;
    padding: 10px;
}
.it241_box a:link, a:visited {
    color: #0066FF;
    text-decoration: underline;
}
.it241_column span.inputFrame.ie-hack {
    width: 280px !important;
    margin-right: 20px;
}


/*631元件樣式*/
.main_block {position: relative;z-index: 1;max-width: 1600px;margin: 30px auto;font-size: 20px;font-weight: 400;}
.press_group {background-color: rgba(0,0,0,0.05);padding: 20px;}
.press_group .press_item {border-bottom: 1px solid gray;transition: .5s;padding: 10px;line-height: 1.5;}
.press_group .press_item .press_title {font-size: 24px;color: #613f73;margin: 5px 0;font-weight: bold;}
.press_group .press_item .press_desc {font-size: 18px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: visible;overflow: hidden;}
.press_group .press_item .download_block {margin: 10px 0;align-items: center;display: -webkit-flex;-webkit-justify-content: flex-end;}
.fa, .fas {font-weight: 900;}
.fa-download:before {content: "\f019";}   
.fa {-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;} 
.press_group .press_item .download_block .download_btn {display: block;border: none;box-shadow: none;color: #fff;background-color: #16A3B7;width: 35px;height: 35px;font-size: 16px;border-radius: 3px;box-shadow: 1px 1px 5px rgba(0,0,0,0.5);cursor: pointer;margin-right: 10px;transition: .3s;}
.press_group .press_item .download_block .press_date {color: #999;font-size: 16px;}


/*632元件樣式*/
.it632 .category_group {width: 230px;height: 42px; padding: 0 20px;}
.it632 .category_group select {vertical-align: top;width: 100%;height: 100%;text-align: center;color: rgba(98, 46, 183, 1);border-color: rgba(98, 46, 183, 1);font-size: 16px;font-weight: bold;border-width: 2px;height: 40px;}
.it632 .category_group select:not([multiple]) {-webkit-appearance: none;-moz-appearance: none;background-position: right 50%;background-repeat: no-repeat;background-image: url(icon_select_arrow.png);padding: 6px 5px;padding-right: 1.5em;border-radius: 0;}
.it632 #video_block .max_width {max-width: 1600px;width: calc(100% - 100px);margin: 20px auto;padding: 50px;background: -moz-linear-gradient(90deg, rgba(180, 207, 228, 0.5) 70%, rgba(194, 227, 240, 0) 100%);background: -webkit-linear-gradient(90deg, rgba(180, 207, 228, 0.5) 70%, rgba(194, 227, 240, 0) 100%);background: -o-linear-gradient(90deg, rgba(180, 207, 228, 0.5) 70%, rgba(194, 227, 240, 0) 100%);background: -ms-linear-gradient(90deg, rgba(180, 207, 228, 0.5) 70%, rgba(194, 227, 240, 0) 100%);}
.it632 #video_block .lightgallery_group {padding: 10px;width: 100%;background-color: #fff;}
.it632 .imglist img {width: auto !important;height: auto;}
.it632 .imglist a:link,sited {width: calc(25% - 20px);height: 305px;display: flex;justify-content: center;align-items: center;background: #ffffff;overflow: hidden; margin: 10px;padding: 10px;}
.it632 p.imglist {flex-wrap: wrap;display: flex;width: 100%;}
.it632 .warpper_page.normal_item11BOX.item_frame_line {max-width: 1600px;margin: 0 auto;}
.it632 .category_group select:not([multiple]) {
    background-color: #fff;
}
@media screen and (max-width: 1440px) {
	.it632 .imglist a:link,sited {height: 255px;}

}
@media screen and (max-width: 1240px) {
	.it632 .imglist a:link,sited {height: 205px;}

}
@media screen and (max-width: 768px) {
	.it632 #video_block .max_width {max-width: 100%;padding: 50px 10px;}
    .it632 .imglist a:link,a:visited {  width: 100% !important;  height: auto !important;  margin: 10px auto;}
}

/*item449*/
.item_449box .item_449 .item_449data {
    width: 100%;
    height: 800px;
}
.item_449box .item_449 {
    width: 100%;
}
.it449_arrow_L {
    left: 20px;
}
.it449_arrow_R {
    right: 20px;
}
.item_449box {
	padding-top: unset;
}

/*687*/
.it687_filter_content{ max-width: 100%; text-align: left;}
.it687_filter .it687_filter_select { width: 230px; height: 42px;text-align: center; color: #000; border-color: #999; font-size: 16px; font-weight: bold; border-width: 2px; display: inline-block;}
.it687_box{ padding-top:20px}
.it687_box ul li{ margin-bottom: 30px;}
.it687_box ul li .it687_item{ max-width: 280px; width: 280px; margin: 0 auto; text-align: center; padding:15px; border:0; background:none;}
.it687_box ul li .it687_item .it687_item_img{ margin-bottom: 10px;}
.it687_box ul li .it687_item .it687_item_img a{ border:2px solid #999999; width: 250px; height:250px; display: flex; justify-content: center; align-items: center; background: #fff;}
.it687_box ul li .it687_item .it687_item_img img{ width: auto!important; height: auto; max-width: 220px; max-height: 220px;}
.it687_box .it687_item_name a{ font-size: 20px; color:#000; font-weight: bold;}
.it687_box .it687_item_name a:hover{ font-size: 20px; color:#111;}

.it40_menubox{ display: none;}

/* 2023 */
/* header */
.futuretech2023_header{background-color: rgba(98, 46, 183, 1); width: 100%; min-width: 1200px; height: 60px; padding:10px 20px; /*position: relative;*/ position: fixed; top: 0; z-index: 99;}
#header{ margin-top: 120px;}
.right-logout-tw{ right: 160px;}
.right-login-tw{ right: 225px;}
.right-logout-us{ right: 160px;}
.right-login-us{ right: 325px;}
.futuretech2023_header .mg_MainMenu{position: absolute; bottom: 0; width: 100%; max-width: calc(100% - 650px);}
.futuretech2023_header .mg_MainMenu > ul{ display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 0; width: 100%; justify-content: end;}
/* logo */
.futuretech2023_header .header_logo{ display:block; width: 163px; height: 40px; position: absolute; left: 200px; top:10px; margin: 0;}
.futuretech2023_header .header_logo a{display: block;}
.futuretech2023_header .header_logo a img{ display:block; width: 100%; height:auto;}
/* 會員註冊/登入/登出 */
.futuretech2023_header .header_mem{ position: absolute; top: 11px; right:20px; color:#fff; font-size: 20px; font-weight: bold; line-height: 20px; border:1px solid #937EAE; padding:8px 15px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-image: url(header_user.svg); background-position: 10px center; background-size: 20px; background-repeat: no-repeat; padding-left: 40px;}
.futuretech2023_header .header_mem a{color:#fff; font-size: 20px; font-weight: 500; line-height: 20px;}
/* menu */
/* 第一層 */
.futuretech2023_header .mg_MainMenu > ul > li { position: relative;margin-left: 1%;}
.futuretech2023_header .mg_MainMenu > ul > li > a { font-size: 20px; font-weight: bold; color: #fff; display: block; padding:10px 10px 18px 10px; text-align: center; letter-spacing: .5px;}
.futuretech2023_header .mg_MainMenu > ul > li:hover .menu_open{ visibility: visible; opacity: 1; transition: all .5s;}

/* 第二層 */
.futuretech2023_header .menu_open{ position:absolute; opacity: 0;  visibility: hidden; left:0; top:52px; width: 250px; z-index: 999; background-color: rgba(98, 46, 183, 0.8); padding: 15px 0;}
.futuretech2023_header .menu_open_in li a { position: relative; display: block; font:bold 20px/25px 'Noto Sans TC', 'Microsoft JhengHei', 'Roboto', sans-serif; padding: 12px 10px 12px 34px; width: 100%; cursor: pointer; text-decoration: none; color: #fff; text-align: left; transition:all .3s;}
.futuretech2023_header .menu_open_in li a:hover{ padding: 12px 10px 12px 45px; background: rgba(30, 0, 80, 1); transition:all .3s; color: #EBCC29;}
.futuretech2023_header .menu_open_in li a:before{ margin: auto; position: absolute; left: 20px; top: 50%; margin-top: -2.5px; content: ''; display: block; width: 5px; height: 5px; transition: all .3s;}
.futuretech2023_header .menu_open_in li a:hover:before{ height: 30px; top: 50%; margin-top: -15px; transition: all .3s;}
.futuretech2023_header .menu_open01{ display:none; width:200px;position: absolute; background: rgba(255, 255, 255, 1); z-index: 998;  padding-top:15px; border:1px solid #ddd; border-top:0; top:55px;}
.futuretech2023_header .menu_open01 .menu_open_in01 li{ display:block; width: 100%; padding:0 5px; font-size:14px; line-height:16px; text-align:center; color:#666;}
.futuretech2023_header .menu_open01 .menu_open_in01 li a{ display:block; width: 100%; font-size:14px; line-height:16px;margin-bottom:14px; color:#666;}
.futuretech2023_header .menu_open01 .menu_open_in01 li:hover a{ color:#fb8eb6;}

/*展開選單點點顏色*/
.futuretech2023_header .menu_open_in li:nth-child(1) a:before{ background-color: rgba(255, 75, 75, 1);}/*紅色*/
.futuretech2023_header .menu_open_in li:nth-child(2) a:before{ background-color: rgba(255, 137, 51, 1);}/*橘色*/
.futuretech2023_header .menu_open_in li:nth-child(3) a:before{ background-color: rgba(255, 222, 50, 1)}/*黃色*/
.futuretech2023_header .menu_open_in li:nth-child(4) a:before{ background-color: rgba(65, 255, 65, 1);}/*綠色*/
.futuretech2023_header .menu_open_in li:nth-child(5) a:before{ background-color: rgba(1, 86, 255, 1);}/*藍色*/
.futuretech2023_header .menu_open_in li:nth-child(6) a:before{ background-color: rgba(46, 229, 229, 1);}/*淺藍*/

/*語系*/
.futuretech2023_header .mg_MainMenu > ul > li:last-child > a{ padding: 10px 25px 18px 10px;}
.futuretech2023_header .mg_MainMenu > ul > li:last-child > a:before { content: ' '; width: 0; height: 0; border-style: solid; border-width: 8px 6px 0 6px; border-color: #ffffff transparent transparent transparent; display: inline-block; position: absolute; right:10px; top:44%; transform: translateY(-50%);}
.futuretech2023_header .mg_MainMenu > ul > li:last-child .menu_open_in li a:before{ display: none;}
.futuretech2023_header .mg_MainMenu > ul > li:last-child .menu_open { width: auto;}
.futuretech2023_header .mg_MainMenu > ul > li:last-child .menu_open .menu_open_in li a{ padding: 12px 10px;}

@media screen and (max-width: 1580px) {
	.futuretech2023_header .mg_MainMenu > ul > li > a,
	.futuretech2023_header .menu_open_in li a,
	.futuretech2023_header .header_mem a{ font-size: 18px;}
	.futuretech2023_header .mg_MainMenu > ul > li { margin-left: 1.3%;}
	.futuretech2023_header .mg_MainMenu{ max-width: calc(100% - 550px);}
	.right-login-tw{ right: 210px;}
	.right-logout-tw,.right-logout-us{ right: 140px;}
	.right-login-us{ right: 305px;}

}
@media screen and (max-width: 1420px) {
	.futuretech2023_header .mg_MainMenu > ul > li > a,
	.futuretech2023_header .menu_open_in li a,
	.futuretech2023_header .header_mem a{ font-size: 17px;}
	.futuretech2023_header .mg_MainMenu > ul > li > a{ padding: 10px 5px 18px 5px;}
	.futuretech2023_header .mg_MainMenu > ul > li { margin-left: 1.2%;}
	.right-logout-tw,.right-logout-us{ right: 140px;}
	.right-login-us{ right: 290px;}
}
@media screen and (max-width: 1320px) {
	.futuretech2023_header .mg_MainMenu > ul > li > a,
	.futuretech2023_header .menu_open_in li a,
	.futuretech2023_header .header_mem a{ font-size: 16px;}
	.futuretech2023_header .mg_MainMenu > ul > li { margin-left: 0.8%;}
	.right-login-us{ right: 280px;}

}
@media screen and (max-width: 1240px) {
	.futuretech2023_header .mg_MainMenu > ul > li > a,
	.futuretech2023_header .menu_open_in li a,
	.futuretech2023_header .header_mem a{ font-size: 15px;}
	.futuretech2023_header .mg_MainMenu > ul > li { margin-left: 0.5%;}

}

.set_PageNumberBox ul li{ font-size: 20px; color: #0066FF;}
td.SB_tablepaddingL10 input{ border: 1px solid #555; border-radius: 3px; margin-bottom: 3px;}
.SB_tableWstyle_1017{ margin-top: 0;}
.SB_MemberData select{ border: 1px solid #555; border-radius: 3px; padding: 3px 3px 3px 6px; margin-bottom: 3px;}
tr.authimg_str_tr a{ font-size: 15px; color: #222;}
/* item20 member_login*/
.AF_Member_LoginTitle_left{ color: #fff; background: none; text-align: center; padding: 10px 0;}
.jooshop_step_color span{ color: #fff !important; margin-right: 8px;}
li.input_notes{ color: #fff !important;}
.AF_attest_number a{ color: #fff; text-decoration: none !important;}
.AF_attest_number a:hover{ color: #fff; text-decoration: underline !important;}
.AF_Member_Login_R_left{ display: flex; justify-content: space-between;}
.AF_Member_Login_R_left input{ width: 360px; height: 50px; padding: 0 10px; margin: 5px 0;}
.AF_Member_Login_R_left .login_btn1, .AF_Member_Login_R_left .login_btn2{ font-size: 18px !important; text-align: center;}
.AF_Member_Login_R_left .login_btn1{ margin-right: 5px;}
.AF_Member_Login_R_left .login_btn2{ margin-left: 5px;}
.AF_Member_Login_bt li{ border-left: 1px solid #fff;}
.AF_Member_Login_bt li a{ color: #fff; text-decoration: none !important; margin-left: 5px;}
.AF_Member_Login_bt li a:hover{ text-decoration: underline !important;color: #fff;}
input[type="text"], input[type="password"], textarea{ border-radius: 3px; border: 1px solid #ccc; margin: 5px 0 !important;}

/*614*/
/*614*/
.it614 .it614_p > a{ width: 220px; height: 165px; display: flex; justify-content: center; align-items: center; background: #fff; margin-bottom: 0;}
.it614 .it614_p > a > img{ width: auto!important; height: auto; max-width: 220px; max-height: 165px; margin-bottom: 0;}

/*615*/
.it615_p > a{ width: 590px; height: 443px; display: flex; justify-content: center; align-items: center; background: #fff;}
.it615_p > a > img{ width: auto!important; height: auto; max-width: 388px; max-height: 291px;}


#index .FOR_MAIN{ padding-top:60px !important;}

/* 漂浮三角型 */
.anim-elements { position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden;}
.anim-elements .anim-element { position: absolute; width: 0; height: 0; border-style: solid;}
.anim-elements .anim-element:nth-child(1) {
	border-width: 0 65px 92px 65px;
	border-color: transparent transparent rgba(1, 86, 255, 0.3) transparent;
	bottom: 12%;
	left: 15%;
	animation: animTwo 13s infinite linear;
  
}
.anim-elements .anim-element:nth-child(2) {
	border-width: 0 40.5px 57px 40.5px;
	border-color: transparent transparent rgba(255, 75, 75, 0.2) transparent;
	bottom: 15%;
	right: 25%;
	transform: rotate(-99.851deg);
	animation: animOne 20s infinite linear;
}
.anim-elements .anim-element:nth-child(3) {
	border-width: 0 40.5px 57px 40.5px;
	border-color: transparent transparent rgba(65, 255, 65, 0.25) transparent;
	bottom: 15%;
	bottom: 20%;
	left: 30%;
	-webkit-animation: animFour 15s infinite linear alternate;
	animation: animFour 15s infinite linear alternate;
}
.anim-elements .anim-element:nth-child(4) {
	border-width: 0 40.5px 57px 40.5px;
	border-color: transparent transparent rgba(98, 46, 183, 0.6) transparent;
	bottom: 15%;
	right: 25%;
	-webkit-animation: animFive 15s infinite linear alternate;
	animation: animFive 15s infinite linear alternate;
}
.anim-elements .anim-element:nth-child(5) {
	border-width: 0 21px 29px 21px;
	border-color: transparent transparent rgba(255, 222, 50, 0.3) transparent;
	bottom: 30%;
	right: 25%;
	-webkit-animation: animFour 15s infinite linear alternate;
	animation: animFour 15s infinite linear alternate;
}

.anim-elements .anim-element:nth-child(6) {
	border-width: 0 65px 92px 65px;
	border-color: transparent transparent rgba(1, 86, 255, 0.3) transparent;
	top: 35%;
	right: 15%;
	animation: animOne 13s infinite linear;
  
}
.anim-elements .anim-element:nth-child(7) {
	border-width: 0 40.5px 57px 40.5px;
	border-color: transparent transparent rgba(255, 75, 75, 0.2) transparent;
	top: 40%;
	left: 5%;
	transform: rotate(-99.851deg);
	animation: animTwo 20s infinite linear;
}
.anim-elements .anim-element:nth-child(8) {
	border-width: 0 40.5px 57px 40.5px;
	border-color: transparent transparent rgba(65, 255, 65, 0.35) transparent;
	bottom: 15%;
	top: 22%;
	left: 45%;
	-webkit-animation: animFour 15s infinite linear alternate;
	animation: animFour 15s infinite linear alternate;
}
.anim-elements .anim-element:nth-child(9) {
	border-width: 0 40.5px 57px 40.5px;
	border-color: transparent transparent rgba(137, 94, 206, 0.25) transparent;
	top: 40%;
	right: 40%;
	-webkit-animation: animFive 30s infinite linear alternate;
	animation: animFive 30s infinite linear alternate;
}
.anim-elements .anim-element:nth-child(10) {
	border-width: 0 21px 29px 21px;
	border-color: transparent transparent rgba(255, 222, 50, 0.3) transparent;
	top: 45%;
	right: 25%;
	-webkit-animation: animThree 15s infinite linear alternate;
	animation: animThree 15s infinite linear alternate;
}
@keyframes animOne {
	0% {
	  transform: translate(0px, 0px) rotate(0deg);
	}
	20% {
	  transform: translate(73px, -1px) rotate(35deg);
	}
	40% {
	  transform: translate(141px, 72px) rotate(75deg);
	}
	60% {
	  transform: translate(83px, 122px) rotate(110deg);
	}
	80% {
	  transform: translate(-40px, 72px) rotate(145deg);
	}
	100% {
	  transform: translate(0px, 0px) rotate(0deg);
	}
}
  
@-webkit-keyframes animOne {
	0% {
	  -webkit-transform: translate(0px, 0px) rotate(0deg);
	}
	20% {
	  -webkit-transform: translate(73px, -1px) rotate(35deg);
	}
	40% {
	  -webkit-transform: translate(141px, 72px) rotate(75deg);
	}
	60% {
	  -webkit-transform: translate(83px, 122px) rotate(110deg);
	}
	80% {
	  -webkit-transform: translate(-40px, 72px) rotate(145deg);
	}
	100% {
	  -webkit-transform: translate(0px, 0px) rotate(0deg);
	}
}
  
@keyframes animTwo {
	0% {
	  transform: translate(0px, 0px) rotate(0deg) scale(1);
	}
	20% {
	  transform: translate(73px, -1px) rotate(36deg) scale(0.9);
	}
	40% {
	  transform: translate(141px, 72px) rotate(72deg) scale(1);
	}
	60% {
	  transform: translate(83px, 122px) rotate(108deg) scale(1.2);
	}
	80% {
	  transform: translate(-40px, 72px) rotate(144deg) scale(1.1);
	}
	100% {
	  transform: translate(0px, 0px) rotate(0deg) scale(1);
	}
}
  
@-webkit-keyframes animTwo {
	0% {
	  -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);
	}
	20% {
	  -webkit-transform: translate(73px, -1px) rotate(36deg) scale(0.9);
	}
	40% {
	  -webkit-transform: translate(141px, 72px) rotate(72deg) scale(1);
	}
	60% {
	  -webkit-transform: translate(83px, 122px) rotate(108deg) scale(1.2);
	}
	80% {
	  -webkit-transform: translate(-40px, 72px) rotate(144deg) scale(1.1);
	}
	100% {
	  -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);
	}
}
  
@keyframes animThree {
	0% {
	  transform: translate(165px, -179px);
	}
	100% {
	  transform: translate(-346px, 617px);
	}
}
  
@-webkit-keyframes animThree {
	0% {
	  -webkit-transform: translate(165px, -179px);
	}
	100% {
	  -webkit-transform: translate(-346px, 617px);
	}
}
  
@keyframes animFour {
	0% {
	  transform: translate(-300px, 151px) rotate(0deg);
	}
	100% {
	  transform: translate(251px, -200px) rotate(180deg);
	}
}
  
@-webkit-keyframes animFour {
	0% {
	  -webkit-transform: translate(-300px, 151px) rotate(0deg);
	}
	100% {
	  -webkit-transform: translate(251px, -200px) rotate(180deg);
	}
}
  
@keyframes animFive {
	0% {
	  transform: translate(61px, -99px) rotate(0deg);
	}
	21% {
	  transform: translate(4px, -190px) rotate(38deg);
	}
	41% {
	  transform: translate(-139px, -200px) rotate(74deg);
	}
	60% {
	  transform: translate(-263px, -164px) rotate(108deg);
	}
	80% {
	  transform: translate(-195px, -49px) rotate(144deg);
	}
	100% {
	  transform: translate(-1px, 0px) rotate(180deg);
	}
}
  
@-webkit-keyframes animFive {
	0% {
	  -webkit-transform: translate(61px, -99px) rotate(0deg);
	}
	21% {
	  -webkit-transform: translate(4px, -190px) rotate(38deg);
	}
	41% {
	  -webkit-transform: translate(-139px, -200px) rotate(74deg);
	}
	60% {
	  -webkit-transform: translate(-263px, -164px) rotate(108deg);
	}
	80% {
	  -webkit-transform: translate(-195px, -49px) rotate(144deg);
	}
	100% {
	  -webkit-transform: translate(-1px, 0px) rotate(180deg);
	}
}
/* 漂浮三角型-end */

/*文字粗細統一*/
.futuretech2023_header .mg_MainMenu > ul > li > a,
.futuretech2023_header .menu_open_in li a,
.news_block #news_group .news_title b,
.news_block #news_group .news_item .item_date, 
.news_block #news_group .news_item .item_desc,
.it884_default .link_item,
.news_block #news_group .news_more,
.video_block628 .video_title .title_cht,
.it628_box_listbox a, .it628_box_listbox h3,
.video_block628 .text,
.it1002_default .counter_item>div:first-child,
.it1002_default #counter .counter_item .item_num{ font-weight: 500!important;}

/* 後台上傳css搬到版型內0802 */
/*影片*/
#media_n17 .FOR_MAIN_box,
#media_n17activity .FOR_MAIN_box,
#media_n17tech .FOR_MAIN_box,
#media_n18 .FOR_MAIN_box,
#media_n18activity .FOR_MAIN_box,
#media_n18tech .FOR_MAIN_box,
#media_n19 .FOR_MAIN_box,
#media_n19activity .FOR_MAIN_box,
#media_n19tech .FOR_MAIN_box {
    max-width: 1600px;
    margin: 0 auto;
}

#media_n17 .normal_item11BOX,
#media_n17activity .normal_item11BOX,
#media_n17tech .normal_item11BOX,
#media_n18 .normal_item11BOX,
#media_n18activity .normal_item11BOX,
#media_n18tech .normal_item11BOX,
#media_n19 .normal_item11BOX,
#media_n19activity .normal_item11BOX,
#media_n19tech .normal_item11BOX {
    max-width: 1600px;
    margin: 0 auto;
}

.normal_item11BOX select {
    vertical-align: top;
    width: 100%;
    height: 100%;
    text-align: center;
    color: rgba(98, 46, 183, 1);
    border-color: rgba(98, 46, 183, 1);
    font-size: 16px;
    font-weight: bold;
    border-width: 2px;
    height: 40px;
}

.category_group {
    width: 230px;
    height: 42px;
}

.it543_outer {
    max-width: 1600px;
    width: calc(100% - 100px);
    margin: 20px auto;
    padding: 50px;
    background: linear-gradient(90deg, rgba(180, 207, 228, 0.5) 70%, rgba(194, 227, 240, 0) 100%);
    background: -moz-linear-gradient(90deg, rgba(180, 207, 228, 0.5) 70%, rgba(194, 227, 240, 0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(180, 207, 228, 0.5) 70%, rgba(194, 227, 240, 0) 100%);
    background: -o-linear-gradient(90deg, rgba(180, 207, 228, 0.5) 70%, rgba(194, 227, 240, 0) 100%);
    background: -ms-linear-gradient(90deg, rgba(180, 207, 228, 0.5) 70%, rgba(194, 227, 240, 0) 100%);
}

.it543.clearfix {
    padding: 10px;
    width: 100%;
    background-color: #fff;
    min-width: 100%;
}

.it543 .it543_box_out {
    width: 25%;
    padding: 10px;
    margin-bottom: unset;
}

.it543 .it543_box {
    width: 100%;
}

.it543_box_content,
.it543_box_content a:link,
.it543_box_content a:visited {
    height: auto;
}

.it543_box_listbox>h3:after {
    display: none;
}

.it543_box_listbox>h3 {
    font-size: 14px;
    color: #313131;
    text-align: left;
}

.it543 .it543_box .it543_box_tobe {
    height: auto;
}
.it543_box_tobe img {
    height: auto;
}
.it543 .it543_box .it543_box_tobe .video543::after {
    display: none;
}

#video_block .lightgallery_group .lightgallery_item:hover .item_text {
    text-shadow: 1px 1px 2px grey;
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: -25px;
    position: relative;
    bottom: 8px;
}

@media (max-width: 800px){
.it543_outer {
    padding: 50px 10px;
    width: calc(100% - 20px);
}

.it543.clearfix {
    padding: 0;
    width: 100%;
}
.it543 .it543_box_out {
    width: 100%;
}
.owl-theme .owl-nav.disabled+.owl-dots {
    bottom: 8px;
    margin-top: -22px !important;
}
}

/*191115論壇報名圖片高度*/

@media (min-width: 1024px) {

.lectureList_photo {
    max-height: 270px;
    overflow: hidden;
}
}
@media (max-width: 1560px) and (min-width: 1024px) {
    .lectureList_photo {
        max-height: 260px;
    }
}
@media (max-width: 1500px) and (min-width: 1024px) {
    .lectureList_photo {
        max-height: 240px;
    }
}
@media (max-width: 1383px) and (min-width: 1024px) {
    .lectureList_photo {
        max-height: 230px;
    }
}
@media (max-width: 1324px) and (min-width: 1024px) {
    .lectureList_photo {
        max-height: 220px;
    }
}

/* 登入註冊 */
.futuretech2022_header .header_mem {
    display: none;
}

/* 後台上傳css搬到版型內0802-end */


/* ======================= 會員中心 ======================= */
/* 控制頁面寬度 */
#member_edit .FOR_MAIN,
#member_editpw .FOR_MAIN,
#member_event .FOR_MAIN,
#member_messagelist .FOR_MAIN,
#member_message .FOR_MAIN,
#member_calendar .FOR_MAIN,
#bcard .FOR_MAIN,
#communicate_check .FOR_MAIN,
#product_trace_list .FOR_MAIN,
#communicate .FOR_MAIN,
#exchange_cards .FOR_MAIN,
#event_registration_join_list .FOR_MAIN,
#member_code .FOR_MAIN{ max-width: 1200px;}

/* 按鈕 */
.jooshop_btn_color input[type="submit"],
.jooshop_btn_color input[type="submit"]:hover,
.jooshop_btn_color input[type="button"],
.jooshop_btn_color input[type="button"]:hover{ background-color: rgba(30, 0, 80, 1);}

/* step */
.font_color_02{ color: #aaa;}

/* 標題 */
.SB_MemberWitemTitle03 p{ font-weight: 500!important; color: #222!important; border-bottom: 0!important;}

/* 左側選單 */
.AF_MemberLitem_list{ margin-bottom: 0;}
.AF_MemberLitemContent01{ margin-bottom: 15px;}
.AF_MemberLitem_listnow{ border-left: 3px rgba(98, 46, 183, 1) solid;}
ul.AF_MemberLitem_list li a{ background: #fff;}
ul.AF_MemberLitem_list li:last-child a,
ul.AF_MemberLitem_list li:last-child a:hover{ border-bottom: 0;}

/* 忘記密碼 */
#member_lostpw .SB_MemberWitemContent03 > table{ width: 100%;}

/* 616媒合活動管理/620訊息管理列表 */
td.Item616_SB_tablelineb01,
td.Item620_SB_tablelineb01,
th.Item616_SB_MemberMessage_title,
th.Item620_SB_MemberMessage_title{ padding: 10px 0!important;}
.Item616_SB_MemberMessage_table,
.Item620_SB_MemberMessage_table{ font-size: 14px!important; line-height: 1.5!important;}
.Item616_SB_MemberMessage_content,
.Item620_SB_MemberMessage_content{ font-size: 14px; font-weight: normal; padding: 5px!important; border-left: #c5c5c5 1px solid; border-right: #c5c5c5 1px solid; border-bottom: #c5c5c5 1px solid;}
select.Item616_SB_MemberMessage_select_status{ margin: 10px 0;}
.Item616_SB_MemberMessage_reservation .status_success p{ background-color: rgba(98, 46, 183, 1);}
.Item616_SB_tablelineb01 a.leaveMessage,
.Item620_SB_tablelineb01 a.leaveMessage{color: rgba(98, 46, 183, 1); font-size: 14px;}
.Item616_SB_tablelineb01 a.leaveMessage:hover,
.Item620_SB_tablelineb01 a.leaveMessage:hover{color: rgba(98, 46, 183, 1); font-size: 14px; text-decoration: none!important;}

/* 行事曆 */
.fc table{ background: #fff;}

/* 703/709人脈圈 */
.it703{ margin-bottom: 20px; background: #fff;}
.it703_top,.it703_bottom{ border-left: #c5c5c5 1px solid; border-right: #c5c5c5 1px solid; border-bottom: #c5c5c5 1px solid;}
.it703_title{ display: block; width: 100%; height: 40px!important; border-top: rgba(98, 46, 183, 1) 3px solid; margin-top:0!important; border-bottom: #e7e7e7 1px solid; font: 15px/40px 微軟正黑體, Arial, Helvetica, sans-serif!important; font-weight: 500!important; color: #555; padding-left: 15px;}
.it703_p .go_btn a,
.it703_p .go_btn a:hover,
.it703_card .card_btn,
.it703_card .card_btn:hover,
.it703_table_td .card_btn,
.it703_table_td .card_btn:hover{ background-color: rgba(30, 0, 80, 1); background-image: none;}
.it703_card .card_tag{ margin-top: 40px;}
.it703 a:not([href]):not([tabindex]),.it703 a:not([href]):not([tabindex]):hover{ color: #888; font-weight: normal;}
.it703_card,.it703_p{ box-shadow: unset; background-color:#fff; border:1px solid #e7e7e7;}
.it709_contant{ padding: 10px;}
.it703_table{ font-weight: 500; font-size: 14px; line-height: 1.5;}
.it703_table th,.it703_table td{ padding: 10px 0!important;}

/* 704人脈管理 */
.it704_table{ font-size: 14px!important; line-height: 1.5!important;}
th.it704_title,
td.it704_in{ padding: 10px 0!important;}
.it704_view a{ font-size: 14px!important; line-height: 1.5!important; color: rgba(98, 46, 183, 1)!important;}
.it704_view a:hover{ text-decoration: none!important;}

/* 技術收藏清單 */
.SB_MemberWitemTitle03{ border-bottom: #e7e7e7 1px solid;}
.it125_content{ font-weight: 500!important; font-size: 14px!important; line-height: 1.5!important;}
.it125_name a{ font-weight: 500!important;}
.SB_MemberOrder_title{ background: none!important;}
.it125_content .SB_MemberOrder_title{ background-color: #FBFBFB!important; border-bottom: 1px solid #E2E2E2;}
#product_trace_list .SB_MemberWitemContent03{ padding: 5px !important;}

/* 訊息管理內容 */
#member_message .messageBox_title{ border-top: rgba(98, 46, 183, 1) 3px solid; color: #222!important; display: block; width: 100%; height: 40px!important; padding: 0 0 0 15px!important; border-bottom: #e7e7e7 1px solid!important; font: 15px/40px 微軟正黑體, Arial, Helvetica, sans-serif!important; color: #555; padding-left: 15px; font-weight: 500!important;}
#member_message div:has(>.messageBox_title){ border-left: #c5c5c5 1px solid; border-right: #c5c5c5 1px solid; border-bottom: #c5c5c5 1px solid; background: #fff;}
#member_message .messageDisplayBox,#member_message .messageBox{ padding: 10px;}
#member_message .messageBox textarea{ padding: 10px;}
.count_word,.message_question,.message_answer{ font-size: 14px; font-weight: 500;}

/* 708名片 */
.it708{ background: #fff;}

/* 567報名論壇清單 */
#event_registration_join_list .SB_MemberWitemContent03{ padding-right: 5px;}
#event_registration_join_list .SB_tableW109{ white-space: normal;}
#event_registration_join_list .SB_MemberBonusRecord{ font-size: 14px; line-height: 1.5;}
#event_registration_join_list .SB_MemberBonusRecord td{ padding: 0 5px;}
#event_registration_join_list .SB_MemberBonusRecord a{ font-size: 14px; line-height: 1.5; color:rgba(98, 46, 183, 1); text-decoration: underline;}
#event_registration_join_list thead tr td{ background-color: #FBFBFB!important; padding:10px 5px!important;border-bottom: 1px solid #E2E2E2;}
#event_registration_join_list thead tr td:first-child{ width: 40px!important;}

/* 650我的QRCODE*/
.it650{ background: #fff; border-left: #c5c5c5 1px solid; border-right: #c5c5c5 1px solid; border-bottom: #c5c5c5 1px solid;}
.it650_title{ display: block; width: 100%; height: 40px!important; border-top: rgba(98, 46, 183, 1) 3px solid; margin-top:0!important; border-bottom: #e7e7e7 1px solid; font: 15px/40px 微軟正黑體, Arial, Helvetica, sans-serif!important; font-weight: 500!important; color: #555; padding-left: 15px;}
.it650 .SB_MemberModify_btn a,
.it650 .SB_MemberModify_btn a:hover{ display: block; width: 200px; height: 53px; text-align: center; font-size: 16px; font-weight: normal; line-height: 53px; border: none; cursor: pointer; color: #fff; background-color: rgba(30, 0, 80, 1);}

/* 109 */
.trace_cancel a{ background-color: rgba(98, 46, 183, 1)!important;}
/* 會員登入 */
.AF_Member_LoginBox_left,.AF_Member_Login_R_left,.AF_Member_Login_bt,.loginother{ display: none;}