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

/*----------------------------------------------------------------------*/
/* Topper */
@media screen and (max-width: 1199px) {
#Topper .top_links > ul > li { margin:0; }
}


/*----------------------------------------------------------------------*/
/* Header */
#Header { margin-top:49px; }
#Header > div { height:80px; }
#Header .logo { float:left; }
#Header .online_service { top:20px; }
#Header .online_service a { 
	padding:0 12px 0 36px; border:1px solid #ff7f30; line-height:30px; 
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	}
#Header .online_service::before { top:7px; left:12px; width:18px; height:18px; }

/*----------------------------------------------------------------------*/
/* Menu */
#Menu > div, #Menu .superfish { overflow:hidden; }
#Menu > div, #Menu .superfish.sf-js-enabled { overflow:visible; }
#Menu { margin-top:0; background:#f47722; }
#Menu > div { max-width:1280px; padding:0 10px; margin:0 auto; box-sizing:border-box; position:relative; z-index:10000; }
#Menu > div::after { content:''; display:block; width:100%; clear:both; }
#Menu .superfish {  }
#Menu .superfish li { position:relative; }
#Menu .superfish a { display:block; text-decoration:none; color:#fff; }

#Menu .superfish > li { float:left; width:12.5%; text-align: center; padding:20px 0 14px; position:relative; }
#Menu .superfish > li::before { 
	content:''; display:block; position:absolute; top:22px; right:3px; width:1px; height:20px; background-color:#e1e1e1; 
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    transform: rotate(20deg);
	}
#Menu .superfish > li > a { font-size:16px; line-height:24px; }
@media screen and (max-width: 1199px) {
#Menu .superfish > li > a { padding:0 16px; }
}
@media screen and (min-width: 1200px) {
#Menu .superfish > li > a { padding:0 20px; }
}
#Menu .superfish > li:hover{background:#f5c535;}
#Menu .superfish > li:hover > a { color:#fff; }
#Menu .superfish > li:last-child::before { display:none; }
/*#Menu .superfish > li:last-child > a { padding-right:0; }
#Menu .superfish > li:first-child { 
	width:100px; background:url("../images/logo.png") no-repeat center center; background-size:contain; 
	margin-right:10px; text-indent:-10000px; display:none;
	}
#Menu .superfish > li:first-child::before { display:none; }
*/
#Menu .superfish ul { 
	position:absolute; width:150px; background-color:#fff; 
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.15);
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.15);
	box-shadow:0 0 10px rgba(0,0,0,0.15);
	}
	#Menu .superfish > li > ul { top:58px; right:0; border-top:5px solid #de1e19; }
	#Menu .superfish > li > ul ul { top:0; left:150px; }
#Menu .superfish ul li { border-top:1px dashed #cacaca; }
#Menu .superfish ul > li:first-child { border-top:0; }
#Menu .superfish ul a { padding:12px 20px; line-height:18px; color:#333333; font-size:14px; position:relative; }
#Menu .superfish ul a:hover { background-color:#ececec; color:#de1e19; }
#Menu .superfish ul a.sf-with-ul::after { 
	content:''; position:absolute; top:18px; right:12px; width:5px; height:5px; border-top:1px solid #5a5a5a; border-right:1px solid #5a5a5a;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
	}
#Menu .superfish ul a:hover.sf-with-ul::after { border-top:1px solid #de1e19; border-right:1px solid #de1e19; }

/* 最右邊選單的處理 */
#Menu .superfish > li:last-child > ul { left:auto; right:0; }
#Menu .superfish > li:last-child > ul > li > ul { left:auto; right:150px; }
#Menu .superfish > li:last-child a { text-align:center; }
#Menu .superfish > li:last-child a.sf-with-ul::after { 
	left:10px; right:auto; 
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    transform: rotate(-135deg);
	}

