@charset "utf-8";
@import url("reset.css");
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
@import url('https://fonts.googleapis.com/css?family=Roboto');

:root {
	--anim: all 0.6s ease 0s;
	--primary: #184477;
	--primary-dark: #c03c3c;
	--secondary: #E68243;
	--secondary-dark: #3b6633;
	--red: #DC3545;
	--white: #FFF;
	--primary-5: #F3F5F8;
	--primary-10: #E8EDF2;
	--primary-20: #D1DAE4;
	--primary-40: #A3B4C9;
	--primary-60: #748FAD;
	--primary-80: #466992;
	--secondary-5: #FDF8F5;
	--secondary-10: #FDF3ED;
	--secondary-20: #FAE6D9;
	--secondary-40: #F5CDB4;
	--secondary-60: #F0B48E --secondary-80: #EB9B69;
	--gray-50: #F8F8F8;
	--gray-100: #EAEAEA;
	--gray-200: #D5D5D5;
	--gray-300: #C1C1C1;
	--gray-400: #ACACAC;
	--gray-500: #979797;
	--gray-600: #828282;
	--gray-700: #6D6D6D;
	--gray-800: #595959;
	--gray-900: #444;
	--black: #2F2F2F;
	--light-blue: #F6FAFB;
	--br: 10px;
	--fz-largetitle: 3.33rem;
	--fz-title1: 2.66rem;
	--fz-title2: 1.83rem;
	--fz-title3: 1.66rem;
	--fz-headline: 1.41rem;
	--fz-subheading: 1.33rem;
	--fz-body: 1.16rem;
	--fz-caption: 1rem;
	--scale: scale(1.1);
}

* {
	font-family: 'Noto Sans TC', 'Roboto', sans-serif;
	box-sizing: border-box;
}

a:focus {
	outline: 2px solid var(--secondary);
	outline-offset: 2px;
}

/*購物車特殊用途*/
.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', 'Roboto', sans-serif;
	color: #81292d;
	background: #fff;
	padding: 0 15px;
	text-align: left;
}

/* 中間內文內距 */
.C_Box {
	padding: 0;
	width: 100%;
	height: auto;
	position: relative;
}

.C_Box .Page_Litem_title {
	position: absolute;
	top: 70px;
	width: 100%;
	text-align: center;
}

.C_Box .Page_Litem_title .L_item_name {
	position: relative;
	display: inline-block;
	padding: 0 30px;
	font: 16px/40px 'Noto Sans TC', 'Roboto', sans-serif;
	color: #595758;
}

.C_Box .Page_Litem_title .L_item_name:after {
	content: '';
	width: 50px;
	height: 1px;
	background: #ddd;
	position: absolute;
	top: 100px;
	left: 50%;
	margin-left: -23px
}

.C_Box .Page_Litem_title.aboutTitle .L_item_name {
	width: 276px;
	height: 69px;
	text-indent: -9999px;
	background: url(about-gloria-title.png) no-repeat;
}

.C_Box .Page_Litem_title.teamTitle .L_item_name {
	width: 253px;
	height: 69px;
	text-indent: -9999px;
	background: url(gloria-team-title.png) no-repeat;
}

.C_Box .Page_Litem_title.teamTitle .L_item_name:after {
	background: #036eb7;
	margin-left: -27px;
}


/* 中間標題 */
.C_title {
	font: 14px/24px 'Noto Sans TC', 'Roboto', sans-serif;
	color: var(--gray-800);
	font-weight: bold;
	text-decoration: none;
}

/* 中間副標題 */
.C_subtitle {
	font: 14px/24px 'Noto Sans TC', 'Roboto', sans-serif;
	color: var(--gray-800);
	font-weight: bold;
	text-decoration: none;
}


/* 中間內文 */
.C_article {
	font: 20px/40px 'Noto Sans TC', 'Roboto', sans-serif;
	color: var(--gray-800);
}

/* 中間標題(連結) */
a.C_title_a:link {
	font: 28px/30px 'Noto Sans TC', 'Roboto', sans-serif;
	color: var(--gray-800);
	text-decoration: none;
}

a.C_title_a:visited {
	font: 28px/30px 'Noto Sans TC', 'Roboto', sans-serif;
	color: var(--gray-800);
	text-decoration: none;
}

a.C_title_a:hover {
	font: 28px/30px 'Noto Sans TC', 'Roboto', sans-serif;
	color: #54565b;
	text-decoration: none;
}

a.C_title_a:active {
	font: 28px/30px 'Noto Sans TC', 'Roboto', sans-serif;
	color: #54565b;
	text-decoration: none;
}

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

/* 左邊元件名稱 */
.L_Box {
	width: 100%;
	margin-bottom: 15px;
}

.L_Box .Page_Litem_title h3 {
	display: block;
	background-color: #d9d9d9;
	font-size: 16px;
	line-height: 45px;
	color: #222;
	font-weight: normal;
	padding-left: 25px;
}

/* 左邊內文內距 */
.L_Box .L_padding {
	padding: 0;
}

/* 左邊標題 */
.L_title {
	font: 14px/24px 'Noto Sans TC', 'Roboto', sans-serif;
	color: var(--gray-800);
	font-weight: bold;
}

/* 左邊副標題 */
.L_subtitle {
	font: 14px/24px 'Noto Sans TC', 'Roboto', sans-serif;
	color: var(--gray-800);
	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', 'Roboto', sans-serif;
	color: var(--gray-800);
}


/* 左邊標題(連結) */
a.L_title_a:link {
	font: 14px/24px 'Noto Sans TC', 'Roboto', sans-serif;
	color: var(--gray-800);
	text-decoration: none;
}

a.L_title_a:visited {
	font: 14px/24px 'Noto Sans TC', 'Roboto', sans-serif;
	color: var(--gray-800);
	text-decoration: none;
}

a.L_title_a:hover {
	font: 14px/24px 'Noto Sans TC', 'Roboto', sans-serif;
	color: #54565b;
	text-decoration: none;
}

a.L_title_a:active {
	font: 14px/24px 'Noto Sans TC', 'Roboto', sans-serif;
	color: #54565b;
	text-decoration: none;
}

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

/* 右邊元件名稱 */
.R_Box {
	width: 100%;
	margin-bottom: 15px;
	text-align: center;
}

h3.R_item_name {
	height: 40px;
	font: 15px/40px 'Noto Sans TC', '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', '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', 'Roboto', sans-serif;
	color: var(--gray-800);
	font-weight: bold;
	text-decoration: none;
}

/* 右邊副標題 */
.R_subtitle {
	font: 14px/26px 'Noto Sans TC', 'Roboto', sans-serif;
	color: var(--gray-800);
	font-weight: bold;
	text-decoration: none;
}



/* 右邊內文 */
.R_article {
	font: 14px/30px 'Noto Sans TC', 'Roboto', sans-serif;
	color: var(--gray-800);
}

/* 右邊標題(連結) */
a.R_title_a:link {
	font: 14px/24px 'Noto Sans TC', 'Roboto', sans-serif;
	color: var(--gray-800);
	text-decoration: none;
}

a.R_title_a:visited {
	font: 14px/24px 'Noto Sans TC', 'Roboto', sans-serif;
	color: var(--gray-800);
	text-decoration: none;
}

a.R_title_a:hover {
	font: 14px/24px 'Noto Sans TC', 'Roboto', sans-serif;
	color: #54565b;
	text-decoration: none;
}

a.R_title_a:active {
	font: 14px/24px 'Noto Sans TC', 'Roboto', sans-serif;
	color: #54565b;
	text-decoration: none;
}

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

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

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

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

/* 表單 */
.FormTxt,
.FormTxt100 {
	font-family: 'Noto Sans TC', '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', 'Roboto', sans-serif;
	font-size: 12px;
	background-color: #fffbdd;
}

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

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

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

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

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

a.prod_name:visited {
	font: 13px/24px 'Noto Sans TC', 'Roboto', sans-serif;
	color: #333;
	text-decoration: none;
}

a.prod_name:hover {
	font: 13px/24px 'Noto Sans TC', 'Roboto', sans-serif;
	color: #333;
	text-decoration: underline;
}

a.prod_name:active {
	font: 13px/24px 'Noto Sans TC', 'Roboto', sans-serif;
	color: #333;
	text-decoration: underline;
}

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

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

/* 延伸選單 */
.menu_extended {
	color: var(--gray-800);
	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', 'Roboto', sans-serif;
	font-size: 13px;
	color: #eaeaea;
	text-decoration: none;
}

a.top_menu:visited {
	font-family: 'Noto Sans TC', 'Roboto', sans-serif;
	font-size: 13px;
	color: #eaeaea;
	text-decoration: none;
}

a.top_menu:hover {
	font-family: 'Noto Sans TC', 'Roboto', sans-serif;
	font-size: 13px;
	color: #abb43d;
	text-decoration: none;
}

a.top_menu:active {
	font-family: 'Noto Sans TC', 'Roboto', sans-serif;
	font-size: 13px;
	color: #abb43d;
	text-decoration: none;
}

/*******************************
 語系
*******************************/
.lang_box {
	position: absolute;
	left: 210px;
	top: 20px;
}

.lang_box a {
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	color: #fff !important;
	text-align: center;
	line-height: 40px !important;
	text-decoration: none;
	font-size: 14px !important;
	background: #cacaca;
	margin: 5px 0;
}

.lang_box a:hover {
	line-height: 40px !important;
	text-decoration: none;
	font-size: 14px !important;
	background: #595758;
}

.f2_top_01_after .f2_top_01 .lang_box {
	top: 15px;
}

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


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

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

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

.pic-window-bg .pic-window-button-TwoBtn-r {
	border-radius: 0 0 10px 0px;
	color: #fff;
	background: #CB4B4B;
	border-top: 1px solid #D5D5D5;
	border-left: 1px solid #D5D5D5;
}

.pic-window-bg .pic-window-button-TwoBtn-r:hover {
	background: #CB4B4B;
}

/* 一般鏈結 
a:link 		{ font:14px/24px 'Noto Sans TC','Roboto', sans-serif; color:var(--gray-800); text-decoration: none;}
a:visited 	{ font:14px/24px 'Noto Sans TC','Roboto', sans-serif; color:var(--gray-800); text-decoration: none;}
a:hover 	{ font:14px/24px 'Noto Sans TC','Roboto', sans-serif; color:#54565b; text-decoration: none;}
a:active 	{ font:14px/24px 'Noto Sans TC','Roboto', sans-serif; color:#54565b; text-decoration: none;}*/

/* 網站主內容架構 */
/* 背景 */
.mp-pusher {
	background: transparent;
	position: relative;
	background: #F6FAFB;
	background-color: #F6FAFB !important;
}

#index .mp-pusher,
#member_login .mp-pusher {
	background: linear-gradient(0deg, rgba(75, 121, 67, 0.05) 0%, rgba(75, 121, 67, 0.05) 100%), var(--color-natural-natural-w, #FFF);
}

#index .mp-pusher, #member_login .mp-pusher{
	background: #F6FAFB;
}

.FOR_web_W {
	width: 990px;
	margin-top: 20px;
}

.FOR_TOP {
	width: 100%;
	height: auto;
	position: fixed;
	;
	z-index: 999;
	top: 0;
}

.FOR_MAIN {
	margin: 0 auto;
	width: 1200px;
	padding-top: 102px;
	min-height: calc(100vh - 250px);
}

.FOR_FOOTER {
	width: 100%;
	clear: both;
	margin: 0 auto;
}

#index .FOR_MAIN {
	width: 100%;
}

.main_content_left {
	width: 200px;
	float: left;
}

.main_content_right {
	width: 200px;
	float: right;
}

.main_content_l_center {
	margin-left: 220px;
}

.main_content_r_center {
	margin-right: 220px;
}

.main_content_center {
	margin-left: 220px;
	margin-right: 220px;
}

.main_content_no_center {
	width: 100%;
}

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

.STORE_EXP {
	font: 13px/24px 'Noto Sans TC', 'Roboto', sans-serif;
	color: var(--gray-800);
}


/*******************************
 自訂
*******************************/
html,
body {
	font-family: 'Noto Sans TC', 'Open Sans', sans-serif;
	font-size: 14px;
	color: #333;
	line-height: 24px;
}

/* 元件間隔 */
.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%;
	max-width: 1200px;
	height: auto;
	margin: 0 auto;
}

