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


/*----------------------------------------------------------------------*/
/* Header */
#header { text-align:center; padding:10px 0; }
#header > div { padding:0px; }
.top_info { display:none; }

#header { background:url(../../images/tw/header_bg.jpg) no-repeat -100px top; }
#header .logo a {
	-moz-background-size:180px 43px !important;
	-webkit-background-size:180px 43px !important;
	-o-background-size:180px 43px !important;
	background-size:180px 43px !important;
	width:180px; height:43px;
}

.bx-wrapper .bx-controls-direction a {
	-moz-background-size:50px 143px !important;
	-webkit-background-size:50px 143px !important;
	-o-background-size:50px 143px !important;
	background-size:50px 143px !important;
	width:50px; height:53px; margin-top:-30px;
}

/*----------------------------------------------------------------------*/
/* Menu */
#Menu { display:none; }

/*----------------------------------------------------------------------*/
/* 首頁-產品大類 */
#index_pro ul { padding:1.5em 0; }
#index_pro ul li { width:47.4%; margin:1%; }

/*----------------------------------------------------------------------*/
/* 首頁-最新消息 */
#index_news > div { margin:0 15px; padding-bottom:1.5em; }
#index_news ul { padding:10px 7px; }
#index_news ul li { padding-left:0px; padding-bottom:10px; }
#index_news .list_date { position:relative; line-height:26px; font-size:14px; }
#index_news .list_title { line-height:26px; }

.index_title { padding:0 5px; }
.index_title h3 > span { display:none; }
.index_title a.more { right:5px; }

/*----------------------------------------------------------------------*/
/* 首頁-實績案例 */
#index_case { padding:2em 0 1.5em 0; }
#index_case > div { margin:0 15px; }
#owlWrap { width:86%; text-align:center; }
.owl-theme .owl-controls .owl-buttons div.owl-next { right:-40px; }
.owl-theme .owl-controls .owl-buttons div.owl-prev { left:-40px; }
@media screen and (max-width: 467px) {
	.owl-theme .owl-controls .owl-buttons div.owl-next { right:-35px; }
	.owl-theme .owl-controls .owl-buttons div.owl-prev { left:-35px; }
}
@media screen and (max-width: 425px) {
	.owl-theme .owl-controls .owl-buttons div.owl-next { right:-30px; }
	.owl-theme .owl-controls .owl-buttons div.owl-prev { left:-30px; }
}

/*----------------------------------------------------------------------*/
/* 首頁-各服務處一覽 */
.index_ser, .index_down { float:none; width:100%; }
.index_ser { background:none; height:auto; padding:20px 0 0 0; }
.index_ser > div { position:relative; right:auto; bottom:auto; padding:0 2%; }
a.service_btn { width:100%; font-size:19px; height:50px; line-height:50px; }
a.service_btn:before { opacity:0.6; filter:alpha(opacity=60); height:50px; line-height:50px; }

/* 首頁-驅動程式下載 */
.index_down > div { position:relative; left:auto; top:auto; padding:0 2%; width:96%; }
.d_info { padding:20px 0 0 0; }
.index_down .d_s_btn { text-align:center; }
.index_down .d_s_btn a { display:inline-block; float:none; width:48%; margin-left:2%; }
.index_down .index_title, .d_s_btn, .d_select { display:none; }
.index_down { padding:15px 0 20px 0; }


/*----------------------------------------------------------------------*/
/* footer */
#footer { border:none; }
.footer_info { font-size:14px; padding:1em 0.2em; }
.footer_info ul li { float:none; margin:0; }
.footer_menu { display:none; }

/*----------------------------------------------------------------------*/
/* pagetop */
.btn_top { position:fixed; right:15px; bottom:45px; width:43px; display:block; padding:0; z-index:9999; }
.btn_top a { background:url(../../images/tw/gotop.png) no-repeat -25px 5px; width:43px; height:50px; z-index:9999; position:relative; }
.btn_top:after { content:""; display:block; background:#fff; width:43px; height:50px; opacity:0.5; z-index:8888; position:absolute;	
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}

