@charset "utf-8";

*{
	box-sizing:border-box;
	-webkit-box-sizing:border-box; /* 手機用 */
	-mos-box-sizing:border-box;/* 舊火狐用 */
	-ms-box-sizing:border-box;/* ie用 */
}

body { margin:0; padding:0; background:url(../images/all_bg.jpg); color:#434343; font-weight:normal; font-family:Arial, "微軟正黑體" ; font-size:1em;}

a:link { font-size:1em; color: #FF7600; text-decoration: underline;}
a:hover { color: #FF7600; text-decoration: none;}
a:visited {	color: #FF7600;}

img { border: none; border-radius: 10px; }
.barrier-free { border-radius: 0px;  }

b { font-variant:normal;}

/*文字大中小*/
.font_s { font-size:1em; line-height:1.6em; }
.font_m { font-size:1.1em; line-height:1.6em; }
.font_l { font-size:1.2em; line-height:1.6em; }

/*圖片左中右*/
.img_r { clear:both; float:right; padding:10px;}
.img_l { clear:both; float:left; padding:10px;}
.img_c { clear:both; float:none; text-align:center; padding:10px;}

/*彈跳圖片JQ*/
.mfp-figure small { display:none !important;}

/*---電腦版------------------------------------------------*/
#wrapper { width:100%;}
.red { color:#D80003; margin:0 5px 0 0; font-size:0.87em;}
.red2 { display:block; clear:both; color:#D80003; margin:5px 0 0 0; font-size:0.87em;}
/*手機版menu*/
#m_top_menu { display:none;}

.clear { clear:both;}
.no_show { display: none;}
.m_no_show { display: none;}


/*跳到主要內容區塊*/
.skip_to_content { position:absolute; top:0; left:0; width:1px; height:1px; margin:-1px 0 0 -1px; overflow:hidden; font-size:0.85em; z-index:1; }
.skip_to_content a { text-decoration:none;}
.skip_to_content:focus { width:auto; height:auto; margin:0; overflow:visible; }


/*---Header------------------------------------------------*/
#header_all { width:1200px; height:140px; margin:0 auto; background:url(../images/menu_bg.jpg) top center repeat-y;}
#header_bg { width:100%; height:96px; background:url(../images/nav_bg.png) top center no-repeat; }
#header { position:relative; width:1200px; height:96px; margin:0 auto; }
#header h1 {  background:url(../images/logo.jpg); width:329px; height:65px; float:left; text-indent:-9999px; margin:14px 6px 0 6px; padding:0;}
#header h1 a {display:block; width:329px; height:65px;}
#header .anniversary-logo { display:inline-block; margin-top:13px; }

#header #nav { float:right; padding:30px 0 0 0}
#header #nav ul { list-style-type:none; margin:0; padding:0; overflow:auto;}
#header #nav ul li { float:left; letter-spacing:0.5px; margin:0 5px 0 0;}
#header #nav ul li a { padding:5px 9px;font-size:1.125em;
-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;}
#header #nav ul li.sty01 a { display:block; text-decoration: none; color:#FFFFFF; background:#ff5e43; }
#header #nav ul li.sty01 a:hover { background:#cc4b35;}
#header #nav ul li.sty02 a { display:block; text-decoration: none; color:#FFFFFF; background:#da2037; position:relative;}
#header #nav ul li.sty02 a:hover { background:#c21c30;}
#header #nav ul li.sty02 a i { position:absolute; width:12px; height:23px; display:block; background: url(../images/icon_fb.png) no-repeat;}
#header #nav ul li.sty02 a b { padding:0 0 0 25px; font-weight:normal;}
/*搜尋*/
#header #nav ul li.search { background:#dbdbdb; padding:3px 0 3px 2px; width:203px; height:34px;}
#header #nav ul li .s1 { background:#dbdbdb; width:165px; padding:0 0 0 5px; font-family:Arial, "微軟正黑體" ; border:none; color:#434343; font-size:1em; font-weight:bolder; margin:0;vertical-align: middle;}
#header #nav ul li .btn1 { vertical-align: middle; background:url(../images/icon_search.png) center center no-repeat; border:0; width:30px; height:28px; padding: 11px 0 0 11px; border-left:1px solid #434343; }

/*---Menu------------------------------------------------*/
#menu { clear:both; width:1200px; margin:0 auto; letter-spacing:0.5px; overflow:auto;}

/*左方主要menu*/
#menu #menu_in { float:left; padding:2px 0 13px 14px;}
#menu #menu_in h2 { margin:0 8px 0 0; padding:0; float:left;}
#menu #menu_in h2 > a { display:block; text-align:center; text-decoration:none; color:#FFFFFF; padding:5px 15px 5px 40px; border:1px solid #ff5e42; position:relative; font-size:0.75em;}
#menu #menu_in h2 > a span { position:absolute; width:29px; height:29px; display:block; top:0; left:0; }
#menu #menu_in h2 > a span.icon_a { background:url(../images/icon_menu01.png) 2px center no-repeat;}
#menu #menu_in h2 > a span.icon_b { background:url(../images/icon_menu02.png) 2px center no-repeat;}
#menu #menu_in h2 > a span.icon_c { background:url(../images/icon_menu03.png) 2px center no-repeat;}
#menu #menu_in h2 > a span.icon_d { background:url(../images/icon_menu04.png) center center no-repeat;}
#menu #menu_in h2 > a span.icon_e { background:url(../images/icon_menu05.png) 1px center no-repeat;}
#menu #menu_in h2 > a span.icon_f { background:url(../images/icon_menu06.png) 2px center no-repeat;}
#menu #menu_in h2 > a span.icon_g { background:url(../images/icon_menu07.png) center center no-repeat;}

#menu #menu_in h2 a:hover { border:1px solid #FFFFFF;
-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;}
#menu #menu_in h2 a:focus { border:1px solid #FFFFFF;}

/*下拉選單*/
/*---Menu-第2層------------------------------------------------*/
#menu_in h2 ul { display:none; clear:both; background:#ff7443; list-style-type: none; overflow:auto; position: absolute; z-index: 9999; width:125px; padding:5px 15px 10px 15px; box-shadow:0 2px 4px rgba(0,0,0,0.4); margin:35px 0 0 -10px;/*修改Y軸位置*/ }
#menu_in h2 ul li { float: none; width:100%;}
#menu_in h2 ul li a { display:block; text-align:center; text-decoration:none; color:#FFFFFF; padding:5px 0; border:1px solid #ff7443; font-size:0.75em; border-bottom:1px solid #ff9e7d;}
#menu_in h2 ul li a:hover { background:#ffe3d8; color:#434343; border:1px solid #ffe3d8 !important; 
-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;}

/*menu右方icon*/
#menu #menu_icon { float:right; padding:8px 0 0 0;}
#menu_icon ul { list-style-type:none; margin:0; padding:0; overflowauto;}
#menu_icon ul li { float:left; margin:5px 5px 5px 10px;}
#menu_icon ul li a { display:block; color:#FFFFFF; padding:0; text-decoration:none; font-size:1.125em;}
#menu_icon ul li a:focus { border:1px solid #FFFFFF;}
/*聯絡信箱*/
#menu_icon ul li.contact { padding:0 0 0 55px;}
/*#mailbox { position:absolute; background:url(../images/icon_mailbox.png); width:49px; height:59px; top:70px; right:190px; display:block;} */

/*意見信箱*/
#menu_icon ul li.mailbox { display:block; background:url(../images/icon_mailboxs.png); width:24px; height:19px; text-indent:-9999px; margin:5px 5px 5px 10px; }
#menu_icon ul li.mailbox a { display:block; width:25px; height:25px; }
/*轉寄好友*/
#menu_icon ul li.mail { display:block; background:url(../images/icon_mail.png); width:24px; height:19px; text-indent:-9999px; margin:5px 8px 5px 0; }
#menu_icon ul li.mail a { display:block; width:25px; height:25px; }
/*rss*/
#menu_icon ul li.rss { display:block; background:url(../images/icon_rss.png); width:19px; height:19px;  text-indent:-9999px; margin:5px 0; }
.c_noshow { display:none;}
#menu_icon ul li.rss a { display:block; width:25px; height:25px; }

/*index_banner*/
#index_banner { position:relative; clear:both; width:1200px; height:399px; margin:0 auto 25px auto; padding:0;}
#index_banner .owl-prev { text-indent: -9999px; display:block; position:absolute; top:155px; left:10px; background:url(../images/banner_arrow_l.png) no-repeat; width:32px; height:50px; filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3; z-index:9999; }
#index_banner .owl-prev:hover { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
#index_banner .owl-next { text-indent: -9999px; display:block; position:absolute; top:155px; right:10px; background:url(../images/banner_arrow_r.png) no-repeat; width:32px; height:50px; filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3; z-index:9999; }
#index_banner .owl-nextr:hover { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
#index_banner .pic b { display:block; width:1200px; height:355px; overflow:hidden; }
#index_banner .pic b img { width:100%; height:auto;}
#index_banner .banner_top { background:url(../images/banner_top.png) top center; width:1200px; height:9px; display:block;}
#index_banner .banner_bottom { background:url(../images/banner_bottom.png) top center; width:1200px; height:35px; display:block;}
#index_banner .owl-dots { display:block; text-align:left; width:96%; padding:2% 1.5%; z-index:500; position:absolute; bottom: -50px; }
#index_banner .owl-dots .owl-dot { font-family:Arial; margin: 0 5px; border-radius:50%; width:14px; height:14px; display:inline-block; background:#666; cursor:pointer; line-height:0.8em; }
#index_banner .owl-dots .owl-dot.active, #index_banner .owl-dots .owl-dot:hover { background:#FFF; }
#index_banner .owl-dots > * { cursor:pointer; }

/*內容*/
#center{ width:1200px; height:auto; margin:0 auto; position:relative;}

/*首頁區塊*/

/*全標題樣式*/
.index_title { width:100%; height:38px; color:#FFFFFF; letter-spacing:0.5px; font-size:1.25em;  margin:0 0 8px 0;
border-radius:25px 5px 0 0;
-webkit-border-radius:25px 5px 0 0;
-moz-border-radius:25px 5px 0 0;
-ms-border-radius:25px 5px 0 0;
-o-border-radius:25px 5px 0 0;}
.index_title i { width:6px; height:6px; background:#FFFFFF; display:block; left:10px; top:16px; position:absolute;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius:  50%;}
.index_title h3 { display:block; font-weight:bold; padding:4px 0 0 25px; margin:0; font-size:1em;}
.more a { position:absolute; right:10px; top:10px; display:block; font-size:0.8em; font-weight:bold; text-decoration:none;}

.blue_bg { background:#1d95d4; width:25%;}
.blue_bg .more a { color:#1d95d4;}

.orange_bg { background:#ff5e43; width:37%;}
.orange_bg .more a { color:#ff5e43;}

/*50%*/
#all_50 { margin:0 -0.7% 45px 0; overflow:auto;}
.box_50 { float:left; width:60%; margin:0 0.7% 0 0; position:relative;}
.box_50.box_video { width:38.7%; margin: 0;}

/*特色市集*/
.sty_a { overflow:auto;}
.sty_a i { float:left; width:60%; height:304px; overflow:hidden;}
/* .sty_a i img { width:100%; height:auto;} 原始設定 */
.sty_a i img { width:100%; height:304px;}
.sty_a b { float:left; width:39%; padding:0 5px; margin:0 0 0 1%;}
.sty_a b h4 { font-size:1.25em; font-weight:bold; color:#434343; padding:7px 0 6px 0; margin:0; width:100%; height:80px; overflow:hidden;}
.sty_a b .sty_a_content { font-size:0.875em; font-weight:normal; color:#7d7d7d; height:170px; overflow:hidden; line-height:2em;}
.sty_a b .sty_a_more a { font-size:1em; font-weight:bold; color:#9e8e71; display:block; margin:8px 0 0 0;}

/*影音專區*/
.sty_b { position:relative; width:100%; height:0; padding-bottom: 65%; overflow:hidden; border-radius: 10px; position: relative;}
.sty_b img { width: 100%; height: auto; position: absolute; left: 50%;top: 50%; transform: translate(-50%, -50%);}
.sty_b i { position:absolute; background:url(../images/icon_play.png); width:80px; height:80px; display:block; top:50%; left:50%; transform: translate(-50%, -50%); z-index: 1;}
.sty_b i:hover { opacity:0.7;
-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;}
.owl-theme .owl-nav.disabled+.owl-dots {
	margin: 0;
	position: absolute;
	bottom: 0;
	right: 10px;
}
.owl-theme .owl-dots .owl-dot span {
	width: 12px;
	height: 12px;
	background: #cccccc;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: #007aff;
	opacity: 1;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
	padding: 3px 0 !important;
}
.owl-theme .owl-dots .owl-dot span {
	margin: 5px;
}
/*33%*/
#all_33 { margin:0 -0.7% 0 0; }
.box_33 { float:left; width:32.634%; margin:0 0.7% 0 0; position:relative;}

/*市場跑馬燈*/
.sty_c { background:#f3f3f3; padding:16px 0 39px 0 ;}
.sty_c h4 { margin:0; padding:0; font-weight:normal;}
.sty_c h4 a { display:block; text-decoration:none; padding:6px 14px; margin:3px 0; }
.sty_c h4 a i { display:block; font-style:normal; color:#747474; font-size:0.875em; font-family: Arial; margin:0 0 5px 0;}
.sty_c h4 a b { display:block; font-weight:bold; font-size:1.05em; color:#434343; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.sty_c h4 a:hover { background:url(../images/icon_news.png) no-repeat 98% 22px, #ffffff;}
.sty_c h4 a:focus { background:url(../images/icon_news.png) no-repeat 98% 22px, #ffffff;}
.sty_c hr { width:92%; margin:0 auto; padding:0;}

/*活動訊息、新聞專區 */
.sty_d { border:3px solid #d3d3d3; border-style: dotted; height:305px; position:relative; background:#f3f3f3;}
.sty_d a { display:block; text-decoration:none; height:295px;}
.sty_d:hover {background:#FFFFFF;}
.sty_d a:focus {background:#FFFFFF;}
.sty_d a i { width:370px; height:225px; display:block; margin:9px auto 13px auto;}
.sty_d a h4 { display:block; padding:0 20px; font-size:1.125em; margin:0; font-weight:bold; width:390px; height:24px; overflow:hidden; color:#434343;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.sty_d_date { position:absolute; font-size:0.875em; color:#FFFFFF; left:-1px; bottom:-1px; padding:0px 0; width:88px; text-align:center;}

/*首頁下方廣告*/
#block_all { clear:both; margin:45px 0 60px 0; overflow: hidden;}

/*左方廣告*/
#block_box { float:left; width:705px; margin:0; overflow:hidden;}
#block_box .block_stya { float:left; width:476px; margin:0 10px 10px 0;}

#block_box .block_styb { float:right; width:217px; margin:0 0 10px 0;}
#block_box .block_styc { float:left; width:217px; margin:0 10px 0 0; clear:both;}
#block_box .block_styd { float:right; width:476px; margin:0 0 0 0;}

#block_box .block_stya a:focus,.block_styb a:focus,.block_styc a:focus,.block_styd a:focus { border:1px solid #ff5e43}
/*右方FB*/
#block_fb { float:right; width:480px; height:502px; }
#block_fb iframe { width:100%; height:502px; }



/*內頁*/

/*in_banner*/
#in_banner { position:relative; clear:both; width:1200px; height:194px; margin:0 auto 5px auto; padding:0;}
#in_banner #in_banner_img { width:1200px; height:150px;}
#in_banner .banner_top { background:url(../images/banner_top.png) top center; width:1200px; height:9px; display:block;}
#in_banner .banner_bottom { background:url(../images/banner_bottom.png) bottom center; width:1200px; height:27px; display:block;}

#title_path { overflow:auto;}
#title_path h3 { width:200px; float:left; font-size:1.9em; font-weight:bold; color:#ff5e43; padding:0; margin:0; text-align:center;}
#path { width:980px; float:left; display:block; padding:15px 0 5px 0; border-bottom:1px solid #d2d2d2; position:relative; margin:0 0 0 10px;}
#path > a { color:#434343; text-decoration:none;}
#path > a:hover { text-decoration:underline;}
#path .back { position:absolute; top:12px; right:12px; width:135px; height:20px; display:block;}
#path .back ul { list-style-type:none; margin:0; padding:0;}
#path .back ul li { display:inline-block; margin:0 0 0 3px;}
.back .back_btn { text-indent:-9999px; width:20px; height:20px; background: url(../images/icon_back.png) 2px 3px no-repeat,#eb832e; text-indent:-9999px; } 
.back .back_btn a { display:block; }
.back .print_btn { text-indent:-9999px; width:20px; height:20px; background: url(../images/icon_back.png) -24px 3px no-repeat,#eb832e;}
.back .print_btn a { display:block;}
.back .size a { color:#434343; background:#ffe3d9; width:20px; height:20px; text-align:center; display:block; text-decoration:none;}
.back .size a:hover { color:#FFFFFF; background:#ff5d44;}
.back .size a.cur { color:#FFFFFF; background:#ff5d44;}

#in_content { clear:both; overflow:auto; background:url(../images/in_content_bg.png) top left repeat-y; margin:20px 0 0 0;}

/*左選單*/
#content_left { float:left; width:200px; margin:5px 20px 0 0; padding:12px 0 0 0; min-height:500px; position:relative;}

#content_left h4 { padding:0; margin:0;}
#content_left h4 a { font-size:1em; font-weight:normal; text-decoration:none; color:#434343; display:block; text-align:center; width:88%; margin:0 auto 15px auto; padding:8px 0;
-webkit-border-radius:15px;
-moz-border-radius:15px;
-ms-border-radius:15px;
-o-border-radius:15px;
border-radius:15px;
-webkit-transition: 0.1s ease-in-out;
   -moz-transition: 0.1s ease-in-out;
    -ms-transition: 0.1s ease-in-out;
     -o-transition: 0.1s ease-in-out;
        transition: 0.1s ease-in-out;
background: rgb(242,242,242); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(242,242,242,1) 0%, rgba(254,254,254,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(242,242,242,1) 0%,rgba(254,254,254,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(242,242,242,1) 0%,rgba(254,254,254,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
#content_left h4 a:hover { color:#FFFFFF; box-shadow:0 2px 5px rgba(0,0,0,0.5);
background: rgb(109,179,242); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(109,179,242,1) 0%, rgba(30,105,222,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(109,179,242,1) 0%,rgba(30,105,222,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(109,179,242,1) 0%,rgba(30,105,222,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
#content_left h4 a.cur { color:#FFFFFF; box-shadow:0 2px 5px rgba(0,0,0,0.5);
background: rgb(109,179,242); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(109,179,242,1) 0%, rgba(30,105,222,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(109,179,242,1) 0%,rgba(30,105,222,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(109,179,242,1) 0%,rgba(30,105,222,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}

/*右方內容區塊*/
#content_right { float:right; width:980px; padding:0 0 40px 0;}
#content_right img { max-width:960px;}
#content_right h5 { font-size:1.4em; font-weight:normal; color:#ff5e43; margin:30px 0 10px 0; padding:0;}
#content_right h6 { font-size:1.2em; font-weight:normal; color:#eb8c32; margin:15px 0 10px 0; padding:0 0 0 10px; position:relative; clear:both;}
#content_right h6 i { position:absolute; width:2px; height:2px; display:block; background:#eb8c32; top:12px; left:2px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;}

#content_right h6 em { position:absolute; text-decoration:-9999px; width:2px; height:2px; display:block; background:#eb8c32; top:12px; left:2px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;}
#content_right > p { font-size:0.9em; line-height:1.6em; margin:10px 0 40px 0; }

/*市場跑馬燈 */
#news_in_box { margin:25px 0 20px 0;}
#news_in_box ul { list-style-type: none; margin:0; padding:0; overflow:auto;}
#news_in_box ul li { width:33.33%; float:left;}

#news_in_box ul li a { width:96%; margin:0 auto 15px auto; border:1px solid #d3d3d3; background:#FFFFFF;  display:block; text-decoration:none;}
#news_in_box ul li a:hover { box-shadow:0 3px 5px rgba(0,0,0,0.3);
-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;}
/* #news_in_box ul li a i { width:94%; display:block; margin:8px auto 10px auto; position:relative; height: 210px;} */
#news_in_box ul li a i{
display: block;
margin: 0 0 20px 0;
padding: 0;
width: 100%;
height: 210px;
background: #FFF;
overflow: hidden;
border-top: 10px solid #fff;
}
#news_in_box ul li a i img { position:relative; top:50%; transform:translateY(-50%); width:100%;}
#news_in_box ul li a h6 { height:48px; display:block; padding:0 10px; font-size:0.89em; line-height:1.5em; margin:0; font-weight: normal;  color:#434343;}

#news_in_box ul li a .date_all { color:#FFFFFF; width:100%; display:block; overflow:auto; font-family: Verdana, "微軟正黑體"; margin:0 0 20px 0; }
#news_in_box .date { text-align:center; float:right; padding:1px 5px;}
#news_in_box .price { color:#FFFFFF; width:100%; text-align:center; font-size:1em; padding:5px; margin:5px 0 0 0;}


/*底線顏色控制*/
.red_line { border-bottom:2px solid #f55e5b !important;}
.red_date { background:#f55e5b;}
.red_text { color:#f55e5b !important;}
.red_bg2 { background: #f55e5b;}
.red_line_all { border-bottom:3px solid #f55e5b !important; border:1px solid #f55e5b;}

.blue_line { border-bottom:2px solid #45A5E1 !important;}
.blue_date { background:#45A5E1;}
.blue_text { color:#45A5E1 !important;}
.blue_bg2 { background: #45A5E1;}
.blue_line_all { border-bottom:3px solid #45A5E1 !important; border-top:2px solid #45A5E1; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9;}

.green_line { border-bottom:2px solid #49b169 !important;}
.green_date { background:#49b169;}
.green_text { color:#49b169 !important;}
.green_line_all { border-bottom:3px solid #49b169 !important; border:1px solid #49b169;}


/*新聞專區*/
#news_in_box02 { margin:25px 0 20px 0;}
#news_in_box02 ul { list-style-type: none; margin:0; padding:0; overflow:auto;}

#news_in_box02 ul li a { display:block; text-decoration:none; border-bottom: 1px dashed #d9d9d9; color:#434343; overflow:auto; }
#news_in_box02 ul li:nth-child(even) a { background:#EDEDED;}
#news_in_box02 ul li a:hover { background:rgba(255,234,226,0.5);
-webkit-transition: 0.3s ease-in-out;
   -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;}

/*表頭樣式*/
/*樣式1*/
.topnews  li {position:relative; }
.topnews i { display:block; width:30%; float:left; height:226px; border-radius:10px; overflow:hidden; }
.topnews i img { 
   position: relative;
   top: 50%;
   transform: translateY(-50%);
   width: 100%;
}
.topnews b { width:70%; float:left; padding:15px 15px 0 15px; font-style:normal; font-weight:normal; }
.topnews .date { font-size:1em; margin:5px 0 5px 0;  display:block; font-weight:normal;} 
.topnews .title { font-size:1.15em; margin:0 0 15px 0; font-weight:bold; display:block;}
.topnews .click { font-size:0.875em; display:block; position:absolute; bottom:10px; right:10px;}

.topnews .content { line-height:1.5em; display:block;}

/*樣式2*/
#downnews_title { overflow:auto; margin:10px 0 0 0; color:#FFFFFF; letter-spacing:5px; font-size:1em;}
#downnews_title .date { width:15%; float:left;  padding:10px 0; text-align:center; }
#downnews_title .title { width:73%; float:left; padding:10px 0; text-align:center; border-left: 1px solid #fafafa; }
#downnews_title .click { width:12%; float:left; padding:10px 0; text-align:center; border-left: 1px solid #fafafa;}

.downnews .date { width:15%; float:left; font-weight:normal; padding:17px 0 0 0; text-align:center; }
.downnews .title { width:73%; float:left; color:#434343; padding:15px 10px 15px 15px; }
.downnews .click { width:12%; float:left; text-align:center; padding:10px 0; margin:5px 0 0 0; font-size:0.875em;}

/*活動花絮*/
#activity_box {margin:25px 0 20px 0;}
#activity_box ul { list-style-type: none; margin:0; padding:0; overflow:auto;}
#activity_box ul li { width:49%; float:left; margin:0;}

#activity_box ul li a { display:block; width:98%; margin:0 auto 15px auto; text-decoration:none; overflow:auto; color:#434343; position:relative; background:#FFFFFF; border:1px solid #d3d3d3;}
#activity_box ul li a:hover { box-shadow:0 3px 5px rgba(0,0,0,0.3);
-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;}
#activity_box ul li a i { width:55%; float:left; display:block; }
#activity_box ul li a i span { width:257.7px; height:156.7px; overflow: hidden; background:#CDCDCD; margin:0; padding:0;}
#activity_box ul li a i img {  position:relative; top:50%; transform:translateY(-50%); width:100%;}

#activity_box ul li a .date_all { width:45%; float:right; padding:5px 5px 5px 10px; position:relative;}
#activity_box ul li a h6 { padding:0; margin:0 0 10px 0; font-weight:normal; color:#434343; font-size:1.1em;}
#activity_box ul li a p { font-size:1em; line-height:1.5em; margin:15px 0 0 0; padding:0; }
#activity_box .date { text-align:center; padding:1px 5px; font-size:0.875em; position:absolute; right:0; bottom:0; color:#FFFFFF; margin:0;}
#activity_box ul li a span { display:block; margin:0 0 10px 0;}

/*市場故事*/
#story { margin:25px 0 20px 0;}
#story ul { list-style-type: none; margin:0; padding:0; overflow:auto;}
#story ul li { width:33.33%; float:left;}

#story ul li a { width:94%; margin:0 auto 15px auto; background:#FFFFFF; display:block; text-decoration:none;}
#story ul li a:hover { box-shadow:0 3px 5px rgba(0,0,0,0.3);
-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;}
#story ul li a i { width:100%; display:block; margin:0 auto; position:relative;}
#story ul li a i img { width:100%; height:185.5px;}
#story ul li a i:before { position:absolute; top:0px; right:0px; z-index:9997; content:""; width:100%; height:20px; background: url(../images/news_picbg02.png) repeat-x top right; }

#story ul li a h6 { display:block; padding:10px; font-size:0.95em; line-height:1.5em; margin:0; font-weight:normal; color:#FFFFFF; text-align:center;}
#story ul li a h6:before { position:absolute; top:-20px; left:0px; z-index:9997; content:""; width:100%; height:20px; background: url(../images/news_picbg01.png) repeat-x bottom left; }

/*電腦逛菜市*/
#story .price { display:block; padding:5px; font-size:1em; line-height:1.5em; margin:0; font-weight:normal; text-align:center; color:#FFFFFF; }


/*影音專區*/
#video {}
#video { margin:25px 0 20px 0;}
#video ul { list-style-type: none; margin:0; padding:0; overflow:auto;}
#video ul li { width:33.33%; float:left;}

#video ul li a { width:96%; margin:0 auto 15px auto; border:1px solid #d3d3d3; display:block; text-decoration:none;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;}
#video ul li a:hover { background:#FFFFFF; box-shadow:0 3px 5px rgba(0,0,0,0.3);
-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;}
#video ul li a i { width:90%; display:block; margin:14px auto 0 auto; position:relative;}
#video ul li a i img { width:280.39px; height:205.61px;}
#video ul li a h6 { height:68px; display:block; padding:10px; font-size:0.89em; line-height:1.5em; margin:0; font-weight: normal; color:#434343; text-align:center;}
#video ul li a i b { position:absolute; background:url(../images/icon_play.png); width:80px; height:80px; display:block; top:50%; left:50%; margin:-40px 0 0 -40px;}
#video ul li a:hover i b { opacity:0.7;
-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;}


/*內頁-PAGE*/
#page { clear:both; text-align:center; padding:7px 0; overflow:auto; position:relative; font-size:0.95em; }
#page ul { display:block; margin:0; padding:0; text-align:center;/*用文字方向可控制按鈕位置*/ }
#page ul li { display:inline-block; margin:0 3px; padding:0; list-style:none; line-height:1.5em; text-align:center; }
#page ul li a { display:block; padding:0 8px !important; color:#666; border:solid 1px #f2f2f2; border-radius:5px; text-decoration:none; background:#ffffff;}
#page ul li a:hover { background:#cecece; color:#FFF; border:solid 1px #f2f2f2;}
#page ul li a.cur { color:#cc6666; }
#page b { font-size:0.875em; font-weight:normal; position:absolute; top:10px; right:15px;}

/*公告日期*/
#content_right .date { clear:both;}
#content_right .date ul { list-style:none; margin:20px 0; padding:0;}
#content_right .date ul li { position:relative; display:block; text-decoration:none; border-bottom:1px dashed #b6b2a6; padding:10px 10px 10px 40px; color:#434343;}
#content_right .date ul li i { position:absolute; width:22px; height:22px; display:block; background:url(../images/icon_04.png) no-repeat 0 -88px; top:10px; left:10px;}

/*檔案下載*/
#content_right .dl { clear:both; margin:30px 0 0 0;}
#content_right .dl ul { list-style:none; margin:20px 0; padding:0;}
#content_right .dl ul li a { position:relative; display:block; text-decoration:none; border-bottom:1px dashed #b6b2a6; padding:10px 10px 10px 40px; color:#434343;}
#content_right .dl ul li a i { position:absolute; width:22px; height:22px; display:block; background:url(../images/icon_04.png) no-repeat 0 0; top:10px; left:10px;}
#content_right .dl ul li a:hover { background:rgba(255,234,226,0.3);
-webkit-transition: 0.3s ease-in-out;
   -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;}

/*相關連結*/
#content_right .link { clear:both;}
#content_right .link ul { list-style:none; margin:20px 0; padding:0;}
#content_right .link ul li a { position:relative; display:block; text-decoration:none; border-bottom:1px dashed #b6b2a6; padding:10px 10px 10px 40px; color:#434343;}
#content_right .link ul li a i { position:absolute; width:22px; height:22px; display:block; background:url(../images/icon_04.png) no-repeat 0 -22px; top:10px; left:10px;}
#content_right .link ul li a:hover { background:rgba(255,234,226,0.3);
-webkit-transition: 0.3s ease-in-out;
   -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;}

/*相關照片*/
#content_right .photo {margin:15px 0; border-bottom:1px dashed #b6b2a6;}
#content_right .title_photo {position:relative; display:block; padding:10px 10px 10px 40px; color:#434343;}
#content_right .title_photo i { position:absolute; width:22px; height:22px; display:block; background:url(../images/icon_04.png) no-repeat 0 -44px; top:10px; left:10px;}
#content_right .photo ul { list-style:none; margin: 0; padding:0; overflow:auto;}
#content_right .photo ul li { width:25%; float:left; margin:0 0 10px 0;}
#content_right .photo ul li a { display:block; width:94%; margin:0 auto; padding:10px 10px 5px 10px; text-align:center; background:#f8d6bb; border:1px solid #bbaf95; text-decoration:none; color:#434343;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;}
#content_right .photo ul li a:hover { background:rgba(255,234,226,0.3);
-webkit-transition: 0.3s ease-in-out;
   -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;}
#content_right .photo ul li a b { width:98%; height:auto; margin:0 auto; text-align:center;}
#content_right .photo ul li a b img { width:208px; height:126px;}
#content_right .photo ul li a p { height:53px; margin:0; padding:3px 0 0 0; font-size:0.95em; }

/*市場名攤精選*/
#content_right .title_Vendor {position:relative; display:block; padding:10px 10px 10px 40px; color:#434343;}
#content_right .title_Vendor i { position:absolute; width:22px; height:22px; display:block; background:url(../images/icon_04.png) no-repeat 0 -110px; top:10px; left:10px;}
.point_link { text-decoration:-9999px; color:#f7f7f7;}

/*相關影片*/
#content_right .video {margin:15px 0; border-bottom:1px dashed #b6b2a6;}
#content_right .title_video {position:relative; display:block; padding:10px 10px 10px 40px; color:#434343;}
#content_right .title_video i { position:absolute; width:22px; height:22px; display:block; background:url(../images/icon_04.png) no-repeat 0 -66px; top:10px; left:10px;}
#content_right .video ul { list-style:none; margin: 0; padding:0; overflow:auto;}
#content_right .video ul li { width:25%; float:left; margin:0 0 10px 0;}
#content_right .video ul li a { display:block; width:94%; margin:0 auto; padding:10px 10px 5px 10px; text-align:center; background:#f8d6bb; border:1px solid #bbaf95; text-decoration:none; color:#434343; position:relative;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;}
#content_right .video ul li a:hover { background:rgba(255,234,226,0.3);
-webkit-transition: 0.3s ease-in-out;
   -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;}
#content_right .video ul li a i {display:block; position:absolute; top:50%; left:50%; margin:-50px 0 0 -40px ; z-index:998; width:80px; height:80px; background:url(../images/icon_play.png) no-repeat; text-indent:-9999px; opacity:1;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out;}
#content_right .video ul li a:hover i { opacity:0.7;}
#content_right .video ul li a b { width:98%; height:auto; margin:0 auto; text-align:center;}
#content_right .video ul li a b img { width:208px; height:126px;}
#content_right .video ul li a p { margin:0; padding:3px 0 0 0; font-size:0.95em; }

/*呼恁哉影我-市場大事紀*/
#event { margin:25px 0 20px 0;}
#event_title { color:#FFFFFF; overflow:auto; margin:10px 0 0 0; letter-spacing:5px; font-size:1em;}
#event_title i { display:block;  width:15%; float:left; text-align:center; padding:10px 0; font-style:normal;}
#event_title b { display:block;  width:84%; float:left; text-align:center; padding:10px 0; font-weight:normal; border-left: 1px solid #fafafa;}

#event ul { list-style:none; margin:0; padding:0;}
#event ul li a { display:block; text-decoration:none; color:#434343; padding:15px 0;  border-bottom:1px dashed #d9d9d9; overflow:auto;}
#event ul li:nth-child(even) a { background: #EDEDED; border-bottom:1px dashed #d9d9d9;}
#event ul li a i { display:block; font-style:normal; color:#eb8c32; width:15%; float:left; text-align:center; padding:0 10px;}
#event ul li a b { display:block; font-weight:normal; width:84%; float:left; padding:0 10px;}
#event ul li:hover a { background: rgba(255,234,226,0.5);
-webkit-transition: 0.3s ease-in-out;
   -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;}
/*業務職掌-列表*/
#event02_title { color:#FFFFFF; overflow:auto; margin:10px 0 0 0; letter-spacing:5px; font-size:1em;}
#event02_title i { display:block;  width:15%; float:left; text-align:center; padding:10px 0; font-style:normal;}
#event02_title b { display:block;  width:84%; float:left; text-align:center; padding:10px 0; font-weight:normal; border-left: 1px solid #fafafa;}

#event02 ul { list-style:none; margin:0; padding:0;}
#event02 ul li { display:block; text-decoration:none; color:#434343; padding:15px 0;  border-bottom:1px dashed #d9d9d9; overflow:auto;}
#event02 ul li:nth-child(even) { background: #EDEDED; border-bottom:1px dashed #d9d9d9;}
#event02 ul li i { display:block; font-style:normal; width:15%; float:left; text-align:center; font-weight:bold; padding:0 10px;}
#event02 ul li b { display:block; font-weight:normal; width:84%; float:left; padding:0 10px;}
#event02 ul li:hover { background: rgba(255,234,226,0.5);
-webkit-transition: 0.3s ease-in-out;
   -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;}
		
/*處長介紹-列表*/
#event03 {margin:25px auto 20px auto; width:93%; overflow:auto; border:#d9d9d9 1px solid; padding:10px; background:#FFFFFF;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;}
#event03 .pic { padding:5px;  float:right; width:20%;}
.pic img {border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;}
#event03 img { width:100%; height:auto;}
#event03 ul { list-style:none; margin:0; padding:0; width:79%; float:left;}
#event03 ul li { display:block; text-decoration:none; color:#434343; border-bottom:1px dashed #d9d9d9; overflow:auto;}
#event03 ul li:nth-child(even) { background: #EDEDED; border-bottom:1px dashed #d9d9d9;}
#event03 ul li i { display:block; font-style:normal; width:15%; float:left; text-align:center; font-weight:bold; padding:5px 10px;}
#event03 ul li b { display:block; font-weight:normal; width:85%; float:left; padding:5px 10px;}
#event03 ul li:hover { background: rgba(255,234,226,0.5);
-webkit-transition: 0.3s ease-in-out;
   -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;}

/*第三層選單*/
.third_menu { margin:20px 10px 10px 10px;}
.third_menu ul { list-style:none; margin:0; padding:0; overflow:auto;}
.third_menu ul li a { float:left; display:block; margin:0 10px 10px 0; padding:8px 15px; text-align:center; text-decoration:none; color:#FFFFFF;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;}
.third_menu ul li a:hover { box-shadow:0 2px 5px rgba(0,0,0,0.5);
-webkit-transition: 0.3s ease-in-out;
   -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;}
.third_menu ul li input { float:left; margin:0 10px 10px 0; padding:8px 15px; text-align:center; text-decoration:none; color:#FFFFFF; border:none; color:#FFF; font-size:1em; font-family:"微軟正黑體", Arial;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;}
.third_menu ul li input:hover { box-shadow:0 2px 5px rgba(0,0,0,0.5);
-webkit-transition: 0.3s ease-in-out;
   -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;}

.third_menu .third_blue { background:#45A5E1;}
.third_menu .third_blue:hover { background:#3081b4;}
.third_menu .third_blue_cur { background:#3081b4;}

.third_menu .third_green { background:#49b169;}
.third_menu .third_green:hover { background:#1a7336;}
.third_menu .third_green_cur { background:#1a7336;}

.third_menu .third_red { background:#f55e5b;}
.third_menu .third_red:hover { background:#ef0500;}
.third_menu .third_red_cur { background:#ef0500;}

/*逗陣做頭家-檔案下載*/
#dl_box { margin:25px 0 20px 0; }

#dl_box_title { overflow:auto; margin:10px 0 0 0; color:#FFFFFF; letter-spacing:5px; font-size:1em;}
#dl_box_title i { width:81%; float:left; padding:10px 0; text-align:center; font-style:normal;}
#dl_box_title b { width:18%; float:right; padding:10px 0; text-align:center; font-weight:normal;border-left: 1px solid #fafafa;}

#dl_box ul { list-style:none; margin:0; padding:0;}
#dl_box .dl_box_in { display:block; text-decoration:none; color:#434343; padding:10px 5px 10px 15px;  border-bottom:1px dashed #d9d9d9; overflow:auto;}
#dl_box .dl_box_in:nth-child(even) { background: #EDEDED; border-bottom:1px dashed #d9d9d9;}
#dl_box .dl_box_in:hover { background:rgba(255,234,226,0.5);
-webkit-transition: 0.3s ease-in-out;
   -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;}

#dl_box .dl_box_in b { display:block; font-weight:normal; width:81%; float:left; padding:10px 0 0 10px;}
#dl_box .dl_box_in ul { list-style-type:none; margin:0 0 0 4px; padding:0; width:18%; float:right;}
#dl_box .dl_box_in ul li { float:right; width:33.33%; }
#dl_box .dl_box_in ul li a { text-indent:-9999px; display:block; width:100%; height:40px;}

.dl_box_in .word { background:url(/tc/images/icon_office.png) 12px 0 no-repeat; height:40px; display:block;}
.dl_box_in .excel { background:url(/tc/images/icon_office.png) 12px -39px no-repeat; height:40px; display:block;}
.dl_box_in .ppt { background:url(/tc/images/icon_office.png) 12px -79px no-repeat; height:40px; display:block;}
.dl_box_in .pdf { background:url(/tc/images/icon_office.png) 12px -119px no-repeat; height:40px; display:block;}
.dl_box_in .odt { background:url(/tc/images/icon_office.png) 12px -160px no-repeat; height:40px; display:block;}
.dl_box_in .ods { background:url(/tc/images/icon_office.png) 12px -198px no-repeat; height:40px; display:block;}
.dl_box_in .odp { background:url(/tc/images/icon_office.png) 12px -237px no-repeat; height:40px; display:block;}
.dl_box_in .img { background:url(/tc/images/icon_office.png) 12px -276px no-repeat; height:40px; display:block;}
.dl_box_in .link { background:url(/tc/images/icon_office.png) 12px -316px no-repeat; height:40px; display:block;}

		
/*來去逛菜市*/
.map_search { text-align:center; margin:10px 0;}
.map_search .s1 { background:#dbdbdb; width:50%; height:30px; padding:0 0 0 5px; font-family:Arial, "微軟正黑體" ; border:none; color:#434343; font-size:1em; font-weight: normal; margin:0;vertical-align: middle;}
.map_search .btn1 { vertical-align: middle; background:url(../images/icon_search.png) center center no-repeat,#dbdbdb; border:0; width:50px; height:30px; padding: 11px 0 0 11px; margin:0 0 0 5px;}

#map_link { margin:25px 0 20px 0; text-align:center;}
#map_link #map_pic { margin:20px auto; padding:20px 0; overflow:auto; }
#map_link #map_pic img { width:80%; height:auto;}

#map_link_btn { display:none;}

/*相關連結*/
#link_box { margin:25px 0 20px 0;}
#link_box ul { list-style-type:none; margin:0; padding:0; overflow:auto;}
#link_box ul li { width:33.33%; float:left;}
#link_box ul li a { width:94%; display:block; margin:5px auto 8px auto; text-align:center; color:#434343; text-decoration:none; border:solid 1px #D6D6D6; background:#FFFFFF; padding:5px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;}
#link_box ul li a i { display:block; font-style:normal; margin:0 0 3px 0; border-bottom:solid 1px #D6D6D6; padding:0 0 5px 0;}
#link_box ul li a b { display:block; font-weight:normal; font-size:1em;}
#link_box ul li a i img { width:295px; height:111px;}
#link_box ul li a:hover { box-shadow:0 3px 5px rgba(0,0,0,0.3);
-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;}

/*意見信箱*/
#contact_box {padding:20px 10px; overflow:auto; }
#contact_box .box_form {}
#contact_box .box_map { margin:20px 0; }
#contact_box .box_info h3 { margin:30px 0; padding:0 10px; border-left:solid 3px #fd6c01; font-size:1.2em; font-weight:bold; line-height:20px; }
#contact_box .box_info p { font-size:1em; line-height:24px; color:#555; }

/* ======================= FORM 表單專用 ======================= */
abbr[title] { text-decoration:none; border-bottom:none; cursor:help;}
.box_form {}
.box_form h4 { margin:0 10px 5px 0; padding:0; font-size:1em; font-weight:normal; line-height:30px; text-align:left; color:#434343; height:30px; }
.box_form b { margin:0; padding:0 3px 0 0; font-size:0.95em; font-weight:normal; color:#F00; }
.box_form span { margin:0; padding:0 5px; font-size:0.8em; font-weight:normal; color:#F00; }
.box_form p { margin:0; padding:0; font-size:0.875em; line-height:30px; color:#555; }

.box_form .form_l { position:relative; float:left; width:48%; padding:7px 1%; margin:0 0 10px 0;}
.box_form .form_c { position:relative; clear:both; width:98%; padding:7px 1%; margin:0 0 10px 0;}

.box_form .wall { width:100%; height:30px; line-height:30px; margin:0; }
.box_form .wall2 { width:100%; height:150px; line-height:25px; margin:0 0 -10px 0; }
.box_form .wall3 { float:left; width:9%; height:30px; line-height:25px; margin:0 1% 5px 0; }/*郵遞區號*/
.box_form .wall4 { float:left; width:70%; height:30px; line-height:25px; margin:0 0 5px 0; }/*地址*/

.box_form .text { padding:2px 8px; background:#FFFFFF; border:none; font-size:1em; line-height:20px; color:#333; -webkit-box-sizing:border-box; box-sizing:border-box; font-family:Arial, "微軟正黑體" ;  }
.box_form .text:focus { background:#ffffed;}
/*地址下拉*/
/*驗證碼*/
.code_pic,.box_form .code_pic { position:relative; margin:0 0 10px 0; padding:0 365px 0 0; text-align:left; }
.code_pic img { position:absolute; top:0px; right:260px; width:95px; height:30px; overflow:hidden; }
.code_btn { position:absolute; top:0px; right:130px; margin:0; padding:0; width:120px; height: 30px; background:#f48505; border:none; color:#fff; font-family:Catamaran, "微軟正黑體"; font-size:0.8em !important; -webkit-appearance:none; /*去除系统默认的样式*/ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 点击高亮的颜色*/ cursor: pointer;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px;}
.code_btn:hover  { background: #f06009; }

.code_free { position:absolute; top:0px; right:0; width:120px; height:30px; overflow:hidden; border:1px solid #CCCCCC; background:url(../images/barrierfree.png) 10px center no-repeat, #ffffff; color:#104d7c; font-family:Catamaran, "微軟正黑體"; font-size:0.8em; padding:0 0 0 24px; cursor: pointer;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px;}

.send { text-align:center; display:block; clear:both; margin:20px 0; color:#FFF;}
.send input { margin:15px 20px; border:none; background:#ff5e43; color:#FFF; padding:5px 30px; font-size:1em; font-family:"微軟正黑體", Arial;}
.send input:hover {background:#cc4b35; cursor: pointer;
-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;}
.ma_bt_5 { margin:5px 0;}

/*特色市集-內頁*/
#market_box { margin:25px 0 20px 0; overflow:auto;}
#market_box ul { margin:0; padding:0; list-style-type:none;}
#market_box ul li { width:50%; float:left;}
#market_box ul li a { display:block; width:94%; margin:0 auto 25px auto; background:#FFFFFF; text-decoration:none; }
#market_box ul li a img { width:100%; height:580px; padding:10px;}
#market_box ul li a h6 { display:block; padding:10px 0; margin:0; text-align:center; color:#434343; font-size:1em; /*color:#FFFFFF;*/}
#market_box ul li a:hover { box-shadow:0 3px 5px rgba(0,0,0,0.3);
-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;}

/*報名表*/
#market_table {margin:25px auto 20px auto; width:85%;}
#market_table ul { list-style-type:none; margin:0; padding:0; overflow:auto;}
#market_table ul li { margin:0 0 3px 0; border-bottom:solid 1px #D6D6D6; padding:15px 10px; overflow:auto;}
#market_table ul li i { display:block; font-style:normal; width:25%; float:left; }
#market_table ul li b { display:block; font-weight:normal; width:75%; float:left;}

#market_table input, select, textarea { font-family:"微軟正黑體", Arial; font-size:1em; vertical-align: middle;}
#market_table .s2 { background:#ffffff; width:85%; height:23px; padding:0 8px; font-family:"微軟正黑體", Arial; border:none; color:#7d7d7d; font-size:1em; margin:0; vertical-align: top;}
#market_table .s3 { background:#ffffff; width:20%; height:23px; padding:0 8px; font-family:"微軟正黑體", Arial; border:none; color:#7d7d7d; font-size:1em; margin:0; vertical-align: top;}
#market_table .s4 { background:#ffffff; width:40%; height:23px; padding:0 8px; font-family:"微軟正黑體", Arial; border:none; color:#7d7d7d; font-size:1em; margin:0; vertical-align: top;}
#market_table .s5 { background:#ffffff; width:20%; height:23px; padding:0 8px; font-family:"微軟正黑體", Arial; border:none; color:#7d7d7d; font-size:1em; margin:0; vertical-align: top;}
#market_table .s_code { background:#ffffff; width:60.7%; height:23px; padding:0 8px; font-family:"微軟正黑體", Arial; border:none; color:#7d7d7d; font-size:1em; margin:4px 0 0 5px; }
#market_table .s6 { background:#ffffff; width:100%; height:23px; padding:0 8px; font-family:"微軟正黑體", Arial; border:none; color:#7d7d7d; font-size:1em; margin:0; vertical-align: top;}

#market_table .t1 { background:#ffffff; width:85%; height:150px; padding:5px 8px; font-family:"微軟正黑體", Arial; color:#7d7d7d; font-size:1em; margin:0; vertical-align: top;  border:1px solid #eee;}
#market_table .t2 { background:#ffffff; width:85%; height:150px; padding:5px 8px; font-family:"微軟正黑體", Arial; color:#7d7d7d; font-size:1em; margin:0 0 10px 0; vertical-align: top;  border:1px solid #eee;}

.text { margin:20px 0; padding:10px;  background:#eeeeee;}

.code { display:block; width:60px; height:30px; float:left; margin:0 10px 0 0; vertical-align:bottom;}
.btn_code { margin:0 3px; border:none; font-size:0.875em !important; background:#838383; color:#FFF; padding:4px 5px; font-family:"微軟正黑體", Arial;}
.btn_code:hover {background:#2A2A2A; cursor:pointer;
-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;}
.send { text-align:center; display:block; clear:both; margin:20px 0; color:#FFF;}
.send input { margin:15px 20px; border:none; background:#ff5e43; color:#FFF; padding:5px 30px; font-size:1em; font-family:"微軟正黑體", Arial;}
.send input:hover {background:#cc4b35; cursor: pointer;
-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;}
.ma_bt_5 { margin:5px 0;}

/*網站導覽*/
#sitemap { margin:25px 0 20px 0; font-size:0.9em;}
#sitemap p {  margin:10px 0; line-height:1.6em; letter-spacing:0.5px;}
#sitemap h6 a { clear:both; display:block; text-decoration:none; color:#ff5e43; background:#ECECEC; padding:10px 0 10px 20px; font-weight: normal;}
#sitemap h6 a:hover { background:#e6e6e6;
-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;}
#sitemap ul { list-style-type:none; padding:0 0 0 30px; margin:0; overflow:auto;}
#sitemap ul li { float:left; width:50%;}
#sitemap ul li a { position:relative; display:block; padding:8px 25px; text-decoration:none; color:#434343;}
#sitemap ul li a:hover { color:#ff5e43; background:#fff1ea;
-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;}
#sitemap ul li a i { position:absolute; display:block; width:5px; height:5px; background:#ff5e43; top:17px; left:8px;}	

/*線上報名*/
.apply_btn a { padding:10px 15px; margin:0 0 40px 10px; display:block; width:20%; text-align:center; background:#ff5e43; color:#FFFFFF; text-decoration:none; font-size:1.1em; box-shadow:0 2px 3px rgba(0,0,0,0.6);
animation: apply_btn 4s infinite;/*執行動畫名稱 執行秒數 執行次數*/
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;}
@keyframes apply_btn { /*執行動畫名稱*/
 	0% {background:#ff5e42; left:0; top:0;}
    50% {background:#ed8e33; left:0; top:0;}
 	100% {background:#ff5e42; left:0; top:0;}
}

.apply_btn a:hover { background:#ed8e33; box-shadow:0 0px 3px rgba(0,0,0,0.6);
-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;}
		
.point_title { clear:both; margin:10px 0; padding:5px 0 5px 12px; background:#ffe1c8;}
.a_l { display:block; margin:0 0 5px 0;}
.a_25 { display:block; width:25%; float: left; margin:5px 0;}

/*footer*/
#footer { clear:both; width:1200px; height:131px; margin:0 auto; letter-spacing:0.5px; background:url(../images/footer_bg.png) top center; font-size:0.875em; line-height:1.8em; position:relative;}

#footer_a { float:left; width:90px; height:32px; margin:30px 0 0 12px;}
#footer_b { float:left; margin:30px 0 0 27px;}
#footer_b a { text-decoration:none; color:#434343;}
#footer_b a:hover { text-decoration:underline;}
#footer_b a:focus { text-decoration:underline;}
#footer_c { float:right;  margin:44px 30px 0 0; text-align:right;}

/*top*/
#footer > .top a { display:none;}
#footer .share { position:fixed; width:42px; height:144px; bottom:24.5%; margin:0 0 0 1215px; display:block; background:#ff5e42; text-align:center; padding:8px 0 0 0;
border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
-ms-border-radius:5px 5px 5px 5px;
-o-border-radius:5px 5px 5px 5px;}
.share ul { list-style-type:none; margin:0; padding:0;}
.share ul li { color:#FFFFFF; font-size:0.95em;}
.share ul li.line a { text-indent:-9999px; background:url(../images/icon_top.png) 0 3px; width:42px; height:33px; margin:0 auto; display:block;}
.share ul li.fb a { text-indent:-9999px; background:url(../images/icon_top.png) 0 78px; width:42px; height:33px; margin:0 auto; display:block;}
.share ul li.top a { text-indent:-9999px; background:url(../images/icon_top.png) -6px 43px; width:30px; height:43px; margin:2px auto 0 auto; display:block; border-top:1px solid #ff846f;}

/*無障礙*/
#accesskey_top a{ position:absolute; z-index:1; top:30px; margin:0 0 0 -20px; color:#434343; font-weight:bolder; text-decoration:none;}
#accesskey_content { position:absolute; z-index:1; top:7px; margin:0 0 0 -20px; color:#434343; font-weight:bolder; text-decoration:none;}
#accesskey_in_content { position:absolute; z-index:1; top:16px; left:210px; margin:0 0 0 -20px; color:#434343; font-weight:bolder; text-decoration:none;}
#accesskey_left a { position:absolute; z-index:1; top:16px; margin:0 0 0 -20px; color:#434343; font-weight:bolder; text-decoration:none;}





/*market_5.html 單獨css*/
    #market_in_box {
      margin: 25px 0 20px 0;
    }
    #market_in_box ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
    }
    #market_in_box ul li {
      display: inline-block;
      width: 49.3%;
      vertical-align: top;
    }
    #market_in_box ul li a h6 {
    height: 48px;
    display: block;
    padding: 0 10px;
    font-size: 0.89em;
    line-height: 1.5em;
    margin: 0;
    font-weight: normal;
    color: #434343;
      }
    #market_in_box ul li a i {
      display: block;
      margin: 0 0 20px 0;
      padding: 0;
      width: 100%;
      height: 210px;
      background: #FFF;
      overflow: hidden;
      border-top: 10px solid #fff;
      position: relative;
      overflow: hidden;
      text-align: center;
    }
    #market_in_box ul li a {
    width: 96%;
    margin: 0 auto 15px auto;
    border: 1px solid #d3d3d3;
    background: #FFFFFF;
    display: block;
    text-decoration: none;
}
    #market_in_box ul li i img {
      position: relative;
      top: 50%;
      transform: translateY(-50%);
      width: 100%;
    }
    #market_in_box ul li a .date_all {
    color: #FFFFFF;
    width: 100%;
    display: block;
    overflow: auto;
    font-family: Verdana, "微軟正黑體";
}
#market_in_box ul li a .i_bg {
   background:rgba(255, 94, 67, 0.4) url(../images/720.png) no-repeat center center;
   position: absolute;
   z-index: 1;
   opacity: 1;
   top: 224%;
    transform: translateY(-50%);
    width: 100%;
    height: 100%;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
#market_in_box ul li a:hover .i_bg {
   top:50%;
   opacity: 1;
   z-index: 1;
   transition: all 0.5s;
   -moz-transition: all 0.5s;
   -o-transition: all 0.5s;
   -webkit-transition: all 0.5s;
}

/*20190921-集合攤販*/
#vendor_list {
   margin: 25px 20px 20px;
}
#vendor_list ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
}
#vendor_list ul li {
   position: relative;
   padding: 10px 20px 10px 130px;
   border-bottom: 1px dashed #888888;
   transition: all 0.3s;
   -moz-transition: all 0.3s;
   -o-transition: all 0.3s;
   -webkit-transition: all 0.3s;
}
#vendor_list ul li:hover {
   background: #ffffff;
}
#vendor_list ul li p {
   margin: 8px 0;
}
#vendor_list ul li b { 
   position: absolute;
   width: 100px;
   height: 100px;
   display: block;
   top: 50%;
   left: 5px;
   transform: translateY(-50%);
   background: #ff5e43;
   color: #ffffff;
   text-align: center;
   padding: 35px 0;
   border-radius: 50%;
   -webkit-border-radius:50%;
   -moz-border-radius:50%;
   -ms-border-radius:50%;
   -o-border-radius:50%;
}
#vendor_list ul li i {
   color: #747474;
   margin: 0 10px 0 0;
   font-size: 0.8rem;
}

/*內頁搜尋框*/
.box_search { 
	position:relative; 
	height:30px; 
	margin-bottom:20px; 
	padding:0 55px 0 0; 
}
.box_search .tit { display:none; }
.box_search .textbox {
	margin:0; 
	padding:5px 8px; 
	width:100%; 
	height:35px;
	line-height: 35px;
	background:#f5f5f5; 
	font-size:0.9em; 
	color:#434343;
	border:solid 1px #cccccc; 
	-webkit-box-sizing:border-box; 
	box-sizing:border-box;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	-ms-border-radius:0px;
	-o-border-radius:0px;
	border-radius:0px; }
.box_search .btn { 
	position:absolute; 
	top:0px; 
	right:0px; 
	margin:0; 
	padding:0; 
	width:40px; 
	height:35px; 
	background:#f5f5f5 url(../images/icon_search.png) no-repeat center; 
	text-indent:9999px; 
	border:solid 1px #cccccc;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	-ms-border-radius:0px;
	-o-border-radius:0px;
	border-radius:0px; }


@media only screen and (max-width:1024px) {
   #market_in_box i .i_bg {
      width: 98%;
      left: 1%;
   }
}
@media only screen and (max-width:730px) {
   #market_in_box i .i_bg {
      height: 99%;
   }
}
@media only screen and (max-width:716px) {
   #market_in_box i .i_bg {
      height: 98%;
   }
}
@media only screen and (max-width:700px) {
   #market_in_box i .i_bg {
      height: 95%;
   }
}
@media only screen and (max-width:686px) {
   #market_in_box i .i_bg {
      height: 93%;
   }
}
@media only screen and (max-width:670px) {
   #market_in_box i .i_bg {
      height: 91%;
   }
}
@media only screen and (max-width:660px) {
   #market_in_box i .i_bg {
      height: 90%;
   }
}
@media only screen and (max-width:645px) {
   #market_in_box i .i_bg {
      height: 88%;
   }
}
@media only screen and (max-width:630px) {
   #market_in_box i .i_bg {
      height: 86%;
   }
}
@media only screen and (max-width:620px) {
   #market_in_box i .i_bg {
      height: 84%;
   }
}
@media only screen and (max-width:600px) {
   #market_in_box i .i_bg {
      width: 98%;
      height: 100%;
   }
   #market_in_box ul li {
      width: 100%;
   }
}
@media only screen and (max-width:360px) {
   #market_in_box i .i_bg {
      height: 97%;
   }
   /*20190921-集合攤販*/
   #vendor_list {
      margin: 25px 0 20px;
   }
   #vendor_list ul li {
      position: relative;
      padding: 20px 10px 10px;
   }
   #vendor_list ul li span {
      padding: 0 0 0 10px;
      display: block;
   }
   #vendor_list ul li b { 
      position: static;
      height: auto;
      transform: inherit;
      padding: 5px 0;
      border-radius: 5px;
   }
}
@media only screen and (max-width:350px) {
   #market_in_box i .i_bg {
      height: 94%;
   }
}
@media only screen and (max-width:340px) {
   #market_in_box i .i_bg {
      height: 91%;
   }
}
@media only screen and (max-width:330px) {
   #market_in_box i .i_bg {
      height: 88%;
   }
}
@media only screen and (max-width:320px) {
   #market_in_box i .i_bg {
      height: 85%;
   }
}
/*end*/


/*====手機版====================================================================*/
@media (max-width: 600px) {

input[type="submit"], input[type="reset"], input[type="button"], input[type="text"], select, button {-webkit-appearance:none; }/*IPHONE按鈕圓角去除*/

/*圖片左中右*/
.img_r { float:none; padding:10px; margin:0 auto; text-align:center;}
.img_l { float:none; padding:10px; margin:0 auto; text-align:center;}
.img_c { float:none; padding:10px; margin:0 auto; text-align:center;}

/*---Header------------------------------------------------*/
#header_all { width:100%; height:auto;}
#header { width:100%; height:auto; }
#header h1 {  background:url(../images/logo.png); width:244px;}
#header h1 a { width:244px;}

#header #nav { display:none;}

/*手機版menu*/
#m_top_menu { display:block; position:absolute; top:26px; right:25px; z-index:9999; width:34px; height:31px; background:url(../images/menu.png) no-repeat, #e67817; text-indent:-9999px;}

/*---Menu------------------------------------------------*/
#menu { width:100%; display:none; margin:0 auto 20px auto;}

/*左方主要menu*/
#menu #menu_in { float:none; padding:0; overflow:auto;}
#menu #menu_in h2 { margin:0; float:none; width:100%; padding:0;}
#menu #menu_in h2 > a { padding:5px 0; background:#e03c20; border-bottom:1px solid #d62a0c;}
#menu #menu_in h2 > a span { display:none;}
#menu #menu_in h2 > a:hover { background:#d62a0c;  border:1px solid #d62a0c;}


/*下拉選單*/
/*---Menu-第2層------------------------------------------------*/
#menu_in h2 ul { display: block; width:100%; padding:0; position:static; box-shadow:none; margin:0; background:#ff5e42; overflow:auto;}
#menu_in h2 ul li { float: none; width:100%;}
#menu_in h2 ul li a { color:#FFFFFF; padding:6px 0;}
#menu_in h2 ul li a:hover {  border:none;}

/*menu右方icon*/
#menu #menu_icon { display:none;}

/*聯絡信箱*/
#menu_icon ul li.contact {  display:none;}
#mailbox {  display:none;} 

/*意見信箱*/
#menu_icon ul li.mailbox { display:inline;}
/*轉寄好友*/
#menu_icon ul li.mail { display:inline;}
/*rss*/
#menu_icon ul li.rss {  display:inline;}

/*手機板新增選單*/
.m_no_show { display:block;}
/*搜尋*/
#menu h2.search_m { width:100% !important; padding: 0 10px; margin:0;}
.search { position:static; margin:10px auto; width:96%; }
.search .s1 { width:92%; height:30px; font-family:Verdana, "微軟正黑體" ; border:none; color:#434343; font-size:0.875em; margin:0; vertical-align: middle; padding:0 0 0 5px;}
.search .btn1 { vertical-align: top; background:url(../images/icon_seaech.png) no-repeat center center, #FFFFFF; border:0; width:8%; height:30px; }

/*index_banner*/
#index_banner { width:100%; height:auto;}
#index_banner .banner_arrow_l { display:none;}
#index_banner .banner_arrow_r { display:none;}
#index_banner .banner_top { width:100%;}
#index_banner .banner_bottom { width:100%;}
#index_banner .pic b { width:100%; height:auto;}
#index_banner .cycle-pager { display:none;}

/*內容*/
#center{ width:100%; padding:0 10px;}

/*首頁區塊*/

/*全標題樣式*/

.blue_bg { width:100%;}

.orange_bg { width:100%;}

/*50%*/
#all_50 { margin:0 0 20px 0;}
.box_50 { float:none; width:100%; margin:0 0 10px 0;}
.box_50.box_video { width:100%;}
/*特色市集*/
.sty_a i { width:90%; height:auto; float:none; margin:0 auto 10px auto; display:block;}
.sty_a i img { width:100%; height:auto;}
.sty_a b { width:100%; float:none; margin:0;}
.sty_a b .sty_a_content { height:auto;}
.sty_a b .sty_a_more a { text-align:right;}
	

/*市場跑馬燈*/
.sty_c { padding:16px 0 15px 0 ;}
.orange_bg .more a { color:#FFFFFF;}

/*影音專區*/
.blue_bg .more a { color:#FFFFFF;}

/*33%*/
#all_33 { margin:0;}
.box_33 { float:none; width:100%; margin:0 0 30px 0;}

/*活動訊息、新聞專區 */
.sty_d {  height:auto;}
.sty_d a h4 { width:100%; height:auto;}
.sty_d a {  height:auto; padding:0 0 20px 0;}
.sty_d a i { width:97%; height:auto; text-align:center;}
.sty_d a i img { width:100%; height:auto;}

/*首頁下方廣告*/
#block_all { clear:both; margin:45px 0 60px 0; overflow: hidden;}

/*左方廣告*/
#block_box { float:none; width:100%;}
#block_box .block_stya { width:100%; float:none; margin:0 0 4% 0;}
#block_box .block_styb { width:100%; float:none; margin:0 0 4% 0;}
#block_box .block_styc { width:100%; float:none; margin:0 0 4% 0;}
#block_box .block_styd { width:100%; float:none; margin:0;}
#block_box img { width:100%; height:auto;}

/*右方FB*/
#block_fb { clear:both; float:none; margin:20px auto;}
#block_fb iframe { text-align:center !important; }

/*footer*/
#footer { width:100%; height:auto; background:#f9dac0; padding:20px 10px;}

#footer_a { float:none; width:100%; height:auto; margin:20px 0 0 0;}
#footer_b { float:none; margin:20px 0 0 0;}
#footer_c { display:none;}

/*top*/
#footer .share { position: absolute; right:20px; bottom:auto; top:40px; width:120px; height:auto; padding:0;}
#footer .share ul li { display:inline-block; line-height:2.5em;}
.share ul li.line a { width:33px; background:url(../images/icon_top.png) 0 0px;}
.share ul li.fb a {  width:33px;}
.share ul li.top a { display:none;}

#footer > .top a { position:fixed; right:10px; bottom:10px; text-indent:-9999px; background:url(../images/icon_top.png) center 40px #ff5e42; width:40px; height:40px; display:block; }

/*內頁*/

/*in_banner*/
#in_banner { width:100%; height:auto; }
#in_banner #in_banner_img { width:100%; height:auto;}
#in_banner #in_banner_img img { width:100%; height:auto;}
#in_banner .banner_top { width:100%;}
#in_banner .banner_bottom { width:100%;}

#title_path { border-bottom:1px solid #d2d2d2; padding:0 0 10px 0;}
#title_path h3 { width:100%; text-align:left;}
#path { display:none;}
#path .back { display:none; }

#in_content { clear:both; overflow:auto; background:none; margin:0;}

/*左選單*/
#content_left { display:none;}

/*右方內容區塊*/
#content_right { float:none; width:100%;}
#content_right img { max-width:98%; margin-right:auto; margin-left:auto;}

/*市場跑馬燈 */
#news_in_box ul li { width:100%; float:none;}
#news_in_box ul li a i { text-align:center; margin:13px auto 10px auto;}
#news_in_box ul li a i img { width:100%; height:auto;}

/*表頭樣式*/
/*樣式1*/
.topnews li a { padding:15px 0 40px 0;}
.topnews i { width:96%; float:none; height:auto; margin:0 auto; text-align:center; }
.topnews i img { top:0; transform:translateY(0%); }
.topnews b { width:100%;}

/*樣式2*/
#downnews_title { display:none;}

.downnews li a { position:relative; padding:0 0 10px 0;}
.downnews .date { width:100%; float:none; display:block; text-align:left; padding:15px 10px 0 15px;}
.downnews .title { width:100%; float:none; display:block; padding:5px 10px 15px 15px;}
.downnews .click { width:100%; padding:0; margin:0; float:none; position:absolute; right:8px; bottom:5px; text-align:right;}

/*活動花絮*/
#activity_box ul li { width:100%; float:none;}
#activity_box ul li a { padding:0 0 20px 0;}
#activity_box ul li a i { width:100%; float:none;}
#activity_box ul li a i span { width:100%; height:auto; max-height:336px; overflow:hidden;}
#activity_box ul li a i img { width:100%; height:auto; max-width:100% !important; transform:none;}
#activity_box ul li a .date_all { width:100%;  float:none;}

/*市場故事*/
#story ul li { width:100%; float:none;}
#story ul li a i { max-height:280px; overflow:hidden;}
#story ul li a i img { max-width:100% !important; height:auto;}

/*影音專區*/
#video ul li { width:100%; float:none;}
#video ul li a i img { width:100%; height:auto;}

/*相關連結*/
#content_right .link { word-break:break-all;}

/*相關照片*/
#content_right .photo ul li { width:100%; float:none;}
#content_right .photo ul li a p { height:auto;}
#content_right .photo ul li a b img { width:100%; height:auto; max-height:auto;}

/*內頁-PAGE*/
#page ul li { margin:0 3px 10px 3px;}

/*市場名攤精選*/
#content_right .title_Vendor {position:relative; display:block; padding:10px 10px 10px 40px; color:#434343;}
#content_right .title_Vendor i { position:absolute; width:22px; height:22px; display:block; background:url(../images/icon_04.png) no-repeat 0 -110px; top:10px; left:10px;}
.point_link { text-decoration:-9999px; color:#f7f7f7;}

/*相關影片*/
#content_right .video ul li { width:100%; float:none;}
#content_right .video ul li a b img { width:100%; height:auto;}

/*呼恁哉影我-市場大事紀*/
#event_title { display:none;}
#event ul li a i { width:100%; float:none; display:block; text-align:left; padding:0 10px 5px;}
#event ul li a b { width:100%; float:none; display:block;}

/*業務職掌-列表*/
.map_link img { width:100%; height:auto;}
#event02_title { display:none;}
#event02 ul li i { width:100%; float:none; display:block; text-align:left; padding:0 10px 5px;}
#event02 ul li b { width:100%; float:none; display:block;}
		
/*處長介紹-列表*/
#event03 .pic { float:none; width:50%; margin:0 auto 10px auto;}
#event03 ul { width:100%; float:none;}
#event03 ul li i { width:100%; float:none; display:block; text-align:left; padding:0 10px 5px;}
#event03 ul li b { width:100%; float:none; display:block;}

/*第三層選單*/
.third_menu { margin:20px 10px 10px 0;}

/*逗陣做頭家-檔案下載*/
#dl_box_title { display:none;}
#dl_box .dl_box_in { padding:10px 5px 10px 15px;}
#dl_box .dl_box_in b { width:100%; float:none; padding:10px 0 15px 10px;}
#dl_box .dl_box_in ul { margin:0; padding:0; width:100%; float:none;}
#dl_box .dl_box_in ul li { float:left; width:20%; }

/*來去逛菜市*/
.map_search .s1 { width:80%; }
#map_link #map_pic { display:none;}

#map_link_btn { display:block; clear:both; text-align:center; }
#map_link_btn ul { list-style-type:none; margin:0; padding:0; overflow:auto; }
#map_link_btn ul li { float:left; width:50%; margin:0 0 20px 0;}
#map_link_btn ul li a { display:block; width:94%; margin:0 auto; padding:8px 0; background:#ff5e42; color:#FFFFFF; text-decoration:none; font-size:1.2em;}

/*相關連結*/
#link_box ul li { width:100%; float:none;}
#link_box ul li a i img { width:100%; height:auto;}

/* ======================= FORM 表單專用 ======================= */
.box_form .form_l { float:none; clear:both; width:98%;}

/*特色市集-內頁*/
#market_box ul li { width:100%; float:none;}
#market_box ul li a {  width:100%; }
#market_box ul li a img { height:auto;}

/*報名表*/
#market_table { width:100%;}
#market_table ul li i { width:100%; float:none; padding:0 0 10px 0;}
#market_table ul li b { width:100%; float:none;}
#market_table .s2 { width:100%; margin:5px 0 0 0;}
#market_table .s3 { background: url(../images/select_icon.png) 95% 8px no-repeat, #ffffff; width:30%;}
#market_table .s4 { width:30%;}
#market_table .s3 { width:30%;}
#market_table .t1 { width:100%;}
#market_table .t2 { width:100%;}

/*驗證碼*/
.code_pic, .box_form .code_pic { padding:0 0 40px 0; }
.code_pic img { top:40px; left:1%; right: auto; width:30%; }
.code_btn { top:40px; left:35%; width:30%; }
.code_free { top:40px; left:69%; width:30%; }
	
/*網站導覽*/
#sitemap ul li { float:none; width:100%;}

/*線上報名*/
.apply_btn a {  margin:0 auto 40px auto;  width:50%;}
		
/*無障礙*/
#accesskey_top a{ top:5px; left:5px; margin:0; font-size:0.87em;}
#accesskey_content a { top:-20px; left:5px; margin:0; font-size:0.87em;}
#accesskey_in_content a {  top:-6px; left:5px; margin:0; font-size:0.87em;}
#accesskey_left a { top:65px; left:5px; margin:0; font-size:0.87em;}



}

/*====平板版====================================================================*/
@media (max-width: 1024px) and (min-width: 601px) {

input[type="submit"], input[type="reset"], input[type="button"], input[type="text"], select, button {-webkit-appearance:none; }/*IPHONE按鈕圓角去除*/

/*圖片左中右*/
.img_r { float:none; padding:10px; margin:0 auto; text-align:center;}
.img_l { float:none; padding:10px; margin:0 auto; text-align:center;}
.img_c { float:none; padding:10px; margin:0 auto; text-align:center;}

/*---Header------------------------------------------------*/
#header_all { width:100%; height:auto;}
#header { width:100%; height:auto; }

#header #nav { display:none;}

/*手機版menu*/
#m_top_menu { display:block; position:absolute; top:26px; right:25px; z-index:9999; width:34px; height:31px; background:url(../images/menu.png) no-repeat, #e67817; text-indent:-9999px;}

/*---Menu------------------------------------------------*/
#menu { width:100%; display:none; margin:0 auto 20px auto;}

/*左方主要menu*/
#menu #menu_in { float:none; padding:0; overflow:auto;}
#menu #menu_in h2 { margin:0; float:left; width:50%; padding:0;}
#menu #menu_in h2 > a { padding:5px 0; background:#e03c20; border-bottom:1px solid #d62a0c;}
#menu #menu_in h2 > a span { display:none;}
#menu #menu_in h2 > a:hover { background:#d62a0c;  border:1px solid #d62a0c;}


/*下拉選單*/
/*---Menu-第2層------------------------------------------------*/
#menu_in h2 ul { display: block; width:100%; padding:0; position:static; box-shadow:none; margin:0; background:#ff5e42; overflow:auto;}
#menu_in h2 ul li { float: none; width:100%;}
#menu_in h2 ul li a { color:#FFFFFF; padding:6px 0;}
#menu_in h2 ul li a:hover {  border:none;}

/*menu右方icon*/
#menu #menu_icon { display:none;}

/*聯絡信箱*/
#menu_icon ul li.contact {  display:none;}
#mailbox {  display:none;} 

/*意見信箱*/
#menu_icon ul li.mailbox { display:none;}
/*轉寄好友*/
#menu_icon ul li.mail { display:none;}
/*rss*/
#menu_icon ul li.rss {  display:none;}

/*手機板新增選單*/
.m_no_show { display:block;}
/*搜尋*/
#menu h2.search_m { width:100% !important; padding: 0 10px; margin:0;}
.search { position:static; margin:10px auto; width:96%; }
.search .s1 { width:92%; height:30px; font-family:Verdana, "微軟正黑體" ; border:none; color:#434343; font-size:0.875em; margin:0; vertical-align: middle; padding:0 0 0 5px;}
.search .btn1 { vertical-align: top; background:url(../images/icon_seaech.png) no-repeat center center, #FFFFFF; border:0; width:8%; height:30px; }

/*index_banner*/
#index_banner { width:100%; height:auto;}
#index_banner .banner_arrow_l { top:39%;}
#index_banner .banner_arrow_r { top:39%;}
#index_banner .banner_top { width:100%;}
#index_banner .banner_bottom { width:100%;}
#index_banner .pic b { width:100%; height:auto;}
#index_banner .cycle-pager { display:none;}

/*內容*/
#center{ width:100%; padding:0 10px;}

/*首頁區塊*/

/*50%*/
#all_50 { margin:0 0 45px 0;}
.box_50 { float:none; width:100%; margin:0 0 30px 0;}
.box_50.box_video { width:100%;}

/*特色市集*/
.sty_a i { width:40%; height:auto;}
.sty_a i img { width:100%; height:auto;}
.sty_a b { width:59%;  margin:0 0 0 1%;}
	

/*33%*/
#all_33 { margin:0;}
.box_33 { float:none; width:100%; margin:0 0 30px 0;}

/*活動訊息、新聞專區 */
.sty_d {  height:auto;}
.sty_d a h4 { width:100%;}
.sty_d a {  height:auto; padding:0 0 20px 0;}
.sty_d a i { width:97%; height:auto; text-align:center;}
.sty_d a i img { width:100%; height:auto;}

/*首頁下方廣告*/
#block_all { clear:both; margin:45px 0 60px 0; overflow: hidden;}

/*左方廣告*/
#block_box { float:none; width:100%;}
#block_box .block_stya { width:64%; margin:0 1% 1% 0;}
#block_box .block_styb { width:35%; margin:0 0 1% 0;}
#block_box .block_styc { width:35%; margin:0 1% 0 0;}
#block_box .block_styd { width:64%; margin:0;}
#block_box img { width:100%; height:auto;}

/*右方FB*/
#block_fb { clear:both; float:none; margin:20px auto;}
#block_fb iframe { text-align:center !important; }

/*footer*/
#footer { width:100%; height:auto; background:#f9dac0; padding:20px 10px;}

#footer_a { float:none; width:100%; height:auto; margin:20px 0 0 0;}
#footer_b { float:none; margin:20px 0 0 0;}
#footer_c { display:none;}

/*top*/
#footer .share { bottom:5%; right:5%; margin:0; }

/*內頁*/

/*in_banner*/
#in_banner { width:100%; height:auto; }
#in_banner #in_banner_img { width:100%; height:auto;}
#in_banner #in_banner_img img { width:100%; height:auto;}
#in_banner .banner_top { width:100%;}
#in_banner .banner_bottom { width:100%;}

#title_path { border-bottom:1px solid #d2d2d2; padding:0 0 10px 0;}
#title_path h3 { width:40%; text-align:left;}
#path { float:right; width:60%; text-align:right; margin:0; border-bottom:none;}
#path .back { display:none; }

#in_content { clear:both; overflow:auto; background:none; margin:0;}

/*左選單*/
#content_left { display:none;}

/*右方內容區塊*/
#content_right { float:none; width:100%;}
#content_right img { max-width:98%; margin-right:auto; margin-left:auto;}

/*市場跑馬燈 */
#news_in_box ul li { width:50%;}
#news_in_box ul li a i { text-align:center; margin:13px auto 10px auto;}
#news_in_box ul li a i img { width:100%; height:189px;}

/*表頭樣式*/
/*樣式1*/
.topnews li a { padding:0 0 40px 0;}
.topnews i { width:90%; float:none; margin:0 auto; text-align:center;}
.topnews b { width:100%;}

/*樣式2*/
#downnews_title { overflow:auto; margin:10px 0 0 0; color:#FFFFFF; letter-spacing:5px; font-size:1em;}
#downnews_title .date { width:25%;}
#downnews_title .title { width:75%;}
#downnews_title .click { display:none;}

.downnews li a { position:relative; padding:0 0 10px 0;}
.downnews .date { width:25%;}
.downnews .title { width:75%;}
.downnews .click { width:30%; padding:0; margin:0; float:none; position:absolute; right:8px; bottom:5px; text-align:right;}

/*活動花絮*/
#activity_box ul li { width:100%; float:none;}
#activity_box ul li a i { width:45%;}
#activity_box ul li a i img { width:100%; height:auto; max-width:100% !important;}
#activity_box ul li a .date_all { width:55%;}

/*市場故事*/
#story ul li { width:50%; float:left;}
#story ul li a i img { max-width:100% !important;}

/*影音專區*/
#video ul li { width:50%; float:left;}
#video ul li a i img { width:100%; height:190px;}

/*相關連結*/
#content_right .link { word-break:break-all;}

/*相關照片*/
#content_right .photo ul li { width:50%;}
#content_right .photo ul li a b img { width:100%; height:auto; max-height:154px;}

/*市場名攤精選*/
#content_right .title_Vendor {position:relative; display:block; padding:10px 10px 10px 40px; color:#434343;}
#content_right .title_Vendor i { position:absolute; width:22px; height:22px; display:block; background:url(../images/icon_04.png) no-repeat 0 -110px; top:10px; left:10px;}
.point_link { text-decoration:-9999px; color:#f7f7f7;}

/*相關影片*/
#content_right .video ul li { width:50%;}
#content_right .video ul li a b img { width:100%; height:auto;}

/*呼恁哉影我-市場大事紀*/
#event_title i { width:25%;}
#event_title b { width:74%;}
#event ul li a i { width:25%;}
#event ul li a b { width:74%;}

/*業務職掌-列表*/
.map_link img { width:100%; height:auto;}
#event02_title i { width:25%;}
#event02_title b { width:74%;}
#event02 ul li i { width:25%;}
#event02 ul li b { width:74%;}
		
/*處長介紹-列表*/
#event03 .pic { float:none; width:50%; margin:0 auto 10px auto;}
#event03 ul { width:100%; float:none;}
#event03 ul li i { width:25%;}
#event03 ul li b { width:75%;}

/*第三層選單*/
.third_menu { margin:20px 10px 10px 0;}

/*逗陣做頭家-檔案下載*/
#dl_box_title { display:none;}
#dl_box .dl_box_in { padding:10px 5px 10px 15px;}
#dl_box .dl_box_in b { width:100%; float:none; padding:10px 0 15px 10px;}
#dl_box .dl_box_in ul { margin:0; padding:0; width:100%; float:none;}
#dl_box .dl_box_in ul li { float:left; width:10%; }

/*來去逛菜市*/
.map_search .s1 { width:80%; }
#map_link #map_pic img { width:100%;}

#map_link_btn { display:block; clear:both; text-align:center; }
#map_link_btn ul { list-style-type:none; margin:0; padding:0; overflow:auto; display:block; text-align:center;/*用文字方向可控制按鈕位置*/ }
#map_link_btn ul li { display:inline-block; margin:0 15px 15px 0;}
#map_link_btn ul li a { padding:5px 10px; background:#ff5e42; color:#FFFFFF; text-decoration:none; font-size:1.2em;}

/*相關連結*/
#link_box ul li { width:50%; float:left;}
#link_box ul li a i img { width:100%; height:111px;}

/* ======================= FORM 表單專用 ======================= */
.box_form .form_l { float:none; clear:both; width:98%;}

/*特色市集-內頁*/
#market_box ul li a img { height:400px;}

/*報名表*/
#market_table { width:100%;}
#market_table ul li i { width:100%; float:none; padding:0 0 10px 0;}
#market_table ul li b { width:100%; float:none;}
#market_table .s2 { width:100%; margin:5px 0 0 0;}
#market_table .s3 { background: url(../images/select_icon.png) 95% 8px no-repeat, #ffffff; width:30%;}
#market_table .s4 { width:30%;}
#market_table .s3 { width:30%;}
#market_table .t1 { width:100%;}
#market_table .t2 { width:100%;}

/*網站導覽*/
#sitemap ul li { float:none; width:100%;}

/*線上報名*/
.apply_btn a {  margin:0 auto 40px auto;  width:50%;}
		
/*無障礙*/
#accesskey_top a{ top:5px; left:5px; margin:0; font-size:0.87em;}
#accesskey_content a { top:-20px; left:5px; margin:0; font-size:0.87em;}
#accesskey_in_content a {  top:-6px; left:5px; margin:0; font-size:0.87em;}
#accesskey_left a { top:65px; left:5px; margin:0; font-size:0.87em;}

}


/*====平板版02--1024=============================================================*/
@media (max-width: 1024px) and (min-width: 801px) {

}

/*--- 20171206 茵夢新增 20171225芳頤修改 ---*/
@media (max-width: 1330px) and (min-width: 601px) {
#footer .share { z-index:9999; right:0px; }
}