.SB_WitemBOX .rwdimg {
	width: 100%;
	height: auto;
}


/*選單滑出部分*/
.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', '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 微軟正黑體, Arial;
	text-decoration: none;
}

/* 主選單END */

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

.AF_img_move img:hover {
	transform: translateX(-5px);
}

/* 註冊步驟 */
.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', '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: var(--gray-800);
}

.AF_RegisterStepbg02 {
	color: var(--gray-800);
}

.AF_RegisterStepbg03 {
	color: var(--gray-800);
}

.AF_RegisterStepbg04 {
	color: var(--gray-800);
}

.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', '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', '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: 72px;
	height: 20px;
	margin: 0 10px;
	margin-top: 5px;
}

.AF_attest_number a {
	font: 15px/30px 'Noto Sans TC', 'Roboto', sans-serif;
	color: #c8a143;
	text-decoration: underline;
}

.AF_attest_number a:hover {
	font: 15px/30px 'Noto Sans TC', 'Roboto', sans-serif;
	color: #c8a143;
	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', 'Roboto', sans-serif;
	color: var(--gray-800);
	margin: 0 3px;
}

.AF_Member_Login_Rin a:hover {
	font: 14px/30px 'Noto Sans TC', 'Roboto', sans-serif;
	color: #555;
	margin: 0 3px;
}

.AF_Member_LoginOther {
	width: 460px;
	margin: 0 auto;
	font: 15px/30px 'Noto Sans TC', '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', 'Roboto', sans-serif;
	color: var(--gray-800);
}



/*========== 頁碼(通用) ==========*/
.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', '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', '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;
}


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

/* 主題連結&訊息公告 */
.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;
}


/*=========YGG共用元件電腦版CSS=========*/
.btn_send_new input {
	background-color: #595758;
}

.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', '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', 'Roboto', sans-serif;
	color: #333;
}

.AY_Saleproduct200_name a:hover,
.AY_Saleproduct200_name a:active {
	font: 15px/20px 'Noto Sans TC', 'Roboto', sans-serif;
	color: #54565b;
}

/* JOO商品顏色共用 */
h2.jooPC_name a {
	color: #333;
}

/*商品名*/
h2.jooPC_name a:hover {
	color: var(--gray-800);
}

/*商品名hover*/
.jooPC_word {
	color: #999;
}

/*商品說明*/
.jooPC_price01 {
	color: #ff3939 !important;
}

/*商品特惠價*/
.jooPC_price02 {
	color: #999 !important;
}

/*商品原價*/


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


/*麵包屑*/
.m_breadCrumbs .breadCrumbs2 ol li:first-child {
	background: url(icon-home.png) left center no-repeat;
}

.m_breadCrumbs {
	border-bottom: 0;
}

.m_breadCrumbs a {
	font: 14px/28px 'Noto Sans TC', 'Roboto', sans-serif;
	color: #333;
}

#page_detail .m_breadCrumbs {
	/*margin-left:20px;*/
	margin-bottom: 5px;
}

/*it418 影音報導*/
.it418_box_herbox {
	max-width: 1200px;
	margin: 0 auto;
}

.it418_box_herbox li {
	display: inline-block;
	float: left;
	width: 33.3%;
	padding: 10px;
	margin-bottom: 40px;
}

.it418_box_herbox li:hover h2 a {
	color: #0066a1;
}

.it418_box_herbox h2 {
	margin-top: 6px;
	height: 50px;
	overflow: hidden;
}

.it418_box_herbox h2 a {
	font: 17px/28px 'Noto Sans TC', 'Roboto', sans-serif;
	color: #333;
}

.it418_box_herbox>ul>li .it418_box_herbox_img,
.it418_box_herbox>ul>li .it418_box_herbox_iframe {
	width: 380px;
	height: 214px;
}

.it418_box_herbox>ul>li .it418_box_herbox_iframe iframe {
	width: 380px;
	height: 214px;
}

@media screen and (max-width: 1024px) {
	.it418_box_herbox li {
		width: 50%;
	}

	.it418_box_herbox>ul>li .it418_box_herbox_img,
	.it418_box_herbox>ul>li .it418_box_herbox_iframe,
	.it418_box_herbox>ul>li .it418_box_herbox_iframe iframe {
		width: 100%;
	}
}

@media screen and (max-width: 568px) {
	.it418_box_herbox li {
		width: 100%;
		padding: 10px 50px;
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 414px) {
	.it418_box_herbox li {
		padding: 10px 20px;
	}
}

@media screen and (max-width: 320px) {
	.it418_box_herbox h2 {
		height: 80px;
	}
}


/*首頁動態banner*/
div.it968_tyfarm {
	width: 100%;
	padding: 0 40px 40px;
	margin: 0;
	background: #fff;
	z-index: 1;
}

.indexBanner {
	position: relative;
	height: 850px;
}

#particles-js {
	width: 100%;
	height: 100%;
	background-image: url('animated-bg.jpg');
	background-position: 50% 50%;
	background-repeat: repeat;
}

.indexBannerText {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -119px 0 0 -350px;
}

.scroll-downs {
	position: absolute;
	top: 0;
	right: 0;
	bottom: -82%;
	left: 0;
	margin: auto;
	width: 34px;
	height: 55px;
}

.scroll-downs_text {
	font-size: 13px;
	color: #FFF;
	white-space: nowrap;
	margin: 0 0 10px -25px;
}

.mousey {
	width: 3px;
	padding: 10px 15px;
	height: 35px;
	border: 2px solid #fff;
	border-radius: 25px;
	opacity: 0.75;
	box-sizing: content-box;
	display: inline-block;
}

.scroller {
	width: 3px;
	height: 10px;
	border-radius: 25%;
	background-color: #fff;
	animation-name: scroll;
	animation-duration: 2.2s;
	animation-timing-function: cubic-bezier(.15, .41, .69, .94);
	animation-iteration-count: infinite;
}

@keyframes scroll {
	0% {
		opacity: 0;
	}

	10% {
		transform: translateY(0);
		opacity: 1;
	}

	100% {
		transform: translateY(15px);
		opacity: 0;
	}
}

/* header版頭 */
.headerBox {
	width: 100%;
	background: var(--white);
	box-shadow: 4px 0px 5px rgba(0, 0, 0, 0.2);
}

.header_top {
	width: 100%;
	background: var(--light-blue);
}

.header_top_in {
	height: 35px;
	line-height: 36px;
	display: flex;
	margin: 0 auto;
	justify-content: space-between;
	align-items: center;
	width: auto;
	max-width: 1200px;
	padding: 4px 0;
}

.header_top_in .header_top_L .header_mall_btn {
	background-color: var(--primary);
	color: #fff;
	border-radius: 20px;
	line-height: 22px;
	padding: 4px 40px 4px 20px;
	background-image: url(circle-arrow-r.svg);
	background-position: center right 8px;
	background-size: 20px;
	background-repeat: no-repeat;
}

.header_top_in .header_top_R {
	display: flex;
	gap: 10px;
	height: 100%;
    align-items: center;
}

.header_top_in .header_top_R>li {
	display: flex;
	align-items: center;
}

.header_top_in .header_top_R>li.list_sitemap a:nth-child(1) {
	color: var(--primary);
	width: 16px;
	height: 24px;
	font-weight: 300;
}

.header_top_in .header_top_R>li.list_member>a:first-child {
	color: var(--primary);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	height: 28px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border: 1px solid var(--primary);
	padding: 4px 12px 4px 40px;
	background: url("images/for_Top_user.svg") var(--white) no-repeat;
	background-position: 12px center;
	background-size: 20px;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.8px;
}

.header_top_in .header_top_R>li.list_member>a:first-child:hover {
	color: var(--white);
	background: url("images/for_Top_login_white.svg") var(--primary) no-repeat;
	background-position: 12px center;
	background-size: 20px;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
}

.header_top_in .header_top_R>li.list_member a.header_loginout {
	display: inline-flex;
	color: #fff;
	border-radius: 10px;
	line-height: 20px;
	font-size: 14px;
	letter-spacing: 0.8px;
	margin-left: 8px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	background: url("images/for_Top_logout.svg") var(--primary) no-repeat;
	background-position: 12px center;
	background-size: 20px;
	padding: 4px 12px 4px 40px;
	height: 100%;
	justify-content: center;
	align-items: center;
	font-weight: 300;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
}

.header_top_in .header_top_R>li.list_member a.header_loginout:hover {
	background: url("images/for_Top_logout.svg") var(--secondary) no-repeat;
	background-position: 12px center;
	background-size: 20px;
}

.header_top_in .header_top_R>li.list_member a{ 
	text-indent: -9999px; 
	padding: 0!important; 
	line-height: 0!important; 
	width: 40px; 
	height:40px!important; 
	background-position: center!important;
	border-radius: 5px!important;
}

.header_top_in .header_top_R>li.list_sitemap a {
	color: var(--primary);
	font-size: 14px;
	line-height: 20px;
	font-weight: 300;
	letter-spacing: 0.8px;
}

.header_top_in .header_top_R>li.list_facebook a {
	color: var(--gray-800);
	font-size: 14px;
	line-height: 24px;
	background: url(icon_facebook.svg) left center no-repeat;
	padding-left: 20px;
}

.header_top_in .header_top_R>li.list_instagram a {
	color: var(--gray-800);
	font-size: 14px;
	line-height: 24px;
	background: url(icon_instagram.svg) left center no-repeat;
	padding-left: 20px;
}

.header_top_in .header_top_R>li.list_lang {
	position: relative;
	padding-left: 20px;
}

.header_top_in .header_top_R>li.list_lang::after {
	position: absolute;
	top: 6px;
	left: 0;
	content: '';
	display: block;
	width: 1px;
	height: 20px;
	background: #eee;
}

.header_top_in .header_top_L .top_news_title {
	color: #fbb445;
	padding-right: 15px;
	font-size: 15px;
}

.header_top_in .header_top_L #it254_news_marquee {
	width: 80%;
}

.headerBox #it254_news_marquee ul li,
.headerBox #it254_news_marquee ul li a {
	color: #555;
	font-size: 15px;
}


#page_detail .headerBox {
	background: none;
}

.headerBox_in {
	height: 66px;
	margin: 0 auto;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 90%;
	max-width: 1200px;
	background: var(--white);
}

.headerBox .headerBox_logo a {
	display: block;
	width: 195px;
	height: 55px;
}

.headerBox .headerBox_logo a img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.headerBox_menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	vertical-align: top;
}

.headerBox_menu ul li {
	position: relative;
}

.headerBox_menu>ul {
	display: flex;
	gap: 15px;
}

.headerBox .headerBox_menu>ul>li {
	padding: 12px 12px;
}

.headerBox .headerBox_menu>ul>li>a {
	position: relative;
	display: block;
	color: var(--primary);
	font-size: 18px;
	line-height: 22px;
	transition: all .5s;
	padding: 12px 0;
	letter-spacing: 0.9px;
}

.headerBox .headerBox_menu>ul>li:hover>a {
	color: var(--secondary);
	transition: all .5s;
}

.headerBox .headerBox_menu>ul>li>a::before {
	position: absolute;
	content: '';
	display: block;
	width: 100%;
	height: 9px;
	background: url("images/menu_wave.svg") no-repeat;
	background-size: 100%;
	bottom: -5px;
	opacity: 0;
	transition: bottom 0.3s ease-in, opacity 0.3s ease-in;
	-webkit-transition: bottom 0.3s ease-in, opacity 0.3s ease-in;
	-moz-transition: bottom 0.3s ease-in, opacity 0.3s ease-in;
	-ms-transition: bottom 0.3s ease-in, opacity 0.3s ease-in;
	-o-transition: bottom 0.3s ease-in, opacity 0.3s ease-in;
}

.headerBox .headerBox_menu>ul>li:hover>a::before {
	bottom: 0px;
	opacity: 1;
}

/* .headerBox .headerBox_menu>ul>li:has(.menu_open01)>a:after {
	position: absolute;
	content: '';
	display: block;
	width: 4px;
	height: 4px;
	background-color: var(--secondary);
	transition: all .5s;
	bottom: 45%;
	left: -10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	opacity: 1;
	transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s ease-in, bottom 0.3s ease-in;
	-moz-transition: opacity 0.3s ease-in, bottom 0.3s ease-in;
	-ms-transition: opacity 0.3s ease-in, bottom 0.3s ease-in;
	-o-transition: opacity 0.3s ease-in, bottom 0.3s ease-in;
}

.headerBox .headerBox_menu>ul>li:hover:has(.menu_open01)>a:after {
	opacity: 0;
	bottom: 40%;
} */