/* 倒數第二個選單的處理 */
#Menu .superfish > li:nth-last-child(2) > ul { left:auto; right:0; }
#Menu .superfish > li:nth-last-child(2) > ul > li > ul { left:auto; right:150px; }
#Menu .superfish > li:nth-last-child(2) a { text-align:center; }
#Menu .superfish > li:nth-last-child(2) a.sf-with-ul::after { 
	left:10px; right:auto; 
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    transform: rotate(-135deg);
	}

/* 浮動效果 */
#Menu.MenuFix { position:fixed; top:0; left:0; margin-top:0; z-index:10003; background:#fff;}
#Menu.MenuFix .superfish a{color: #333;}
#Menu.MenuFix > div{float: left; background:url(../images/logo2.png) no-repeat left center; background-size:146px 35px; padding-left: 155px; margin-left: 10px;}
#Menu.MenuFix .superfish > li{width:inherit;}
#Menu.MenuFix .superfish { float:none; }
#Menu.MenuFix .superfish ul{width:150px;}
#Menu.MenuFix .superfish > li { padding:0; }
#Menu.MenuFix .superfish > li:first-child { display:block; }
#Menu.MenuFix .superfish > li::before { top:14px; }
#Menu.MenuFix .superfish > li > a { font-size:14px; line-height:48px; }
#Menu.MenuFix .superfish > li > ul { top:46px; }
@media screen and (max-width: 1199px) {
#Menu.MenuFix .superfish > li > a { padding:0 8px; }
}
@media screen and (min-width: 1200px) {
#Menu.MenuFix .superfish > li > a { padding:0 12px; }
}

/* 浮動時下層選單都往右邊長 */
#Menu.MenuFix .superfish > li > ul > li > ul { left:150px; right:auto; }
#Menu.MenuFix .superfish > li a { text-align:left; }
#Menu.MenuFix .superfish > li a.sf-with-ul::after { 
	left:auto; right:12px; 
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
	}

/*----------------------------------------------------------------------*/
/* Key visual */
#KeyVisual .bx-wrapper .bx-controls-direction a { width:48px; height:48px; margin-top:-24px; }
#KeyVisual .bx-wrapper .bx-prev { background-position:0 0; left:10px; }
#KeyVisual .bx-wrapper .bx-next { background-position:-48px 0; right:10px; }

/* 共用內縮 */
.inner { padding:0 15px; }

/* 首頁 */
.IndexProduct { margin-top:40px; }
.IndexNews { margin-bottom:40px; }
.list .item { float:left; width:33.333%; margin-bottom:3.7%; }
.list .item.focus { width:66.666%; }
.list a .title { font-size:18px; bottom:-35px; padding:0 8px; }
.list .item { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.IndexNews .list .item.focus { position:absolute; right:0; top:0; }
.IndexNews .list .item:first-child, .IndexNews .list .item:nth-child(3) { margin-right:66.66%; }


/*----------------------------------------------------------------------*/
/* Footer */
.BtnTop { bottom:65px; }
	
#Copyright > div { padding-right:10px; }

#Copyright .col_left { float:left; padding-left:130px; line-height:60px; }
#Copyright .logo { 
	display:block; position:absolute; top:0; left:10px; width:120px; height:60px; 
	background:url("../images/logo_white.png") no-repeat right center; background-size:contain; text-indent:-10000px; 
	}
	
#Copyright .col_right { float:right; display:table; }
#Copyright .contact_info { display:table-cell; padding:10px 0; height:60px; vertical-align:middle; box-sizing:border-box; }
#Copyright .contact_info span { display:block; float:right; line-height:20px; }
#Copyright .contact_info span:nth-child(2) { clear:right; }

@media screen and (max-width: 1379px) {
#Copyright .col_right { padding-right:50px; }
}


/*----------------------------------------------------------------------*/
/* 表單 */
.FormTable > tbody > tr > th, .FormTable > tbody > tr > td { vertical-align:top; }
.FormTable > tbody > tr > th { width:120px; padding:15px 20px 15px 0; text-align:right; }
.FormTable > tbody > tr > th::after { content:'：'; position:absolute; top:14px; right:6px; }
.FormTable > tbody > tr > th:empty::after { display:none; }
.FormTable > tbody > tr > td { padding:10px 0 4px; }
.FormTable > tbody > tr:nth-child(even) > th, .FormTable > tbody > tr:nth-child(even) > td {  }

