@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');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:700i|Roboto');

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

/*******************************
 中間元件
*******************************/
/*特殊用途*/
.none_style{ display:none;}
.joo_mobile{ display:block;}

/* 中間元件名稱 */
.Page_Litem_title{ text-align:center;margin-bottom: 10px;}
.Page_Litem_title .L_item_name{ display:block; font:20px/40px 微軟正黑體,Microsoft Jhenghei,tohoma,arial,simsun,sans-serif !important; color:#3f3a39; text-align: center;}


/* 中間內文內距 */
.C_Box .C_padding{padding:0;}
.C_Box{ 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', 'Open Sans', 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:12px/24px tohoma,arial,simsun,sans-serif; color:#3f3a39;font-weight:bold; text-decoration: none; }

/* 中間副標題 */
.C_subtitle { font:12px/24px tohoma,arial,simsun,sans-serif; color:#3f3a39;font-weight:bold; text-decoration: none;}


/* 中間內文 */
.C_article { font:16px/40px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#3f3a39;}

/* 中間標題(連結) */
a.C_title_a:link 	{ font:18px/30px tohoma,arial,simsun,sans-serif; color:#3f3a39;font-weight:bold; text-decoration: none;}
a.C_title_a:visited { font:18px/30px tohoma,arial,simsun,sans-serif; color:#3f3a39;font-weight:bold; text-decoration: none;}
a.C_title_a:hover 	{ font:18px/30px tohoma,arial,simsun,sans-serif; color:#689e2d;font-weight:bold; text-decoration: underline;}
a.C_title_a:active 	{ font:18px/30px tohoma,arial,simsun,sans-serif; color:#689e2d;font-weight:bold; text-decoration: underline;}

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

/* 左邊元件名稱 */
.L_Box{ width:200px; margin-bottom:15px;}
/*.L_Box .L_top{ height:12px;background:url(left_bg01.gif) no-repeat 0 0;}
.L_Box .L_bottom{ height:12px;background:url(left_bg03.gif) no-repeat 0 0;}
h3.L_item_name{ height:40px; font:15px/40px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#555; padding-left:10px;}
.Page_Litem_title{ width:100%; height:40px; border-bottom:#d0d0d0 3px solid;}*/


/* 左邊內文內距 */

.L_Box .L_padding{ padding-top:5px;}



/* 左邊標題 */
.L_title { font:12px/24px tohoma,arial,simsun,sans-serif; color:#666; font-weight:bold;}

/* 左邊副標題 */
.L_subtitle { font:12px/24px tohoma,arial,simsun,sans-serif; color:#666; font-weight:bold;}


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

/* 左邊內文 */
.L_article { font:12px/24px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#666;}


/* 左邊標題(連結) */
a.L_title_a:link 	{ font:12px/24px tohoma,arial,simsun,sans-serif; color:#3f3a39;font-weight:bold; text-decoration: none;}
a.L_title_a:visited { font:12px/24px tohoma,arial,simsun,sans-serif; color:#3f3a39;font-weight:bold; text-decoration: none;}
a.L_title_a:hover 	{ font:12px/24px tohoma,arial,simsun,sans-serif; color:#689e2d;font-weight:bold; text-decoration: underline;}
a.L_title_a:active 	{ font:12px/24px tohoma,arial,simsun,sans-serif; color:#689e2d;font-weight:bold; text-decoration: underline;}

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

/* 右邊元件名稱 */
.R_Box{ width:200px; margin-bottom:15px;}
h3.R_item_name{ height:40px; font:15px/40px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#3f3a39; padding-left:10px;}


/* 右邊標題 */
.R_title { font:12px/26px tohoma,arial,simsun,sans-serif; color:#3f3a39;font-weight:bold; text-decoration: none;}

/* 右邊副標題 */
.R_subtitle { font:12px/26px tohoma,arial,simsun,sans-serif; color:#3f3a39;font-weight:bold; text-decoration: none;}



/* 右邊內文 */
.R_article { font:12px/24px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#3f3a39;}

/* 右邊標題(連結) */
a.R_title_a:link 	{ font:12px/24px tohoma,arial,simsun,sans-serif; color:#3f3a39;font-weight:bold; text-decoration: none;}
a.R_title_a:visited { font:12px/24px tohoma,arial,simsun,sans-serif; color:#3f3a39;font-weight:bold; text-decoration: none;}
a.R_title_a:hover 	{ font:12px/24px tohoma,arial,simsun,sans-serif; color:#689e2d;font-weight:bold; text-decoration: underline;}
a.R_title_a:active 	{ font:12px/24px tohoma,arial,simsun,sans-serif; color:#689e2d;font-weight:bold; text-decoration: underline;}

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

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

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


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

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

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

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

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

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

/* 商品名稱 */
a.prod_name:link 	{ font:13px/24px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#3f3a39; text-decoration: none; }
a.prod_name:visited { font:13px/24px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#3f3a39; text-decoration: none; }
a.prod_name:hover 	{ font:13px/24px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#689e2d; text-decoration: none; }
a.prod_name:active 	{ font:13px/24px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#689e2d; text-decoration: none; }

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

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

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

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

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

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

/* 會員專區表單 */
.member_centerMbg292{ top: 56px !important;}
.member_centerMbg292 ul li{background-color: #3f3a39; font:15px/36px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif;}
.member_centerMbg292 ul > li a.logout{font:15px/36px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif;}

/******************************* 綠悟安食網元件自訂End *******************************/


/*******************************
 語系
*******************************/
.lang_box{ margin-right: 15px;}
.lang_box a{ display:inline-block; width:23px; height:23px;border-radius:100%; color:#fff !important; border:1px solid #FFF; text-align:center; line-height:21px !important; text-decoration:none; font-size:13px !important; margin:5px 0;}
.lang_box a:hover{line-height:21px !important; text-decoration:none; font-size:13px !important;background:#FFF; color:#036eb7!important;}
/*******************************
 會員等級
*******************************/
.member_class{ position:relative; margin-bottom:10px;font:14px/24px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#747474; padding-left:55px; min-height:48px;}
.member_class:before{ position:absolute; left:0; top:0;content:""; display:block; width:48px; height:48px;background: url(user.svg) center center no-repeat; background-size:28px;border-radius:100%; border:2px solid #ddd;}
.member_class .user_vip{ color:#fb8eb6; margin-right:5px;}
.member_class .user_name{ margin-right:5px;}

	/*熱銷商品元件修改*/
	
	.it318_itemBox{
		max-width:1200px;}
	.it318_itemBox .it_318_PBox{
		border:none;
		padding: 7px;}
	.it_318_Pdetail h2.it_318_Pname a{
		color: #2a6e3a;}
	.it318_itemBox > ul > li{
		width: 33.33333%;}	
	.it_318_Pdetail h3.it_318_Pword{
		border-left:none;
		color:#999;
		position: relative;
   		top: 10px;
		font: 12px/20px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif;}
	.it_318_Pprice{
		position:relative;
		top:0px;
		float:right;}
	.it318_itemBox .it_318_PBox ul li.it_318_Pimg{
		width: 195px;}
	.it318_itemBox .it_318_PBox ul li.it_318_Pdetail{
		margin-left: 207px;
		padding-top: 3px;}
	.it_318_Pprice li.it_318_Pprice01{
		font: 12px/30px Arial, Helvetica, sans-serif;}
	.it_318_Pprice li.it_318_Pprice02{
		font: 15px/30px Arial, Helvetica, sans-serif;}
	.it_318_Pprice li.it_318_Pprice02 span{
		font-size: 15px;}
	.it_318_Pdetail h2.it_318_Pname a:hover{
		color: #ffc600;}
	.it_318_Pdetail h3.it_318_Pword{
		height: 105px;
		margin-bottom:0px;}
	
	
	
	
	/*熱銷商品元件修改 end*/
	
	/*style40元件修改*/
	
.it264_ADbanner_box > div{ float:right;}
.it264_ADbanner_L{ width:70% !important ;}
.it264_ADbanner_R{ width:30% !important ;}
.it264_ADbanner_R  ul li { padding-right:3%; width:100%;}

.it264_ADbanner_L.it264_0919{ width:76.5% !important ;}
.it264_ADbanner_R.it264_0919{ width:23.5% !important ;}
.it264_ADbanner_R.it264_0919 ul li { padding-left:3%; width:100%; padding-right:0px;}
.it264_ADbanner_L.it264_0919,.it264_ADbanner_R.it264_0919{ float:left;}

.slide_nav{ background: transparent url(next_1.png) no-repeat left top;height: 78px;  width: 57px;}
.btootm_btn_buy{ display:none !important ;}
.btootm_btn_buy a { display:block; width: 100%; height: 30px; background: url(bottom_btn_buy.png) center center no-repeat #e1ced0; text-indent: -9999px;}
.jooshop251_newslist li.jooshop251_newslist_R h3.jooshop251_newslist_title span{    background-color: #e1ced0;}
.jooshop251_news > ul > li{    border-bottom: #e1ced0 1px dotted;}
.jooshop251_news .view_more_btn a{ background:#fff; color:#e1ced0;}
.jooshop251_news .view_more_btn a:hover{background:#e1ced0; text-decoration:none; }
.Index_ADbannerBox{ margin-bottom:80px !important ;}
.it264_ADbanner_box{ margin-bottom:5px;}
@media screen and (max-width:600px) {.it264_ADbanner_L{ width:100% !important ;}
.it264_ADbanner_R{ width:100% !important ;}
.it264_ADbanner_L.it264_0919{ width:100% !important ;}
.it264_ADbanner_R.it264_0919{ width:100% !important ;}
.it264_ADbanner_R  ul li { padding:0; width:100%;}
.it264_ADbanner_R.it264_0919 ul li { width:100%; padding:0;}
}
	/*style40元件修改end*/


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


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

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

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

/* 一般鏈結 
a:link 		{ font:14px/24px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#666; text-decoration: none;}
a:visited 	{ font:14px/24px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#666; text-decoration: none;}
a:hover 	{ font:14px/24px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#666; text-decoration: underline;}
a:active 	{ font:14px/24px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#666; text-decoration: underline;}*/

/* 網站主內容架構 */
.FOR_TOP{ width:100%; height:auto; position: relative; z-index: 9999;}
.FOR_MAIN{width:100%; padding:56px 0 0 0; background: #f0f0f0;}
.FOR_FOOTER{width:100%;clear:both; text-align:center;font:14px/24px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#fff;}
.copy_right{font:14px/24px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#fff;}


.main_content_left{ display:none; width:200px; float:left; }
.main_content_right{display:none; width:200px; float:right;}
.main_content_l_center{ width:100%;}
.main_content_r_center{width:100%;}
.main_content_center{width:100%;}
.main_content_no_center{ width:100%;}

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


/*******************************
 自訂
*******************************/
html, body	{ font:13px/24px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#666; line-height:24px;}

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

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


/*========== 共用 ==========*/
.SGS_Store_TopBox{ display:none;}
.it409_bottombg{background:url(banner_bottombg.jpg) center center repeat-x; bottom:-80px; height:80px;}
/* 元件間距*/
.SB_witem_mbottom{ margin-bottom:15px;}

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

.item345_box .product35_title{ display:none;}
.item345_divbox > ul > li:nth-child(2) > div{ background:#99d17c;}
/*=============== Kerry Go版型 ================*/
.Header{ width:100%; height:56px; background:#fff; position:fixed; border-bottom:1px solid #eeeeee;}
.Header .Header_in { 
	width:100%; height:56px; position:relative; 
	display: flex; align-items: center; justify-content: space-between; padding-right: 10px;
	gap: 4px;
}
.Header .Header_in .Header_cart{ position:absolute; top:0; right:35px; display:block; width:40px; height:60px; background:url(scart_icon_m.svg) no-repeat center center ; text-indent:-100%; background-size:55px auto;}
.Header .Header_in .Header_member{ position:absolute; top:0; right:0; display:flex; width:30%; height:60px; justify-content:right; align-items: center;}
/*.Header .Header_in .Header_search{ display:block; width:33.33%; height:100%; background:url(icon_search.svg) no-repeat center rgba(65, 175, 165, 1); background-size: 20px;; text-indent:-9999px;}
.Header .Header_in .Header_user{ display:block; width:33.33%; height:100%; background:url(icon_user.svg) no-repeat center rgba(237, 100, 152, 1); background-size: 20px; text-indent:-9999px;}
.Header .Header_in .Header_login{ display:block; width:33.33%; height:100%; background:url(icon_login.svg) no-repeat center rgba(251, 176, 59, 1); background-size: 20px; text-indent:-9999px;}
*/
.Header .Header_in .Header_member > a{ margin: 0 5px;}
.Header .Header_in .Header_logo { 
	padding-left: 35px;
}
.Header .Header_in .Header_logo a { 
	display: flex; align-items: center; justify-content: center; 
    width: 96px;
	height: auto;
}
.Header .Header_in .Header_logo a img{ display: block; width: 100%; max-width: 100%; height: auto;}
.Header .Header_in .Header_menu{ position:absolute; top:0px; left:5px; display:block; width:24px; height:60px; background:url(member_menu.svg) no-repeat center center; cursor:pointer;}
.Header .Header_in .Header_cart_num{ position:absolute; top:16px; right:10px; display:block; width:28px; height:28px;text-align:center;font:15px/24px 微軟正黑體,Microsoft Jhenghei,tohoma,arial,simsun,sans-serif; color:#595758; -moz-border-radius: 100%; -webkit-border-radius: 100%; -khtml-border-radius: 100%; border-radius: 100%; font-weight:bold; border:2px solid #cacaca;}

/*0206新增
.Header .Header_in .Header_search,.Header .Header_in .Header_user,.Header .Header_in .Header_login{ display:block; width:50%; height:100%; font-size: 12px; color: #666; text-align: center; padding-top: 33px;}
.Header .Header_in .Header_search{ background:url(icon_search_v2.svg) no-repeat center 5px; background-size: 30px;}
.Header .Header_in .Header_user{ background:url(icon_user_v2.svg) no-repeat center 5px; background-size: 30px;}
.Header .Header_in .Header_login{ background:url(icon_login_v2.svg) no-repeat center 5px; background-size: 30px;}*/
/*0206新增-end*/
.search_close_btn{ margin-bottom: 5px; display: flex; justify-content: right;}
.search_close_btn a{ display: block; width: 40px; text-indent: -9999px; height: 40px; background: url(search_close.svg) center no-repeat; background-size: 35px;}
.search_open{ padding-top: 20px!important;}

.icon-arrow-right{background:url(arrow_right.svg) no-repeat right center;}
.leftmenu_top{padding: 10px 15px; background-color:#777;}
a.leftmenu_home{ display:block; height:50px; font:14px/50px 微軟正黑體,Microsoft Jhenghei,tohoma,arial,simsun,sans-serif; color:#666; background:url(home.svg) no-repeat 0px center; text-decoration:none; padding-left:30px; background-size: 20px;}
a.leftmenu_home:hover{ text-decoration:none;}
.leftmenu_search{ width:100%;  margin: 0 auto;}
.leftmenu_search li{ float:left;}
.leftmenu_search li.search_keyword{ width:95%; height:40px;}
.leftmenu_search li.search_keyword input{ width:100%; height:40px; border:0;font:15px/40px 微軟正黑體,Microsoft Jhenghei,tohoma,arial,simsun,sans-serif; color:#3f3a39; padding:0 30px; background:none; text-align:left;}
.leftmenu_search li.search_btn{ width:5%; height:40px;}
.leftmenu_search li.search_btn input{ width:100%; height:40px; border:0; background:url(search_icon.svg) no-repeat 50% 50%; cursor:pointer; background-size: 24px;}
.leftmenu_search li.search_btn input:hover{ width:100%; height:40px; border:0; background:url(search_icon.svg) no-repeat 50% 50%; cursor:pointer; background-size: 24px;}
.disscroll{overflow-y:hidden;position:fixed;}

@media screen and (max-width:940px) {
.leftmenu_search li.search_keyword{ width:90%;}
.leftmenu_search li.search_btn{ width:10%;}
}
@media screen and (max-width:560px) {
.leftmenu_search li.search_keyword{ width:85%;}
.leftmenu_search li.search_btn{ width:15%;}
#index .item_450_rtitle { width:300px; height:137px; margin:auto;}
}

/* 版尾 */
.FOR_FOOTER{ background-color: #f6f6f6;}
.footer_box,.footer_cr .footer_cr_content{ width:100%; height: auto; margin: 0 auto;}
.footer_box{ padding-top: 30px;}
.footer_box .footer_box_left{ width:100%; background: #fff; padding: 30px 0 20px 0; display: flex; flex-wrap: wrap;}
.footer_box .footer_box_left > ul{ width: 70%; flex: 3;}
.footer_box .footer_box_left > ul > li{ font-size: 14px; color: #333; line-height: 25px; text-align: left; padding: 0 5px 0 20px;}
.footer_box .footer_box_left > ul > li > span{ margin-left: 30px;}
.footer_box .footer_box_left .footer_line{ width: 30%; flex: 1; padding: 0 10px;}
.footer_box .footer_box_left .footer_line img{ display: block; width: 100%; max-width: 150px; height: auto;}
.footer_box .footer_box_left .footer_logo{ margin-bottom:23px; width: 100%;}
.footer_box .footer_box_left .footer_logo a{ margin: 0 auto; display: block; width:282px; height:64px; background: url(logo_w.png) left top no-repeat; text-indent: -9999px; background-size: 100%;}
.footer_box .footer_box_right{ width:100%; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}
.footer_box .footer_box_right .footer_box_list{ width: 33.3%; margin-bottom: 20px;}
.footer_box .footer_box_right .footer_box_list:nth-child(4),.footer_box .footer_box_right .footer_box_list:nth-child(5){ width:50%;}
.footer_box .footer_box_right .footer_box_list > h4{ margin-bottom: 10px;}
.footer_box .footer_box_right .footer_box_list > h4 > a{ display:block; width: 100%; font-size: 15px; color: #313131; text-align: center;} 
.footer_box .footer_box_right .footer_box_list > ul > li{ margin-bottom: 5px;}
.footer_box .footer_box_right .footer_box_list > ul > li > a{ display:block; width: 100%;  font-size: 14px; color: #7e7e7e; text-align: center;}

.footer_cr{ width: 100%; height:56px; background-color: #ffffff; position: relative; font-size: 13px; color: #9e9e9e; line-height: 50px;}
.footer_cr::before{ position: absolute; bottom: 0; left: 0; content: ''; display: block; width: 100%; height: 5px; background-image: linear-gradient(to left, rgba(255, 146, 62, 1) 100%, rgba(251, 59, 59, 1) 0%);}
.footer_cr_content ul{ display: flex; justify-content: space-between; align-items: center;}
.footer_cr_content ul li{ width: 100%;}
.footer_cr_content ul li:nth-child(1){ text-align: 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{ background: #fff; padding-bottom: 35px; padding-top: 20px;}
.it259_bammer4_box .it259_bammer4_banner1{ overflow: hidden; margin:0 20px;}
.it259_bammer4_box ul li{ width: 100%; 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: 100%; float: unset;}
.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;}
.it543 .it543_box_out{ padding:0;}

/* 668首頁-波浪輪播*/
.item_668{ width: 100%;}
.marquee-box{ overflow:hidden; width:100%; position:absolute; left:0; bottom:0;}
.marquee{ width:8000%; height:30px;}
.wave-list-box{ float:left;}
.wave-list-box ul{ float:left; height:30px; overflow:hidden; zoom:1;}
.wave-list-box ul li{ height:30px; width:100%; float:left; line-height:30px; list-style:none;}
.wave-box{ position:relative; height:30px; margin-top: -30px; z-index: 9;}

/* 首頁－商品列表＆商品搜尋頁 */
#index .Kg_IndexCenter_BOX{ padding:0 10px;}
.Kg_ProductList{ width:100%;}
.Kg_ProductList > li{ float:left; width:25%; margin-bottom:18px; padding:0 10px;}
.Kg_Product{ max-width:200px; background:#f9f9f9; margin:0 auto; padding:10px;}
.Kg_Product:hover{background:#f1f1f1;}
.Kg_Product_Img{ overflow:hidden; margin-bottom:10px;}
.Kg_Product_Img a img{ width:100%; height:auto;}
.Kg_Product_Name{ display:block; width:100%; height:44px; overflow:hidden; margin-bottom:10px;}
.Kg_Product_Name a{ font:13px/22px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#555;}
.Kg_Product_Name a:hover{ font:13px/22px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#147abc;}
.Kg_Product_Price{ width:100%; height:30px;}
.Kg_Product_PriceL{ display:none; width:30%; font:13px/30px Arial, Helvetica, sans-serif; color:#999; text-decoration:line-through;}
.Kg_Product_PriceR{ width:70%; font:30px/30px Arial, Helvetica, sans-serif; color:#dc1717; text-align:right;}
@media screen and (max-width: 1024px) and (min-width: 641px) { 
.Kg_ProductList > li{ width:33.3%;}
}
@media screen and (max-width: 640px) { 
.Kg_ProductList > li{ width:50%; padding:0 5px;}
}


@media screen and (max-width: 320px) { 
.Kg_ProductList > li{ width:100%; padding:0 5px;}
}





@media screen and (max-width: 380px) { 
.nophone{ display:none;}
}
/*========== 如果使用者之視窗寬度 <= 1024px 將會再載入這裡的 CSS ==========*/
/*151109新增手機版商品詳細(加入賺揪幣)*/
/*底下按鈕*/
.product_bottomBtn{ width:100%; height:70px; padding:10px; position:fixed; bottom:0px; z-index:999; background:#FFF; border-top:#bcbcbc 1px solid;}
.product_bottomBtn ul li{ float:left;}
.product_bottomBtn ul li a{ display:block; height:50px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; text-align:center; text-decoration:none;}
.p_bottomBtn_add{ width:20%;}
.p_bottomBtn_joo{ width:20%;}
.p_bottomBtn_addcart{ width:60%;}
.joo_Btn_CollectA{ background:url(joo_Btn_CollectA.png) center top no-repeat;}
.joo_Btn_CollectB{ background:url(joo_Btn_CollectB.png) center top no-repeat;}
.p_bottomBtn_add a{ width:96%; background-color:#ececec; margin:0 auto; text-indent:-9999px;}
.p_bottomBtn_joo a{ width:96%; margin:0 auto; text-indent:-9999px; background:url(joo_Btn_Joo.png) center top no-repeat; background-color:#ececec;}
.p_bottomBtn_addcart a{ width:98%; background:url(joo_Icon_addcart2.svg) 10% center no-repeat; background-color:#617434; margin:0 auto; font:20px/50px 微軟正黑體,Microsoft Jhenghei,tohoma,arial,simsun,sans-serif; color:#FFF;}
.p_bottomBtn_soldout a{ width:98%; background:url(joo_Icon_addcart2.svg) 10% center no-repeat; background-color:#666; margin:0 auto; font:20px/50px 微軟正黑體,Microsoft Jhenghei,tohoma,arial,simsun,sans-serif; color:#FFF;}

/* 賺揪幣 */
.joo_BeeLightBox{ padding-top:50px;}
.joo_BeeBox{ width:400px; padding:15px; margin:0 auto; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; background:#FFF; position:relative;}
.joo_BeeTitle{ display:block; width:370px; height:126px; background:url(joo_bee_Box.svg) left center no-repeat; text-indent:-9999px; position:absolute; left:15px; top:-45px;}
.joo_Bee_world{ width:100%; padding:0 10px; font:15px/30px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#555; background:url(joo_bee_bg.gif) left top repeat; margin-top:68px;}
.joo_Bee_share ul li{ float:left; font:15px/45px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#555; margin:10px 0; margin-right:10px;}
.joo_Bee_share ul li a{ display:block; width:45px; height:45px; text-indent:-9999px;}
.joo_Bee_share ul li.fb a{ background:url(joo_bee_fb.svg) left top no-repeat;}
.joo_Bee_share ul li.line a{ background:url(joo_bee_line.svg) left top no-repeat;}
.joo_Bee_shareurl{ display:block; width:100%; height:30px; border:#CCC 1px solid; font:13px/30px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#999; padding:0 10px;}
.joo_Bee_world2{ display:block; width:100%; height:35px; font:13px/25px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#555; text-align:right; margin-top:10px; padding-top:10px; border-top:#ababab 1px dotted;}
.joo_Bee_world2 a{ float:right; display:block; width:75px; height:25px; font:13px/25px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#fff; text-align:center; text-decoration:none; background:#00a4a6; margin-left:5px;}
.joo_BeeDelete a{ display:block; width:30px; height:30px; text-indent:-9999px; background:url(joo_bee_delete.svg) left center no-repeat; position:absolute; right:-15px; top:-15px;}

@media screen and (max-width:470px) {
.joo_BeeBox{ width:280px;}
.joo_BeeTitle{ width:250px; height:95px; background:url(joo_bee_Box2.svg) left center no-repeat; top:-38px;}
.joo_Bee_world{ padding:10px; font:15px/20px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; margin-top:36px;}
.joo_Bee_world2 a{ float:right; display:block; width:65px; height:25px; font:13px/25px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#fff; text-align:center; text-decoration:none; background:#00a4a6;}
}
@media screen and (max-width:360px) {
.p_bottomBtn_addcart a{ background-image:none;}
}
/*151109新增手機版商品詳細(加入賺揪幣)end*/
/*=========YGG共用元件手機版CSS=========*/
.btn_send_new input{ background-color:#e1ced0;}
.btn_send_new input:hover{ background-color:#e1ced0;}
.AY_btn_saleStatus_ok a:link, .AY_btn_saleStatus_ok a:hover{ background:#e1ced0;}
.AY_btn_saleStatus a:link{ background:#d2c3ae; cursor:default;}

/*熱門商品元件標題*/
.normal_item11BOX{ text-align:center;}
.witem_titile{ width:100%; height:40px; border:1px solid #ccc; border-bottom:1px solid #333; background:url(U-RO_37.png) left top no-repeat; position:relative; margin:20px auto 35px;}
.witem_titile a{ display:block; width:100px; border-left:1px solid #ccc; font:15px/40px 微軟正黑體; color:#333; text-decoration:none; background:url(U-RO_33.png) 80px center no-repeat; position:absolute; right:0px; text-align:right; padding-right:25px;}
.witem_titile a:hover{ color:#444; text-decoration:underline;}

/* copy */
.U-RO_copy{ width:100%; text-align:center; padding:20px 0; background-color:#efefef; margin-top:20px;}
.U-RO_copy ul{ display:inline-block; margin:0 auto; height:40px;}
.U-RO_copy ul li{ float:left; margin:0 10px;}
.U-RO_copy ul li a{ display:block; height:40px; font:13px/40px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#333; text-decoration:none;}
.U-RO_copy ul li a:hover{color:#333; text-decoration:underline;}
.U-RO_copy ul li.copy_pc{ background: url(U-RO_PC.png) center left no-repeat; padding-left:15px;}
.U-RO_copy ul li.copy_phone{ background: url(U-RO_phone.png) center left no-repeat; padding-left:12px;}
.U-RO_copy p{ font:13px/25px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#999; }

/* JOO商品顏色共用 */
h2.jooPC_name a{ color:#3f3a39;}/*商品名*/
h2.jooPC_name a:hover{ color:#689e2d;}/*商品名hover*/
.jooPC_word{ color:#999;}/*商品說明*/
.jooPC_price01{ color:#ff3939 !important;}/*商品特惠價*/
.jooPC_price02{ color:#999 !important;}/*商品原價*/
.remark a{ color:#efad2d !important;}
.remark a:hover{ color:#689e2d !important;}

/*style44*/
.slides li img{ display:block;}
.it395_box{ background-repeat:no-repeat;}

/*40*/
.psort_topbanner{ height:485px; background-size:cover; background-position:center top;}
@media screen and (max-width:1366px) {
.psort_topbanner{ height:345px;}
}
@media screen and (max-width:1280px) {
.psort_topbanner{ height:323px;}
}
@media screen and (max-width:1024px) {
.psort_topbanner{ height:259px;}
}
@media screen and (max-width:960px) {
.psort_topbanner{ height:243px;}
}
@media screen and (max-width:768px) {
.psort_topbanner{ height:194px;}
}
@media screen and (max-width:640px) {
.psort_topbanner{ height:162px;}
}
@media screen and (max-width:480px) {
.psort_topbanner{ height:121px;}
}
@media screen and (max-width:320px) {
.psort_topbanner{ height:81px;}
}

/*64*/
.it64_box{ max-width:800px; margin: 0 auto; background: #fbfbfb; padding: 20px 0; border: 10px solid #fff;}
.reload_code a,.form_star{ color: #24333f !important;}
.reload_code a{ display:inline-block; width: 30px; height: 30px; background:url(reload.svg)  center center no-repeat; background-size: 26px; text-indent: -9999px;}
.table_column_desc,.table_column,.mailBox_bg{ background-color:#fdfdfd !important;}
.it64_box input[type="text"],.it64_box textarea{ border: 1px solid #ccc; font: 14px/30px  'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#555; border-radius: 0;-webkit-appearance:none;}
.it64_box input[type="text"]{ height:30px;}

/*262*/
@media screen and (max-width: 1024px) and (min-width: 641px) { 
.productFlow > ul > li{ width:33.3%;}
}
@media screen and (max-width: 640px) { 
.productFlow > ul > li{ width:50%; padding:0 5px;}
}
@media screen and (max-width: 320px) { 
.productFlow > ul > li{ width:100%; padding:0 5px;}
}







/*首頁動態banner*/
.indexBanner {
	position:relative;
	height:617px;
}
#particles-js {
	width: 100%;
	height: 100%;
	background-image: url('animated-bg.jpg');
	background-position: 50% 50%;
	background-repeat: repeat;
}
.indexBannerText {
	position:absolute;
	top: 35%;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width :90%;
}
.scroll-downs {
	position: absolute;
	top: 0;
	right: 0;
	bottom: -70%;
	left: 0;
	margin: auto;
	width :34px;
	height: 55px;
	display:none;
}
.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;
}
.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;
}
}

/*it398 最新消息*/
.item7_time{background-color:#036eb7;width: 145px;height: 35px;line-height: 33px !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 { background-image:none; height:auto; background-color:#036eb7; border-radius:20px; padding:10px 0 8px 0; margin-bottom:16px; width:auto; min-width:145px;}
.it398_box .it398_inbox>ul>li span h3 { width:auto; height:18px; padding:0 10px;}
.it398_box .it398_inbox>ul>li>span.it398_date { margin:0;}
.it398_box .it398_inbox>ul>li:nth-child(even) span.it398_slogan { background-image:none; background-color:#bbb;}
.normal_item7BOX { max-width: 100%; padding-left:10px; padding-right:10px;}
@media screen and (max-width: 1100px) {
.it398_box .it398_inbox>ul>li>span.it398_slogan {
    margin-left: 120px;
}
}

/*gotop*/
.gotopBox { position:fixed; right:-45px; bottom:15%; width: 150px; display: flex; align-items: center; justify-content: flex-end; z-index:999; transform: rotate(90deg);}
.gotop { width:70px; height:100%; position: relative; color:#C1C1C1; font-size: 12px; white-space: nowrap; transition-duration: 0.3s;}
.gotopBox:hover .gotop{ color: #69594F; text-decoration: none;}
.gotop_line{ width: 40px; border-bottom: solid 1.5px #C1C1C1; margin-right: 8px; transition-duration: 0.3s;}
.gotopBox:hover .gotop_line{ width: 88px; border-bottom: solid 1.5px #69594F;}

.m_breadCrumbs { position: relative; top: 3px; margin:0;border-bottom:0; z-index: 99 !important; padding: 5px 10px;}
.m_breadCrumbs .breadCrumbs2 ol li:first-child{ background: url(icon-home.png) left center no-repeat;}

/*it260電子報*/
.it260_teachSchool{ width:100%; margin:0 auto; padding-bottom: 50px;}
.it260_articleBox{width: auto;background: #fff;padding: 0;border-bottom: 0;margin: 10px;}
.it260_article_L img{border: 0;padding: 0;}
.it260_article_L{ width:100%!important;}
.it260_article_R{ width:100%!important;}
.it260_article_R{padding: 0 10px 10px 10px;}
.it260_articleBox ul li:nth-child(1){height: 235px;overflow: hidden;}
.it260_articleBox ul li{float: none;}
.it260_article_R h5 a:link,.it260_article_R h5 a:visited{ font:18px/30px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#333; font-weight:bold; text-decoration:none;}
.it260_article_R h5 a:hover,.it260_article_R h5 a:active{ font:18px/30px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#333; font-weight:bold; text-decoration:underline;}
.it260_article_R h6{ display:block; width:100%; font:14px/25px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#555555; overflow:hidden;}
.it260_articleBox{display: inline-flex; justify-content: space-around; jvertical-align: top; flex-wrap: wrap;width: 32%;}
@media screen and (max-width: 1200px) {
	.it260_teachSchool{width: 100%;}
	.it260_articleBox{width: 31.4%;}
}
@media screen and (max-width: 1024px) {
	.it260_articleBox{width: 30.5%; margin: 12px;}
}
@media screen and (max-width: 992px) {
	.it260_articleBox{width: 30%;}
}
@media screen and (max-width: 768px) {
	.it260_articleBox{width: 46.6%;}
}
@media screen and (max-width: 680px) {
	.it260_articleBox{width: 46.2%;}
}
@media screen and (max-width: 568px) {
	.it260_articleBox{width: 45.5%;}
}
@media screen and (max-width: 480px) {
	.it260_articleBox{width: 44.6%;}
}
@media screen and (max-width: 414px) {
	.it260_articleBox{width: auto;}
}

/*it419電子報詳細頁*/
.newsletter_detail img{max-width: 100%!important;}
.item419_box{background: #fff;padding: 10px 10px 50px 10px;}
.item419_title{background:none;font: 20px/25px 'Noto Sans TC', 'Roboto', sans-serif; letter-spacing: 1.5px; color: #333;}

/*次選單頁*/
.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; text-decoration:none;}

/*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:10px 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;}

/*GDPR*/
.personal_statement{ text-align: center; width:100%; height: auto; padding: 20px 25px 30px 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{ display: block; margin: 0 auto; 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{ width: 100px; height: 40px; margin: 0 auto; margin-top: 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; max-width:1200px;}
.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;}
.Product_contentbox02{  background: #fff; padding:15px!important;}
.pd_dt_joo4_box .pd_dt_joo4_topbox .pd_dt_joo4_productinfo{ padding: 0 15px!important;}
.pd_dt_joo4_box .pd_dt_joo4_topbox{ margin:0!important;}
.pd_dt_joo4_box .pd_dt_joo4_topbox .pd_dt_joo4_productinfo .Product_notesbox .Product_notes{ height: 70px!important;}
.pd_dt_joo4_box .pd_dt_joo4_topbox .pd_dt_joo4_productinfo .Product_btnbox a.pd_dt_joo4_button_like{ padding: 9px!important; width: 100%!important; background-color: #fff !important; background-position: 15px center!important;}
.pd_dt_joo4_box .pd_dt_joo4_topbox .pd_dt_joo4_productinfo .Product_btnbox > ul{ display:flex; justify-content: center;}
.pd_dt_joo4_box .pd_dt_joo4_topbox .pd_dt_joo4_productinfo .Product_btnbox > ul > li{ display: block; flex: 1; width: 48%; margin:0 1%;}
.pd_dt_joo4_box .pd_dt_joo4_topbox .pd_dt_joo4_productinfo .Product_btnbox > ul > li> a{ display: block; width: 100%!important;}
.pd_dt_joo4_box .pd_dt_joo4_topbox .pd_dt_joo4_productinfo .Product_btnbox a.cart{ background-image: url(icon_cart.svg)!important;background-size: 24px;}

/*版頭搜尋*/
.top_searchbox{ width: 100%; margin: 0 auto;}
.top_searchbox > div{ width: 100%;}
.top_searchbox > div.top_s_bar{ position: relative; display: flex; width: 100%; line-height: 40px; height: 44px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background-color: #fff; border: solid 1px rgba(0,0,0,0.1);}
.top_searchbox > div.top_s_bar .search_bar::placeholder{ color: #757575;}
.top_searchbox > div.top_s_bar select{ border:0; width: 120px; padding: 0 15px; line-height: 40px;  border-right: 1px solid #eee; font-size: 15px; color: #333;}
.top_searchbox > div.top_s_bar .search_bar{ display: block; height: 40px; width: 100%; border: 0; padding: 0 15px; font-size: 1.1538rem; color: #333; line-height: 40px; border-top-left-radius: 22px; border-bottom-left-radius: 22px;}
.top_searchbox .top_s_keyword{ display: flex;justify-content: left; align-items: center; padding-right: 20px; font-size: 15px; flex-wrap: wrap; padding-top:15px;}
.top_searchbox .top_s_keyword > a{ margin: 5px; color: #fbb445; border: 1px solid #fbb445; padding: 5px 10px; text-align: center; border-radius: 3px;}

.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 { line-height: 15px; 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 { color: #fff; background-color: #127475; }
/*when navigating through the items using the arrow keys:*/
.autocomplete-active { background-color: rgba(65, 175, 165, 1); color: #ffffff;}

/*商品樣式*/
.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: #ed8369;}
.it398_box .it398_inbox>ul>li:nth-child(even) span.it398_slogan{background-color: #fbb03b;}
.it398_box .it398_inbox>ul>li{ padding-top:15px;}
.it398_box .it398_inbox>ul>li span{ padding: 10px;}

/*漢堡選單內新增*/
.nav_bottom_btn{ display: flex; width: 100%; justify-content: space-between;}
.nav_bottom_btn > div{ width: 48%; padding: 5px; background-color: #555;}
.nav_bottom_btn a{ font-size: 13px; color: #fff; display: block; text-align: center; padding-left: 30px;}
.nav_bottom_btn01 a{ background: url(icon_heart.svg) left 10px center no-repeat; padding-left: 20px; background-size: 15px;}
.nav_bottom_btn02 a{ background: url(icon_facebook.svg) left 10px center no-repeat; padding-left: 20px; background-size: 7px;}
.leftmenu_top{ display: flex; justify-content: space-between;}
.Header_in-fixbottom{ display: none;}

/*7*/
.item7_title .item7_time{ display: block; background-color: #ed8369; margin-bottom: 10px;}
.item7_title,.item7_title a:link,.item7_title a:hover{ font-size:22px!important; line-height:35px!important; border-bottom:0!important;color: #333;}

/*選單加上HOT*/
/* #MENU0{ background-image: url(HOT.svg); background-size: 28px; background-repeat: no-repeat; background-position: 18px center;}
#MENU0 > a{ padding-left: 55px;} */

/*選單
.mobile_expand_box h3 span{ display:none!important;}
.mobile_expand_box h3.mobile_manutile a{  background: url(arrow_right.svg) no-repeat right 20px center; background-size: 15px; }
.mobile_expand_box h3.open a{ background: url(arrow_down.svg) no-repeat right 20px center; background-size: 15px; }*/

/*========== 頁碼(通用) ==========*/
.Kg_b_page{width:100%;height:80px;text-align:center;}
ul.Kg_pageBox{display:inline-block;background-color:#FFF;}
ul.Kg_pageBox li.Kg_page_num{ padding: 0 15px;border-top:#e5e5e5 1px solid;border-bottom:#e5e5e5 1px solid;}
ul.Kg_pageBox li{float:left;font:13px/35px 微軟正黑體,Arial,Helvetica,sans-serif;background-color:#FFF;}
ul.Kg_pageBox li.Kg_page_prev a,ul.Kg_pageBox li.Kg_page_next a{display:block;padding:0 15px;border:#e5e5e5 1px solid;font:13px/35px 微軟正黑體,Arial,Helvetica,sans-serif;text-decoration:none;color:#555;}
ul.Kg_pageBox li.Kg_page_prev a:hover,ul.Kg_pageBox li.Kg_page_next a:hover{display:block;padding:0 15px;border:#e5e5e5 1px solid;font:13px/35px 微軟正黑體,Arial,Helvetica,sans-serif;text-decoration:none;color:#999;background:#efefef;}
ul.Kg_pageBox li a{display:block;padding:0 15px;border:#e5e5e5 1px solid;border-left:none;font:13px/35px Arial,Helvetica,sans-serif;text-decoration:none;color:#555;}
ul.Kg_pageBox li 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;}

/*login-20*/
/* ul.AF_Member_LoginBox_left,.AF_Member_Login_R_left,.AF_Member_Login_bt,.loginother{ display: none;} */
.AF_Member_LoginTitle_left span{ color: #2F2F2F !important;}
.AF_Member_LoginBox_left.AF_Member_LoginlBox.clearfix input{ font-size: 1.2307rem; color: #2F2F2F; border: solid 1px #EAEAEA; border-radius: 8px; padding: 12px 9px;}
.AF_Member_LoginBox_left.AF_Member_LoginlBox.clearfix input:focus{ border: solid 1px #2F2F2F;}
.AF_attest_number{ display: flex; align-items: center;}
.AF_attest_number a{ color: #127475; margin-left: 6px;}
.AF_Member_Login_bt li a{ color: #2F2F2F;}
.AF_Member_LoginOther .loginother{ color: #2F2F2F;}
.AF_Member_LoginBox_left label{ color: #2F2F2F;}

/* chekbox rememberMe */
li.checkbox_rememberme{ position: relative; height: 40px;}
.check_container_member { display: block; position: relative; padding-left: 30px; margin-bottom: 12px; cursor: pointer; font-size: 16px;
-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.check_container_member input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.checkmark { position: absolute; top: 4px; left: 0;  display: block; height: 24px; width: 24px; background-color: #fff ; border: solid 1px #EAEAEA;; border-radius: 3px;}
.checkmark:focus{ border: solid 2px #127475;}
.check_container_member:hover input ~ .checkmark { background-color: #FFF;}
.check_container_member input:checked ~ .checkmark { background-color: #127475;}
.checkmark:after { content: ""; position: absolute; display: none;}
.check_container_member input:checked ~ .checkmark:after { display: block;}
.check_container_member .checkmark:after { left: 8px; top: 2px; width: 7px; height: 14px; border: solid #FFF; border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

/*連結文字*/
.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>ul.mapbox_l02>li:nth-child(2)>a{ color: #333;}

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

/* ------- GO澎遊版型_手機版 ------- */
.menu_button .list_sitemap { position: relative; font-size: 1.0769rem; line-height: 28px;}
.menu_button .list_sitemap a { text-decoration: none;}
.menu_button .list_sitemap a.accesskeyLink{ position: relative; top: 1px;}
.menu_button .list_sitemap a { background: url(sitemap.svg) left center no-repeat !important; background-size: 18px !important; display: block; padding-left: 20px;}

/* 背景 */
.FOR_MAIN{ background-image: url(background_texture.png);}
.hamburger { height: 56px !important; left: 0 !important; background: none !important;}
.Header_in a{ color: #2F2F2F;}
.Header_in .Header_in_right{ display: flex; align-items: center;}
.Header_in .Header_in_right .gotocenter{ margin-right: 12px;}
.Header_in .Header_in_right .list_sitemap { position: relative; font-size: 1.0769rem; line-height: 28px; background: rgba(255,255,255,0.8); box-shadow: 0 0 5px 0 rgba(0,0,0,0.1); border-radius: 30px; margin-right: 6px;}
.Header_in .Header_in_right .list_sitemap a.accesskeyLink{ position: relative; top: 1px;}
.Header_in .Header_in_right .list_sitemap a { text-decoration: none; background: url(sitemap.svg) center 3px no-repeat !important; background-size: 18px !important; width: 28px; height: 28px; display: block;}
/* 首頁版頭 */
body#index .FOR_MAIN{ padding: 0;}
body#index .Header{ background: none; border-bottom: none;}
body#index .hamburger{ background: none; border-bottom: none;}
body#index .hamburger.is-closed .hamb-top{ background-color: #2F2F2F;}
body#index .hamburger.is-closed .hamb-middle{ background-color: #2F2F2F;}
body#index .hamburger.is-closed .hamb-bottom{ background-color: #2F2F2F;}

/* 首頁下滑後的版頭、其他頁下滑後的版頭 */
.Header.Header2{ background: rgba(255,255,255,0.8) !important; box-shadow: 0 4px 4px 0 rgba(0,0,0,0.1);}
.Header.Header2 .Header_in{ backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}
.Header.Header2 .Header_in a{ color: #2F2F2F !important;}
.hamburger.hamburger2.is-closed .hamb-top{ background-color: #2F2F2F !important;}
.hamburger.hamburger2.is-closed .hamb-middle{ background-color: #2F2F2F !important;}
.hamburger.hamburger2.is-closed .hamb-bottom{ background-color: #2F2F2F !important;}

/* 語系 */
.Header_in .Header_in_right .list_lang_main{ display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1.2; margin-right: 6px;}
.Header_in .Header_in_right a.list_lang_btn{ display: block; width: 28px; height: 28px; border-radius: 100%; color: transparent !important; background: url(icon_language.svg) center center no-repeat rgba(255,255,255,0.8); background-size: 18px; box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);}
.Header_in .Header_in_right .list_lang_open{ display: none; width: auto; position: absolute; top: 40px; padding-top: 10px;}
.Header_in .Header_in_right .list_lang_open.show_list{ display: block;}
.Header_in .Header_in_right .list_lang_open li{ margin-bottom: 12px;}
.Header_in .Header_in_right .list_lang_open a{ font-size: 1.0769rem; line-height: 28px; text-decoration: none; padding: 8px 10px; box-shadow: 0 0 5px 0 rgba(0,0,0,0.1); border-radius: 0 5px 5px 5px; background: rgba(255,255,255,0.8);}
.Header_in .Header_in_right .list_lang_open a:hover{ color: #FFF !important; background: #127475;}

/* 字級 */
.Header_in .Header_in_right .change_font_size{ position: relative; margin-right: 6px;}
.Header_in .Header_in_right .change_font_size a.font_size_btn{ display: block; width: 28px; height: 28px; border-radius: 100%; color: transparent !important; background: url(icon_font_size.svg) center center no-repeat rgba(255,255,255,0.8); background-size: 18px; box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);}
.Header_in .Header_in_right .change_font_size .font_size_open{ display: none; width: auto; position: absolute; top: 20px; left: -2px; padding-top: 10px;}
.Header_in .Header_in_right .change_font_size .font_size_open.show_list{ display: block;}
.Header_in .Header_in_right .change_font_size .font_size_open li{ margin-bottom: 4px;}
.Header_in .Header_in_right .change_font_size .font_size_open.show_list li.active a{ color: #FFF !important; background: #127475;}
.Header_in .Header_in_right .change_font_size .font_size_open a{ display: block; font-size: 1.0769rem; text-align: center; line-height: 28px; text-decoration: none; padding: 4px 10px; box-shadow: 0 0 5px 0 rgba(0,0,0,0.1); border-radius: 0 5px 5px 5px; background: rgba(255,255,255,0.8);}
.Header_in .Header_in_right .change_font_size .font_size_open a:hover{ color: #FFF !important; background: #127475;}

/* 常見問題 */
.Header_in .Header_in_right .info_question a {
	display: block; width: 28px; height: 28px; border-radius: 100%; color: transparent !important; background: url(icon_info.svg) center center no-repeat rgba(255,255,255,0.8); background-size: 18px; box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);margin-right: 6px;
}

/* 常見問題 */
.menu_button .info_question a {
	display: block; background: url(icon_info.svg) left center no-repeat rgba(255,255,255,0.8); background-size: 17px;; margin-right: 6px; padding-left: 20px;
}

.member_login_logout{
	display: flex;
	align-items: center;
	background: url(icon_login_black.svg) 8px center no-repeat rgba(255, 255, 255, 0.8);
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
	background-size: 18px;
	padding: 0px 8px 0px 30px;
	margin-right: 5px;
	height: 28px;
	border-radius: 28px;
    font-size: 0.75rem;
	line-height: 1.2;
}

.member_login_logout .header_login{
	color: #2F2F2F;}

/* 展開選單 */
.side_menu { 
	position: fixed; width: 100%; z-index: 9999; display: none;
	inset: 0;
}
.side_menu .st-menuBox { 
	width: 100%; background: rgba(255,255,255,1);
	position: fixed;
	inset: 0;
	overflow: hidden;
}
.side_menu .menu_top{ height: 56px; display: flex; align-items: center; justify-content: space-between; background-color: rgba(255,255,255,0.8); box-shadow: 0 4px 4px rgba(0,0,0,0.1); padding: 15px;}
.side_menu .menu_top .Header_logo{ width: 100%; display: flex; justify-content: center; align-items: center; position: relative; top: 3px; left: -5px;}
.side_menu .menu_button{ display: flex;  flex-wrap: wrap; padding: 20px 15px; gap:0 15px;}
.side_menu .menu_button a{ font-size: 1.0769rem; color: #2F2F2F; text-decoration: none;}
/* .side_menu .menu_button li{ list-style: none; padding: 0 5px 0 20px; margin-right: 5px;} */
.side_menu .menu_button .member_login_logout{ color: #2F2F2F; background: url(icon_login_black.svg) left center no-repeat; background-size: 18px; padding: 0 5px 0 20px; margin-right: 5px;}
.side_menu .menu_button .qa_lang_map{ display: flex; flex-wrap: wrap;}
/* .side_menu .menu_button li.info_question{ background: url(icon_info.svg) left center no-repeat; background-size: 18px;} */
/* 展開選單 語系 */
.side_menu .menu_button li.list_lang{ display: flex; align-items: center; color: #2F2F2F; background: url(icon_language.svg) left center no-repeat; background-size: 18px;}
.side_menu .menu_button li.list_lang a{ padding: 0 3px;}
.side_menu .menu_button li.list_lang a:first-child{ padding: 0 3px 0 0; margin-left: 20px;}
.side_menu .menu_button li.list_sitemap{ padding: 0 !important;}

/* 展開選單_搜尋 */
.side_menu .top_searchbox{ padding-left: 15px; margin-bottom: 20px;}
.side_menu .top_searchbox > div.top_s_bar{ width: 85%;}
.side_menu .top_searchbox > div.top_s_bar .search_btn{ width: 40px; height: 40px; color: transparent; background: url(icon_search_v3.svg) center no-repeat; background-size: 28px; position: absolute; top: 0; right: -40px;}

/* 展開選單_主要 */
.side_menu .side_menu_list .menu_list.content_main{ background: rgba(198,172,143,0.1);}
/* 展開選單_次要 */
.side_menu .side_menu_list .menu_list.content_secondary{ height: 100%;}

/* 展開選單_選項,標題 */
.side_menu .side_menu_list { 
	position: absolute;
	top: 188px;
	bottom: 0;
	left: 0;
	width: 100%;
	overflow-y:scroll; overflow-x: hidden;
}
.side_menu .side_menu_list .mobile_expand_box{ padding: 15px 6px;}
.side_menu .side_menu_list .mobile_expand_box h3.mobile_manutile{ border-bottom: 1px solid #828282;}
.side_menu .side_menu_list .mobile_expand_box h3.mobile_manutile a.mobile_manutile_link{ color: #2F2F2F; font-size: 1.2307rem; font-weight: normal; padding-left: 40px;}
/* 展開選單_主要_選項,標題 */
.side_menu .side_menu_list .mobile_expand_box h3#MENU_main_0 a{ padding-left: 36px; background: url(icon_flag.svg) 14px center no-repeat; background-size: 18px;}
.side_menu .side_menu_list .mobile_expand_box h3#MENU_main_0 a:after{ content: '一手掌握最齊全的交通資訊'; color: #757575; font-size: 0.923rem; padding-left: 12px;}
.side_menu .side_menu_list .mobile_expand_box h3#MENU_main_1 a{ padding-left: 36px; background: url(icon_appointment.svg) 14px center no-repeat; background-size: 18px;}
.side_menu .side_menu_list .mobile_expand_box h3#MENU_main_1 a:after{ content: '休閒玩樂、便利生活立即預約'; color: #757575; font-size: 0.923rem; padding-left: 12px;}
/* 展開選單_次要_選項,標題 
.side_menu .side_menu_list .mobile_expand_box h3#MENU_second_2 a{ padding-left: 36px; background: url(icon_information.svg) 14px center no-repeat; background-size: 18px;}
.side_menu .side_menu_list .mobile_expand_box h3#MENU_second_3 a{ padding-left: 36px; background: url(icon_map.svg) 14px center no-repeat; background-size: 18px;}
.side_menu .side_menu_list .mobile_expand_box h3#MENU_second_4 a{ padding-left: 36px; background: url(icon_travel_luggage.svg) 14px center no-repeat; background-size: 18px;}*/
.side_menu .side_menu_list .mobile_expand_box h3#MENU_second_2 > div{ color: #2F2F2F; font-size: 1.2307rem; font-weight: normal; padding-left: 36px; background: url(icon_information.svg) 14px center no-repeat; background-size: 18px;}
.side_menu .side_menu_list .mobile_expand_box h3#MENU_second_3 > div{ color: #2F2F2F; font-size: 1.2307rem; font-weight: normal; padding-left: 36px; background: url(icon_map.svg) 14px center no-repeat; background-size: 18px;}
.side_menu .side_menu_list .mobile_expand_box h3#MENU_second_4 > div{ color: #2F2F2F; font-size: 1.2307rem; font-weight: normal; padding-left: 36px; background: url(icon_travel_luggage.svg) 14px center no-repeat; background-size: 18px;}
.side_menu .side_menu_list .mobile_expand_box h3#MENU_second_5 > div{ color: #2F2F2F; font-size: 1.2307rem; font-weight: normal; padding-left: 36px; background: url(icon_link.svg) 17px center no-repeat; background-size: 14px;}

/* 展開選單_選單選項 */
.side_menu .side_menu_list .mobile_expand_box span.toggle{ display: none;} /* 原手機選項上下展開toggle按鈕 隱藏 */
.side_menu .side_menu_list .mobile_expand_box .manutile_box1{ height: 100%!important; display: flex !important; flex-wrap: wrap; padding-bottom: 10px;}
.side_menu .side_menu_list .mobile_expand_box .manutile_box1:last-child{ padding-bottom: 0;}
.side_menu .side_menu_list .mobile_expand_box .manutile_box1 h3.mobile_manutile2{ width: auto; background: none !important;}
.side_menu .side_menu_list .mobile_expand_box .manutile_box1 h3.mobile_manutile2 span{ color: #2F2F2F; font-size: 1rem; width: 13px; height: 13px; background: none; top: 6px; right: -10px;}
.side_menu .side_menu_list .mobile_expand_box .manutile_box1 h3.mobile_manutile2:last-child span{ color: transparent;}
.side_menu .side_menu_list .mobile_expand_box .manutile_box1 h3.mobile_manutile2 a{ padding: 6px 14px;}
.side_menu .side_menu_list .mobile_expand_box .manutile_box1 h3.mobile_manutile2 a.mobile_manutile_link2{ font-size: 1.0769rem; color: #2F2F2F !important; font-weight: normal;}

/* 展開選單_en、jp */
.side_menu .side_menu_list .mobile_expand_box.mobile_expand_box_en h3#MENU_main_0 a{ padding-bottom: 34px;}
.side_menu .side_menu_list .mobile_expand_box.mobile_expand_box_en h3#MENU_main_0 a:after { 
	content: 'Transportation information'; line-height: 14px; position: absolute; top: 25px; left: 25px;
}
.side_menu .side_menu_list .mobile_expand_box.mobile_expand_box_en h3#MENU_main_1 a{ padding-bottom: 22px;}
.side_menu .side_menu_list .mobile_expand_box.mobile_expand_box_en h3#MENU_main_1 a:after{ content: 'Reserve Leisure & Convenience'; line-height: 14px; position: absolute; top: 25px; left: 25px;}
.side_menu .side_menu_list .mobile_expand_box.mobile_expand_box_jp h3#MENU_main_0 a{ padding-bottom: 22px;}
.side_menu .side_menu_list .mobile_expand_box.mobile_expand_box_jp h3#MENU_main_0 a:after{ content: '一目でわかる！交通ガイド'; position: absolute; top: 22px; left: 25px;}
.side_menu .side_menu_list .mobile_expand_box.mobile_expand_box_jp h3#MENU_main_1 a{ padding-bottom: 22px;}
.side_menu .side_menu_list .mobile_expand_box.mobile_expand_box_jp h3#MENU_main_1 a:after{ content: '遊び・体験・生活サービスを今すぐ予約'; position: absolute; top: 22px; left: 25px;}

/* 關閉按鈕 */
.close_button{ position: relative; left: 0;}
.close_button a{ display: block; width: 24px; height: 24px; background: url(icon_close.svg) -5px center no-repeat; background-size: 24px}
/* 關閉主選單 */
.hide_menu{ display: none;}

/* body捲軸disscroll */
.disscroll{ overflow-y: hidden; position: fixed;}

/* 跳到主要內容(無障礙)_透明隱藏 */
.Header_in a#gotocenter{ color: transparent !important; position: absolute; right: 10px; top: 45px;}

/* 元件788 */
.it788_title_bg{ height: auto !important; padding: 120px 0; background-position: center center !important; background-attachment: initial !important; margin-bottom: 0 !important; z-index: 90;}
.it788_title_bg::before{ background: none !important;}
.it788_title_box{ display: flex; flex-direction: column; justify-content: center; top: 50% !important; transform: translateY(-50%) !important; background: rgba(0,0,0,0.4); width: 100% !important; height: 100%; margin: 0 auto !important; padding: 85px 20px 75px 20px !important; left: 0 !important;}
.it788_title_bg .it788_title_1{ font-size: 2.6153rem !important; line-height: 41px !important; font-family: 'Noto Serif TC', serif; color: #FFF; font-weight: 700 !important; margin-bottom: 10px !important;}
.it788_title_bg .it788_title_2{ font-size: 1.5384rem !important; line-height: 25px !important; font-family: 'Noto Serif TC', serif; color: #FFF; font-weight: 400 !important;}

/* 元件997 */
.it997-default{ padding-top: 15px;}

/* 元件783 */
.it783_default{ position: relative; z-index: 99;}

@media screen and (max-width: 360px) {
/* logo */
.Header .Header_in .Header_logo a { 
	width: 84px;
}
/* 外主選單 */
.Header_in .Header_in_right .list_sitemap{ margin-right: 8px;}
/* 展開主選單 */
.side_menu .side_menu_list .mobile_expand_box h3#MENU_main_0 a{ display: flex; flex-direction: column; padding-left: 44px;}
.side_menu .side_menu_list .mobile_expand_box h3#MENU_main_1 a{ display: flex; flex-direction: column; padding-left: 44px;}
.side_menu .side_menu_list .mobile_expand_box h3#MENU_main_0 a:after{ padding-left: 0px;}
.side_menu .side_menu_list .mobile_expand_box.mobile_expand_box_en h3#MENU_main_0 a:after,
.side_menu .side_menu_list .mobile_expand_box.mobile_expand_box_en h3#MENU_main_1 a:after {
	left: 44px;
}
.side_menu .side_menu_list .mobile_expand_box h3#MENU_main_1 a:after{ padding-left: 0px;}
.side_menu .side_menu_list .mobile_expand_box h3#MENU_second_2 a{ padding-left: 44px;}
.side_menu .side_menu_list .mobile_expand_box h3#MENU_second_3 a{ padding-left: 44px;}
.side_menu .side_menu_list .mobile_expand_box h3#MENU_second_4 a{ padding-left: 44px;}
.side_menu .side_menu_list .mobile_expand_box .manutile_box1 h3.mobile_manutile2{ width: 106px;}
}
@media screen and (max-width: 340px) {
.Header .Header_in{ padding-right: 0;}
}
@media screen and (max-width: 320px) {
/* logo */
.Header .Header_in{ padding-right: 5px;}
.Header .Header_in .Header_logo a{ width: 100px;}
/* 外主選單 */
.Header_in .Header_in_right .list_sitemap{ margin-right: 5px;}
.Header.Header_jp .Header_in .Header_in_right .list_sitemap{ font-size: 0.85rem;}
}

/* 小螢幕_側邊選單 */
/* max-height */
@media screen and (max-height: 460px){
.side_menu .side_menu_list .menu_list.content_secondary{ min-height: 500px;}
}
@media screen and (max-height: 380px){
.side_menu .side_menu_list .menu_list.content_secondary{ min-height: 600px;}
}

/* 元件526 常見問題 */
.it526_box { background: #FFF;}
/* 頁籤 */
.it526_box .faq_it526_tab .f_it526_tab_container{ max-width: 1200px; margin: 0 auto; padding: 20px 0;}
.it526_box .faq_it526_tab .f_it526_tabs{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 10px; padding: 0 15px;}
.it526_box .faq_it526_tab .f_it526_tabs.clearfix:after { display: none;}
.it526_box .faq_it526_tab .f_it526_tabs li{ width: 45%; margin: 0; padding: 0; min-width: 0; border: none;}
.it526_box .faq_it526_tab .f_it526_tabs li.active{ background: none; border: 0;}
.it526_box .faq_it526_tab .f_it526_tabs li button{ width: 100%; min-height: 43px; background: #FFF; padding: 8px 18px; border-radius: 5px; color: #c1c1c1; font-size: 1.3846rem; line-height: 25px; font-weight: 400; border: solid 1px #eaeaea;}
.it526_box .faq_it526_tab .f_it526_tabs li.active button{ color: #FFF; background: #127475;}
/* 內容 */
.it526_box .faq_it526_tab .it526_qa_title{ width: 100%; color: #2F2F2F; font-size: 1.0769rem; line-height: 24px; text-align: left; border: none;}
.it526_box .faq_it526_tab .it526_sub:first-child{ border-top: 0;}
.it526_sub .it526_qa_content{ border-left: solid 1px #f7f7f7; border-right: solid 1px #f7f7f7; padding: 15px;}
.it526_box .faq_it526_tab .it526_sub .it526_qa_content p{ font-size: 1.0769rem; line-height: 20px; color: #2F2F2F;}
.it526_box .faq_it526_tab .it526_sub .it526_qa_content p a{ color: #127475;}
.it526_box .faq_it526_tab .it526_sub .it526_qa_content p a:hover{ color: #145754;}
/* 搜尋 */
.it526_box .it526_search{ padding: 25px 15px; border: none;}
.it526_box .it526_search .it526_searchbox input[type=text]{ color: #2F2F2F; font-size: 1.3846rem;}
.it526_searchbox label{ display: none;}
@media screen and (max-width: 390px){
.it526_box .faq_it526_tab .f_it526_tabs li button { font-size: 1.2307rem;}
.it526_box .faq_it526_tab .it526_qa_title{ font-size: 1rem;}
}
@media screen and (max-width: 360px){
.it526_box .faq_it526_tab .f_it526_tabs li button { font-size: 1.0769rem;}
.it526_box .faq_it526_tab .it526_qa_title{ font-size: 0.9rem;}
.it526_box .faq_it526_tab .it526_sub .it526_qa_content p{ font-size: 0.9rem;}
}
@media screen and (max-width: 330px){
.it526_box .faq_it526_tab .f_it526_tabs li button { font-size: 1rem;}
.it526_box .faq_it526_tab .it526_qa_title{ font-size: 0.8rem;}
.it526_box .faq_it526_tab .it526_sub .it526_qa_content p{ font-size: 0.8rem;}
}

.sr-only {
	display: none;
}