/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Raleway:400,500,600');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

/*==【基本設定】==*/
body{background:#fff;font:13px/1.231 'Raleway','微軟正黑體',Helvetica,sans-serif;letter-spacing:0.1em;}

#header h1,#footer h1,.title{margin:0;padding:0;font-size:15px;line-height:1.2;}
.ulli,.ulli ul,.ulli li{margin:0;padding:0;list-style:none;}
.tabbox .tab_hd li a,.tabbox .tab_hd li.on a,.rnav_show,.rnav_show *{-webkit-transition:none !important;-moz-transition:none !important;-o-transition:none !important;-ms-transition:none !important;transition:none !important;}

#wrap{position:relative;z-index:2;padding:145px 0 0;overflow:hidden;}
.inbox{width:1560px;margin:0 auto;}
.inbox02{width:1200px;margin:0 auto;}
img{max-width:100%;}
.Txt img{height:auto !important;}

#header{z-index:999;position:fixed;left:0;top:0;width:100%;min-height:145px;background:#fff;}
#header .inbox{position:relative;}
/* Logo */
#header h1{position:absolute;left:0;top:15px;}
/* 手機主選單 */
.an_menu{display:none;}
.shicon{display:none;}
.rnav_show{display:none;}
/* 主選單 */
.mnav{text-align:center;padding:70px 0 0;}
.mnav li{display:inline-block;position:relative;}
.mnav li a.fsta{display:block;padding:10px 20px 46px;font-size:16px;color:#666;}
.mnav li a.fsta:hover{color:#715024;}
.mnav li.nav_img{margin-left:10px;}
.mnav li.nav_img+.nav_img{margin-left:3px;}
.mnav li.nav_img img{margin-top:-3px;}
/* 次選單 */
/*.sub_t{background:url(../images/header/icon_mnav.png) no-repeat scroll center center;width:20px;height:20px;position:absolute;left:50%;top:-10px;margin:0 0 0 -10px;}*/
.subnav{
	display:none;position:absolute;z-index:999;width:150px;left:0;top:75px;margin:0 0 0 -20px;background:#7a6955;padding:10px 0 5px;text-align:center;
	-webkit-box-shadow:0px 2px 5px rgba(0,0,0,0.2);-moz-box-shadow:0px 2px 5px rgba(0,0,0,0.2);box-shadow:0px 2px 5px rgba(0,0,0,0.2);
}
.subnav li{display:block;position:static;}
.subnav a{color:#fff;font-size:14px;display:block;padding:8px 5px 8px 15px;position:relative;text-align:left;}
.subnav a:hover,.subnav li.hv>a{background:#877866 !important;}
.subnav ul ul{
	display:none;position:absolute;left:98%;top:0;width:150px;background:#7a6955;text-align:center;border-left:1px solid #695a48;min-height:100%;padding:10px 0 5px;box-sizing:border-box;
	-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.2);-moz-box-shadow:2px 2px 2px rgba(0,0,0,0.2);box-shadow:2px 2px 2px rgba(0,0,0,0.2);
}
.subnav ul ul li a{background:none;}
.subnav ul ul li a:hover{background:rgba(255,255,255,0.1);}
.hassub:after{content:"\f105";font-family:FontAwesome;font-style:normal;font-weight:normal;position:absolute;font-size:12px;color:#fff;top:9px;right:3%;z-index:1;}
/* Header type_hd01 */
#header,#header *,#header.type_hd01,#header.type_hd01 *{-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;transition:all .35s ease-in-out;}
#header.type_hd01{min-height:90px;-webkit-box-shadow:0px 2px 5px rgba(0,0,0,0.2);-moz-box-shadow:0px 2px 5px rgba(0,0,0,0.2);box-shadow:0px 2px 5px rgba(0,0,0,0.2);}
#header.type_hd01 h1.title{width:90px;top:10px;}
#header.type_hd01 .mnav{padding:25px 0 0;}
#header.type_hd01 .mnav li a.fsta{padding:10px 20px 36px;}
#header.type_hd01 .subnav{top:65px;}

#content{z-index:2;}
.l{display:inline;float:left;}
.r{display:inline;float:right;}
/* 主視覺 */
.mbnr_wrap{position:relative;z-index:1;overflow:hidden;}
.mbnr{position:relative;overflow:hidden;background: no-repeat scroll center center;background-size:cover;}
.mbnr li{ width: 100vw; background:url(../images/content/item_bnr01.jpg) no-repeat scroll center center;background-size:cover;}
.mbnr_img{position:absolute;left:50%;top:0;margin:0 0 0 -960px;width:1920px;height:100%;}
.mbnr_txt{
	position:absolute;z-index:199;left:0;top:45%;width:100%;margin:-25px 0 0;text-align:center;font-size:40px;color:#fff;letter-spacing:0.1em;text-transform:uppercase;
	-webkit-text-shadow:2px 2px 4px rgba(86,51,23,0.4);-moz-text-shadow:2px 2px 4px rgba(86,51,23,0.4);text-shadow:2px 2px 4px rgba(86,51,23,0.4);
}
.mbnr_txt br{display:none;}
.i_scroll{position:absolute;z-index:199;left:50%;bottom:30px;margin-left:-35px;text-indent:-9999px;background:url(../images/content/icon_scroll.png) no-repeat scroll center center;width:70px;height:70px;}
/* 產品區 */
.probox{padding:100px 0;position:relative;overflow:hidden;}
.probox ul{position:relative;z-index:2;margin:0 5%;}
.probox li{display:inline;float:left;width:50%;box-sizing:border-box;color:#000;visibility:hidden;}
.probox li img{max-width:600px;}
.pro01 .igbox{display:inline;float:right;}
.pro02{margin:8% 0 0 !important;}
.pro02 .igbox{display:inline;float:left;}
.probox h2.title{font-size:20px;font-weight:normal;background:url(../images/content/icon_01.png) no-repeat scroll left 7px;padding:0 0 15px 20px;}
.bgbar{position:absolute;left:0;top:0;width:100%;height:100%;}
.bgbar div{background:#D5EAEF;width:60%;height:560px;visibility:hidden;}
.bgbar01{width:40% !important;height:350px !important;}
.bgbar div.r{display:block;float:none;margin-left:40%;}
.bgbar div.l{display:block;float:none;margin-right:50%;}
/* bg00_bg01_bg02 */
.bg00{background:#fff;}
.bg01{background:#EEE9E6;}
.bg01 .pro01{background:#fff;}
.bg01 .pro02{background:#D0CCC9;}
.bg02{background:#F3F8FC;}
.bg02 .pro01{background:#DCE0E3;}
.bg02 .pro02{background:#fff;}
/* 案例分享 */
.box01{padding:40px 0 30px;}
.bg03{background:url(../images/content/bg_project.jpg) no-repeat scroll center center;background-size:cover;}
.bg03 .box_hd h2.title{color:#fff;}
.box_hd{text-align:center;padding:30px 0;}
.box_hd h2.title{font-size:30px;font-weight:normal;color:#B8AC9E;}
.box_hd h2.title em{font-size:50px;padding:0 30px 0 0;}
.box_bd{padding:20px;}
.box_bd_note{margin:2em 0; padding-left: 1.2em; font-size:1.2em;line-height:1.6;color:#5e5345;}
.box_bd_note li{ margin: 0.2em 0; }
.box_bd_note>li:before{content:"※ "; margin-left: -1.2em;}
.box_bd_note .d_hide{display: none;}
.list01 li{display:inline;float:left;width:24%;margin:10px 0.5%;}
.i_right,.list01 li .igbox a::before{
	-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;transition:all .35s ease-in-out;
}
.list01 li .igbox{position:relative;overflow:hidden;}
.list01 li .igbox a{display:block;}
.list01 li .igbox a::before{
	position:absolute;top:20px;right:20px;bottom:20px;left:20px;content:'';box-shadow:0 0 0 20px rgba(255,255,255,1);opacity:0;
	-webkit-transform:scale3d(1.4,1.4,1);transform:scale3d(1.4,1.4,1);
}
.list01 li.hv .igbox a::before{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
.list01 li .igtxt{position:relative;padding:15px 0 0 70px;color:#fff;}
.list01 li .igtxt h3.title{font-weight:normal;padding:0 0 3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.i_right{position:absolute;left:0;top:0;width:60px;height:60px;text-align:center;line-height:60px;background:#000;font-size:20px;}
.hv .i_right{background:#B8AC9E;}
.abtnbar{padding:30px 0 0;}
.i_more{display:block;background:url(../images/content/bg_more.png) no-repeat scroll center center;width:70px;height:70px;line-height:70px;color:#fff;text-align:center;margin:0 auto;}
.i_more:hover{color:#fff;}
/*---------
    內頁
----------*/
/* topbar */
.topbar{background:#B8AC9E;color:#fff;font-size:18px;padding:18px 0 22px;}
.pathbar{display:inline;float:left;min-width:50%;padding:10px 0 0;}
.pathbar span{background:url(../images/content/icon_02.png) no-repeat scroll left 0;padding:0 0 0 15px;}
.pathbar span.fst{background:none;padding:0;}
.pathbar span a{color:#fff;}
.pathbar span a:hover{color:#D3CBC3;}
.shbar{display:inline;float:right;}
.shbar .tf{background:none;border:0;border-bottom:1px solid #fff;color:#fff;padding:3px;width:200px;font-family:'Raleway','微軟正黑體',sans-serif;outline:none;}
.shbar .btn{border:0;width:36px;height:36px;outline:none;color:#fff;background:#B8AC9E;font-size:25px;}
.shbar .tf::-webkit-input-placeholder{color:#eee;font-size:15px;}
.shbar .tf::-moz-placeholder{color:#eee;font-size:15px;}
.shbar .tf:-ms-input-placeholder{color:#eee;font-size:15px;}
.shbar .tf:-moz-placeholder{color:#eee;font-size:15px;}
.bg_shbar{display:none;}
.shicon{display:none;}
/* 主內容 */
.mcont{padding:40px 0;}
.nopd{padding:0;}
.nopd_t{padding:0 0 40px;}
/* 最新消息 */
.list03 li{display:inline;float:left;width:32%;padding:30px 0.5%;}
.list03 li .igbox img{-webkit-box-shadow:15px 15px 0 rgba(238,233,230,1);-moz-box-shadow:15px 15px 0 rgba(238,233,230,1);box-shadow:15px 15px 0 rgba(238,233,230,1);}
.list03 li .igtxt{padding:25px 0 0;}
.list03 li .igtxt h3.title{font-size:20px;font-weight:normal;color:#B8AC9E;}
.list03 li .igtxt em.i_date{font-size:15px;color:#666;}
.igbox.hscover{position:relative;}
.igbox.hscover .hscover_box{display:none;background:rgba(44,45,52,0.9);position:absolute;left:0;top:0;width:100%;height:100%;padding:25% 0 0;box-sizing:border-box;text-align:center;color:#eae0d4;}
.igbox.hscover .hscover_box>a{display:none;position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;color:inherit;transition-delay: 0.3s;}
.igbox.hscover .hscover_btn{display:inline-block;color:#eae0d4;border:1px solid #b5a8a1;padding:5px 15px;margin:10px 0 0;}
.igbox.hscover .hscover_btn:hover{background:#b5a8a1;color:#fff;}
/*.igbox.hscover.hv .hscover_box, .igbox.hscover.hv .hscover_box>a{display:block;z-index:1;opacity:1}*/
/* 文章 */
.txtbox .inbox{width:1100px;}
.txt_hd{background:url(../images/content/line_01.jpg) repeat-x scroll left 50px;position:relative;}
.txt_hd .inbox{box-sizing:border-box;padding-left:300px;min-height:200px;position:relative;}
.txt_hd .igbox{position:absolute;left:0;top:0;width:265px;-webkit-box-shadow:15px 15px 0 rgba(238,233,230,1);-moz-box-shadow:15px 15px 0 rgba(238,233,230,1);box-shadow:15px 15px 0 rgba(238,233,230,1);}
.txt_hd em.i_date{font-size:15px;color:#666;display:block;padding:20px 0 0;}
.txt_hd h2.title{font-size:30px;font-weight:normal;color:#B8AC9E;padding:25px 0 0;}
.txt_hd .sharebar{position:absolute;right:0;top:10px;font-size:25px;color:#999;display:none;}
.txt_hd .sharebar a{color:#999;display:inline-block;width:35px;height:35px;line-height:35px;text-align:center;}
.txt_hd .sharebar a:hover{color:#D3CBC3;}
.txt_bd{padding:20px 0 10px;}
.txtbox .abtnbar{background:url(../images/content/line_01.jpg) repeat-x scroll left top;padding:0;margin:30px 0 0;}
.abtn01 i{display:inline-block;background:#B8AC9E;width:60px;height:60px;text-align:center;line-height:60px;font-size:20px;color:#fff;margin:0 10px 0 0;}
a.abtn01{display:inline-block;color:#B8AC9E;font-size:16px;padding:0 15px 0 0;}
a.abtn01:hover{background:#F5F3F1;}
/* 公司簡介 */
.abbox{position:relative;padding:0 0 120px;margin:30px 0;}
.abbox .igbox{display:inline;float:right;}
.igtxt_wrap{background:url(../images/content/bg_igtxt.png) no-repeat scroll right top;background-size:auto 90%;padding:40px 40px 0 0;width:430px;position:absolute;left:0;top:200px;}
.igtxt_wrap .igtxt{background:#EEE9E6;padding:40px 40px;}
.igtxt_wrap .igtxt h3.title{font-size:40px;color:#B8AC9E;font-weight:normal;}
.list04 li{display:inline;float:left;width:20%;text-align:center;}
.list04 li .igtxt{font-size:14px;color:#333;padding:20px 0 0;max-width:200px;margin:0 auto;}
.list04 li .igtxt h3.title{display:inline-block;font-size:25px;background:url(../images/content/line_02.jpg) repeat-x scroll center bottom;padding:0 0 5px;font-weight:normal;}
.list04 li .igtxt p{padding:15px 0 0;line-height:1.6;letter-spacing:0;}
/* 聯絡我們 */
.mapbox{background:#eee;}
.inmap{position:relative;background:#7a6955;}
.mapbox iframe,.mapbox object,.mapbox embed{opacity:0.9;filter:alpha(opacity=90);}
.mapcv{background:rgba(122,105,85,0.1) url(../images/content/bg_igtxt.png) repeat;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;opacity:0.5;}
.contactbox{padding:60px 0;color:#666;font-size:16px;}
.contactbox .lbox{display:inline;float:left;width:42%;}
.contactbox .lbox h3.title{font-size:40px;color:#B8AC9E;font-weight:normal;padding:0 0 10px;background:url(../images/content/icon_title.png) no-repeat scroll left 0;padding:5px 0 5px 40px;}
.contactbox .lbox h3.title span{font-size:15px;color:#666;display:block;padding:5px 0 0;}
.infolist{padding:20px 0 0 40px;}
.infolist li{position:relative;padding:15px 10px 15px 40px;border-bottom:1px solid #EEE9E6;}
.infolist li i{position:absolute;left:10px;top:17px;font-size:15px}
.infolist li a{color:#FF7F00;text-decoration:underline;}
.infolist li a:hover{text-decoration:none;}
.contactbox .rbox{display:inline;float:right;width:55%;}
.tfbar{border-bottom:1px solid #EEE9E6;padding:5px 5px 5px 80px;position:relative;margin:7px 0;box-sizing:border-box;}
.tfbar .tf{background:none;border:0;font-size:16px;padding:5px;width:100%;box-sizing:border-box;}
.tfbar b{position:absolute;left:10px;top:10px;color:#666;width:70px;}
.tfbar b em{font-size:15px;color:#F00;font-family:Arial;}
.tfbar02{border:1px solid #EEE9E6;}
.tfwrap .tfbar.l{width:49%;}
.tfwrap .tfbar.r{width:49%;}
.tfbar03{padding-left:5px;line-height:2.5;}
.tfbar03 b{position:static;padding:0 10px 0 0;}
.tfbtn{text-align:left;}
.captcha_box{display: inline-block;vertical-align:bottom;margin-right:15px;max-width:calc(100% - 155px);}
.btn01{display:inline-block;border:0;background:#B8AC9E;width:140px;height:40px;margin-top:-40px;color:#fff;font-size:16px;}
/* 產品列表 */
.seltype{display:none;}
.prolist{padding:0 0 20px;}
.prolist li{display:inline;float:left;box-sizing:border-box;border:1px solid #EEEDE9;border-left:0;border-top:0;width:20%;}
.prolist li a{display:block;padding:8%;}
.prolist .igbox{width:100%;height:280px;overflow:hidden;line-height:280px;text-align:center;margin:0 auto;position:relative;}
.prolist .igbox img{max-height:100%;}
.prolist .igbox:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:url(../images/header/item_logo_w.png) center center no-repeat;background-size:35% auto;}
.prolist a:hover .igbox:after{background:none;}
.prolist .igbox .fa-search-plus{display:none;position:absolute;left:50%;top:50%;color:#fff;font-size:40px;margin:-20px 0 0 -20px;}
.prolist .igtxt{font-size:13px;color:#999;position:relative;margin:20px 0 0;height:70px;padding:0 30px 0 0;}
.prolist .igtxt p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.prolist .igtxt .prolist_no{display:block;margin:0.2em 0;font-size:20px;font-weight:600;color:#444;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.prolist .igtxt .prolist_brand{display:block;margin:0.2em 0;font-size:15px;color:#444;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.prolist .igtxt .fa-long-arrow-right{position:absolute;right:0;bottom:17px;color:#9E9E9E;font-size:20px;}
.prolist li a:hover{background:#6E6A67;}
.prolist li.hv .igtxt{color:#ccc;}.prolist li.hv .igtxt .prolist_brand, .prolist li.hv .igtxt .prolist_no{color:#fff;}
.prolist li.hv .igtxt .fa-long-arrow-right{color:#fff;}
.prolist li.hv .igbox .fa-search-plus{display:block;}
.prolist li.hv .igbox img{opacity:0.4;}
/* 產品內容 */
.pro_main{background:#FAF9F7;padding:80px 0;}
.pro_main .lbox{width:43%; margin-top: -1.8em;}
#changebg{display:inline-block;background-repeat:repeat;position:relative;}
.i_cover{position:absolute;left:0;top:0;right:0;bottom:0;opacity:0.5;filter:alpha(opacity=50);}
.i_cover img{position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;}
.ig_grally{position:relative;display:inline-block;}
.ig_grally ul{position:absolute;right:5px;top:10px;}
.ig_grally ul li{position:relative;float:left;margin:0 5px 0 0;width:30px;height:30px;border:1px solid #fff;opacity:0.5;overflow:hidden;}
.ig_grally ul li.on{border:1px solid #000;opacity:1;}
.ig_grally ul li img{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;}
.pro_main .rbox{width:53%;}
.pro_translate{ margin-left: 47%; }
.pro_translate_btn{ display: inline-block; padding: 0.4em 0.8em 0.3em; font-size: 12px; letter-spacing: 0.05em; color: #86807a; border: solid 1px #bfb7af; }
.pro_translate_btn:hover{ color: #fff; background: #7a6955; border-color: #7a6955; }
.pro_main h2.title{color:#5e5345;font-size:22px;border-bottom:5px solid #5F5345;padding:5px 80px 15px 0;font-weight:normal;position:relative;}
.pro_main h2.title .pro_type{display:block;margin:0.3em 0 0;font-size:1.5em;font-weight:700;}
.pro_main h2.title .i_tag{position:absolute;right:0;bottom:20px;/*top:15px;*/background:#EF6968;color:#fff;padding:5px;font-size:15px;}
.pro_main .lbox h2.title{display:none;}
.infobar{padding:23px 0 10px 60px;position:relative;font-size:14px;color:#666;}
.infobar b{position:absolute;left:0;top:20px;font-size:16px;font-weight:normal;color:#5e5345;width:50px;}
.infobar01,.infobar02{padding:23px 0 10px;}
.infobar01 b,.infobar02 b{position:static;display:block;width:auto;padding:0 0 8px;}
.infobar02{border-top:1px solid #DDDDDF;margin:20px 0 0;}
.imgradio label,.txtradio label{height:50px;text-align:center;overflow:hidden;line-height:50px;position:relative;display:inline-block;margin:0 3px 0 0;}
.imgradio label .i_bor{position:absolute;left:0;top:0;width:100%;height:100%;border:5px solid #2d2d2d;display:none;z-index:2;box-sizing:border-box;}
.imgradio label.on .i_bor{display:block;}
.imgradio label input,.txtradio label input{position:absolute;left:5px;top:5px;z-index:1;}
.imgradio label img,.txtradio label p{position:relative;z-index:2;}
.hastxt{display:inline;float:left;margin:0 4px 0 0;}
.hastxt b{text-align:center;padding:0;}
.imgradio label b{display:block;overflow:hidden;text-align:justify;text-justify:inter-ideograph;}
.infobar02 .btns{margin:-0.3em;font-size:16px;}
.abtn02{display:inline;float:left;background:#7A6955;color:#fff;margin:0.3em;text-align:center;padding:0.8em 1.25em;box-sizing:border-box;position:relative;}
/*.abtn02 img{position:absolute;left:50%;top:50%;margin:-14px 0 0 -40px;}*/
.abtn02:hover{color:#fff;background:#84715c;}
/*.abtn02.fst{margin:0;}*/
.pro_sub{padding:50px 0;}
.box02{padding:30px 0 30px;}
.box02 .box_hd{border-bottom:1px solid #ddd;padding:0 0 10px;text-align:left;}
.box02 .box_hd h2.title{font-size:15px;color:#5E5345;font-weight:bold;}
.box02 .box_bd{padding:15px 0;}
.tabbox{padding:0 0 30px;}
.tabbox .tab_hd{border-bottom:1px solid #ddd;}
.tabbox .tab_hd li{display:inline;float:left;margin:0 10px 0 0;padding:6px 0 0;}
.tabbox .tab_hd li a{display:block;padding:8px 10px 7px;font-size:15px;color:#5e5345;width:160px;text-align:center;background:#F1ECE8;}
.tabbox .tab_hd li.on{padding:0;}
.tabbox .tab_hd li.on a{background:#fff;border:1px solid #ddd;border-bottom:1px solid #fff;margin:0 0 -1px;padding:10px;}
.tabbox .tab_bd{padding:10px 0;}
.iglist li{display:inline;float:left;position:relative;width:19%;margin:5px 0.5%;text-align:center;color:#333;font-size:15px;}
.iglist li p{padding:10px 0 0;}
.iglist li a{color:#333;}
.iglist li a:after{content:"";position:absolute;left:0;right:0;top:0;padding-top:100%;}
.btnbar{text-align:center;}
.abtn03{display:inline-block;padding:15px;margin:5px 0;width:290px;text-align:center;font-size:18px;color:#5e5345;border:3px solid #ddd;box-sizing:border-box;}
.abtn03:hover{background:#ddd;color:#5e5345;}
/* 表格下載 */
.list05 li{border-bottom:1px solid #EEE9E6;padding:5px 270px 5px 250px;position:relative;margin:30px 0 30px;}
.list05 li .igbox{position:absolute;left:0;bottom:0;}
.list05 li .igbox img{max-height:54px;width:auto;height:auto;-webkit-box-shadow:8px 8px 0 rgba(238,233,230,1);-moz-box-shadow:8px 8px 0 rgba(238,233,230,1);box-shadow:8px 8px 0 rgba(238,233,230,1);}
.list05 li h3.title{font-size:18px;color:#7a6a55;font-weight:normal;padding:40px 0 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.dlbox{position:absolute;right:5px;bottom:10px;}
.i_dl{font-size:15px; padding:8px 0; color: #7a6a55;}
/*.i_dl+.i_dl{ margin-left: 1.5em;}*/
.i_dl+.i_dl:before{ content: ""; display: inline-block; vertical-align: -0.1em; width: 0; height: 1em; margin: 0 0.75em; border-left: solid 1px #ddd;}
/*.i_dl{background:#B8AC9E;color:#fff;font-size:16px;padding:8px 10px;display:inline;float:left;margin:2px;}*/
/*.i_dl:hover{color:#fff;background:#84715c;}*/
/* fancybox */
.fybox{display:none;}
.fy_bd{padding:20px;}
.fy_bd .formbox{margin:0 2%;}
.fy_bd .formbox b{color:#fff;display:block;font-weight:normal;font-size:22px;text-align:center;}
.fy_bd .formbox .formbox_note{margin-top:0.5em;font-size:14px;text-align:center;color:#fff;}
.fy_bd .formbox .tfbar{padding:10px 0 0;border:0;}
.fy_bd .formbox .tf{border:1px solid #fff;background:rgba(255,255,255,0.6);padding:5px;font-size:18px;box-sizing:border-box;width:70%;float:left;}
.fy_bd .formbox .btn{background:rgba(255,255,255,0.6);color:#7a6955;font-size:20px;border:0;padding:5px 10px;box-sizing:border-box;width:25%;float:right;}
/* 案例分享 */
.casebox{padding:130px 0;}
.casebox .igtxt{width:58%;background:url(../images/content/bg_igtxt02.png) no-repeat scroll left bottom;padding:0 0 60px 60px;box-sizing:border-box;position:relative;}
.casebox .igtxt .i_case{font-size:80px;color:#E9E9E9;font-style:italic;letter-spacing:0;}
.casebox .igtxt h3.title{font-size:25px;font-weight:normal;color:#B8AC9E;padding:0 0 0 10px;}
.casebox .igtxt .i_date{font-size:15px;color:#999;padding:0 0 0 10px;}
.casebox .igtxt p{font-size:15px;color:#999;line-height:1.6;padding:20px 0 0 10px;text-align:justify;text-justify:inter-ideograph;}
.casebox .igtxt .i_viewmore{position:absolute;right:0;bottom:-12px;font-size:20px;color:#B8AC9E;background:#fff url(../images/content/icon_more.png) no-repeat scroll 95% center;padding:15px 60px 15px 20px;}
.casebox .igtxt .i_viewmore:hover{
	background:#B8AC9E url(../images/content/icon_more_hv.png) no-repeat scroll 95% center;color:#fff;
	-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;
}
.casebox .igbox{width:38%;position:relative;}
.casebox .igbox span{position:absolute;left:-30%;top:-70px;width:65%;-webkit-box-shadow:10px 10px 0 rgba(0,0,0,0.2);-moz-box-shadow:10px 10px 0 rgba(0,0,0,0.2);box-shadow:10px 10px 0 rgba(0,0,0,0.2);}
.list01_2 li{width:32%;}
.list01_2 li .igtxt{color:#999;font-size:15px;padding:15px 0 0;}
.list01_2 li .igtxt h3.title{font-size:20px;color:#B8AC9E;}
.list01_2 li .igtxt p{padding:15px 0 0;line-height:1.4;}
.list01_2 li .igbox a::before{box-shadow:0 0 0 20px rgba(184,172,158,1);}
.list01_2 li .igbox a{color:#fff;}
.list01_2 li .igbox .i_right{position:absolute;left:auto;top:auto;right:0;bottom:0;}
/* 頁數 */
.pglist{display:table;min-width:100px;margin:0 auto;padding:30px 0 0;text-align:center;font-family:'Open Sans',sans-serif;}
.pglist p,.pglist ul{display:inline;float:left;font-size:16px;}
.pglist ul{padding:0 10px;}
.pglist li{display:inline-block;margin:0 1px;}
.pglist li a,.pglist li span{display:inline-block;width:50px;height:50px;line-height:50px;text-align:center;color:#7A6B54;margin:0 5px;}
.pglist li a:hover,.pglist li span{background:#9CC8D1;color:#fff;}
.pglist p a{display:inline-block;width:auto;height:50px;line-height:50px;color:#8B9A9F;padding:0 20px;margin:0 3px;background:#D5EAEF;}
.pglist p a:hover{background:#9CC8D1;color:#fff;}
/* iframe RWD*/
.rwdbox{position:relative;padding-bottom:25.25%;padding-top:25px;height:0;width:100%;margin:0 auto;}
.rwdbox iframe,.rwdbox object,.rwdbox embed{position:absolute;top:0;left:0;width:100%;height:100%;}

#footer{z-index:1;background:#F6F5F3;position:relative;overflow:hidden;}
#footer .inbox{overflow:hidden;}
/* Footer 主選單 */
.fnav{width:7%;margin:40px 3%;padding:15px 0 0;}
.fnav li{padding:0 0 20px 0;}
.fnav li a{font-size:16px;color:#715024;}.fnav a:hover{text-decoration:underline;}
/* Footer 產品列 */
.list02{width:55%;margin:40px 0;padding:0 0 0 5%;border-left:1px solid #D6D3CA;}
.list02 ul{display:inline;float:left;width:24%;padding:0 10px;box-sizing:border-box;}
.list02 li{padding:15px 0 15px;}
.list02 li b{font-size:18px;font-weight:normal;color:#715024;padding:0 0 5px;display:block;}
.list02 ul ul{display:block;float:none;width:auto;padding:0;}
.list02 li li{display:block;float:none;width:auto;padding:4px 0;}
.list02 li li a{font-size:13px;color:#666;}.list02 li li a:hover{color:#000;text-decoration:underline;}
/* Footer 公司資訊 */
.infobox{position:absolute;right:0;top:0;width:30%;height:100%;box-sizing:border-box;background:#B8AC9E;color:#fff;}
.in_info{position:relative;height:100%;}
.info{width:280px;position:absolute;left:50%;top:50%;margin:-120px 0 0 -150px;font-size:14px;line-height:1.4;}
.info h3.title{font-size:33px;font-weight:normal;line-height:1.1;padding:0 0 30px;}
.info h3.title em{font-size:17px;display:block;}
.info a{color:#fff;}.info a:hover{text-decoration:underline;}
.cpright{display:block;padding:25px 0 0;color:#e8e0d7;font-size:13px;}

@media(max-width:1580px){
	.inbox{width:96%;}
	.probox{padding:6% 0;}
	.list03 li{width:30%;padding:30px 1.5%;}
	.box01{padding:2% 0;}
	.fnav{margin:2% 3%;padding:20px 0 0;}
	.list02{margin:2% 0;width:54%;padding:0 0 0 4%;}
	.in_info{box-sizing:border-box;padding:10% 0;}
	.info{position:static;margin:0 auto;}
}
@media(max-width:1370px){
	.probox li img{max-width:100%;}
	.bgbar div{height:auto;padding:35% 0 0;}
	.bgbar01{height:auto !important;padding:25% 0 0 !important;}
	.pro02{margin:12% 0 0 !important;}
}
@media(max-width:1250px){
	.inbox02{width:96%;}
	.mnav{text-align:right;}
	.prolist li{width:25%;}
	.txtbox .inbox{width:96%;}
	.abbox .igbox{width:95%;}
	.igtxt_wrap{top:50%;margin-top:-110px;}
	.list04 li{width:18%;margin:0 1%;}
	.list04 li .igtxt p br{display:none;}
	.fnav{width:8%;margin:2% 2% 2% 3%;}
	.list02{width:56%;padding:0 0 0 3%;}
}
@media(max-width:1100px){
	.mnav li a.fsta, #header.type_hd01 .mnav li a.fsta{ padding-left: 10px; padding-right: 10px; }
	.inbox{width:94%;}
	.inbox02{width:94%;}
	.txtbox .inbox{width:94%;}
	.list03 li{width:29%;padding:30px 2%;}
	.list04{text-align:center;}
	.list04 li{width:31%;margin:20px 1% 15px;}
	.i_right{width:50px;height:50px;line-height:50px;}
	.list01 li .igtxt{padding:10px 0 0 60px;}
	.list01 li .igtxt em.i_date{font-size:12px;letter-spacing:-0.01em;}
	.list01_2 li{width:31%;margin:10px 1%;}
	.list01_2 li .igtxt{padding:15px 0 0;}
	.casebox{padding:60px 0 80px;}
	.casebox .igbox span{width:55%;top:-30px;left:-10%;}
	.casebox .igtxt{padding:0 0 60px 40px;}
	.casebox .igtxt .i_case{font-size:70px;}
	.infobar01,.infobar02{padding:15px 0 0;}
	.infobar02{margin:10px 0 0;}
	.fnav{width:9%;margin:2% 2% 2% 1%;}
	.list02{width:58%;padding:0 0 0 2%;}
}
@media(max-width:990px){
	.mnav li a.fsta{padding:10px 10px 46px;}
	#header.type_hd01 .mnav li a.fsta{padding:10px 10px 36px;}
	.subnav{margin:0 0 0 -30px;}
	.fnav{display:none;}
	.infobox{width:38%;}
	.list02{width:63%;border:0;padding:0;}
	.mcont{padding:30px 0;}
	.mcont.nopd_t{padding:0 0 40px;}
	.mcont.nopd{padding:0;}
	.abbox{padding:0 0 80px;}
	.igtxt_wrap .igtxt{padding:20px;}
	.list01 li{width:48%;margin:15px 1%;}
	.list01_2 li{width:31%;margin:10px 1%;}
	.box_hd{padding:20px 0 0;}
	.pro_main{padding:40px 0;}
	/*.pro_main .rbox h2.title{font-size:30px;}*/
	.list03 li .igtxt h3.title{font-size:18px;}
	.pglist p a{height:40px;line-height:40px;padding:0 17px;}
	.pglist li a,.pglist li span{width:40px;height:40px;line-height:40px;margin:0 2px;}
	.prolist li{width:33.3%;}
	.contactbox .lbox h3.title{font-size:30px;}
	.pro_sub{padding:20px 0;}
	.in_info{padding:9% 0;}
	.list05 li{padding:0 10px 15px;margin:10px 0 30px;}
	.list05 li h3.title{padding:0 0 5px;white-space:inherit;text-overflow:auto;}
	/*.list05 li .igbox{position:static;width:100%;background:#EEE9E6;padding:5px 265px 5px 5px;box-sizing:border-box;}*/
	.list05 li .igbox{position:static;width:100%;padding:10px 265px 0px 0;box-sizing:border-box;}
	.list05 li .igbox img{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
	.dlbox{ bottom: 30px;}
}
@media(max-width:890px){
	.mbnr_txt br{display:block;clear:both;}
	.probox h2.title{font-size:16px;padding:0 0 15px 15px;background-position:left 5px;}
	.casebox .igbox{margin:7% 0 0;}
	.casebox{padding:50px 0;}
	.igtxt_wrap .Txt{font-size:14px;}
}
@media(min-width:851px){
	.mnav{display:block !important;height:auto !important;}
	.shbar{display:block !important;}
}
@media(max-width:850px){
	#wrap{padding:90px 0 0;}
	#header{min-height:90px;}
	#header h1.title{top:10px;}
	#header h1.title a{display:block;width:200px;height:65px;background:url(../images/header/item_logo02.png) no-repeat scroll left center;background-size:100% auto;}
	#header h1.title img{display:none;}
	.an_menu{display:inline;float:right;margin:20px 0 0;}
	.mnav,.mnav *{-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none;}
	.mnav{display:none;padding:0;}
	.mnav li{display:block;background:none;padding:0;margin:0;border-top:1px solid #6b5c3d;}
	.mnav li a{display:block;}
	.mnav li a.fsta{padding:15px !important;color:#fff;text-align:left;}
	.mnav li a.fsta:hover{color:#fff;background-color:rgba(255,255,255,0.1);}
	.mnav li.nav_img{text-align:center;}
	.mnav li.nav_img a{display:inline-block;padding:20px 10px;}
	.mnav li.nav_img img{margin-top:0;}
	.subnav{display:block !important;background:#564b3d;position:static;margin:0;width:auto;padding:0;text-align:left;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
	.subnav li{border-top:1px solid #6d5e42;}
	.subnav li a{padding:10px 15px;}
	.subnav li a:hover{background:none !important;}
	.subnav ul ul{background:#333;position:static;width:auto;margin:0;border:0;text-align:left;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;padding:0;}
	.subnav ul ul li{border-top:1px solid #222;}
	.subnav ul ul ul{background:#111;}
	.rnav_show .mnav{display:block;width:auto;padding:0 !important;}
	.rnav_show{
		display:block;position:fixed;top:90px;right:-250px;bottom:0;width:250px;height:100%;box-sizing:border-box;background:#7A6955;border-bottom:0;padding:0 !important;text-align:left;
		-webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.2);-moz-box-shadow:3px 3px 5px rgba(0,0,0,0.2);box-shadow:3px 3px 5px rgba(0,0,0,0.2);
	}
	.hassub:after{
		content:"\f078";font-family:FontAwesome;font-style:normal;font-weight:normal;position:absolute;font-size:11px;color:#fff;top:12px;right:5%;z-index:1;
		-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);transform:rotate(-90deg);
	}
	.hassub.hv:after{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
	.shicon{display:inline;float:right;width:40px;height:32px;background:#B8AC9E;color:#fff;text-align:center;line-height:35px;font-size:25px;cursor:pointer;}
	.shbar{
		display:none;position:absolute;left:0;top:90px;width:100%;box-sizing:border-box;
		-webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.2);-moz-box-shadow:3px 3px 5px rgba(0,0,0,0.2);box-shadow:3px 3px 5px rgba(0,0,0,0.2);
	}
	.shbar.on .inshbar{position:relative;padding:8px 80px 8px 10px;background:#B8AC9E;z-index:102;}
	.shbar.on .tf{width:100%;box-sizing:border-box;background:#fff;border:0;font-size:25px;padding:5px;color:#333;}
	.shbar.on .btn{position:absolute;right:5px;top:8px;width:70px;}
	.shbar.on .tf::-webkit-input-placeholder{color:#B8AC9E;font-size:20px;}
	.shbar.on .tf::-moz-placeholder{color:#B8AC9E;font-size:20px;}
	.shbar.on .tf:-ms-input-placeholder{color:#B8AC9E;font-size:20px;}
	.shbar.on .tf:-moz-placeholder{color:#B8AC9E;font-size:20px;}
	.shbar.on .bg_shbar{display:block;position:fixed;left:0;right:0;top:70px;width:100%;height:100%;background:rgba(255,255,255,0.8);z-index:101;}
	#header.type_hd01{min-height:70px;}
	#header.type_hd01 h1.title a{width:160px;height:50px;}
	#header.type_hd01 .an_menu{margin:10px 0 0;}
	#header.type_hd01 .rnav_show{top:70px;}
	#footer .inbox{width:auto;}
	.infobox{position:static;width:auto;}
	.in_info{padding:25px 0 20px;}
	.info{width:auto;text-align:center;}
	.list02.l{display:block;float:none;width:auto;padding:0 2%;}
	.list02 ul{width:25%;}
	.seltype{display:block;padding:5px;border-bottom:1px solid #EEEDE9;background:#eee;}
	.sel{
		background:#fff url(../images/content/icon_03.png) no-repeat scroll 98% center;background-size:30px auto;
		padding:10px 40px 10px 2%;font-size:20px;line-height:30px;box-sizing:border-box;border:none;width:100%;color:#7A6955;
		-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;
	}
	.casebox .igtxt .i_case{font-size:50px;}
	.contactbox{padding:30px 0;}
	.contactbox .lbox,.contactbox .rbox{display:block;float:none;width:auto;}
	.contactbox .rbox{padding:20px 0;}
	.topbar{padding:10px 0 14px;}
	.pathbar{padding:9px 0 0;min-width:none;}
	.pathbar span{display:none;}
	.pathbar span.fst,.pathbar span:last-child{display:inline-block;}
}
@media(max-width:700px){
	.pro_translate{ margin: 0; }
	.pro_main .lbox,.pro_main .rbox{display:block;float:none;width:auto; margin-top: 0;}
	.pro_main .lbox .ig_grally{width:500px;margin:0 auto;padding:0 0 0;text-align:center;}
	.gopath{padding:20px 0 16px;font-size:15px;}
	.probox li{width:auto;margin:10px auto !important;}
	.prolist li{width:50%;}
	.prolist .igbox{height:220px;line-height:220px;}
	.abbox{padding:0;margin:0;}
	.abbox .igbox{width:auto;display:block;float:none;}
	.igtxt_wrap{position:static;margin:0;width:100%;padding:0;background:none;}
	.igtxt_wrap .igtxt h3.title{font-size:30px;}
	.list04 li .igtxt p{height:70px;}
	.list03 li{width:46%;}
	.list03 li .igbox img{-webkit-box-shadow:10px 10px 0 rgba(238,233,230,1);-moz-box-shadow:10px 10px 0 rgba(238,233,230,1);box-shadow:10px 10px 0 rgba(238,233,230,1);}
	.casebox{background:url(../images/content/bg_igtxt02.png) no-repeat scroll left bottom;padding:0 0 40px 0;}
	.casebox .igtxt{display:block;float:none;width:auto;padding:0 0 60px;background:none;}
	.casebox .igtxt .i_viewmore{bottom:0px;}
	.casebox .igbox{display:block;float:none;width:auto;text-align:right;}
	.casebox .igbox span{left:0;}
	.list01_2{padding:20px 0 0;}
	.list01_2 li{padding:15px 0;}
	.txt_hd .inbox{padding:0;min-height:!important;}
	.txt_hd .igbox{position:static;margin:0 0 20px;-webkit-box-shadow:10px 10px 0 rgba(238,233,230,1);-moz-box-shadow:10px 10px 0 rgba(238,233,230,1);box-shadow:10px 10px 0 rgba(238,233,230,1);}
	.txt_hd h2.title{padding:10px 0 0;}
	.Txt{text-align:inherit;}
	.pglist{padding:20px 0 50px;position:relative;}
	.pglist ul{display:block;float:none;}
	.pglist .i_prev{position:absolute;left:0;bottom:0;}
	.pglist .i_next{position:absolute;right:0;bottom:0;}
	.bgbar div{padding:70% 0 0;}
	.bgbar01{padding:50% 0 0 !important;}
	.pro_main .lbox h2.title{display:block;margin:0 0 15px;}
	.pro_main .rbox h2.title{display:none;}
	.pro_main h2.title{padding-right:60px;}
	.pro_main h2.title .pro_type{margin: 0 -60px 0.2em 0;}
	.pro_main h2.title .i_tag{bottom:15px;}
	.b_fixed{
		position:fixed;left:0;bottom:0;width:100%;background:#fff;z-index:99;box-sizing:border-box;padding:10px 3%;overflow:hidden;
		-webkit-box-shadow:0 -5px 5px rgba(0,0,0,0.2);-moz-box-shadow:0 -5px 5px rgba(0,0,0,0.2);box-shadow:0 -5px 5px rgba(0,0,0,0.2);
		-webkit-overflow-scrolling: touch;
	}
	.imgradio_nowrap{padding:3px;white-space:nowrap;overflow-x:auto;margin:0 -3.5%;transform: translateZ(0);perspective: 1000;}
	.imgradio_nowrap label:first-child{margin-left:3.5%;}
	.imgradio_nowrap label:last-child{margin-right:3.5%;}
	.ig_grally ul{left:auto;top:auto;left:5px;bottom:5px;}
	.prolist .igtxt em{font-size:15px;}
}
@media(max-width:550px){
	.pro_main .lbox .ig_grally{width:100%;}
	.box_hd{position:relative;padding-bottom:20px;}
	.box_hd h2.title{font-size:35px;}
	.box_hd h2.title em{font-size:18px;position:absolute;left:0;bottom:0;width:100%;text-align:center;}
	.list01_2{padding:50px 0 0;}
	.list02 ul{width:48%;}
	.list04 li{width:48%;}
	.infobar02 .btns{font-size:14px;}
	.abtn03{width:100%;}
	.list03 li{width:96%;padding:0 2% 20px 2%;}
	.mbnr_txt{font-size:25px;top:40%;}
	.txt_hd .igbox{width:60%;}
	.txtbox{padding:0 4%;}
	.rwdbox{padding-bottom:45.25%;}
	.tfwrap .tfbar.l,.tfwrap .tfbar.r{display:block;float:none;width:auto;}
	.infolist{padding:10px 0 30px;}
	.pro_main{padding:20px 0;}
	.pro_sub{padding:0 0 30px;}
	.pro_main .rbox h2.title{font-size:25px;}
	.i_scroll{width:45px;height:45px;background-size:45px;margin-left:-22px;}
	.iglist li p{font-size:12px;}
	/*.pro_main h2.title{font-size:30px;padding:5px 80px 10px 0;}*/
	/*.pro_main h2.title .i_tag{top:10px;}*/
	.prolist li a{padding:6%;}
	.tabbox .tab_hd li{max-width:48%;margin:0 5px 0 0;}
	.tabbox .tab_hd li a{max-width:100%;box-sizing: border-box;}
}
@media(max-width:520px){
	.list05 li{ padding-bottom: 25px;}
	.list05 li .igbox{ margin: 0.3em 0 1em; padding: 0;}
	.list05 li .igbox img{width:100%;max-height:none;}
	.dlbox{position:static;}
	.i_dl{box-sizing:border-box;border-left:1px solid #fff;text-align:center;}
	/*.i_dl{display:inline;float:left;width:50%;margin:5px 0 0;box-sizing:border-box;border-left:1px solid #fff;text-align:center;}*/
	.tfbtn{text-align:center;}
	.captcha_box{display:block;margin:15px 0;max-width:none;vertical-align:baseline;text-align:-webkit-center;}
	.btn01{margin:0;}
}
@media(max-width:450px){
	.list01 li{width:auto;margin:0 auto;padding:0 0 30px;}
	.list02 li{width:100%;}
	.prolist .igbox{height:150px;line-height:150px;}
	/* .box_bd_note{padding-left: 2em;text-indent: -3.1em;text-align:center;}
	.box_bd_note:before{display:inline-block;vertical-align:text-top;margin: -0.15em 0.3em -2.4em -0.3em;text-indent:0;font-size: 2.4em;opacity: 0.3;} */
	.box_bd_note li{ margin: 0.5em 0; }
	.box_bd_note .d_hide{display:block;}
}
@media(max-width:380px){
	.prolist li a{padding:5%;}
}
@media(max-width:350px){
	.prolist .igtxt{/* height:auto; */padding:0;}
	.prolist .igtxt .fa-long-arrow-right{display:none;}
	.prolist .igtxt em{font-size:13px;}
}