.headerBox_menu .clearfix:after {
	display: none !important;
}

.headerBox .headerBox_menu a {
	display: block;
	color: #333;
	font-size: 16px;
	line-height: 43px;
	padding: 0 6px;
}

.headerBox_menu .menu_open_in01 {
	display: block;
}

.headerBox_menu ul li ul li {
	background-image: none !important;
}

.headerBox .menu_open01,
#index .headerBox .headerBox_lang .dropdown-content {
	border: 0;
}

.headerBox .menu_open01,
.headerBox .menu_open01 {
	display: none;
	width: 140px;
	position: absolute;
	top: calc(100% - 5px);
	left: 50%;
	transform: translateX(-50%);
	background: var(--primary);
	z-index: 998;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	box-sizing: border-box;
	overflow: hidden;
}

.menu_open01 .menu_open_in01 li {
	display: block;
	width: 100%;
	text-align: center;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.menu_open01 .menu_open_in01 li::after {
	content: "";
	border-bottom: 1px solid var(--white);
	width: 4px;
	height: 1px;
}

.menu_open01 .menu_open_in01 li::after:last-child {
	border-bottom: 0;
}

.menu_open01 .menu_open_in01 li a {
	display: block;
	width: 100%;
	font-size: 15px;
	line-height: 40px;
	color: var(--white);
	-webkit-transition: all ease .2s;
	transition: all ease .2s;
}

.headerBox_lang .dropdown-content a {
	transition: all ease .2s;
}

.menu_open01 .menu_open_in01 li a:hover,
.headerBox_lang .dropdown-content a:hover {
	background-color: var(--secondary);
}

#index .headerBox .headerBox_lang {
	border-left: 1px solid #fff;
}

.headerBox_lang,
#index .headerBox2 .headerBox_lang {
	position: absolute;
	right: 80px;
	border-left: 1px solid #313131;
	padding-left: 21px;
	line-height: 32px;
}

.headerBox_lang a {
	font-size: 16px;
	color: #333;
}

#index .headerBox .headerBox_lang>a {
	color: #fff;
	display: block;
	line-height: 34px;
}

#index .headerBox2 .headerBox_lang>a {
	color: #333;
}

.headerBox_lang .dropdown-content {
	display: none;
	position: absolute;
	top: 35px;
	right: 0;
	background-color: #fff;
	min-width: 120px;
	z-index: 999;
	border: 1px solid #eee;
}

.headerBox_lang .dropdown-content li {
	float: none;
	text-align: left;
	border-bottom: 1px solid #eee;
}

.dropdown-content a {
	display: block;
	font-size: 15px;
	line-height: 40px;
	color: #333;
	text-align: center;
}

.headerBox_member {
	display: flex;
	width: 240px;
	height: 80px;
	position: absolute;
	right: 0;
	top: 0;
	text-indent: -9999px;
}

.headerBox_member a.headerBox_search {
	width: 80px;
	height: 80px;
	display: block;
	background: url(icon_search.svg) center no-repeat var(--primary);
	background-size: 20px;
}

.headerBox_member a.headerBox_user {
	width: 80px;
	height: 80px;
	display: block;
	background: url(icon_user.svg) center no-repeat rgba(237, 100, 152, 1);
	background-size: 20px;
}

.headerBox_member a.headerBox_login {
	width: 80px;
	height: 80px;
	display: block;
	background: url(icon_login.svg) center no-repeat rgba(251, 176, 59, 1);
	background-size: 20px;
}

.headerBox_member a.headerBox_search:hover {
	width: 80px;
	height: 80px;
	display: block;
	background: url(icon_search.svg) center no-repeat rgba(65, 175, 165, .9);
	background-size: 20px;
}

.headerBox_member a.headerBox_user:hover {
	width: 80px;
	height: 80px;
	display: block;
	background: url(icon_user.svg) center no-repeat rgba(237, 100, 152, .9);
	background-size: 20px;
}

.headerBox_member a.headerBox_login:hover {
	width: 80px;
	height: 80px;
	display: block;
	background: url(icon_login.svg) center no-repeat rgba(251, 176, 59, .9);
	background-size: 20px;
}

.headerBox_member a,
.headerBox_member a:hover {
	transition: all .5s;
}

.header_top_in .header_top_R>li.social_icon {
	gap: 8px;
}

.header_top_in .header_top_R>li.social_icon a {
	width: 32px;
	height: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* 首頁公用標題 */
.lohasgo_itemtitle {
	max-width: 1200px;
	margin: 0 auto 20px auto;
}

.lohasgo_itemtitle_l>span {
	text-align: left;
}

.lohasgo_itemtitle_c>span {
	text-align: center;
}

.lohasgo_itemtitle .title_en {
	font-size: 24px;
	display: block;
	margin: 0 auto;
	line-height: 35px;
	letter-spacing: 1px;
}

.lohasgo_itemtitle .title_zh {
	font-size: 24px;
	display: block;
	margin: 0 auto;
	color: #191919;
	line-height: 35px;
	letter-spacing: 1px;
}

.lohasgo_itemtitle .lohasgo_color_y {
	color: #fbb445;
}

/*黃*/
.lohasgo_itemtitle .lohasgo_color_r {
	color: #ed6498;
}

/*紅*/
.lohasgo_itemtitle .lohasgo_color_g {
	color: #41afa5;
}

/*綠*/
.lohasgo_itemtitle .lohasgo_color_p {
	color: #8a8acb;
}

/*紫*/

/* 259首頁-商圈玩什麼 */
.it259_bammer4_box {
	width: 100%;
	background: #fff;
	max-width: 100%;
	padding: 10px 0 30px 0;
}

.it259_bammer4_box .it259_bammer4_banner1 {
	overflow: hidden;
}

.it259_bammer4_box ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 1200px;
	margin: 0 auto;
}

.it259_bammer4_box ul li {
	width: 32.5%;
	padding: 0;
}

.it259_title a {
	letter-spacing: 1.5px;
	transition: all .5s;
	position: absolute;
	z-index: 2;
	font-size: 20px;
	color: #ffffff;
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, .4);
}

.it259_bammer4_banner1:hover .it259_title a {
	letter-spacing: 4px;
	transition: all .5s;
}

.it259_bammer4_banner1 img {
	transition: all .5s;
}

.it259_bammer4_banner1:hover img {
	transform: scale(1.4);
	-ms-transform: scale(1.4);
	-webkit-transform: scale(1.4);
	transition: all .5s;
}

.it259_item_title {
	margin-bottom: 20px;
}

.it259_item_title .title_en {
	text-align: center;
	font-size: 24px;
	color: #fbb445;
	display: block;
	margin: 0 auto;
	line-height: 35px;
	letter-spacing: 1px;
}

.it259_item_title .title_zh {
	text-align: center;
	font-size: 24px;
	display: block;
	margin: 0 auto;
	color: #191919;
	line-height: 35px;
	letter-spacing: 1px;
}

/* 543首頁-影音刊物 */
.it543 {
	max-width: 1200px;
	margin: 0 auto;
	display: block;
	padding: 0 20px;
}

.it543 .it543_box .it543_box_tobe .video543::after {
	background: rgba(138, 138, 203, 0.5) url(it543_play.svg) center no-repeat;
	background-size: 45px;
}

.it543_list {
	width: 100%;
}

.it543_list .it543_box {
	width: 100%;
	height: auto;
	padding: 18px;
	background: #fff;
	margin-bottom: 20px;
}

.it543 .it543_box_out {
	width: 33.3%;
}

.it543 .it543_box .it543_box_tobe .video543::after {
	height: 100%;
}

.it543 .it543_box .it543_box_tobe {
	height: auto;
}

.it543 .it543_box .it543_box_tobe img {
	display: block;
}

.it543_box_listbox>h3 {
	font-weight: normal;
	color: #222;
	font-size: 16px;
	margin-bottom: 0;
}

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

.it543_box_listbox>span {
	color: #777;
	font-size: 14px;
	line-height: 20px;
}

.it543_item_title .title_en {
	text-align: center;
	font-size: 24px;
	color: #8a8acb;
	display: block;
	margin: 0 auto;
	line-height: 35px;
	letter-spacing: 1px;
}

.it543_item_title .title_zh {
	text-align: center;
	font-size: 24px;
	display: block;
	margin: 0 auto;
	color: #191919;
	line-height: 35px;
	letter-spacing: 1px;
}

.it543_item_title {
	margin-bottom: 20px;
}

.it543_box_listbox>h3>span,
.it543_box_content {
	display: none;
}

.it543 .it543_box {
	background: #fff;
	padding: 15px;
}

/* 773首頁-ig*/
.it773_bg .it773_box .it773_img_l a,
.it773_bg .it773_box .it773_img_r>a {
	-webkit-filter: contrast(1);
	transition: all .5s;
}

.it773_bg .it773_box .it773_img_l a:hover,
.it773_bg .it773_box .it773_img_r>a:hover {
	-webkit-filter: contrast(1.5);
	transition: all .5s;
}

/* 668首頁-波浪輪播*/
.item_668 {
	width: 100%;
}

.marquee-box {
	overflow: hidden;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.marquee {
	width: 8000%;
	height: 60px;
}

.wave-list-box {
	float: left;
}

.wave-list-box ul {
	float: left;
	height: 60px;
	overflow: hidden;
	zoom: 1;
}

.wave-list-box ul li {
	height: 60px;
	width: 100%;
	float: left;
	line-height: 30px;
	list-style: none;
}

.wave-box {
	position: relative;
	height: 60px;
	margin-top: -60px;
	z-index: 9;
}

/* 422商圈&店家詳細*/
#brands_detail .m_breadCrumbs {
	position: absolute;
	z-index: 2;
	-webkit-filter: invert(1)
}

#brands_detail .m_breadCrumbs a {}



/*771*/
.it771_bg {
	background: rgba(255, 244, 244, 0.44);
}

/*it398 最新消息*/
.item7_title .item7_time {
	display: none !important;
	background-color: var(--secondary);
	border-radius: 20px;
	padding: 0 25px;
	white-space: nowrap;
	height: 35px;
	line-height: 35px !important;
}

.it398_box {
	padding: 0;
}

.it398_box .it398_title {
	display: none;
}

.it398_box .it398_inbox {
	padding: 0;
}

.it398_box .it398_inbox>ul>li>span.it398_slogan {
	display: none;
	background-image: none;
	height: auto;
	background-color: #036eb7;
	border-radius: 0px;
	padding: 10px 0 8px 0;
	margin: 14px 0;
	width: auto;
	/*min-width:165px;*/
	width: 165px;
	overflow: hidden;
}

.it398_box .it398_inbox>ul>li span h3 {
	width: auto;
	height: 18px;
	padding: 0 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.it398_box .it398_inbox>ul>li:nth-child(even) span.it398_slogan {
	background-image: none;
	background-color: #bbb;
}

.it398_box .it398_inbox>ul>li>a>span.it398_text {
	width: 750px;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.normal_item7BOX {
	width: 1200px;
	margin: auto;
	padding-left: 0;
	padding-right: 0;
}

.it398_box .it398_inbox>ul>li>a>span.it398_text:hover {
	text-decoration: none;
}

/*計畫簡介*/
.contentBox {
	position: relative;
}

.contentBox_in {
	position: relative;
	width: 1200px;
	margin: auto;
}

.introductionMenu {
	list-style: none;
	margin: 0;
	padding: 30px 0;
	text-align: center;
}

.introductionMenu li {
	display: inline-block;
	vertical-align: top;
	margin: 0 10px;
}

.introductionMenu a {
	display: block;
	color: #036eb7;
	text-decoration: none;
	border: 1px solid #036eb7;
	font-size: 22px;
	padding: 10px 20px;
}

.introductionMenu a:hover,
.introductionMenu a:focus {
	background-color: #036eb7;
	color: #FFF;
}

.introductBox {
	position: relative;
	padding: 30px 0;
	box-sizing: border-box;
	min-height: 1350px;
}

#one {
	min-height: inherit;
}

.introductBox_one_text {
	text-align: center;
	color: #505050;
	font-size: 32pt;
	line-height: normal;
}

.introductBox_title {
	position: relative;
	box-shadow: 0 15px 35px rgba(0, 0, 0, .16);
	margin-bottom: 30px;
}

.introductBox_title_text {
	font-size: 155pt;
	color: #38c3b3;
	font-weight: 500;
	line-height: normal;
	position: absolute;
	top: 15%;
	left: -130px;
}

.introductBox_title_bg {
	height: 468px;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
}

#two .introductBox_title_bg {
	background-image: url(introduction_block1_image1.png);
}

