@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_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', 'Open Sans', 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', '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:14px/24px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#666;font-weight:bold; text-decoration: none; }
/* 中間副標題 */
.C_subtitle { font:14px/24px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#666;font-weight:bold; text-decoration: none;}
/* 中間內文 */
.C_article { font:20px/40px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#666;}
/* 中間標題(連結) */
a.C_title_a:link { font:28px/30px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#666; text-decoration: none;}
a.C_title_a:visited { font:28px/30px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#666; text-decoration: none;}
a.C_title_a:hover { font:28px/30px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#54565b;text-decoration: none;}
a.C_title_a:active { font:28px/30px 'Noto Sans TC','Roboto', 'Open Sans', 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', 'Open Sans', sans-serif; color:#666; font-weight:bold;}
/* 左邊副標題 */
.L_subtitle { font:14px/24px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#666; font-weight:bold;}
.L_bottom{ height:17px; background:#fff url(left_bg03.gif) no-repeat top left;}
/* 左邊內文 */
.L_article { font:14px/30px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#666;}
/* 左邊標題(連結) */
a.L_title_a:link { font:14px/24px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#666;text-decoration: none;}
a.L_title_a:visited { font:14px/24px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#666; text-decoration: none;}
a.L_title_a:hover { font:14px/24px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#54565b;text-decoration: none;}
a.L_title_a:active { font:14px/24px 'Noto Sans TC','Roboto', 'Open Sans', 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', 'Open Sans', 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', 'Open Sans', 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', 'Open Sans', sans-serif; color:#666;font-weight:bold; text-decoration: none;}
/* 右邊副標題 */
.R_subtitle { font:14px/26px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#666;font-weight:bold; text-decoration: none;}
/* 右邊內文 */
.R_article { font:14px/30px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#666;}
/* 右邊標題(連結) */
a.R_title_a:link { font:14px/24px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#666; text-decoration: none;}
a.R_title_a:visited { font:14px/24px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#666; text-decoration: none;}
a.R_title_a:hover { font:14px/24px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#54565b; text-decoration: none;}
a.R_title_a:active { font:14px/24px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#54565b;text-decoration: none;}
/*******************************
表格
*******************************/
/* 表格抬頭 */
.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;
text-align:right;
}
/* 表格欄位內容 */
.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: #ff6320;
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:#333;}
/* 商品名稱 */
a.prod_name:link { font:13px/24px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#333; text-decoration: none; }
a.prod_name:visited { font:13px/24px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#333; text-decoration: none; }
a.prod_name:hover { font:13px/24px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#333; text-decoration: underline; }
a.prod_name:active { font:13px/24px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#333; text-decoration: underline; }
/* 商品售價 */
.prod_price {font:20px/24px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#ff427f; font-weight:bold;}
/*******************************
延伸選單
*******************************/
/* 延伸選單 */
.menu_extended {
color: #666;
background-color: #ffffff;
font-size: 12px;
font-family: arial;
padding:8px 2px;
}
/* 延伸選單 onMouseOver */
.menu_extended_over {
color: #6d3049;
background-color: #f1b6cf;
font-size: 12px;
font-family: arial;
padding:8px 2px;
}
/* 延伸選單 邊線 */
.menu_extended_border {
background-color: #cccccc;
}
/*******************************
表頭選單
*******************************/
a.top_menu:link {font-family: 'Noto Sans TC','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;}
/*******************************
語系
*******************************/
.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', '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:#54565b; text-decoration: none;}
a:active { font:14px/24px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#54565b; text-decoration: none;}*/
/* 網站主內容架構 */
.mp-pusher{background: #FAF9F8;}
#indxe_2024 .mp-pusher {
background: #faf9f8;
}
.FOR_web_W{ width:990px; margin-top:20px;}
.FOR_TOP{ width:100%; height:auto; position: fixed; left:50%; transform: translateX(-50%); z-index:999;}
.FOR_MAIN{ margin:0 auto; width:100%; padding-top: 158px!important;overflow: hidden;}
.FOR_FOOTER{width:100%; clear:both; margin:0 auto;}
#indxe_2024 .FOR_MAIN{
width:100%;
background: #faf9f8;
}
.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', '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-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', 'Open Sans', 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', 'Open Sans', sans-serif; width:25%; height:50px; padding-top:12px;}
ul.AF_RegisterStep li span{ font:20px/30px Arial, Helvetica, sans-serif; margin:0 5px; }
ul.AF_RegisterStep li span.AF_RegisterStep_final{ float:left; display:block; width:40px; height:43px; background-repeat:no-repeat; background-position:left top;}
.AF_RegisterStepbg01{ color:#666;}
.AF_RegisterStepbg02{ color:#666;}
.AF_RegisterStepbg03{ color:#666;}
.AF_RegisterStepbg04{ color:#666;}
.AF_RegisterStepLine{ height:50px; border-bottom:#C71810 3px solid;}
.AF_RegisterStepLine span{ color:#C71810;}
/* 會員登入(一般)-150226新增 */
.AF_Member_LoginPage{ width:526px; margin:0 auto; padding-top:50px;}
.AF_Member_LoginTitle{ width:100%; font:18px/40px 'Noto Sans TC','Roboto', 'Open Sans', 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', 'Open Sans', 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', 'Open Sans', sans-serif; color:#c8a143; text-decoration:underline;}
.AF_attest_number a:hover{font:15px/30px 'Noto Sans TC','Roboto', 'Open Sans', 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', 'Open Sans', sans-serif; color:#666; margin:0 3px;}
.AF_Member_Login_Rin a:hover{ font:14px/30px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#555; margin:0 3px;}
.AF_Member_LoginOther{ width:460px; margin:0 auto; font:15px/30px 'Noto Sans TC','Roboto', 'Open Sans', 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', 'Open Sans', sans-serif; color:#666;}
/*========== 頁碼(通用) ==========*/
.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', 'Open Sans', 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', 'Open Sans', 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', 'Open Sans', 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', 'Open Sans', sans-serif; color:#333;}
.AY_Saleproduct200_name a:hover, .AY_Saleproduct200_name a:active{ font:15px/20px 'Noto Sans TC','Roboto', 'Open Sans', sans-serif; color:#54565b;}
/* JOO商品顏色共用 */
h2.jooPC_name a{ color:#333;}/*商品名*/
h2.jooPC_name a:hover{ color:#666;}/*商品名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*/
.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-color:rgba(255,255,255,0.9);position: relative;}
.header_top{ width: 100%; border-bottom: solid 1px #eeeeee;padding: 0 60px;}
.header_top .header_top_in{ width: 100%; height: 60px; line-height: 28px; display: flex; margin: 0 auto; justify-content: space-around; align-items: center;max-width: 1440px;}
.header_top .header_top_in .header_top_L{ width: 30%; display: flex;}
.header_top .header_top_in .header_top_R{ width: 100%; display: flex;;gap: 19px;}
.header_top .header_top_in .header_top_R > ul{ width: 100%; display: flex; justify-content: flex-end;}
.header_top .header_top_in .header_top_R > ul > li{ margin: 0 12px;}
.header_top .header_top_in .header_top_R > ul > li.list_sitemap a:nth-child(1){ color:#d3d3d3;}
.header_top .header_top_in .header_top_R > ul > li.list_member{ background: url(icon-user-green.svg) left center no-repeat; padding-left:35px; background-size: 28px;}
.header_top .header_top_in .header_top_R > ul > li.logout_icon{ background: url(icon-user-unsign.svg) left center no-repeat; padding-left:35px; background-size: 28px;}
.header_top .header_top_in .header_top_R > ul > li.list_member a{ color: #666; font-size: 15px; line-height: 24px;line-height: 30px;}
.header_top .header_top_in .header_top_R > ul > li.logout_icon a{ color: #666; font-size: 15px; line-height: 24px;line-height: 30px;}
.header_top .header_top_in .header_top_R > ul > li.list_sitemap a{ color: #666; font-size: 15px; line-height: 30px;}
.header_top .header_top_in .header_top_R > ul > li.list_favorites a{ display: block; color: #666; font-size: 15px; line-height: 30px; background: url(icon-heart-green.svg) left center no-repeat; padding-left: 35px;background-size: 28px;}
.header_top .header_top_in .header_top_R > ul > li.list_facebook a{ color: #666; font-size: 14px; line-height: 24px; background: url(icon_facebook.svg) left center no-repeat; padding-left: 20px;}
.header_top .header_top_in .header_top_R > ul > li.list_instagram a{ color: #666; font-size: 14px; line-height: 24px; background: url(icon_instagram.svg) left center no-repeat; padding-left: 20px;}
.header_top .header_top_in .header_top_R > ul > li.list_lang{ position: relative; padding-left: 20px;}
.header_top .header_top_in .header_top_R > ul > li.list_lang::after{ position: absolute; top: 6px; left: 0; content: ''; display: block; width: 1px; height: 20px; background: #eee;}
.header_top .header_top_in .header_top_L .top_news_title{ color: #fbb445; padding-right: 15px; font-size: 15px;}
.header_top .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;}
/* .headerBox2,#index .headerBox2{ background-color:rgba(255, 255, 255, 0.9); box-shadow:0px 1px 2px 0 rgba(0, 0, 0, 0.07);z-index: 999; backdrop-filter: blur(5px);} */
#page_detail .headerBox{background: none;}
.headerBox_menu{width: 100%;}
.header_down{padding: 0 60px;}
.headerBox_in { max-width:1440px;height:96px; margin:0 auto; position:relative;display: flex;align-items: center;gap: 30px;}
/* .headerBox .headerBox_logo { position:absolute; bottom: 16px; display: block;} */
.headerBox .headerBox_logo a{ display:block; max-width:100%; width:100%; height:auto;}
/* .headerBox_menu { position:absolute; right: 0; top: 50%; transform: translateY(-50%);} */
.headerBox_menu ul { list-style:none; margin:0; padding:30px 0 0 0; display:flex;justify-content: flex-end;}
.headerBox_menu ul li { float:left;}
.headerBox .headerBox_menu > ul > li {
position: relative;text-align: right;
padding: 10px clamp(14px, 2vw, 33px);
cursor: pointer;
}
.headerBox .headerBox_menu > ul > li:not(:last-child){ position: relative;}
.headerBox .headerBox_menu > ul > li:is(:last-child){ padding: 10px 0 10px clamp(14px, 2vw, 33px);}
.headerBox .headerBox_menu > ul > li > .alink_box{ position: relative; width: fit-content; display:inline-block;}
.headerBox .headerBox_menu > ul > li > .alink_box > a{color:#333; font-size:24px; line-height:32px; transition: all .5s;padding: 0;}
.headerBox .headerBox_menu > ul > li > .alink_box > .main_arrow{padding-right: 35px;}
.headerBox .headerBox_menu > ul > li:hover > .alink_box > a{ color:#00AE70; transition: all .5s; }
.headerBox .headerBox_menu > ul > li > .alink_box >a:after{ position: absolute; content: ''; display: block; width: 0; height: 4px; background-color:#fff; transition: all .3s; bottom: -10px; left: 0;}
.headerBox .headerBox_menu > ul > li:hover > .alink_box > a:after{ position: absolute; content: ''; display: block; width: 100%; height: 4px; background-color:#00AE70; transition: all .3s; bottom: -10px; left: 0;}
.headerBox .headerBox_menu a { display:block; color:#333; font-size:24px; 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{ display:none; width:200px;position: absolute; background: rgba(255, 255, 255, 1); z-index: 998;top:41px;box-shadow: 0px 5px 12.6px 0px rgba(114, 85, 12, 0.5);border-radius: 0 0 10px 10px;overflow: hidden;}
.menu_open01 .menu_open_in01 li{ display:block; width: 100%; text-align:center;border-bottom:1px solid #eee;}
.menu_open01 .menu_open_in01 li:last-child,.headerBox_lang .dropdown-content li:last-child{border-bottom: 0;}
.menu_open01 .menu_open_in01 li a{ display:block; width: 100%; font-size:24px; line-height:40px; color:#333; -webkit-transition: all ease .2s;transition: all ease .2s;text-align: left;padding: 16px;}
.headerBox_lang .dropdown-content a{-webkit-transition: all ease .2s;transition: all ease .2s;}
.menu_open01 .menu_open_in01 li a:hover,.headerBox_lang .dropdown-content a:hover{ background-color:#00AE70;color: #FFF;}
#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 rgba(65, 175, 165, 1); 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;}
noscript .searchPanel { display:block;}
.searchPanel { display:none; background-color:#fff; position:fixed; top:111px; width:100%; padding:15px 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); z-index: -1;}
.searchBG{box-shadow:none!important;background-color: transparent;}
.searchPanelContent {
max-width:1200px;
margin:auto;
}
.searchPanel .searchBox {
float:right;
margin-right:20px;
position:relative;
width: 280px;
/*background-color: #fff;
border:1px solid #e6e6e6;
color:#cccccc;
border-radius:16.5px;*/
}
noscript .searchPanel .searchBox {
background-color: #fff;
border:1px solid #e6e6e6;
color:#cccccc;
border-radius:16.5px;
}
noscript .searchPanel .searchBox .searchBox_input { position:relative; float:left;}
noscript .searchPanel .searchBox .searchBox_button { position:relative; float:right; margin-top:-30px;}
.searchPanel .searchBox .searchBox_input {
position:absolute;
left:10px;
top:2px;
width:260px;
height:30px;
border:none;
background:none;
padding:0;
color:#cccccc;
font-size:13px;
}
.searchPanel .searchBox .searchBox_button {
position:absolute;
right:10px;
top:5px;
display:inline-block;
background-color:transparent;
background-image:url(searchIcon.png);
width:20px;
height:20px;
background-repeat:no-repeat;
background-position:center center;
border:none;
cursor:pointer;
}
.searchPanel .searchHot {
float:right;
padding-top:3px;
margin-right:36px;
font-size:13px;
}
.searchPanel .searchHot span {
color:#00c300;
margin-right:10px;
}
.searchPanel .searchHot a {
color:#4c5258;
margin-right:10px;
font-size:13px;
}
.searchPanel .searchHot a:hover {
color:#000;
}
/* 首頁公用標題 */
.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);}
/* 版尾 */
.FOR_FOOTER{ background-color: #FFF;;}
.footer_box,.footer_cr .footer_cr_content{ width:1200px; height: auto; margin: 0 auto;}
.footer_box{ display: flex; justify-content: space-between; align-items: center; padding: 5px 0 10px 0;}
.footer_box .footer_box_left{ width:26%;}
.footer_box .footer_box_left > ul > li{ font-size: 13px; color: #333; line-height: 20px;}
.footer_box .footer_box_left > ul > li > span{ margin-left: 30px;}
.footer_box .footer_box_left .footer_logo{ margin-bottom:7px;}
.footer_box .footer_box_left .footer_logo a{ 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_center{ display: flex; width:24%; padding: 0 10px;}
.footer_box .footer_box_center img{ display: block; width: 100%; max-width: 100px; height: auto; margin: 0 5px;}
.footer_box .footer_box_right{ width:50%; display: flex; justify-content: space-between; align-items: flex-start;}
.footer_box .footer_box_right .footer_box_list > h4,
.footer_box .footer_box_right .footer_box_list > .footer_box_list_title{ margin-bottom: 10px;}
.footer_box .footer_box_right .footer_box_list > h4 > a,
.footer_box .footer_box_right .footer_box_list > .footer_box_list_title 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: 13px; color: #777; text-align: center;}
.footer_cr{ width: 100%; height:36px; background-color: #ffffff; position: relative; font-size: 12px; color: #9e9e9e; line-height: 30px;}
.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: 50%;}
.footer_cr_content ul li:nth-child(1){ text-align: left;}
.footer_cr_content ul li:nth-child(2){ text-align: right;}
/*it398 最新消息*/
.item7_title .item7_time{ display: none!important; background-color:#ed8369; 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:27px; bottom:27px; width:90px; height:90px; overflow:hidden; z-index:999;background: rgba(244, 239, 229, 0.9);backdrop-filter: blur(2.5px);border-radius: 48px;transition: all .3s;}
/* .gotopBox:hover{background: rgba(200,200,200,.9);} */
.gotop { width:90px; height:90px; background:url(go-top-arrow.svg) center no-repeat; position:absolute; top: 0;right: 0; background-size: 24px; text-indent:-9999px;}
a.gotop:focus{box-shadow: none!important;}
/*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', 'Open Sans', 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;}
/*版頭搜尋*/
.lohas_top_searchbox{ width: 1200px; margin: 0 auto; display: flex;}
.lohas_top_searchbox > div.top_s_keyword{ width: calc(100% - 300px) ;}
.lohas_top_searchbox > div.top_s_bar{ position: relative; display: flex; max-width: 300px; width: 100%; height: 44px; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; border: solid 2px #41afa5; background-color: #fff;}
.lohas_top_searchbox > div.top_s_bar select{ border:0; width: 120px; border-right: 1px solid #eee; font-size: 15px; color: #333;}
.lohas_top_searchbox > div.top_s_bar .search_bar{ width: calc(100% - 60px); border: 0; padding: 0 15px; font-size: 15px; color: #333; border-top-left-radius: 22px; border-bottom-left-radius: 22px;}
.lohas_top_searchbox > div.top_s_bar .search_btn{ text-indent: -9999px; width: 60px; background: url(icon_search.svg) center no-repeat rgba(65, 175, 165, 1); border: 0; border-top-right-radius: 22px; border-bottom-right-radius: 22px;}
.lohas_top_searchbox .top_s_keyword{ display: flex;justify-content: right; align-items: center; padding-right: 20px; font-size: 15px;}
.lohas_top_searchbox .top_s_keyword > span{ color: #fbb445;}
.lohas_top_searchbox .top_s_keyword > a{ margin-left: 5px; color: #666;}
.header_top_R div.top_s_bar{ position: relative; display: flex; height: 28px;margin-left: 19px;}
.header_top_R .top_s_bar select{ border:0; width: 120px; border-right: 1px solid #eee; font-size: 15px; color: #333;}
.header_top_R .top_s_bar .search_bar{ width: calc(100% - 60px); border: 0; padding: 0 15px; font-size: 14px; color: #333; border-top-left-radius: 22px; border-bottom-left-radius: 22px;}
.header_top_R .top_s_bar .search_btn{ text-indent: -9999px; width: 30px; background: url(icon_search.svg) center no-repeat #00AE70; border: 0; border-radius: 30px;background-size: 16px;}
.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: 145px;left: 50%; right: 0; transform: translateX(-50%);border-radius: 16px; overflow: hidden;max-width: 800px; box-shadow: 0px 5px 12.6px 0px rgba(114, 85, 12, 0.1);}
.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:#00AE70; color: #fff;}
/*when navigating through the items using the arrow keys:*/
.autocomplete-active { background-color: rgba(65, 175, 165, 1); !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: #ed8369; border-radius: 20px;}
.it398_box .it398_inbox>ul>li:nth-child(even) span.it398_slogan{background-color: #fbb03b;}
/*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:#666;}
.AY_SB_mainproduct_R2{ width:75%;}
.AY_SB_mainproduct_R2 h2{ font:14px/20px 微軟正黑體, Arial, Helvetica, sans-serif; text-align:left; clear:both;}
.AY_SB_mainproduct_R2 h2 img{ float:left; margin-right:10px; margin-top:10px;}
.AY_SB_mainproduct_R2 h2 a{ display:block; padding-top:12px; color:#147abc;}
.AY_SB_temperature img{ margin-top:36px;}
.AY_SB_specification p{ margin-top:40px;}
.AY_SB_specification select{ width:80px; height:30px; border:1px #d9d9d9 solid; font:14px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; margin-top:35px;}
.AY_SB_quantity p{ margin-top:40px;}
.AY_SB_quantity select{ width:60px; height:30px; border:1px #d9d9d9 solid; font:14px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; margin-top:35px;}
.AY_SB_quantity2 select{ width:60px; height:30px; border:1px #d9d9d9 solid; font:14px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; margin-top:10px;}
.AY_SB_nivalent p{ margin-top:40px;}
.AY_SB_price p{ margin-top:40px;}
.AY_SB_delete a{ display:block; width:25px; height:25px; margin:0 auto; margin-top:38px; background:url(images/anyong_new/AY_icon_delete.png) left top no-repeat; text-indent:-9999px;}
.AY_SB_delete a:hover{ background:url(images/anyong_new/AY_icon_delete.png) left bottom no-repeat;}
.AY_SB_delete2 a{ display:block; width:25px; height:25px; margin:0 auto; margin-top:15px; background:url(images/anyong_new/AY_icon_delete.png) left top no-repeat; text-indent:-9999px;}
.AY_SB_delete2 a:hover{ background:url(images/anyong_new/AY_icon_delete.png) left bottom no-repeat;}
.AY_SBox_content02{ border-bottom:1px #d9d9d9 dotted; font:14px/50px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; background:#fffcdf;}
.AY_SBox_content02 ul li{ float:left; text-align:center;}
.AY_SBox_content03{ width:100%; height:50px; position:relative;}
.AY_SBox_content03 p{ font:15px/50px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; text-align:right; position:absolute; right:168px;}
.AY_SBox_content03 p span{ color:#e9589a; margin-left:15px;}
.AY_ShoppingCart_BOX2 .AY_SC_Bottom_L{ float:left; width:50%; padding-left:35px; text-align:left;}
.AY_ShoppingCart_BOX2 .AY_SC_Bottom_R{ float:right; width:50%; padding-right:168px; text-align:right;}
.AY_SC_Bottom_L ul li{ font:14px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;}
.AY_SC_Bottom_L ul li span{ margin:0 5px; color:#e9589a;}
.AY_SC_Bottom_L ul li h5{ font:15px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;}
.AY_SC_Bottom_L ul li img{ float:left; margin-right:10px;}
.AY_SC_Bottom_R ul li h5{ font:15px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;}
.AY_SC_Bottom_R ul li h5 span{ margin-left:15px; color:#e9589a;}
.AY_SC_Bottom_R ul li p{ font:13px/18px 微軟正黑體, Arial, Helvetica, sans-serif; color:#ff7200;}
.AY_SC_Bottom_R ul li h3{ font:15px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;}
.AY_SC_Bottom_R ul li h3 span.AY_SC_Bottom_R_Price01{ font:20px/50px Arial, Helvetica, sans-serif; margin-left:15px; color:#e9589a;}
.AY_SC_Bottom_R ul li h3 span.AY_SC_Bottom_R_Price02{ font:30px/50px Arial, Helvetica, sans-serif; margin-left:5px; color:#e9589a;}
.AY_SC_Bottom_Btn{ width:100%; height:50px; clear:both; padding:0 5px; margin-bottom: 30px;}
.AY_SC_Bottom_Btn ul li{ float:right;}
.AY_btn_checkout input,.btn_confirm_send input{ display:block; width:190px; height:50px; font:20px/50px 微軟正黑體, Arial, Helvetica, sans-serif; color:#FFF; text-align:center; background:#dd1212; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.AY_btn_checkout input:hover,.btn_confirm_send input:hover{ background:#f54b4b; text-decoration:none;}
.AY_btn_continuebuy input,.btn_back_pre a{ display:block; width:190px; height:50px; font:20px/50px 微軟正黑體, Arial, Helvetica, sans-serif; color:#FFF; text-align:center; background:#1671b8; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.AY_btn_continuebuy input:hover,.btn_back_pre a:hover{ background:#1c8fe7; text-decoration:none;}
/*購物車第二步驟*/
.AY_btn_getcoupon{ width:100px; height:25px; font:14px/25px 微軟正黑體, Arial, Helvetica, sans-serif; color:#FFF; background:#f73873; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border:0; cursor:pointer;}
.AY_btn_getcoupon:hover{ background:#fc5689;}
.AY_SC_Bottom_R ul li a{ 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:rgba(65, 175, 165, 1);}
.jooshop_btn_color > input:hover,.jooshop_btn_color > a:hover{ background-color:rgba(65, 175, 165, .9);}
.jooshop_btn_color2 > input,.jooshop_btn_color2 > a{ background-color:#a6acb0;}
.jooshop_btn_color2 > input:hover,.jooshop_btn_color2 > a:hover{ background-color:#bcc3c8;}
/*線段*/
.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: none;}
/*無障礙新增的*/
.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;}
.headerBox_logo img{width: 268px;height: auto;}
.search_icon{
position: relative;
width: 30px;
height: 30px;
background: url(icon-search_2024.svg)no-repeat center;
background-size: 28px;
}
.header_top_R input[type="checkbox"] {
position: absolute;
margin: 0;
width: 30px;
height: 30px;
right: 0px;
top: 0px;
z-index: 1;
opacity: 0;
cursor: pointer;
}
/* 搜尋展開 */
.search_open{
position: absolute;
top: 158px;
width: 100%;
height: 408px;
background-color: #FAF9F8;
display: flex;
align-items: center;
flex-direction: column;
justify-content: flex-start;
padding-top: 73px;
gap: 25px;
box-shadow: 0px 3px 12.6px 0px rgba(114, 85, 12, 0.5);
}
.search_bar{
margin: 0 auto;
width: 800px;
height: 62px;
display: flex;
overflow: hidden;
}
.search_open .search_bar input[type="text"]{
width: 100%;
height: 100%;
background-color: #FFF;
padding: 0 24px;
border: 1px solid #00AE70;
border-radius: 40px 0 0 40px;
}
.search_open .search_bar input[type="button"]{
width: 83px;
height: 100%;
background-color: #00AE70;
border-radius: 0 40px 40px 0;
border: 0;
background: url(icon_search.svg) #00AE70 no-repeat center;
background-size: 24px;
cursor: pointer;
}
.search_open .search_bar input::placeholder{font-size: 18px; color: #3333334D;}
.tag_bar{display: flex;gap: 8px;width: 800px;position: relative;margin: 0 auto; padding-top: 25px;flex-wrap: wrap;}
.tag_bar > a{
width: fit-content;
color: #00AE70;
padding: 10px 20px 10px 36px;
gap: 5px;
border-radius: 20px;
border: 1px solid #00AE70;
text-align: center;
background: url(icon-tags.svg) #FFF no-repeat left center;
background-position: 18px center;
background-size: 16px;
font-size: 15px;
font-weight: 500;
line-height: 18px;
cursor: pointer;
}
.tag_bar > a:hover{
color: #FFF;
background: url(icon-tags-white.svg) #00AE70 no-repeat center;
background-position: 18px center;
background-size: 16px;
}
.tag_bar input[type="checkbox"]{
display: none;
}
.tag_bar input[type="checkbox"]:checked + label{
color: #FFF;
background: url(icon-tags-white.svg) #00AE70 no-repeat center;
background-position: 18px center;
background-size: 16px;
}
.search_open > a{
background: url(icon-X.svg)no-repeat center;
width: 24px;
height: 24px;
background-size: 24px;
position: absolute;
right: 60px;
top: 66.85px;
}
.search_open{display: none;}
/* 搜尋展開 結束 */
.main_arrow{background: url(icon-plus.svg)no-repeat center right;background-size:24px;}
.headerBox .headerBox_menu > ul > li:hover .main_arrow{background: url(icon-plus-green.svg)no-repeat center right;background-size: 24px;}
.headerBox .headerBox_menu > ul > li:not(:last-child):after{
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
width: 2px;
height: 20px;
background-color: #E0E0E0;
}
.headerBox_menu .menu_open01 ul{padding: 0;}
.disscroll{overflow-y:hidden;position:fixed;}
/* 版頭大小調整 */
@media screen and (max-width:1728px) {
.headerBox .headerBox_menu > ul > li > .alink_box > a{font-size: 1.5vw;}
.headerBox .menu_open01{ width: 12.6vw;}
.headerBox .headerBox_menu > ul > li > .alink_box > .main_arrow{padding-right: 2vw;}
.main_arrow{background-size: 1.5vw;}
.menu_open01 .menu_open_in01 li a{font-size: 1.5vw;padding:12px;}
.headerBox .headerBox_menu > ul > li:hover .main_arrow{background-size: 1.5vw;}
}
@media screen and (max-width:1440px) {
.headerBox .headerBox_menu > ul > li > .alink_box > a{font-size: 16px;line-height: 24px;}
.headerBox .headerBox_menu > ul > li > .alink_box > .main_arrow{padding-right: 2vw;}
.headerBox .menu_open01{top: 32px; width:140px;}
.main_arrow{background-size: 16px;}
.menu_open01 .menu_open_in01 li a{font-size: 16px;padding: 4px 12px;}
.header_top .header_top_in{height: 40px;}
.headerBox_in{height: 80px;gap: 0;}
.headerBox_menu ul{padding: 15px 0 0 0;}
.header_top .header_top_in .header_top_R > ul > li.logout_icon{padding-left: 32px;background-size: 24px}
.headerBox .headerBox_menu > ul > li:hover .main_arrow{background-size: 16px;}
.header_top .header_top_in .header_top_R{align-items: center;}
.search_icon{width: 30px;height: 30px;background-size: 24px;}
.header_top_R input[type="checkbox"]{width: 30px;height: 30px;}
.search_open{top: 122px;}
.FOR_MAIN{padding-top: 122px!important;}
.header_top .header_top_in .header_top_R > ul > li.list_member{background-size: 24px;padding-left: 32px;}
.header_top .header_top_in .header_top_R > ul > li.list_favorites a{padding-left: 32px;}
.header_top .header_top_in .header_top_R > ul > li.list_favorites a,.header_top .header_top_in .header_top_R > ul > li.list_sitemap a,.header_top .header_top_in .header_top_R > ul > li.list_member a{font-size: 13px;}
}
@media screen and (max-width:1200px) {
.headerBox .headerBox_menu > ul > li > .alink_box > .main_arrow{padding-right: 20px;}
.menu_open01 .menu_open_in01 li a{font-size: 15px;padding: 4px 8px;}
.headerBox_logo img{width: 200px;}
}
@media (max-width: 1060px) {
.headerBox .headerBox_menu > ul > li {
padding: 10px clamp(4px, 0.8vw, 33px);
}
.headerBox .headerBox_menu > ul > li:is(:last-child) {
padding: 10px 0 10px clamp(4px, 0.8vw, 33px);
}
}
/* item20 登入區塊 */
.AF_Member_LoginTitle_left{
background: #fff;
}
.AF_Member_LoginContent_left{
background: #fff;
}
/* 集點卡 0812 */
.it824 .it824_filter{
top: 158px!important;
}
.it824_filter_list{
top: 206px!important;
}
#points_card_list .FOR_MAIN{
padding-top: 206px!important;
}
@media screen and (max-width:1440px) {
.it824 .it824_filter{
top: 122px!important;
}
.it824_filter_list{
top: 170px!important;
}
#points_card_list .FOR_MAIN{
padding-top: 170px!important;
}
}