@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: 420px) {
#index_bar ul { padding-top:37px; padding-bottom:44px; }
#index_bar ul li { float:none; clear:both; padding-top:35px; }
#index_bar .photo { width:120px; height:110px; float:left; margin-right:18px; }
}
@media screen and (min-width: 421px) {
#index_bar ul li { width:30%; margin-left:5%; }
#index_bar .title { padding-top:10px; }
}


/*----------------------------------------------------------------------*/
/* 活動訊息及粉絲團 */
#index_center { padding-left:10px; padding-right:10px; padding-top:30px; }
#index_event ul li { width:100%; }
#fb_page { padding-top:35px; max-width:500px; height:400px; margin:0 auto; }


/*----------------------------------------------------------------------*/
/* footer */
#footer { margin-top:40px; }
.footer_menu { display:none; }
#footer .footer_bottom > div { padding-left:16px; padding-right:16px; }
#footer .footer_bottom .col_right span { margin-bottom:12px; }
#footer .footer_bottom .col_left { line-height:25px; } 


/*----------------------------------------------------------------------*/
/* 編輯器 */
@media screen and (max-width: 559px) {
.editable_content .imgleft, .editable_content .imgright { float:none !important; clear:both; width:100%; max-width:100%; text-align:center; margin-top:0; margin-bottom:20px; margin-left:auto; margin-right:auto; }
}


/*----------------------------------------------------------------------*/
/* 內頁 */
#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.prev, #pages a.next, #pages .current { display:inline-block; }
#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; }


/*----------------------------------------------------------------------*/
/* 標題 */
/* 分類標題 */
.cat_select h2, .cat_select .select { float:none; }
.cat_select h2 { padding-bottom:5px; }
.cat_select .select { padding-bottom:25px; }


/*----------------------------------------------------------------------*/
/* colorbox */
#colorbox_thum > span { height:120px; margin:10px 1% 10px 1%; }
#colorbox_thum a { height:100px; }
@media screen and (max-width: 420px) {
#colorbox_thum > span { width:48%; }
}
@media screen and (min-width: 421px) {
#colorbox_thum > span { width:31.33%; }
}


/*----------------------------------------------------------------------*/
/* 文字列表 */
.ListTable { margin-top:30px; }
.ListTable, .ListTable tbody, .ListTable tr, .ListTable td { display:block; }	
.ListTable tr { 
	position:relative; padding:15px; background-color: #fff; margin:20px 0 35px; 
	box-shadow: 0px 0px 4px 2px #e2e2e2;
	-moz-box-shadow: 0px 0px 4px 2px #e2e2e2;
	-webkit-box-shadow: 0px 0px 4px 2px #e2e2e2;
	}
.ListTable tr:first-child { display:none; }
.ListTable td { margin-bottom:10px; }
/* 編號 */
.ListTable td.no { position:absolute; top:-7px; right:-12px; width:24px; height:24px; line-height:24px; color:#e1e1e1; font-size:12px; background-color:#636363; text-align:center; 
	border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	box-shadow: 0px 0px 4px 2px #e2e2e2;
	-moz-box-shadow: 0px 0px 4px 2px #e2e2e2;
	-webkit-box-shadow: 0px 0px 4px 2px #e2e2e2;
	}
/* 標題連結 */
.ListTable td.title_link { font-size:138.46%; }
.ListTable td.title_link a { display:block; }
/* 日期 */
.ListTable td.date { 
	padding:0 10px; margin-top:-25px; margin-bottom:10px; display:inline-block; 
	color:#fff; background-color:#5e7e36; letter-spacing:1px; line-height:25px; font-family: Arial, Helvetica, sans-serif;
	}
/* 檔案下載 */
.ListTable td.download li { 
	display:inline-block; margin-right:10px; margin-bottom:10px;
	background:#f2f2f2 url("../../images/tw/icon_download.png") no-repeat right center; 
	border-radius: 15px 0 15px 0;
	-moz-border-radius: 15px 0 15px 0;
	-webkit-border-radius: 15px;
	}