/* item */
.FormTable .item_wrap { margin-top:-5px; }
.FormTable .item_wrap > div.half { float:left; width:48%; padding-right:4%; }
.FormTable .item_wrap > div.half + div.half { padding-right:0; }
.FormTable .item_wrap > div.fullwidth { float:none; clear:both; width:100%; padding-right:0; }

.FormTable .item_wrap.inline { padding:0 40px 0 50px; }
.FormTable .item_wrap.inline span { top:10px; }
.FormTable .item_wrap.inline > div { padding-top:0; display:inline-block; margin-right:10px; }
.FormTable .item_wrap.inline > div label { display:inline-block; }

.input_table li { width:25%; }


/*----------------------------------------------------------------------*/
/* 內頁 */
#ColumnLeft { float:left; width:220px; }
#ColumnLeft + #ColumnCenter { overflow:hidden; }
@media screen and (min-width: 1340px) {
	#ColumnLeft + #ColumnCenter { margin-left:280px; }
}
@media screen and (max-width: 1339px) {
	#ColumnLeft + #ColumnCenter { margin-left:260px; }
}

/*----------------------------------------------------------------------*/
/* 內頁元素 */
/* 工具列 */
.ToolBar dl.font_size, .ToolBar dl.share { height:32px; }
.ToolBar .colm_left a, .ToolBar dl.font_size, .ToolBar dl.share { line-height:32px; }
.ToolBar .colm_left a span, .ToolBar dl.font_size dd, .ToolBar dl.font_size a, .ToolBar dl.share dd, .ToolBar dl.share a { width:32px; height:32px; }
.ToolBar .colm_right { float:right; }
.ToolBar dl.font_size { float:left; }
.ToolBar dl.font_size dd, .ToolBar dl.share dd { width:36px; }
.ToolBar dl.font_size a, .ToolBar dl.share a { margin:0 auto; }
.ToolBar dl.share { float:left; padding-left:8px; }

/* 分類下拉 */
.CatTitle h2 { float:left; }
.CatTitle .cat_select { float:right; }

/* 列表搜尋 */
.ListSearch { padding-top:30px; }
.ListSearch .item > label { position:absolute; left:0; top:-30px; }
.ListSearch_st2 .left { float:left; }
.ListSearch_st2 .right { float:right; }

/* 頁碼 */
#Pagination a { margin:0 2px; }
#Pagination a.first, #Pagination a.prev, #Pagination a.next, #Pagination a.last { background-color:transparent; }
#Pagination .current { display:none; }
#Pagination a.focuz { background-color:#eee; }

/* 文章標題 */
h3.articleTitle { font-size:2em; }