/*----------------------------------------------------------------------*/
/* 內頁樣式 */
#column_cont { width:100%; }
#column_cont > div { margin:15px; }
#column_left, .toolbar, #breadcrumbs { display:none; }
h1.maintitle { margin-bottom:0; }

/* 頁碼 */
#pages { padding:10px 0; }
#pages a { display:none; line-height:40px; }
#pages a.prev, #pages a.next, #pages .current { display:inline-block; margin:0 5px; }
#pages > span { display:none; }

/*----------------------------------------------------------------------*/
/* 編輯器 */
@media screen and (max-width: 559px) {
.editable_content .img_grand, .editable_content .img_grand tbody, .editable_content .img_grand tr, .editable_content .img_grand td { display:block; }
.editable_content .img_grand td { width:100% !important; padding:0 0 20px 0 !important; }
.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; }
}

/*----------------------------------------------------------------------*/
/* 文字列表 */
.ListTable { font-size:100%; }
.ListTable, .ListTable tbody, .ListTable tr, .ListTable td { display:block; }	
.ListTable tr { 
	position:relative; padding:35px 15px 15px 15px; background-color:#EFEFEF; margin:10px 0 25px; border:1px solid #e5e5e5;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	}
.ListTable tr:first-child { display:none; }
.ListTable td { margin-bottom:10px; }
/* 編號 */
.ListTable td.no { position:absolute; top:0; left:0; width:24px; height:24px; line-height:24px; color:#fff; font-size:12px; background-color:#DA251C; text-align:center;
	border-radius:8px 0 8px 0;
	-moz-border-radius:8px 0 8px 0;
	-webkit-border-radius:8px 0 8px 0;
}
/* 標題連結 */
.ListTable td.title_link { font-size:138.46%; }
.ListTable td.title_link a { display:block; line-height:1.2em; }
/* 日期 */
.ListTable td.date { 
	padding:0 10px; position:absolute; top:0; left:0; display:inline-block; 
	color:#fff; background-color:#DA251C; letter-spacing:1px; line-height:25px; font-family: Arial, Helvetica, sans-serif;
	border-radius:8px 0 8px 0;
	-moz-border-radius:8px 0 8px 0;
	-webkit-border-radius:8px 0 8px 0;
	}
/* 更新日期 */
.ListTable td.update { 
	padding-left:20px; display:inline-block; background:url(../../images/tw/icon_update.png) no-repeat 0px 5px;
	letter-spacing:1px; line-height:25px;
}
/* 新聞分類 */
.ListTable td.kind { 
	padding-left:20px; display:inline-block; background:url(../../images/tw/icon_kind.png) no-repeat 0px 8px;
	letter-spacing:1px; line-height:25px; margin-bottom:0px;
	}
/* 產品類別 */
.ListTable td.pr_kind { 
	padding:0 10px; position:absolute; top:0; left:0; display:inline-block; background:#da251c; color:#fff;
	letter-spacing:1px; line-height:25px;
	border-radius:8px 0 8px 0;
	-moz-border-radius:8px 0 8px 0;
	-webkit-border-radius:8px 0 8px 0;
}
/* 檔案下載 */
.ListTable td.download li { 
	display:inline-block; margin-right:10px; margin-bottom:10px;
	background:#fff url("../../images/icon_download.png") no-repeat right center; 
	border-radius:25px;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	}
.ListTable td.download li a { color:#666; padding:10px 30px 10px 30px; background-position:10px center; height:auto; line-height:150%; }
/* 職缺連結 */
.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; }
/* 詢價車_分類 */
.ListTable td.reply { text-align:left; line-height:24px; padding-left:24px; display:inline-block; background:url(../../images/tw/icon_reply.png) no-repeat 0px 3px; }
.ListTable td.reply a { line-height:22px; box-shadow:none; border:none; text-decoration:underline; color:#DA251C; }
.ListTable td.reply a span { background:none; padding:0; }
.ListTable td.reply a.new { border:none; color:#DA251C; }
.ListTable td.reply a.new span { background:none; }
/* 詢價單號 */
.ListTable td.iq_number { font-size:138.46%; text-align:left; }
.ListTable td.iq_number a { display:block; line-height:1.2em; }


.table_st3 { font-size:115%; line-height:180%; }

/*----------------------------------------------------------------------*/
/* 分類標題 */
.cat_select .select_box.select_box_st1 { float:none; width:100%; padding-top:10px; }
.cat_select .select_box.select_box_st1 .select:first-child { margin-left:0; }

/*----------------------------------------------------------------------*/
/* 內頁搜尋 */
.content_search > div > div { padding:7px 10px; }
.content_search > div > div.cs_btn { padding:5px 10px; width:100%; }
.content_search label { display:block; margin-bottom:7px; line-height:20px; }
.content_search .select_box > label { display:block; line-height:20px; float:none; }
.content_search .select_box .select { margin-left:0px; margin-right:7px; }

/*----------------------------------------------------------------------*/
/* 圖文列表 */
@media screen and (max-width: 420px) {
.ListPictext .photo { float:none; width:100%; margin-right:0; }
.ListPictext .photo img { width:100%; max-width:240px; }
}

/*----------------------------------------------------------------------*/
/* 清單樣式-圖片 */
.ListPic div.photo { padding:1% !important; }
.ListPic > div { width:100%; }
.ListPic div.item { width:47%; margin:10px 1.5%; }
@media screen and (max-width: 420px) {
	.ListPic div.item { width:97%; margin:10px 1.5%; }
}
.ListPic div.photo { width:97%; height:160px; }
.ListPic div.photo img { max-width:100%; max-height:100%; }

/*----------------------------------------------------------------------*/
/* 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%; }
}

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

/*----------------------------------------------------------------------*/
/* 聯絡表單 */
.contact_title { margin-bottom:1em; }
.FormTable, .FormTable tbody, .FormTable tr, .FormTable td, .FormTable th { display:block; }
.FormTable { margin-bottom:1em; }	
.FormTable tr { padding:0; background-color:#fff; margin:10px 0 15px; width:100%; }
.FormTable tr th { text-align:left; position:relative; width:100%; padding:0; }
.FormTable tr td { padding:14px 10px 7px 10px; }
.FormTable input[type="text"], .FormTable textarea, .FormTable input[type="tel"], .FormTable input[type="email"], .FormTable select { width:92%; }
.btn_common div { margin:0; }
.btn_common input[type="submit"], .btn_common input[type="reset"], .btn_common a { padding:0; height:40px; line-height:40px; width:100px; }


/*----------------------------------------------------------------------*/
/* 活動日期 */
.ListTable td.limit { text-align:left; padding-left:22px; background:url(../../images/tw/icon_event.png) no-repeat top left; }
.ListTable td.e_date.date_act {
	padding:0 10px; position:absolute; top:0; left:0; display:inline-block; 
	color:#fff; background-color:#DA251C; letter-spacing:1px; line-height:25px; font-family: Arial, Helvetica, sans-serif;
	border-radius:8px 0 8px 0;
	-moz-border-radius:8px 0 8px 0;
	-webkit-border-radius:8px 0 8px 0;
}
.ListTable td.e_date.date_apply { padding-left:22px; background:url(../../images/tw/icon_event.png) no-repeat 0 -33px; color:#DA251C; }
.ListTable td.edit { text-align:right; }
.ListTable td.edit a { padding:5px 10px; font-size:100%; }

/*商品分類列表*/
.ProductCatList .item { float:none; width:100%; max-width:340px; margin:0 auto 50px auto; }
.pro_many_list li { float:none; margin:0; width:100%; }
.pro_many_list li a { line-height:250%; }


/*----------------------------------------------------------------------*/
/* 商品內頁 */
.DownTable { width:auto; }
.p_desc h2.p_title { border-bottom:none; }
.btn_common.black_btn a { width:100%; }
.pro_search > div, .pro_search > div > div.first { float:none; }
.pro_search label { display:block; }

.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; }

.pro_tab { padding:0; }
.pro_tab a.tab_title { position:relative; margin-top:10px; left:0; }
.pro_tab a.tab_title {
	background: linear-gradient(to bottom, rgba(148,148,148,1) 0%,rgba(44,44,44,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#949494', endColorstr='#2c2c2c',GradientType=0 ); /* IE6-8 */
	color:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}
.pro_tab a.tab_title:after {
	content:""; z-index:99; position:absolute; right:15px; top:43%;
    border-left: 8px solid transparent ;
    border-top: 8px solid #fff;
    border-right: 8px solid transparent ;
    display: inline-block;
}
.pro_tab a.tab_title.active { border-radius:8px 8px 0 0; -moz-border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; }
.pro_tab a.tab_title.active:after { visibility:hidden; }

/*----------------------------------------------------------------------*/
/* 每月營收報告 */
.table_st2 th { width:30%; }

/*----------------------------------------------------------------------*/
/* 相關連結 */
.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; }

/*----------------------------------------------------------------------*/
/* 登入 */
.mem_msg_box > div { padding:20px; }
#cboxClose { right:45px; }
@media screen and (max-width: 421px) {
	#login_cont.mem_msg_box { width:90%; }
	#login_cont .colm_body > div { display:block; }
	#login_cont input[type="text"], #login_cont input[type="password"] { width:85%; }
	#login_cont label { display:block; }
	#login_cont .colm_body > div > div { padding:5px 0; }
}

/*----------------------------------------------------------------------*/
/* 訊息框 */
.mem_msg_box { margin:10px auto 25px auto; padding:0px; width:99%; }
.mem_msg_box > div { border:1px solid #e5e5e5; padding:15px; }
#forward_cont input[type="text"], #forward_cont textarea { width:95%; }
.mem_msg_box.mm_fix_box { width:340px; padding:10px; }
@media screen and (max-width: 465px) {
	#login_cont.mem_msg_box.mm_fix_box { width:290px; padding:10px; }
}

/*----------------------------------------------------------------------*/
/* 檢視留言 */
.comment_list li div { position:relative; }
.comment_list .com_left, .comment_list .cont { width:100%; }
.comment_list .com_left { padding-bottom:10px; }
.comment_list .cont > span { padding:12px 20px; }
.comment_list .date, .comment_list .name, .comment_list .agent.name { padding:0; }
.comment_list .date { position:absolute; right:0; top:0; }
.comment_list .name { line-height:100%; }
.comment_post label { margin-bottom:10px; }
.comment_post textarea { width:94%; }

/*----------------------------------------------------------------------*/
/* 問卷 */
.que_item textarea{ width:93%; }
.que_item ul li { float:none; margin:0 0 5px 0; }

/*----------------------------------------------------------------------*/
/* 轉寄好友 */
.forward { margin:5px; }
.forward > div { padding:15px 20px; }
.forward input[type="text"], .forward textarea { width:100%; box-sizing:border-box; }

/*----------------------------------------------------------------------*/
/* 服務據點 */
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) }
.introBox > div {
	width:auto;
	margin:50% 10px 0;
	padding: 15px;
	position:static;
}
.introBox a.closeInfo { margin-top:50%; right:10px; }

/*----------------------------------------------------------------------*/
/* 詢價車按鈕 */
.fix_cart { position:absolute; right:0; top:0; text-align:center; }
.fix_cart a {
	background:url(../../images/tw/icon_cart1.png) no-repeat center 10px;	width:55px; padding:40px 0 10px 0; display:block; font-size:13px; color:#2c2c2c; font-weight:bold;	
	-moz-background-size:30px 26px !important;
	-webkit-background-size:30px 26px !important;
	-o-background-size:30px 26px !important;
	background-size:30px 26px !important;
}