@charset "utf-8";
/* CSS Document */
body { background:none !important; }

/*----------------------------------------------------------------------*/
/*共用的隱藏*/
#MenuMobile, #nav, #Menu, #Header, #Footer, #Copyright, #KeyVisual, .switch, .ToolBar, .ListSearch, #Pagination, 
.BtnTop, .editable_content .img_bg span, #colorbox_thum, h4.ext_title, .ext_list, #ColumnLeft,
.shoppingCart_fixed, .BtnCommon, .prevNextLink
{ 
	display:none !important; 
}
	
#Center, #Content { width:100%; float:none; padding:0; }
#Content { font-size:81.25% !important; }
	
.editable_content .img_bg { border:1px solid #fff; }/* 修正文繞圖的bug */
.editable_content .imgleft, .editable_content .imgright { max-width:30%; }

/* 文字列表及表單的框線設定 */
.ListTable, .FormTable table, table.table_style1, table.table_style2 {
	border-right:1px solid #CCC !important;
	border-top:1px solid #CCC !important;
	border-left:0 !important;
	border-bottom:0 !important;
}
.ListTable th, .ListTable td, .FormTable table th, .FormTable table td, table.table_style1 th, table.table_style1 td, table.table_style2 th, table.table_style2 td {
	border-left:1px solid #CCC !important;
	border-bottom:1px solid #CCC !important;
	border-right:0 !important;
	border-top:0 !important;
}

#Center, #Content { border:none; padding:0px; }

.editable_content .table_style2{ min-width:inherit; width:100%;}
.Contact_wrap .info-box{ width:100%;}



/*----------------------------------------------------------------------*/
/*自訂隱藏*/
.slider-nav, .ProductBrief .pro_add_box .box2, .recommendBuy, .SpCartWrap .cont_top .popup_btns
.QnaList .slideDown .ques::before, .QnaList .ans::before, .QnaList .ques::after, .tagList{ 
	display:none;
}

/*自訂頁面設定*/
.pro_list table .img img{ width:auto; height:150px; }
.form_table_st1 tr th, .form_table_st1 tr td, .form_table_st1 tr{ display:block; width:100%; text-align:left; }
.form_table_st1 tr{ margin-bottom:10px; }
.QnaList .ans{ padding-left:20px; display:block !important; overflow:hidden !important; }
.QnaList .ques{ padding-left:20px; }


/*----------------------------------------------------------------------*/
/* 圖文列表 */
.ListPicText { margin-top:20px; margin-bottom:30px; }
.ListPicText > div { margin-left:-10px; margin-right:-10px; }
.ListPicText .item { padding-left:10px; padding-right:10px; margin-bottom:20px; }
.ListPicText .item .btn, .p_intro #img_popup a span{ display:none; }

/* list-view */
.ListPicText.list-view .item { border-bottom:1px dashed #ddd; }
.ListPicText.list-view .img { float:left; width:200px; max-width:50%; }

/* grid-view */
.ListPicText.grid-view .item { height:auto !important; }
.ListPicText.grid-view.bisection .item:nth-child(2n+3) { clear:left; }
.ListPicText.grid-view.trisection .item:nth-child(3n+4) { clear:left; }
.ListPicText.grid-view.quarters .item:nth-child(4n+5) { clear:left; }
.ListPicText.grid-view .item > div { overflow:hidden; padding-bottom:0; }
.ListPicText.grid-view.trisection .cont, .ListPicText.grid-view.quarters .cont { padding:0 0 0 0; }
.ListPicText.grid-view .img{ padding:0; }
.ListPicText.grid-view .btn { position:absolute; width:100%; bottom:20px; left:0; padding-left:20px; }

/* 單欄 */
.ListPicText.list-view.single .item { padding-bottom:10px; margin-bottom:10px; }
.ListPicText.list-view.single .img { padding-right:20px; }
.ListPicText.list-view.single.staggered .item:nth-child(2n+2) .img { float:right; padding-right:10px; padding-left:20px; }
.ListPicText.single .cont { padding:20px; }
.ListPicText.single .title { font-size:1.25em; }
.ListPicText.single .date { font-size:0.8125em; }
.ListPicText.single .desc { font-size:1em; }

/* 兩欄 */
.ListPicText.bisection .item { float:left; width:50%; }
.ListPicText.bisection .cont { padding:20px; }
.ListPicText.bisection .title { font-size:1.25em; }
.ListPicText.bisection .date { font-size:0.8125em; }
.ListPicText.bisection .desc { font-size:0.9375em; }
.ListPicText.list-view.bisection .item{ border-right:1px dashed #ddd; margin-bottom:0; padding:15px; }
.ListPicText.list-view.bisection .item:nth-child(2n+2){ border-right:0; }
.ListPicText.list-view.bisection .img { padding:10px 10px 5px 10px; }
.ListPicText.list-view.bisection .cont { padding:20px; }

/* 三欄 */
.ListPicText.trisection .item { float:left; width:33.3333%; }
.ListPicText.trisection .cont { padding:20px; }
.ListPicText.trisection .title { font-size:1.188em; }
.ListPicText.trisection .date { font-size:0.8125em; }
.ListPicText.trisection .desc { font-size:0.9375em; }
.ListPicText.list-view.trisection .item{ border-bottom:0; }
.ListPicText.list-view.trisection .img { padding:15px 15px 5px 15px; }
.ListPicText.list-view.trisection .cont { padding:15px; }

/* 四欄 */
.ListPicText.quarters .item { float:left; width:25%; }
.ListPicText.quarters .cont { padding:15px; }
.ListPicText.quarters .title { font-size:1.188em; }
.ListPicText.quarters .date { font-size:0.8125em; }
.ListPicText.quarters .desc { font-size:0.875em; }
.ListPicText.list-view.quarters .item{ border-bottom:0; padding-left:8px; padding-right:8px; }
.ListPicText.list-view.quarters .img { padding:5px; float:none; width:100%; max-width:100%;}
.ListPicText.list-view.quarters .cont { padding:10px; }