.ListTable td.download li:hover { background-color:#fbe790; }
.ListTable td.download li a { color:#666; padding:10px 30px 10px 30px; background-position:10px center; }
/* 職缺連結 */
.ListTable td.job_link { margin-bottom:0; }
.ListTable td.job_link a { float:left; margin-top:0; margin-bottom:10px; margin-right:10px; padding:10px 12px; }
	
	
/*----------------------------------------------------------------------*/
/* 圖文列表 */
@media screen and (max-width: 420px) {
.ListPictext .photo { float:none; width:100%; margin-right:0; }
.ListPictext .photo img { width:100%; max-width:240px; }
}


/*----------------------------------------------------------------------*/
/* 商品 */ 
/*商品搜尋*/
.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: 400px) {
.product_search > div, .product_search > div > div { float:none; }
.product_search .form input[type="text"] { display:block; width:100%; margin-bottom:10px; box-sizing:border-box; }
.product_search .form .btn { display:block; margin-left:0; width:100%; box-sizing:border-box; }
}

/*商品分類列表*/
.ProductCatList .item { float:none; width:100%; max-width:340px; margin:0 auto 30px auto; }

/*商品列表*/
@media screen and (max-width: 420px) {
.ProductList .item { float:none; width:100%; max-width:300px; margin:0 auto 30px auto; }
}
@media screen and (min-width: 421px) {
.ProductList .item { width:47%; margin:0 1.5% 30px 1.5%; }
}

.p_intro { height:auto; margin-left:auto; margin-right:auto; width:100%; max-width:400px; }
.p_img { position:static; width:100%; }
.p_desc { margin:30px auto 0; width:100%; }
.p_intro h2.p_title { position:absolute; top:0; left:0; }

.p_img .ad-prev .ad-prev-image, .p_img .ad-next .ad-next-image { display:block; }


/*----------------------------------------------------------------------*/
/* 圖片列表(商品型錄) */
@media screen and (max-width: 420px) {
.DmList .item { float:none; width:100%; max-width:300px; margin:0 auto 30px auto; }
}
@media screen and (min-width: 421px) {
.DmList .item { width:47%; margin:0 1.5% 30px 1.5%; }
}


/*----------------------------------------------------------------------*/
/* Q&A */
.QnaItem .ans { margin-top:15px; margin-left:0; }


/*----------------------------------------------------------------------*/
/* 營運概況 */
.revenue .select, .revenue .download { float:none; }
.revenue .download { margin-top:20px; }


/*----------------------------------------------------------------------*/
/* 相關連結 */
.ListLinks span.photo { float:none; width:100%; margin-right:0; padding-top:0; }
	.ListLinks span.photo img { max-width:100%; max-height:180px; }
.ListLinks span.title { text-align:center; }


/*----------------------------------------------------------------------*/
/* 表單樣式 */
table.FormTable, table.FormTable tbody, table.FormTable tr, table.FormTable th, table.FormTable td { display:block; }	
table.FormTable tbody { padding:15px 0 10px; }
table.FormTable > tbody > tr > th, table.FormTable > tbody > tr > td { border-bottom:0; line-height:normal; }
table.FormTable > tbody > tr > th { padding:5px 0; text-align:left; width:auto; }
table.FormTable > tbody > tr > td { padding:5px 0; margin-bottom:10px; }
.FormTable .randomcode { margin-bottom:0; }

@media screen and (max-width: 420px) {
.FormTable .randomcode > div:nth-child(2) { clear:left; }
.btn_common div { display:block; margin-bottom:20px; }
.btn_common input { width:100%; }
.btn_common .submit input { background-position:28% 0; }
.btn_common .reset input { background-position:28% -44px; }
}


/*----------------------------------------------------------------------*/
/* 銷售據點 */
div.gMaplegend { padding-left:0; }
div.gMaplegend div.title { position:static; width:auto; text-align:left; }

#AttWrap { height:auto; }
#AttWrap .sideToggle { display:none; }
.gMap_switch { position:static; margin-bottom:15px; }

#gMap  { height:240px; }

.AttTab { position:static; width:100%; height:auto; }
.AttTab .tab_content, .AttTab .tab_content .viewport, .scrollwrap .overview { width:100%; }
.AttTab .tab_content .viewport { height:auto; }
.scrollwrap .overview { position:static; }
.scrollwrap .scrollbar { display:none; }

.introBox { position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.75) }
/*20180222 更新詳細資訊位置*/
.introBox > div {
	top:50%;
	left:10px;
	bottom:auto;
	width:calc(100% - 20px);
	margin-top:-100px;
}
/* 舊有的
.introBox > div {
	width:auto;
	margin:50% 10px 0;
	padding: 15px;
	position:static;
}
.introBox a.closeInfo { margin-top:50%; right:10px; }
*/