#three .introductBox_title_bg {
	background-image: url(introduction_block2_image1.png);
}

#four .introductBox_title_bg {
	background-image: url(introduction_block3_image1.png);
}

#five .introductBox_title_bg {
	background-image: url(introduction_block4_image1.png);
}

.introductBox_content {
	position: relative;
}

.introductBox_content_1 {
	position: relative;
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
	background: #fff;
	box-sizing: border-box;
	width: 500px;
	padding: 50px;
	line-height: normal;
	z-index: 1;
}

.introductBox_content_1_title {
	font-size: 16pt;
	margin-bottom: 5px;
	color: #38c3b3;
	font-weight: 500;
}

.introductBox_content_1_info {
	color: #505050;
	font-weight: 300;
	font-size: 26pt;
	line-height: 50pt;
}

.introductBox_content_2 {
	position: absolute;
	border: 2px solid #38c3b3;
	background: #fff;
	box-sizing: border-box;
	width: 800px;
	padding: 50px 50px 50px 150px;
	line-height: normal;
	top: 70px;
	right: 0;
}

.introductBox_content_2_title {
	font-size: 16pt;
	margin-bottom: 5px;
	color: #38c3b3;
	font-weight: 500;
}

.introductBox_content_2_info {
	color: #505050;
	font-weight: lighter;
	font-size: 14pt;
	line-height: normal;
	margin-bottom: 40px;
}

#five .introductBox_content_2 {
	position: relative;
	top: 0;
	margin: auto;
	padding: 50px;
}

.introductBox_content_2_image {
	text-align: center;
}

/*學校內頁*/
.schoolBanner {
	position: relative;
	width: 1100px;
	height: 220px;
	margin: auto;
	background: url(schooltitle-bg.png) no-repeat center top;
	z-index: 1;
}

.schoolBanner_text {
	text-align: center;
	color: #FFF;
	line-height: normal;
	padding-top: 65px;
}

.schoolBanner_text_1 {
	font-size: 26px;
	letter-spacing: 1.8px;
}

.schoolBanner_text_2 {
	font-size: 36px;
	letter-spacing: 2.6px;
}

.schoolContent {
	position: relative;
	background-color: #FFF;
	box-sizing: border-box;
	padding: 125px;
	margin-top: -100px;
}

.schoolBlock {
	position: relative;
	margin-bottom: 45px;
	line-height: normal;
	color: #333333;
}

.schoolBlock_title {
	font-size: 28px;
	letter-spacing: 1.8px;
	border-left: 3px solid #036eb7;
	padding-left: 12px;
	margin-bottom: 10px;
}

.schoolBlock_content {
	font-size: 20px;
	letter-spacing: 1.6px;
	line-height: 34px;
}

.schoolLinkBox {
	text-align: right;
	margin-bottom: 15px;
}

.schoolBlock_image {
	margin-bottom: 45px;
}

.schoolBlock_image img {
	width: 100%;
}

.schoolBlock_imageDesc {
	font-size: 20px;
	letter-spacing: 1.6px;
	color: #333333;
}

.schoolLink {
	overflow: hidden;
	display: inline-block;
	padding: 0 29px 0 0;
	position: relative;
}

.schoolLink:before {
	z-index: 3;
	content: "";
	position: absolute;
	bottom: 11px;
	right: 0%;
	display: block;
	background: url(item_549_arrow.png) no-repeat;
	width: 104px;
	height: 12px;
	transition: 0.7s;
}

.schoolLink:hover:before {
	right: -100%;
	transition: 0.3s;
}

.schoolLink:after {
	z-index: 3;
	content: "";
	position: absolute;
	bottom: 11px;
	right: 100%;
	display: block;
	background: url(item_549_arrow.png) no-repeat;
	width: 104px;
	height: 12px;
	transition: 0.3s;
}

.schoolLink:hover:after {
	right: 0%;
	transition: 0.7s;
}

.schoolLink a {
	float: right;
	color: #036eb7;
	padding: 15px 40px;
	border: 1px solid #036eb7;
	font-size: 16px;
	letter-spacing: 0.8px;
	overflow: inherit;
	z-index: 5;
	background-color: #FFF;
}

.schoolLink a:before {
	bottom: 10px;
	right: calc(0% - 30px);
}

.schoolLink a:hover:before {
	right: -100%;
	transition: 0.3s;
}

.schoolLink a:after {
	bottom: 10px;
}

.schoolLink a:hover:after {
	right: calc(0% - 30px);
}

/*gotop*/
.gotopBox {
	position: fixed;
	right: 10px;
	bottom: 10px;
	width: 50px;
	height: 50px;
	overflow: hidden;
	z-index: 999;
	background: rgba(200, 200, 200, .8);
	border-radius: 5px;
	transition: all .3s;
}

.gotopBox:hover {
	background: rgba(200, 200, 200, .9);
}

.gotop {
	width: 50px;
	height: 50px;
	background: url(gotop.svg) center no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	background-size: 25px;
	text-indent: -9999px;
}

/*epaper*/
.epaper_content {
	background-color: #FFF;
	padding: 30px;
}


.item7_title,
.item7_title a:link,
.item7_title a:hover {
	font-size: 22px !important;
	line-height: 35px !important;
	border-bottom: 0 !important;
	;
	display: flex;
	color: #333;
}

/*it552文章*/
.it552_filter .it552_filter_select,
.it553_box {
	border: 0;
}

.it552_style,
.it552_style:hover,
.othernews_p,
.othernews_p:hover {
	border: 0;
}

.it552_like,
.add_count_32 {
	display: none !important;
}

.it552_box .it552_list>ul>li {
	transition: all .3s;
}

.it552_box .it552_list>ul>li:hover {
	-webkit-box-shadow: 0 14px 32px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 14px 32px 0 rgba(0, 0, 0, .1);
}

.othernews_p:hover img {
	transform: scale(1);
	opacity: 1;
}

/*it553其他報導*/
.it553_classify {
	font-size: 32px;
	line-height: normal;
	color: #036eb7;
	margin: 0 0 25px 20px;
}

.it479_word a:link,
.it479_word a:visited {
	font-family: 'Noto Sans TC', 'Roboto', sans-serif;
}