/* 文章标签 */
.article_tag dl > * { height:26px; line-height:26px; }
.article_tag dt { background-color:#e4e4e4; padding:0 20px 0 10px; margin-right:5px; }
.article_tag dt::after { content:''; display:block; position:absolute; top:0; right:0; border-left:8px solid #e4e4e4; border-top:13px solid #fff; border-bottom:13px solid #fff; }
.article_tag dd a { color:#eb5902; }

/* 文章前言 */
.article_brief { font-size:125%; }

/* 編輯器 */
.editable_content .img_puzzle .item { float: left; }
.editable_content .img_puzzle.two_col .item { width: 50%; padding-bottom: 51.563%; }
.editable_content .img_puzzle.three_col .item { width: 25%; padding-bottom: 25.782%; }
.editable_content .img_puzzle.three_col .item:first-child { width: 50%; }
.editable_content .img_puzzle.four_col .item { width: 25%; padding-bottom: 25.782%; }
.editable_content .img_puzzle.two_col_s .item { width: 50%; padding-bottom: 25.782%; }

.editable_content .hoverBox .text { max-width: 400px; }
.editable_content .hoverBox h4 { font-size: 3em; letter-spacing: .75em; padding-left: .75em; }
.editable_content .hoverBox .text p { font-size:1.25em; letter-spacing: .75em; }
.editable_content .hoverBox .text img { margin: 0 .75em; }

/* colorbox */
@media screen and (min-width: 1340px) {
	#colorbox_thum a { width:236px; margin-left:20px; margin-bottom:10px; margin-top:10px; }
	#colorbox_thum a:nth-child(5n+1) { margin-left:0; }
}
@media screen and (max-width: 1339px) {
	#colorbox_thum a { width:180px; margin:10px; }
}

/* 延伸阅读 */
.related_articles .title a { font-size:87.5%; }
.related_articles .related_case_list .title a { font-size:0.9375em; }

@media screen and (min-width: 1340px) {
	.related_articles_list .item { width:406px; margin-left:20px; }
	.related_articles_list .item:nth-child(3n+1) { margin-left:0; }
}
@media screen and (max-width: 1339px) {
	.related_articles_list .item { width:33.333%; }
	.related_articles_list .item > div { margin:0 10px; }
}

@media screen and (min-width: 1340px) {
	.related_case_list .item { width:406px; margin-left:20px; }
	.related_case_list .item:nth-child(3n+1) { margin-left:0; }
}
@media screen and (max-width: 1339px) {
	.related_case_list .item { width:33.333%; }
	.related_case_list .item > div { margin:0 10px; }
}

/*----------------------------------------------------------------------*/
/* 登录 */
.LoginBox .colm_left { float:left; width:50%; padding-right:20px; border-right:1px solid #e5e5e5; box-sizing:border-box; }
.LoginBox .colm_right { float:right; width:50%; padding-left:20px; box-sizing:border-box; }

/*----------------------------------------------------------------------*/
/* 文字列表 */
.ListTable th { 
	padding:12px 10px; white-space:nowrap; 
	background:#f0f0f0 url("../images/table_th_divide.png") no-repeat 0 center;
	}
	.ListTable tr th:first-child { background-image:none; }
.ListTable td { padding:12px 10px; border-bottom:1px solid #e2e2e2; line-height:24px; vertical-align:top; }
.ListTable tr:nth-child(2n+3) { background-color:#fdfdfd; }

.ListTable th.no { width:30px; }
.ListTable td.no { width:30px; color:#7e7e7e; font-size:92.857%; font-family:Arial, Helvetica, sans-serif; white-space:nowrap; text-align:right; }
.ListTable th.date { width:70px; }
.ListTable td.date { width:70px; color:#7e7e7e; font-size:92.857%; font-family:Arial, Helvetica, sans-serif; white-space:nowrap; }
.ListTable th.date.range, .ListTable td.date.range { width:140px; }
.ListTable th.cat { width:100px; }
.ListTable td.cat { width:100px; text-align:center; }
.ListTable th.unit { width:140px; }
.ListTable td.unit { width:140px; text-align:center; }
.ListTable th.download { width:80px; }
.ListTable th.download.desc { width:auto; }
.ListTable td.download { width:80px; }
.ListTable td.download.desc { width:auto; }
.ListTable td.download li a { line-height:20px; }
.ListTable .tc { text-align:center; }


/*----------------------------------------------------------------------*/
/* 圖文列表 */
.ListPicText { padding:15px 0; }
.ListPicText .item { margin-bottom:25px; }
.ListPicText .item > div { overflow:hidden; position:relative; }
.ListPicText .item:hover .img::after { opacity:0.5; }
.ListPicText .title a { width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }

/* 最新消息專用樣式 */
.ListPicText.news .item { width:32%; margin-left:2%; }
.ListPicText.news .item:nth-child(3n+1) { margin-left:0; }
.ListPicText.news .cont { padding-left:20px; padding-right:20px; }

/* 解決方案專用樣式 */
.ListPicText.solution .item { width:32%; margin-left:2%; }
.ListPicText.solution .item:nth-child(3n+1) { margin-left:0; }

/* 材質專用樣式 */
.ListPicText.material .img { padding-bottom:100%; }
@media screen and (max-width: 1299px) {
.ListPicText.material .item { width:15%; margin-left:2%; }
.ListPicText.material .item:nth-child(6n+1) { margin-left:0; }
}
@media screen and (min-width: 1300px) {
.ListPicText.material .item { width:190px; margin-left:24px; }
.ListPicText.material .item:nth-child(6n+1) { margin-left:0; }
}

/* 案例賞析專用樣式 */
.ListPicText.case .item:nth-child(3n+1) { margin-left:0; }
@media screen and (max-width: 1299px) {
.ListPicText.case .item { width:32%; margin-left:2%; }
}
@media screen and (min-width: 1300px) {
.ListPicText.case .item { width:385px; margin-left:5px; }
}

/* 正方形樣式 */
.ListPicText.square .item:nth-child(3n+1) { margin-left:0; }
@media screen and (max-width: 1299px) {
.ListPicText.square .item { width:32%; margin-left:2%; }
}
@media screen and (min-width: 1300px) {
.ListPicText.square .item { width:400px; margin-left:30px; }
}

/* 長方形樣式 */
.ListPicText.rectangle .item:nth-child(3n+1) { margin-left:0; }
@media screen and (max-width: 1299px) {
.ListPicText.rectangle .item { width:32.6%; margin-left:1.1%; }
}
@media screen and (min-width: 1300px) {
.ListPicText.rectangle .item { width:410px; margin-left:15px; }
}

/* hover效果 */
.ListPicText .item .img, 
.ListPicText .item .btn, 
.ListPicText .item .btn a { 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}

/*----------------------------------------------------------------------*/
/* 商品列表 */
.ProList .item { float:left; width:32%; margin-left:2%; }
.ProList .item:nth-child(3n+1) { margin-left:0; }

/* bx_slider內頁共用 */
#Content .bx-wrapper .bx-pager { display:none; }

/* 商品內頁banner輪播 */
.p_slider { padding:0 50px; }
@media screen and (min-width: 1380px) {
.p_slider { margin-left:-50px; margin-right:-50px; }
}

/* 规格尺寸 */
.pro_item_title { display:table; width:100%; }
.pro_item_title > div { display:table-cell; vertical-align:bottom; width:50%; box-sizing:border-box; }
.pro_item_title .name { padding-right:1em; }
.size_list { padding-top:15px; }
.size_list .item { float:left; width:50%; margin-bottom:20px; }
.size_list .item:nth-child(even) > div { padding-left:30px; }
.size_list .item:nth-child(odd) > div { padding-right:30px; }
.size_list .cont { padding-top:10px; padding-bottom:20px; }
.size_list .cont > div { float:left; width:50%; box-sizing:border-box; }
.size_list .img { padding-right:15px; }

/*----------------------------------------------------------------------*/
/* 設計師內頁 */
.d_imgBox { float:left; width:45%; max-width:542px; }
.d_info { float:right; width:50%; }
.d_info h2 { font-size:2.875em; padding:1em 0; }
.d_info .desc { font-size:1.75em; }

/*----------------------------------------------------------------------*/
/* 预约展厅 */
.showroom_list_switch.below, .showroom_list_switch.below + .editable_content { display:none !important; }
.showroom_list dl { float:left; width:33.3333%; }
.showroom_list dl:nth-child(3n+1) { border-left:0; }
.showroom_list dl:nth-child(1n+4) { border-top:1px solid #dfdfdf; }

@media screen and (min-width: 1300px) {
.center_list.below { display:none; }
}
@media screen and (max-width: 1299px) {
.mapBox { display:none; }
}
.case_slider .slider-for .slick-prev:after { left: 45px; }
.case_slider .slider-for .slick-next:after { right: 45px; }