@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------*/
/* Header */
#pc_top { display:none; }


/*----------------------------------------------------------------------*/
/* 手機_選單 */
#nav { 
	padding:8px; margin-bottom:23px; background:#fff; 
	-webkit-box-shadow:0px 5px 5px rgba(0,0,0,0.1); 
	-moz-box-shadow:0px 5px 5px rgba(0,0,0,0.1); 
	box-shadow:0px 5px 5px rgba(0,0,0,0.1); 
	}
#nav a.logo { display:block; width:137px; height:41px; background:url("../../images/tw/logo_s.png") no-repeat 0 0; text-indent:-10000px; margin:0 auto; }
#MenuMobile { background-color:#fff; }


/*----------------------------------------------------------------------*/
/* Key visual */
#KeyVisual { width:100%; background:none; }
#KeyVisual .bx-viewport {
	-webkit-box-shadow:0px 5px 5px rgba(0,0,0,0.15); 
	-moz-box-shadow:0px 5px 5px rgba(0,0,0,0.15); 
	box-shadow:0px 5px 5px rgba(0,0,0,0.15); 
	}


/*----------------------------------------------------------------------*/
/* index_bar */
#index_bar ul { padding-left:10px; padding-right:10px; }
@media screen and (max-width: 820px) {
#index_bar ul li { width:30%; margin-left:5%; }
#index_bar .title { padding-top:10px; }
}
@media screen and (min-width: 821px) {
#index_bar ul li { width:32%; margin-left:2%; }
#index_bar .photo { width:120px; height:110px; float:left; margin-right:10px; }
}


/*----------------------------------------------------------------------*/
/* 活動訊息及粉絲團 */
#index_center { padding-left:10px; padding-right:10px; }
#index_event ul li { width:100%; }
@media screen and (max-width: 800px) {
#fb_page { padding-top:35px; max-width:500px; height:400px; margin:0 auto; }
}
@media screen and (min-width: 801px) {
#index_event { float:left; width:60%; }
#fb_page { float:right; width:36%; height:500px; }
}


/*----------------------------------------------------------------------*/
/* footer */
#footer { margin-top:40px; }
.footer_menu { display:none; }
#footer .footer_bottom > div { padding-left:16px; padding-right:16px; }
@media screen and (max-width: 800px) {
#footer .footer_bottom .col_right span { margin-bottom:15px; }
}
@media screen and (min-width: 801px) {
#footer .footer_bottom .col_right { float:right; }
#footer .footer_bottom .col_left { float:left; } 
}


/*----------------------------------------------------------------------*/
/* 內頁 */
#cont_center { 
	padding:20px 15px; margin:0 10px; 
	-webkit-box-shadow:0 0 8px rgba(0,0,0,0.20); 
	-moz-box-shadow:0 0 8px rgba(0,0,0,0.20); 
	box-shadow:0 0 8px rgba(0,0,0,0.20); 
	}
#toolbar, #column_left { display:none; }

/* 分享 */
.social_network { border-top:1px solid #d2d2d2; padding-top:10px; }
.social_network > * { line-height:38px; height:38px; }
.social_network dd { width:38px; margin-right:10px; }
.social_network dd a { width:36px; height:36px; }
	.social_network dd.twitter a { background-position:0 0; }
	.social_network dd.plurk a { background-position:-36px 0; }
	.social_network dd.facebook a { background-position:-72px 0; }
	.social_network dd.google_plus a { background-position:-108px 0; }
	.social_network dd.twitter a:hover { background-position:0 -36px; }
	.social_network dd.plurk a:hover { background-position:-36px -36px; }
	.social_network dd.facebook a:hover { background-position:-72px -36px; }
	.social_network dd.google_plus a:hover { background-position:-108px -36px; }
	
/* 頁碼 */
#pages a { display:none; line-height:40px; }
#pages a.first, #pages a.prev, #pages a.next, #pages a.last, #pages .current { display:inline-block; *display:inline; *zoom:1; }
#pages > span { display:none; }
	
/* GO TOP */
.btn_top { 
	position:fixed; right:5px; bottom:20px; background-color:#f2cd40; width:50px; height:50px; 
	-webkit-box-shadow:0 0 8px rgba(0,0,0,0.20); 
	-moz-box-shadow:0 0 8px rgba(0,0,0,0.20); 
	box-shadow:0 0 8px rgba(0,0,0,0.20); 
	}
.btn_top a { width:50px; padding-top:23px; text-align:center; color:#fff; text-shadow:0 0 5px rgba(0,0,0,0.2); }
.btn_top span { top:12px; left:19px; border-bottom: 7px solid #fff; }


/*----------------------------------------------------------------------*/
/* colorbox */
#colorbox_thum > span { height:150px; width:23%; margin:10px 1% 10px 1%; }
#colorbox_thum a { height:130px; }


/*----------------------------------------------------------------------*/
/* 文字列表 */
.ListTable { width:100%; }	
.ListTable th { 
	padding:8px 10px;  color:#000; font-size:123%; white-space:nowrap; 
	background:url("../../images/tw/table_th_divide.png") no-repeat 0 center;
	border-bottom:3px solid #839c62;
	border-top:1px solid #afafaf;
	}
	.ListTable tr th:first-child { background-image:none; }
.ListTable td { padding:14px 10px; border-bottom:1px solid #afafaf; line-height:140%; vertical-align:top; }
.ListTable tr:hover td { background-color:#fbf8e7; }
/* 編號 */
.ListTable td.no { white-space:nowrap; text-align:center; color:#9f9f9f; }
	.fs2 .ListTable th.no, .fs2 .ListTable td.no, .ListTable th.no, .ListTable td.no { width:30px; }
	.fs2 .ListTable th.no, .fs2 .ListTable td.no { width:35px; }
	.fs3 .ListTable th.no, .fs3 .ListTable td.no { width:40px; }
/* 標題連結 */
/* 日期 */
.ListTable td.date {  white-space:nowrap; text-align:center; color:#9f9f9f; }
	.fs1 .ListTable th.date, .fs1 .ListTable td.date, .ListTable th.date, .ListTable td.date { width:80px; }
	.fs2 .ListTable th.date, .fs2 .ListTable td.date { width:88px; }
	.fs3 .ListTable th.date, .fs3 .ListTable td.date { width:100px; }


/*----------------------------------------------------------------------*/
/* 商品 */ 
.product_search { margin-top:0; margin-right:0; margin-bottom:20px; }
.product_search .title { font-size:123%; line-height:32px; }
.product_search .form input[type="text"] { height:30px; line-height:30px; }
.product_search .form .btn { padding:0 15px; height:32px; line-height:32px; }

/*商品分類列表*/
@media screen and (max-width: 768px) {
.p_intro { height:403px; }
.p_img { width:320px; }
.p_desc { margin-left:340px; }
}
.p_img .ad-prev .ad-prev-image, .p_img .ad-next .ad-next-image { display:block; }