/*次選單頁*/
.subMenuList {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

.subMenuList li {
	margin-bottom: 20px;
}

.subMenuList li a {
	display: block;
	background-color: #FFF;
	color: #036eb7;
	border: 1px solid #036eb7;
	border-radius: 3px;
	font-size: 24px;
	padding: 15px 25px;
}

.subMenuList li a:hover,
.subMenuList li a:focus {
	background-color: #036eb7;
	color: #FFF;
}

/*accesskey*/
.accesskeyLink {
	display: inline-block;
}

.headerBox_menu .accesskeyLink {
	display: inline-block;
	vertical-align: top;
	padding: 0;
}

.m_breadCrumbs .breadCrumbs2 .accesskeyLink {
	display: inline-block;
}

/*google 搜尋*/
.cse .gsc-control-cse,
.gsc-control-cse {
	background-color: transparent !important;
	border: 0 !important;
	padding: 0 !important;
}

.cse .gsc-search-button-v2,
.gsc-search-button-v2 {
	border: 0 !important;
	padding: 8px 27px !important;
	cursor: pointer !important;
}

.gsc-search-button-v2,
.gsc-search-button-v2:hover,
.gsc-search-button-v2:focus {
	background-color: #036eb7 !important;
	border: 0 !important;
}

.gsc-search-box-tools .gsc-search-box .gsc-input {
	padding-right: 6px !important;
}

.gsc-results-wrapper-overlay {
	top: 10% !important;
}

/*GDPR*/
.personal_statement {
	text-align: center;
	width: 100%;
	height: auto;
	padding: 20px 25px;
	position: fixed;
	bottom: 0;
	background: rgba(0, 0, 0, .7);
	font-size: 14px;
	line-height: 30px;
	color: #fff;
	z-index: 9999;
}

.btn_personal_statement {
	cursor: pointer;
	text-align: left;
	width: 100px;
	height: 40px;
	color: #fff;
	border: 0;
	background: url(checked.svg) 15px center no-repeat #036eb7;
	background-size: 15px;
	padding-left: 40px;
	transition: 0.7s;
	letter-spacing: .2px;
}

.btn_personal_statement:hover {
	background: url(checked.svg) 15px 10px no-repeat #18b7cd;
	background-size: 15px;
	letter-spacing: 1px;
}

.btn_personal_box {
	display: inline-block;
	width: 100px;
	height: 40px;
	margin: 0 auto;
	margin-left: 15px;
}

/*it7*/
.item7_content ol {
	list-style-type: decimal;
	margin: 20px 0;
	padding-left: 20px;
}

.item7_content ul {
	list-style-type: disc;
	margin: 20px 0;
	padding-left: 20px;
}

/*56*/
.it56_a ol {
	list-style-type: decimal;
	margin: 20px 0;
	padding-left: 20px;
}

.it56_a ul {
	list-style-type: disc;
	margin: 20px 0;
	padding-left: 20px;
}

/*553*/
.it553_detail ol {
	list-style-type: decimal;
	margin: 20px 0;
	padding-left: 20px;
}

.it553_detail ul {
	list-style-type: disc;
	margin: 20px 0;
	padding-left: 20px;
}

/*552*/
.it552_classify {
	width: 200px;
	display: block;
	margin-right: 15px;
	background-color: #036eb7;
	color: #FFF;
	font-size: 15px;
	line-height: 35px;
	padding: 0 12px;
	height: 35px;
}

/*商品詳細頁*/
.pd_dt_joo4_box {
	background: #fff;
	min-width: 1200px;
	padding: 20px;
	margin-bottom: 30px !important;
}

.pd_dt_joo4_box .pd_dt_joo4_productbar ul li a {
	color: #333 !important;
	letter-spacing: 1px;
	font-size: 15px !important;
}

.jooshop_mem_word>a,
.jooshop_mem_word>span {
	color: #222 !important;
	font-size: 15px !important;
}

.pd_dt_joo4_box .pd_dt_joo4_topbox .big_productinfo .Product_btnbox>ul>li.Product_btnbox_flex {
	flex: 1 !important;
}

.pd_dt_joo4_box .pd_dt_joo4_topbox .big_productinfo .Product_btnbox a.tbs_button_like {
	padding: 9px 40px !important;
}

.pd_dt_joo4_box .pd_dt_joo4_topbox .big_productinfo .Product_btnbox a.cart,
.pd_dt_joo4_box .pd_dt_joo4_topbox .big_productinfo .Product_btnbox a.notify {
	background-image: url(icon_cart.svg) !important;
	background-size: 24px;
}

/*版頭搜尋*/
.header_top_R .top_s_bar {
	width: 158px;
	height: 40px;
	border: 1px solid var(--primary-60);
	border-radius: 5px;
	color: var(--primary);
}

.header_top_R .top_s_bar .search_bar {
	width: calc(100% - 36px);
	height: 100%;
	border: 0;
	padding: 0 15px;
	font-size: 14px;
	color: var(--primary-60);
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	background-color: var(--white);
	font-weight: 300;
}

.header_top_R .top_s_bar .search_btn {
	text-indent: -9999px;
	width: 36px;
	height: 100%;
	background: url(images/for_Top_search.svg) center no-repeat var(--white);
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border: none;
	cursor: pointer;
	background-size: 20px;
}

.header_top_R .top_s_bar .search_bar:focus {
	box-shadow: none;
}

.header_top_R .top_s_bar .search_bar::placeholder {
	color: var(--primary-60);
}

.autocomplete {
	position: relative;
	display: inline-block;
}

.autocomplete input {
	border: 1px solid transparent;
	background-color: #f1f1f1;
	padding: 10px;
	font-size: 16px;
}

.autocomplete input[type=text] {
	background-color: #f1f1f1;
	width: 100%;
}

.autocomplete input[type=submit] {
	background-color: DodgerBlue;
	color: #fff;
	cursor: pointer;
}

.autocomplete-items {
	position: absolute;
	border-bottom: none;
	border-top: none;
	z-index: 99;
	top: 42px;
	left: 0;
	right: 0;
	border-radius: 22px;
	overflow: hidden;
}

.autocomplete-items div {
	padding: 15px;
	cursor: pointer;
	background-color: #fff;
	border-bottom: 1px solid #eee;
	font-size: 15px;
	color: #555;
}

.autocomplete-items div:last-child {
	border-bottom: 0;
}

.autocomplete-items div:hover {
	background-color: var(--primary);
	color: #fff;
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
	background-color: var(--primary);
	 !important;
	color: #ffffff;
}

/*商品樣式*/
.Store_PSearch_Pbox li {
	padding: 0 8px;
	margin-bottom: 25px;
}

.lohas_pliststyle {
	max-width: 320px;
	margin: 0 auto;
	padding: 10px;
	background-color: #fff;
}

.lohas_pliststyle .img {
	position: relative;
}

.lohas_pliststyle .img a img {
	display: block;
	width: 100%;
	height: auto;
}

.lohas_pliststyle .img>img {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}

.lohas_pliststyle h2.name {
	padding: 5px 0;
}

.lohas_pliststyle h2.name a {
	display: block;
	width: 100%;
	height: 50px;
	font: 15px/25px 微軟正黑體, Arial, Helvetica, sans-serif;
	color: #333;
	overflow: hidden;
}

.lohas_pliststyle h2.name a:hover {
	text-decoration: underline;
}

.lohas_pliststyle .price {
	position: relative;
	overflow: hidden;
}

.lohas_pliststyle .price .price_box {
	height: 33px;
	margin-right: 85px;
	font-size: 25px;
	line-height: 33px;
	text-align: left;
}

.lohas_pliststyle .price .price_box b {
	font-weight: normal;
	font-size: 20px;
}

.lohas_pliststyle .price .price_box span {
	font-size: 19px;
	text-decoration: line-through;
}

.lohas_pliststyle .price .price_box span b {
	font-weight: normal;
	font-size: 15px;
}

.lohas_pliststyle .price .cart_box {
	float: right;
	height: 33px;
	width: 33px;
}

.lohas_pliststyle .price .cart_box a {
	width: 33px;
	height: 33px;
	display: block;
	text-indent: -9999px;
	background: url(it422_heart_x.svg) center no-repeat;
}

.lohas_pliststyle .price .cart_box a:hover {
	background: url(it422_heart_o.svg) center no-repeat;
}

.lohas_pliststyle .price .cart_box a.add_list_active {
	background: url(it422_heart_o.svg) center no-repeat;
}


/*398*/
.it398_box .it398_inbox>ul>li>span.it398_slogan {
	background-color: var(--secondary);
	border-radius: 20px;
}

.it398_box .it398_inbox>ul>li:nth-child(even) span.it398_slogan {
	background-color: #fbb03b;
}

/* it969 */
.item969 .it969_list .list_title {
	background: rgba(75, 121, 67, 0.1) !important;
	color: #4B7943 !important;
}

.item969 .it969_list .info_section.radio_section ul.radio_button_all li input[type=radio]:checked::after {
	background-color: #4B7943 !important;
}

.item969 .it969_list .info_section input:focus {
	border: 1px solid #4B7943 !important;
}

.check_box_button input:checked~.checkmark {
	background-color: #4B7943 !important;
}

.appointment_button a {
	background: url(item969_appointment.svg) 80% center no-repeat #CB4B4B !important;
}

.appointment_button a:hover {
	background: url(item969_appointment.svg) 80% center no-repeat #cb4b4b9f !important;
}

.item969 .it969_introduction p.introduction_title {
	border-left: 4px solid #4B7943 !important;
}

/*40&43*/
.it40_menubox {
	color: #333;
	font-size: 15px;
	height: auto;
	padding: 0 20px;
	line-height: 45px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #fff;
	margin-bottom: 20px;
}

.it40_menuL li {
	display: inline-block;
}

.it40_menuL li a {
	border-right: 1px solid #eaeaea;
	display: block;
	color: #333;
	font-size: 15px;
	line-height: 45px;
	padding-right: 40px;
	background: url(it784_icon_down.svg) right 20px center no-repeat;
}

.it40_menuL li a:hover {
	background: url(it784_icon_down.svg) right 20px center no-repeat;
}

.it40_menuL li a.arrow_down {
	background: url(it784_icon_down.svg) right 20px center no-repeat;
}

.it40_menuL li a.arrow_up {
	background: url(it784_icon_up.svg) right 20px center no-repeat;
}

.it40_menuL li.price-range {
	border-left: 0;
}

.it40_menuL {
	width: 723px;
}

.it40_menuR {
	width: calc(100% - 723px);
}

.it40_menuL li input {
	max-width: 60px;
	height: 30px;
	line-height: 30px;
	color: #333;
	text-align: center;
	border-radius: 0;
	border: solid 1px #e3e3e3;
	display: inline-block;
}

.it40_menuR li select {
	max-width: 60px;
	height: 30px;
	line-height: 30px;
	color: #333;
	text-align: center;
	border-radius: 0;
	border: solid 1px #e3e3e3;
	display: inline-block;
}

ul.AF_pageBox li.dis {
	background: #41afa5;
	color: #fff;
}

/*39*/
.Page_itemBox_w {
	display: unset;
}

.it39 {
	background: #fff;
	padding: 5px 15px 10px 16px;
}

.it39_box_title a {
	display: block;
	width: 100%;
	min-height: 40px;
	font-size: 15px;
	line-height: 24px;
	color: #333;
	padding: 8px 0;
}

.it39>.it39_box>li {
	border: 0;
}

.it39 ul.it39_box li a.active {
	color: #333;
	font-weight: normal;
}

/*選單加上HOT
#MENU0{ background: url(HOT.svg) center top 15px no-repeat; background-size: 25px;}*/

/*會員中心相關*/
ul.AF_MemberLitem_list li a {
	background: #fff;
}

.it21_default,
.it22_default,
.it125_default {
	background: none;
}

.member_title_sort>ul>li.member_title_sort01 select {
	background-color: #fff;
}

.member_title_sort>ul>li.member_title_sort02 a.active {
	background-color: #fff;
}

.AF_Member_LoginContent_left {
	margin-bottom: 30px;
}

/*========== 購物車流程 ==========*/
.AY_ShoppingCartStep_BOX {
	width: 100%;
	height: 80px;
	border-bottom: 5px #dfdfdf solid;
	margin-bottom: 20px;
}

.AY_ShoppingCartStep {
	width: 990px;
	height: 80px;
	margin: 0 auto;
}

.AY_ShoppingCartStep ul li {
	float: left;
	width: 25%;
	height: 80px;
	font: 18px/30px 微軟正黑體, Arial, Helvetica, sans-serif;
	padding-top: 35px;
}

.AY_ShoppingCartStep ul li span {
	margin-right: 10px;
	font: 25px/30px Arial, Helvetica, sans-serif;
}

.AY_WORDcolor_gray {
	color: #999;
}

.AY_WORDcolor_black {
	color: #333;
}

.AY_WORDcolor_blue {
	color: #C71810;
}

.AY_LINEcolor_blue {
	border-bottom: 5px #d2c3ae solid;
}

.AY_ShoppingCart_BOX {
	margin: 0 auto;
	margin-bottom: 15px;
	background: #FFF;
	border: 1px solid #dbdbdb;
}

.AY_ShoppingCart_BOX2 {
	margin: 0 auto;
	margin-bottom: 15px;
	padding: 10px 0 15px 0;
}

.AY_ShoppingBox_W01 {
	width: 10%;
}

.AY_ShoppingBox_W02 {
	width: 30%;
}

.AY_ShoppingBox_W03 {
	width: 40%;
}

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

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

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


/*購物車第一步驟*/
.AY_ShoppingCart_title {
	font: 15px/35px 微軟正黑體, Arial, Helvetica, sans-serif;
	color: #333;
	padding-left: 20px;
}

.AY_SCart_title_color11 {
	width: 100%;
	height: 42px;
	border-top: 3px #1e71b5 solid;
	border-bottom: 1px #d9d9d9 dotted;
	background: #ffffff;
	padding-left: 10px;
}

.AY_SCart_title_color10 {
	width: 100%;
	height: 42px;
	border-top: 3px #759b2e solid;
	border-bottom: 1px #d9d9d9 dotted;
	background: #ffffff;
	padding-left: 10px;
}

.AY_SCart_title_color3 {
	width: 100%;
	height: 42px;
	border-top: 3px #e75502 solid;
	border-bottom: 1px #d9d9d9 dotted;
	background: #ffffff;
	padding-left: 10px;
}

.AY_ShoppingBox_title {
	font: 15px/40px 微軟正黑體, Arial, Helvetica, sans-serif;
	color: #333;
	background: #f7f7f7;
}

.AY_ShoppingBox_title ul li {
	float: left;
	text-align: center;
}

.AY_SBox_content01 {
	border-bottom: 1px #d9d9d9 dotted;
	font: 14px/20px 微軟正黑體, Arial, Helvetica, sans-serif;
}

.AY_SBox_content01 ul li {
	float: left;
	text-align: center;
}

.AY_SB_mainproduct ul li {
	float: left;
}

.AY_SB_mainproduct_L {
	width: 40%;
	padding: 10px 10px 10px 20px;
}

.AY_SB_mainproduct_L a {
	display: block;
	width: 90px;
	height: 90px;
}

.AY_SB_mainproduct_L a img {
	width: 100%;
	height: auto;
}

.AY_SB_mainproduct_R {
	width: 60%;
	padding: 10px 0;
}

.AY_SB_mainproduct_R h3 {
	text-align: left;
}

.AY_SB_mainproduct_R h3 img {
	float: left;
	margin-right: 10px;
}

.AY_SB_mainproduct_R h3 a {
	font: 14px/27px 微軟正黑體, Arial, Helvetica, sans-serif;
	color: #e9589a;
}

.AY_SB_mainproduct_R h2 {
	text-align: left;
	font: 14px/20px 微軟正黑體, Arial, Helvetica, sans-serif;
	margin-top: 5px;
	clear: both;
}

.AY_SB_mainproduct_R h2 a {
	font: 14px/20px 微軟正黑體, Arial, Helvetica, sans-serif;
	color: var(--gray-800);
}

.AY_SB_mainproduct_R2 {
	width: 75%;
}

.AY_SB_mainproduct_R2 h2 {
	font: 14px/20px 微軟正黑體, Arial, Helvetica, sans-serif;
	text-align: left;
	clear: both;
}

.AY_SB_mainproduct_R2 h2 img {
	float: left;
	margin-right: 10px;
	margin-top: 10px;
}

.AY_SB_mainproduct_R2 h2 a {
	display: block;
	padding-top: 12px;
	color: #147abc;
}

.AY_SB_temperature img {
	margin-top: 36px;
}

.AY_SB_specification p {
	margin-top: 40px;
}

.AY_SB_specification select {
	width: 80px;
	height: 30px;
	border: 1px #d9d9d9 solid;
	font: 14px/30px 微軟正黑體, Arial, Helvetica, sans-serif;
	color: #333;
	margin-top: 35px;
}

.AY_SB_quantity p {
	margin-top: 40px;
}

.AY_SB_quantity select {
	width: 60px;
	height: 30px;
	border: 1px #d9d9d9 solid;
	font: 14px/30px 微軟正黑體, Arial, Helvetica, sans-serif;
	color: #333;
	margin-top: 35px;
}

.AY_SB_quantity2 select {
	width: 60px;
	height: 30px;
	border: 1px #d9d9d9 solid;
	font: 14px/30px 微軟正黑體, Arial, Helvetica, sans-serif;
	color: #333;
	margin-top: 10px;
}

.AY_SB_nivalent p {
	margin-top: 40px;
}

.AY_SB_price p {
	margin-top: 40px;
}

.AY_SB_delete a {
	display: block;
	width: 25px;
	height: 25px;
	margin: 0 auto;
	margin-top: 38px;
	background: url(images/anyong_new/AY_icon_delete.png) left top no-repeat;
	text-indent: -9999px;
}

.AY_SB_delete a:hover {
	background: url(images/anyong_new/AY_icon_delete.png) left bottom no-repeat;
}

.AY_SB_delete2 a {
	display: block;
	width: 25px;
	height: 25px;
	margin: 0 auto;
	margin-top: 15px;
	background: url(images/anyong_new/AY_icon_delete.png) left top no-repeat;
	text-indent: -9999px;
}

.AY_SB_delete2 a:hover {
	background: url(images/anyong_new/AY_icon_delete.png) left bottom no-repeat;
}

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

.AY_SBox_content02 ul li {
	float: left;
	text-align: center;
}

.AY_SBox_content03 {
	width: 100%;
	height: 50px;
	position: relative;
}

.AY_SBox_content03 p {
	font: 15px/50px 微軟正黑體, Arial, Helvetica, sans-serif;
	color: #333;
	text-align: right;
	position: absolute;
	right: 168px;
}

.AY_SBox_content03 p span {
	color: #e9589a;
	margin-left: 15px;
}

.AY_ShoppingCart_BOX2 .AY_SC_Bottom_L {
	float: left;
	width: 50%;
	padding-left: 35px;
	text-align: left;
}

.AY_ShoppingCart_BOX2 .AY_SC_Bottom_R {
	float: right;
	width: 50%;
	padding-right: 168px;
	text-align: right;
}

.AY_SC_Bottom_L ul li {
	font: 14px/30px 微軟正黑體, Arial, Helvetica, sans-serif;
	color: #333;
}

.AY_SC_Bottom_L ul li span {
	margin: 0 5px;
	color: #e9589a;
}

.AY_SC_Bottom_L ul li h5 {
	font: 15px/40px 微軟正黑體, Arial, Helvetica, sans-serif;
	color: #333;
}

.AY_SC_Bottom_L ul li img {
	float: left;
	margin-right: 10px;
}

.AY_SC_Bottom_R ul li h5 {
	font: 15px/40px 微軟正黑體, Arial, Helvetica, sans-serif;
	color: #333;
}

.AY_SC_Bottom_R ul li h5 span {
	margin-left: 15px;
	color: #e9589a;
}

.AY_SC_Bottom_R ul li p {
	font: 13px/18px 微軟正黑體, Arial, Helvetica, sans-serif;
	color: #ff7200;
}

.AY_SC_Bottom_R ul li h3 {
	font: 15px/40px 微軟正黑體, Arial, Helvetica, sans-serif;
	color: #333;
}

.AY_SC_Bottom_R ul li h3 span.AY_SC_Bottom_R_Price01 {
	font: 20px/50px Arial, Helvetica, sans-serif;
	margin-left: 15px;
	color: #e9589a;
}

.AY_SC_Bottom_R ul li h3 span.AY_SC_Bottom_R_Price02 {
	font: 30px/50px Arial, Helvetica, sans-serif;
	margin-left: 5px;
	color: #e9589a;
}

.AY_SC_Bottom_Btn {
	width: 100%;
	height: 50px;
	clear: both;
	padding: 0 5px;
	margin-bottom: 30px;
}

.AY_SC_Bottom_Btn ul li {
	float: right;
}

.AY_btn_checkout input,
.btn_confirm_send input {
	display: block;
	width: 190px;
	height: 50px;
	font: 20px/50px 微軟正黑體, Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: center;
	background: #dd1212;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.AY_btn_checkout input:hover,
.btn_confirm_send input:hover {
	background: #f54b4b;
	text-decoration: none;
}

.AY_btn_continuebuy input,
.btn_back_pre a {
	display: block;
	width: 190px;
	height: 50px;
	font: 20px/50px 微軟正黑體, Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: center;
	background: #1671b8;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.AY_btn_continuebuy input:hover,
.btn_back_pre a:hover {
	background: #1c8fe7;
	text-decoration: none;
}

/*購物車第二步驟*/
.AY_btn_getcoupon {
	width: 100px;
	height: 25px;
	font: 14px/25px 微軟正黑體, Arial, Helvetica, sans-serif;
	color: #FFF;
	background: #f73873;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 0;
	cursor: pointer;
}

.AY_btn_getcoupon:hover {
	background: #fc5689;
}

.AY_SC_Bottom_R ul li a {
	font: 13px/18px 微軟正黑體, Arial, Helvetica, sans-serif;
	color: #147abc;
}

.AY_SC_Bottom_R ul li a:hover {
	font: 13px/18px 微軟正黑體, Arial, Helvetica, 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 微軟正黑體, Arial, Helvetica, sans-serif;
	color: #333;
	text-align: right;
	position: absolute;
	right: 48px;
}

.AY_SBox_content03_1 p span {
	color: #e9589a;
	margin-left: 15px;
}

.AY_ShoppingCart_BOX2 .AY_SC_Bottom_R_1 {
	float: right;
	width: 50%;
	padding-right: 20px;
	text-align: right;
}

.AY_SC_Bottom_R_1 ul li h5 {
	font: 15px/40px 微軟正黑體, Arial, Helvetica, sans-serif;
	color: #333;
}

.AY_SC_Bottom_R_1 ul li h5 span {
	margin-left: 15px;
	color: #e9589a;
}

.AY_SC_Bottom_R_1 ul li p {
	font: 13px/18px 微軟正黑體, Arial, Helvetica, sans-serif;
	color: #ff7200;
}

.AY_SC_Bottom_R_1 ul li h3 {
	font: 15px/40px 微軟正黑體, Arial, Helvetica, sans-serif;
	color: #333;
}

.AY_SC_Bottom_R_1 ul li h3 span.AY_SC_Bottom_R_Price01 {
	font: 20px/50px Arial, Helvetica, sans-serif;
	margin-left: 15px;
	color: #e9589a;
}

.AY_SC_Bottom_R_1 ul li h3 span.AY_SC_Bottom_R_Price02 {
	font: 30px/50px Arial, Helvetica, sans-serif;
	margin-left: 5px;
	color: #e9589a;
}

/*購物車第三步驟*/
.AY_SC_OrderNumber {
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
	font: 15px/50px 微軟正黑體, Arial, Helvetica, sans-serif;
	color: #333;
	background: #f6f6f6;
}

.AY_img_ordersuccess {
	width: 250px;
	height: 100px;
	margin: 0 auto;
	background: url(images/anyong_new/AY_img_ordersuccess.png) left top no-repeat;
	text-indent: -9999px;
	margin-bottom: 20px;
}

.AY_SC_OrderDetail {
	font: 14px/45px 微軟正黑體, Arial, Helvetica, sans-serif;
	color: #333;
}

.AY_SC_OrderDetail_L {
	padding-right: 15px;
}

.AY_SC_OrderDetail_R {
	padding-left: 15px;
}

.AY_SC_OrderDetail tr {
	border-bottom: 1px dotted #eaeaea;
}

.AY_SC_OrderDetail tr:first-child {
	border-bottom: 1px solid #eaeaea;
	border-top: 2px solid #eaeaea;
}

.AY_SC_OrderDetail tr:last-child {
	border-bottom: 0;
}

.AY_SC_Bottom2_Btn {
	max-width: 1200px;
	margin: 0 auto;
}

.AY_btn_printpage {
	float: right;
}

.AY_btn_printpage input {
	display: block;
	width: 190px;
	height: 50px;
	background: url(images/anyong_new/AY_btn_printpage.png) left top no-repeat;
	text-indent: -9999px;
	cursor: pointer;
	border: 0;
}

.AY_btn_printpage input:hover {
	background-position: left bottom;
}

/*領取折價券小視窗*/
.AY_SC_BonusEnter_box {
	width: 500px;
	margin: 0 auto;
	font: 14px/40px 微軟正黑體, Arial, Helvetica, sans-serif;
	color: #333;
	background: #FFF;
	border: 1px solid #eaeaea;
}

.AY_SC_BonusEnter_title {
	font: 15px/45px 微軟正黑體, Arial, Helvetica, sans-serif;
	color: #333;
	padding-left: 10px;
	background: #f6f6f6;
}

.AY_SC_BonusEnter_L {
	padding-right: 15px;
}

.AY_SC_BonusEnter_R {
	padding-left: 15px;
}

.AY_SC_BonusEnter_R span {
	margin: 0 5px;
}

.AY_SC_BonusEnter_R img {
	display: block;
	float: left;
	margin: 0 8px;
	width: 72px;
	height: 20px;
	margin-top: 12px;
}

.AY_SC_BonusEnter_R .AY_SCInput_W100 {
	float: left;
	margin-top: 7px;
}

.AY_SC_BonusEnter_R a {
	color: #b17835;
}

.AY_SC_BonusEnter_btn {
	padding: 10px;
}

/*========== 購物車流程新增 ==========*/
.AY_ShoppingBox_W02 {
	width: 30%;
}

/*========== 沒有溫層 ==========*/
#shopping_checkout_2 .AY_ShoppingBox_W03 {
	width: 40%;
}

/*========== 沒有溫層 ==========*/
.AY_SBox_content03 p,
.AY_SBox_content03_1 p {
	right: 20px;
}

.discount_allBox {
	color: #ff3838;
	font-size: 14px;
	line-height: 24px;
}

.discount_allBox span {
	display: inline-block;
	border: 2px solid #ff3838;
	text-align: center;
	padding: 0 8px;
	height: 26px;
	font-size: 14px;
	line-height: 24px;
	color: #ff3838;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-right: 5px;
}

.discount_allBox span.discount_word {
	border: 0;
	padding: 0;
	color: #333;
	margin: 0;
}

.discount_allBox span.discount_word span {
	border: 0;
	padding-left: 15px;
	padding-right: 0;
	margin: 0;
}

.AY_SC_Bottom_R_1 span {
	color: #e9589a;
}

.pay_delivery {
	font-size: 14px;
	color: #999;
}

.pay_delivery ul li h5 {
	font-size: 14px;
	color: #999;
}

.left_paddingbox {
	width: 120px;
}

.left_paddingbox01 {
	padding-left: 60px;
	padding-bottom: 5px;
}

.discount_couponbox {
	text-align: right;
	padding: 10px 20px;
}

.discount_couponbox .click_show {
	font-size: 14px;
	line-height: 24px;
	cursor: pointer;
	color: #bc0a30;
}

.discount_couponbox .couponbox_btn {
	background-color: #bc0a30;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font: 14px/30px 微軟正黑體, Arial, Helvetica, sans-serif;
	color: #fff;
	border: 0;
	cursor: pointer;
	padding: 0 15px;
}

.discount_couponbox .couponbox_btn:hover {
	background-color: #7b7d81;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font: 14px/30px 微軟正黑體, Arial, Helvetica, sans-serif;
	color: #fff;
	border: 0;
	cursor: pointer;
	padding: 0 15px;
}

.AY_SB_mainproduct_R2_n {
	width: 73%;
}

.AY_SC_Bottom_Btn.bottom_btn.AY_ShoppingCart_BOX2 {
	background: none;
	border: 0;
}

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

/*不用改的*/
.jooshop_btn_login>input,
.jooshop_btn_login>input:hover {
	font: 28px/50px 微軟正黑體, Arial, Helvetica, sans-serif;
	color: #FFF;
	letter-spacing: 3px;
	background-image: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-indent: 0;
}

.jooshop_scbtn_print input,
.jooshop_scbtn_print input:hover {
	background-image: none;
	color: #fff;
	font: 20px/50px 微軟正黑體, Arial, Helvetica, sans-serif;
	text-indent: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.jooshop_mem_btn input,
.jooshop_mem_btn input:hover,
.jooshop_mem_btn a,
.jooshop_mem_btn a:hover {
	background-image: none;
	color: #fff;
	font: 20px/50px 微軟正黑體, Arial, Helvetica, sans-serif;
	text-indent: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
}

.jooshop_step_color {
	border-bottom-color: #595758;
}

.jooshop_step_color span {
	color: #595758;
}

.jooshop_scstep_color {
	border-bottom-color: #f2f2f2;
}

.joo_ordersuccess {
	width: 210px;
	height: 100px;
	margin: 0 auto;
}

.joo_ordersuccess h5 {
	font: 45px/50px 微軟正黑體, Arial, Helvetica, sans-serif;
}

.joo_ordersuccess p {
	font: 28px/50px 微軟正黑體, Arial, Helvetica, sans-serif;
	color: #999;
	text-align: right;
	padding-right: 15px;
}

/*要改的部分如下*/
/*按鈕*/
.jooshop_btn_color>input,
.jooshop_btn_color>a {
	background-color: var(--primary);
	color: #fff;
}

.jooshop_btn_color>input:hover,
.jooshop_btn_color>a:hover {
	background-color: var(--primary-dark);
	color: #fff;
}

.jooshop_btn_color2>input,
.jooshop_btn_color2>a {
	background-color: var(--secondary);
	color: #fff;
}

.jooshop_btn_color2>input:hover,
.jooshop_btn_color2>a:hover {
	background-color: var(--secondary-dark);
	color: #fff;
}

/*線段*/
.jooshop_title_color {
	border-top-color: #595758;
}

.jooshop_title_color2 {
	border-bottom-color: #1f1f1f;
}

.jooshop_sctitle_color {
	border-top-color: #595758 !important;
}

/*會員專區元件-按鈕顏色*/
.jooshop_mem_menu {
	border-left-color: #41afa5;
	color: #333;
}

/*訂單列表-訂單號碼顏色*/
.jooshop_mem_word>a,
.jooshop_mem_word>span {
	color: #595758;
}

.jooshop_mem_word>a:hover {
	color: #706e6f;
}

/*訂購完成-文字顏色*/
.joo_ordersuccess h5 {
	color: #595758;
}

.SB_MemberContent {
	margin-bottom: 30px;
}

/*========== 如果使用者之視窗寬度 <= 1024px 將會再載入這裡的 CSS ==========*/
@media screen and (max-width:1024px) {

	/*.AY_ShoppingCart_BOX,.AY_ShoppingCart_BOX2{ width:984px;}*/
	.AY_SB_mainproduct_L {
		width: 45%;
	}

	.AY_SB_mainproduct_R,
	.AY_SB_mainproduct_R2 {
		width: 55%;
	}

	.AY_SBox_content03 p {
		right: 136px;
	}

	.AY_ShoppingCart_BOX2 .AY_SC_Bottom_R {
		padding-right: 136px;
	}

	.AY_SBox_content03_1 p {
		right: 38px;
	}

	.AY_ShoppingCart_BOX2 .AY_SC_Bottom_R_1 {
		padding-right: 20px;
	}
}

/*login-20*/
ul.AF_Member_LoginBox_left,
.AF_Member_Login_R_left,
.AF_Member_Login_bt,
.loginother {
	display: block;
}

/*無障礙新增的*/
.gotocenter {
	display: block;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.joo4_share_new_box ul li a {
	text-indent: -9999px;
}

/*連結文字*/
.it422_ls_html a:link,
.it422_ls_html a:visited,
.it422_ls_html a:hover,
.it422_ls_html a:active,
.it422_la_html a:link,
.it422_la_html a:visited,
.it422_la_html a:hover,
.it422_la_html a:active,
.it422_ly_html a:link,
.it422_ly_html a:visited,
.it422_ly_html a:hover,
.it422_ly_html a:active {
	color: #333;
}

.it422_la_mapbox_l>ul.mapbox_l02>li:nth-child(2)>a,
.it422_ls_list>div>ul.mapbox_l02>li:nth-child(2)>a {
	color: #333;
}

/* DEMO暫時 */
#index .newitem_html_edit {
	text-align: center
}

#index .newitem_html_edit img {
	width: 100%;
	height: auto;
	vertical-align: top;
}

/* 靜態頁左側欄位 */
.AF_MemberLitem_listnow {
	width: auto;
}

.AF_MemberLitemContent01 {
	background: #fff;
}

.jooshop_mem_menu {
	color: #CB4B4B;
	background-color: var(--primary-10);
	border-left: 0px;
}

.AF_MemberLitemContent01 {
	border: 0px;
	border-radius: 10px;
	overflow: hidden;
}

ul.AF_MemberLitem_list li a {
	color: #2f2f2f;
	height: 43px;
	border-bottom: 0px;
	border-top: 0px;
}

ul.AF_MemberLitem_list li a:hover {
	width: auto;
	height: 43px;
	border-bottom: 0px;
	border-top: 0px;
	background: #e5e5e5;
}

/* 網站導覽 */
body#sitemap div#mp-pusher .FOR_MAIN {
	width: 100%;
}

/* 店長小幫手 */
.management_system {
	position: fixed;
	z-index: 100001;
	max-width: 200px;
	height: 100%;
	left: 0px;
	transition: all .3s ease;
}

.management_system.ms_closed {
	left: -200px;
}

.management_system .ms_btn {
	position: absolute;
	left: 200px;
	top: 0;
	width: 40px;
	height: 50px;
	background-color: #353a3a;
	-moz-border-radius: 0 0 10px 0;
	-ms-border-radius: 0 0 10px 0;
	-o-border-radius: 0 0 10px 0;
	-webkit-border-radius: 0 0 10px 0;
	border-radius: 0 0 10px 0;
	cursor: pointer;
	transition: all .3s;
}

.management_system .ms_btn span.ms_setting_btn {
	background-image: url(images/ms_settings.svg);
	background-position: center 7px;
	background-size: 20px;
	background-repeat: no-repeat;
}

.management_system .ms_btn .ms_stbtn_closed {
	display: none;
}

.management_system .ms_btn span.ms_close_btn {
	background-image: url(images/ms_close.svg);
	background-position: center 7px;
	background-size: 20px;
	background-repeat: no-repeat;
}

.ms_closed .ms_btn span.ms_clbtn_closed {
	display: none;
}

.management_system .ms_btn span {
	color: rgba(255, 255, 255, 1);
	text-align: center;
	display: block;
	line-height: 20px;
	font-size: 1rem;
	padding-top: 28px;
}

.management_system .backstage {
	width: 200px;
	height: 100%;
	background-color: #353a3a;
	transition: all .3s;
}

.management_system .backstage .container .ms_logo {
	width: 100%;
	text-align: center;
	padding: 10px 0 10px 0;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
	height: 50px;
	display: flex;
	align-items: center;
}

.management_system .backstage .container .ms_logo span {
	display: none;
}

.management_system .backstage .container .ms_logo>img {
	max-width: 100px;
	margin: 0 auto;
	filter: drop-shadow(130px 0 #FFF);
	transform: translateX(-130px);
	overflow: hidden;
}

.management_system .backstage .container>ul>li {
	border-bottom: 1px solid rgba(255, 255, 255, .1);
	color: #fff;
}

.management_system .backstage .container ul li.ms_listitem.ms_reserve .link a {
	display: flex;
	align-items: center;
	font-size: 17px;
	letter-spacing: .2px;
	color: rgba(255, 255, 255, .6);
}

.management_system .backstage .container ul li.ms_listitem.ms_reserve .link a span {
	display: block;
	width: 40px;
	height: 40px;
	background: url(images/ms_order.svg) no-repeat left -38px;
	background-size: 40px;
}

/* it21 */
#member_edit .form_prompt {
	display: none;
}

/* it783 */
.it788_title_bg {
	margin-bottom: 0px !important;
}

.it783_date_top.it783_date_top_fixed {
	position: initial;
}

.it783_listbox .it783_list.now_active>ul li.it783_list_month h5,
.it783_listbox .it783_list.now_active>ul li.it783_list_month span {
	color: #454545 !important;
}

.it783_bottom_box .it783_bottom_in>h3 {
	color: #CB4B4B !important;
}

.it783_listbox .it783_list>ul li.it783_list_things {
	border-left: 3px solid #4B7943 !important;
}

.it783_listbox .it783_list>ul li.it783_list_month::after {
	border: solid 2px #4B7943 !important;
}

.it783_listbox .it783_list.now_active>ul li.it783_list_month::after {
	background: #4B7943 !important;
}

.it783_date_top .it783_date_top_in .it783_date_num ul li a,
.it783_date_top .it783_date_top_in .it783_date_num ul li a:hover {
	border: 1px solid #4B7943 !important;
	color: #4B7943 !important;
}

.it783_date_top .it783_date_top_in .it783_date_num ul li.now_active a {
	background-color: #00806233 !important;
	color: #4B7943 !important;
}

.it783_list_style>a .it783_list_style_r h4 {
	color: #CB4B4B !important;
	border: 1px solid #CB4B4B !important;
}

.it783_search .it783_search_search select,
.it783_search .it783_search_style select {
	color: #CB4B4B !important;
	border: 1px solid #CB4B4B !important;
}

.it783_search .it783_search_num span {
	color: #CB4B4B !important;
}

/* .it783_list_style > a .it783_list_style_r h5 {background: url(css/images/it783_clock.svg) left center no-repeat !important; background-size: 16px !important;    background-color: blue !important;} */
/* .it783_list_style > a:before {background: url(css/images/tyfarm/it783_arrow.svg) right bottom no-repeat !important; background-size: 10px !important;} */
.it731_memdetail .it731_points .it731_icon.it731-points-card {
	background-image: url(it731-points-card.svg) !important;
}

.it731_memdetail .it731_points .it731_icon.it731-mypoints {
	background-image: url(it731-mypoints.svg) !important;
}

.it731_memdetail .it731_points .it731_icon.it731-mycollection {
	background-image: url(it731-mycollection.svg) !important;
}

.it731_memdetail .it731_points .it731_icon.it731-journey-collection {
	background-image: url(it731-journey-collection.svg) !important;
}

.it731_memdetail .it731_points .it731_icon.it731-note {
	background-image: url(it731-note.svg) !important;
}

.it731_tyfarm .it731_memlist .it731_icon.icon-solid-account {
	background-image: url(it731-account.svg) !important;
	background-size: 28px;
}

.it731_tyfarm .it731_memlist .it731_icon.icon-solid-password {
	background-image: url(it731-password.svg) !important;
}

.it731_tyfarm .it731_memlist .it731_icon.icon-solid-mycollection {
	background-image: url(it731-mycollection.svg) !important;
}

.it731_tyfarm .it731_memlist .it731_icon.icon-solid-journey-collection {
	background-image: url(it731-journey-collection.svg) !important;
}

.it731_tyfarm .it731_memlist .it731_icon.icon-solid-reservation {
	background-image: url(it731-reservation.svg) !important;
}

.it731_tyfarm .it731_memlist .it731_icon.icon-solid-mycollection {
	background-image: url(it731-mycollection.svg) !important;
}

.it731_tyfarm .it731_memlist .it731_icon.icon-solid-map {
	background-image: url(it731-map.svg) !important;
}

.it731_tyfarm .it731_memlist .it731_icon.icon-solid-points-card {
	background-image: url(it731-points-card.svg) !important;
}

.it731_tyfarm .it731_memlist .it731_icon.icon-solid-note {
	background-image: url(it731-note.svg) !important;
}

.it731_tyfarm .it731_memdetail .it731_points p span {
	background-color: #F3F5F8;
}

.jooshop_mem_menu {
	color: #184477;
	background-color: var(--primary-10);
	border-left: 0px;
}

.it515_category span.category_attraction {
	color: #184477 !important;
	border: 1px solid #184477 !important;
	background: url(Icon-tags-map.svg) 5px center no-repeat #FFF !important;
	background-size: 22px !important;
}

.it515_category span.category_shop {
	color: #184477 !important;
	border: 1px solid #184477 !important;
	background: url(Icon-tags-stroe.svg) 5px center no-repeat #FFF !important;
	background-size: 22px !important;
}

.it515_style_name .it515_btn li.it515_btn_share a {
	background-image: url(share_reviews.svg) !important;
	background-size: 18px !important;
}

.it875_style .it875_img .it875_btn li.it875_btn_share a {
	background-image: url(share_reviews.svg) !important;
	background-size: 18px !important;
}

.it1000_default .it1000_status_tab .tab_item.active {
	background-color: #184477 !important;
	color: #fff !important;
}

.it1000_default .it1000_status_tab .tab_item {
	border: 1px solid #184477 !important;
	color: #184477 !important;
}

.it1000_default .it1000_reservebtn a {
	background-color: #184477 !important;
}

.new_member_btn_confirm input[type="submit"],
.new_member_btn_confirm a:link,
.new_member_btn_confirm a:visited,
.new_member_btn_confirm a:active {
	background-color: #184477 !important;
}

.it793_list_btn a:nth-child(1) span {
	background: url(share_reviews.svg) left center no-repeat !important;
	background-size: 17px;
}

.it824_filter_01 span {
	color: #184477 !important;
}

.it824_card_title {
	color: #184477 !important;
}

.it824_card_style_in {
	background: #F6FAFB !important;
}

.it824_card_seemore {
	background: #184477 !important;
}

.it824_filter_02 {
	color: #184477 !important;
}

.Set_card {
	background: #F6FAFB !important;
	color: #184477 !important;
}

.point_get {
	background: #184477 !important;
}

.it1062_default .card_title a {
	background: #184477 !important;
}

.it824 h3>svg>g>path:nth-child(1) {
	fill: #E68243 !important;
}

.it824 h3>svg>g>path:nth-child(3) {
	fill: #E68243 !important;
}
.it824 h3>svg>g>path:nth-child(5) {
	fill: #184477 !important;
}
.it824 h3>svg>g>path:nth-child(7) {
	fill: #184477 !important;
}

.gray_btn.it1062_btn_outline {
    background: #FFFFFF !important;
    color: #184477 !important;
    border: 1px solid #184477 !important;
}

.gray_btn.it1062_btn_outline>svg>g>path{
	fill: #184477 !important;
}

.it1062_btn {
	background: #184477 !important;
    color: #fff !important;
    border: 1px solid #184477 !important;
}

/* 0822新增 */
/* it866 */
.it866_gopengyo .it866_search_control:focus, .it866_gopengyo .it866_search_control:hover{
	border: 1px solid var(--primary);
}
.it866_gopengyo input.it866_search_btn{
	background: var(--primary);
}
.it866_gopengyo input.it866_search_btn:focus, .it866_gopengyo input.it866_search_btn:hover{
	background: #0C2D53;
}
.it866_gopengyo .it866_div_head{
	color: var(--secondary);
	border-bottom: 1px solid var(--secondary);
}
.it866_gopengyo .it866_div_tit a:focus, .it866_gopengyo .it866_div_tit a:hover{
	color: var(--primary)!important;
}
/* .it866_row{
	clear: both;
} */
.it866_gopengyo input.it866_search_control, .it866_gopengyo select.it866_search_control{
	border: 1px solid var(--primary);
}

/* it795 */
.it795_top_title_bg .it795_top_search_bar input[type="button"]{
	background-color: var(--primary);
	transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
}
.it795_top_title_bg .it795_top_search_bar input[type="button"]:hover, .it795_top_title_bg .it795_top_search_bar a:hover{
	background-color: var(--secondary);
	cursor: pointer;
}
.it795_top_title_bg .it795_top_search_bar a{
	background-color: var(--primary);
	transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
}

.it795_search_listbox .it795_search_listbox_in .it795_search_listbox_in_l .it795_search_num .it795_search_num_title > span{
	color: var(--secondary)!important;
}
.it795_top_title_bg .it795_top_search .it795_top_keyword > span{
	background-color: var(--primary);
}

.it795_main_box .it795_content_s1 .it795_content_s1_r .it795_content_travels{
	border-color: var(--secondary);
}

.it795_main_box .it795_content_s1 .it795_content_s1_r .it795_content_travels .it795_content_travels_t > h3,.it795_main_box  .it795_content_s1 .it795_content_s1_r .it795_content_travels .it795_content_travels_b_title > h3{
	border-color: var(--secondary);
}

.it795_main_box .it795_day a.active{
	background: var(--secondary);
}
.it795_main_box .it795_content_s1 .it795_content_s1_r .it795_content_tags a{
	color: var(--secondary);
    background-color: var(--primary-10);
    border-color: var(--secondary);
    background: url(/funpenghu/css/images/it795_tag_orange.svg) left 6px center no-repeat var(--secondary-10);
    background-size: 14px;
}
.it795_main_box .it795_style_01{
	background: var(--secondary-10);
}
.it795_search_listbox .it795_search_listbox_in .it795_search_listbox_in_l .it795_search_num .it795_search_num_title > h4{
	color: var(--secondary)!important;
}
.fancybox-outer .it795_searchpro_lightbox .it795_searchpro_title{
	background: url(it795_icon_filter_o.svg) 20px center no-repeat var(--secondary-10);
	background-size: 24px;
	color: var(--secondary);
}
.it795_searchpro_lightbox .it795_searchpro_content .it795_searchpro_list .it795_searchpro_list_in a, .it795_searchpro_lightbox .it795_searchpro_content .it795_searchpro_list .it795_searchpro_list_in a:hover{
	color: var(--secondary)!important;
	border-color: var(--secondary)!important;
}
.fancybox-outer .it795_searchpro_lightbox .it795_searchpro_content .it795_searchpro_list h5 >span{
	color: var(--primary);
}

.fancybox-outer .it795_searchpro_lightbox .it795_searchpro_btn a.it795_searchpro_btn_sand{
	border-color: var(--primary);
	background-color: var(--primary);
}

.fancybox-outer .it795_searchpro_lightbox .it795_searchpro_content .it795_searchpro_list .it795_searchpro_list_in a.active{
	background: var(--secondary);
	color: #FFF!important;
}

.it795_arrow .arrow{
	border-color: var(--secondary);
	background: var(--secondary);
}
.it795_arrow .arrow:after{
	border-color: transparent transparent transparent var(--secondary);
}

.it795_content_travels_b_in .it795_style_01 .it795_style_01_time .it795_time > span.brand_no{
	background: url(/funpenghu/css/images/it794_icon_fill_o.svg) center no-repeat;
    background-size: 16px;
}
.AF_b_page ul.AF_pageBox li.dis{
	background: var(--primary);
}
.it795_main_box .it795_content_s1 .it795_content_s1_l .it795_btn_rbox .it795_addlist a{
	background: url(/funpenghu/css/images/it422_heart_xo.svg) center no-repeat #fff;
	background-size: 20px;
}
.it795_main_box .it795_content_s1 .it795_content_s1_l .it795_btn_rbox .it795_addlist_active a{
	background: url(/funpenghu/css/images/it422_heart_oo.svg) center no-repeat #fff;
	background-size: 20px;
}
.it795_main_box .it795_content_s1 .it795_content_s1_l .it795_btn_rbox .it795_sharelist a{
	background: url(share_reviews.svg) center no-repeat #fff;
	background-size: 24px;

}
.it795_search_listbox .it795_search_listbox_in .it795_search_listbox_in_l .it795_search_num a, .it795_search_listbox .it795_search_listbox_in .it795_search_mobile .it795_search_mobile_in a{
	border-color: var(--secondary)!important;
	color: var(--secondary)!important;
	background: url(/funpenghu/css/images/it795_tag_orange.svg) left 5px center no-repeat var(--secondary-10)!important;
	background-size: 16px!important;
}


.fancybox-outer a:focus{
	outline: 2px solid var(--secondary);
}


.it795_search_listbox .it795_search_listbox_in .it795_search_listbox_in_l .it795_search_num a span, .it795_search_listbox .it795_search_listbox_in .it795_search_mobile .it795_search_mobile_in a span{
	background: url(it795_new_remove_o.svg) center no-repeat!important;
}

/* it865 */
.input_content input.it865_search_unit_clear, .input_content input.it865_search_unit_more{
	background-color: var(--primary);
	transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;

}
.input_content input.it865_search_unit_more:hover, .input_content input.it865_search_unit_clear:hover{
	background-color: var(--secondary);
}

.travel2List_inner .tlCard:hover{
	border-color: var(--secondary);
}

.travel2List_inner .tlCardTop ul.list_category_all .list_category.list_category_shop{
	color: var(--secondary);
	border-color: var(--secondary);
	background: url(Icon-tags-3.svg) left 5px center no-repeat var(--secondary-10);
	background-size: 22px;
}

.travel2List_inner .tlCardTop ul.list_category_all .list_category.list_category_attraction{
	background: url(Icon-tags-4.svg) left 5px center no-repeat var(--secondary-10);
	background-size: 22px;
	color: var(--secondary);
	border-color: var(--secondary);
}
.travel2List_inner .tlCardTop ul.list_category_all .list_category.list_category_stay{
	color: var(--secondary);
	border-color: var(--secondary);
	background: url(Icon-tags-1.svg) left 5px center no-repeat var(--secondary-10);
    background-size: 22px;
}

.travel2List_inner .tlCardTop ul.list_category_all .list_category.list_category_event{
	color: var(--secondary);
	border-color: var(--secondary);
	background: url(Icon-tags-2.svg) left 5px center no-repeat var(--secondary-10);
    background-size: 22px;
}
.it865_tl2ListTool .search_total_number span{
	color: var(--secondary)!important;
}

.it_865_up_search .it_865_up_search_content .it_865_up_search_title p{
	background: url(it795_icon_filter_o.svg) 12px center no-repeat;
    background-size: 24px;
	color: var(--secondary);
}
.it_865_up_search .it_865_up_search_title{
	background: var(--secondary-10);
}
.it_865_up_search .it_865_category_option label{
	color: var(--secondary);
	border-color: var(--secondary);
}
.it_865_up_search .it_865_search_unit_btn input[type=submit]{
	border-color: var(--primary);
	background-color: var(--primary);
}

.it_865_up_search .it_865_category_option [type="checkbox"]:checked + label{
	background: var(--secondary);
}
.it_865_up_search .it_865_search_unit_btn input[type=submit]:hover{
	border-color: var(--primary);
	background-color: var(--primary);
}

.it_865_up_search .it_865_search_unit_btn input[type=reset]:hover{
	border-color: var(--primary);
	background-color: var(--primary);
}

.travel2List_inner  .tlCardTit:hover{
	color: var(--secondary);
}

.it_865_up_search{
	color: var(--primary)!important;
}
/* it794 */
.it794_main_box_in .it794_box_l_tags a{
	background: url(/funpenghu/css/images/it795_tag_orange.svg) left 5px center no-repeat var(--secondary-10);
	background-size: 16px;
}

.it794_btn_right > a.it794_user_share, .it794_btn_right > a.it794_user_share:hover{
	background: url(share_reviews.svg) center top no-repeat!important;
    background-size: 24px!important;
}
.it794_btn_right a.it794_like_btn{
	background: url(/funpenghu/css/images/it422_heart_xo.svg) center 6px no-repeat;
    background-size: 20px;
}
.it794_btn_right a.it794_like_btn.it794_like_btn_active{
	background: url(/funpenghu/css/images/it422_heart_oo.svg) center 6px no-repeat;
    background-size: 20px;
}

.it794_default .it794_play_list .it794_play_name span{
	background: url(/funpenghu/css/images/it794_icon_fill_o.svg) center no-repeat;
    background-size: 24px;
}
.it794_default .it794_style_01 .it794_time > span{
	background: url(/funpenghu/css/images/it794_icon_fill_o.svg) center no-repeat;
    background-size: 16px;
}

.fancybox-outer .it794_tags_lightbox .it794_tags_title{
	color: var(--secondary);
	background: url(/funpenghu/css/images/it795_tag_orange.svg) 20px center no-repeat var(--secondary-10);
}

.fancybox-outer .it794_tags_lightbox .it794_tags_content .it794_tags_list .it794_tags_list_in a.active:hover{
	color: #FFF;
}
.fancybox-outer .it794_tags_lightbox .it794_tags_content .it794_tags_list .it794_tags_list_in a,.fancybox-outer .it794_tags_lightbox .it794_tags_content .it794_tags_list .it794_tags_list_in a:hover{
	color: var(--secondary);
	border-color: var(--secondary);
}

.fancybox-outer .it794_tags_lightbox .it794_tags_btn a.it794_tags_btn_ok{
	border-radius: 5px;
}
.fancybox-outer .it794_tags_lightbox .it794_tags_content .it794_tags_list .it794_tags_list_in a.active{
	background: var(--secondary);
}

.it794_main_in .it794_play_list .it794_fav_btn a{
	background: url(/funpenghu/css/images/it422_heart_xo.svg) 7px center no-repeat;
    background-size: 18px;
}
.it794_main_in .it794_play_list .it794_fav_btn.it794_fav_btn_active a{
	background: url(/funpenghu/css/images/it422_heart_oo.svg) 7px center no-repeat;
    background-size: 18px;
}


/* 網站導覽 */
.warp_box_item .warp_item_type_title a{
	color: var(--primary);
	border-color: var(--primary);
}

.warp_box_item .warp_item_type_title a:hover{
	background: var(--secondary);
	border-color: var(--secondary);
}

.warp_box_item .warp_item_type:nth-child(4) .warp_item_type_title{
	border-color: var(--primary)!important;
}


.it668.owl-carousel{ padding-top: 65px!important;}