/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Rubik+Mono+One'); /* font-family:'Rubik Mono One',sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300'); /* font-family:'Open Sans Condensed',sans-serif; */

/*==【基本設定】==*/
body{background-color:#30373F;font:13px/1.231 Arial,'微軟正黑體',Helvetica,sans-serif;}
	
	#header h1,#footer h1,.title{margin:0;padding:0;font-size:15px;line-height:1.4;}
	.ulli,.ulli ul,.ulli li{margin:0;padding:0;list-style:none;}
	.xxx{-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none;}

#wrap{position:relative;z-index:3;}
#bgbody{background-size:cover;position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;}
.bgcover{background-color:rgba(48,55,63,0.3);position:absolute;left:0;top:0;width:100%;height:100%;}
img{max-width:100%;}
.inbox{width:1220px;margin:0 auto;}

#header{z-index:2;position:relative;background:rgba(26,30,35,0.8);padding:10px 0;}
	/* Logo */
	h1.title{margin:5px 0;}
	/* 上方連結 */
	.tlinks{padding:15px 0 0;}
	.tlinks li{display:inline;float:left;margin:0 5px;position:relative;}
	.tlinks li a{font-family:'Rubik Mono One',sans-serif;font-size:12px;color:#fff;display:block;padding:5px;}
	.tlinks li a:hover{color:#F9D8AE;}
	.tlinks li:after{content:"";background:#F9D8AE;width:10px;height:3px;position:absolute;left:5px;bottom:0;}

#content{z-index:2;}
.l{display:inline;float:left;}
.r{display:inline;float:right;}
	/* 主內容 */
	.incont{background:#ECEEF0;border-top:3px solid #F9D8AE;margin-left:218px;margin-top:-50px;position:relative;z-index:3;padding:15px 0 25px;}
	/* 空間選擇 */
	.areabox{padding:0 15px;}
	.owl-carousel{width:970px !important;}
	.arealist{padding:10px 30px;box-sizing:border-box;}
	.arealist .item{border:5px solid #ECEEF0;width:150px;margin:0 auto;filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;}
	.arealist .item.hv{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
	.arealist .item.on{border:5px solid #AA894E;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
	.arealist .owl-dots{display:none;}
	.item_click{cursor:pointer;}
	/* 產品選擇 */
	.probox{margin:169px 0 0;}
	/* 產品構成主圖 */
	.pro_imgs{display:inline;float:left;position:relative;margin-left:-230px;background:rgba(0,0,0,0.2);width:850px;height:590px;padding:5px;overflow:hidden;}
	.pro_imgs .p_img{position:absolute;left:5px;top:5px;width:850px;height:590px;}
	/* 產品資訊 */
	.pro_info{position:absolute;z-index:999;right:5px;top:5px;bottom:5px;width:10px;background:rgba(27,35,44,0.9);}
	.ininfo{position:relative;}
	.i_arr{width:35px;height:35px;position:absolute;top:15px;left:-35px;background:rgba(27,35,44,0.9);color:#fff;text-align:center;line-height:35px;cursor:pointer;}
	.i_arr em{position:absolute;top:5px;left:-15px;width:25px;height:25px;line-height:25px;background:#F9D8AE;color:#333;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
	.infolist{display:none;padding:10px 5px 10px 10px;width:200px;height:570px;}
	.infolist li{padding:5px 5px 15px;margin:0 0 10px;background:url(../images/content/line_02.png) repeat-x scroll left bottom;}
	.info_hd{padding:0 50px 5px 0;position:relative;}
	.info_hd h2{color:#F8D8AD;font-size:20px;position:relative;}
	.info_hd h2:after{content:"";background:#F9D8AE;width:15px;height:3px;position:absolute;left:3px;bottom:-3px;}
	.info_hd .abtn{background:rgba(0,0,0,0.9);color:#fff;font-size:12px;padding:3px 5px;position:absolute !important;right:0;top:5px;}
	.info_img{padding:10px 0;}
	.info_img{padding-left:60px !important;position:relative;font-size:15px;min-height:50px;}
	.info_img img{height:50px;position:absolute;left:0;top:10px;}
	.info_img h3{margin:0;font-weight:normal;}
	.info_img .path{display:inline-block;background:#F9D8AE;padding:2px 5px;color:#333;margin:5px 0 0;font-size:12px;}
	.info_txt{color:#ccc;font-size:12px;line-height:1.4;}
	.price{border-left:3px solid #F9D8AE;padding:0 0 0 5px;color:#F9D8AE;font-size:16px;margin:8px 0 0;line-height:1;}
	.a_more{display:block;color:#0CF;padding:3px 0;font-size:15px;}
	.pro_info,.pro_info.open{-webkit-transition:width .5s ease-in-out;-moz-transition:width .5s ease-in-out;-o-transition:width .5s ease-in-out;transition:width .5s ease-in-out;}
	.pro_info.open{width:220px;}
	.pro_info .i_arr i,.pro_info.open .i_arr i{
		-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;
	}
	.pro_info.open .i_arr i{-o-transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);}
	.pro_info.open .infolist{display:block;color:#fff;}
	/* 產品選單 */
	.pro_r{display:inline;float:right;width:372px;}
	.pro_navs_wrap{height:450px;overflow:auto;background:#e5e5e5;padding:30px 10px 30px 30px;}
	.pro_navs{position:relative;margin:0 20px 0 0;}
	.multilevelpushmenu_wrapper{left:0;top:0;height:auto !important;}
	.multilevelpushmenu_wrapper li,.multilevelpushmenu_wrapper .backItemClass{border:0 !important;background:url(../images/content/line_01.jpg) repeat-x scroll left bottom;text-align:left !important;}
	.multilevelpushmenu_wrapper .backItemClass a{color:#aa894e;}
	.multilevelpushmenu_wrapper .backItemClass i.fa{margin:6px 5px 0 0;font-size:13px;color:#aa894e;}
	/* 產品圖 */
	.prolist01 li{padding:2px 2px 4px !important;}
	.prolist01 li a{padding:12px 10px 13px 70px !important;position:relative;font-size:18px;}
	.prolist01 li img{height:50px;position:absolute;left:8px;top:5px;border:1px solid #fff;}
	.prolist01 li em{display:block;color:#999;font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
	.prolist01 li.on a{background-color:#676565;color:#fff;}
	.prolist01 li.on a em{color:#fff;}
	.pro_btn{padding:20px 30px 0;}
	a.btn01{
		display:block;background:#1B232C url(../images/content/icon_btn01.jpg) no-repeat scroll 20px center;padding:13px 30px 13px 60px;color:#fff;font-size:20px;text-align:center;letter-spacing:.5em;
		-webkit-box-shadow:3px 3px 0 rgba(0,0,0,0.3);-moz-box-shadow:3px 3px 0 rgba(0,0,0,0.3);box-shadow:3px 3px 0 rgba(0,0,0,0.3);
	}
	a.btn01:hover{margin:2px 0 0 2px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}

#footer{z-index:1;padding:10px 0;color:rgba(255,255,255,0.5);font-family:'Open Sans Condensed','微軟正黑體',sans-serif;}
	.cpright{padding:0 10px;text-align:right;}

/* pop */
.remodal-wrapper .c-hamburger{float:right;}
.fy_hd{padding:0 0 5px;text-align:left;}
.fy_hd h2.title{font-size:35px;color:#B89B4E;font-weight:normal;font-family:'Open Sans Condensed',sans-serif;}
.fy_hd h2.title em{font-size:25px;color:#333;padding:0 0 0 10px;}
.i_close{position:absolute;right:10px;top:10px;background:none;border:none;font-size:30px;color:#494f56;}
.i_close:hover{color:#a9894e;}
.fy_bd{padding:15px 0 0;text-align:left;}
.fy_bd h1.title{text-align:center;padding:0 0 10px;}
.fy_bd h1.title img{width:250px;}
.tfbar.l,.tfbar.r{width:49%;}
.tfbar{padding:5px 0;}
.tfbar .tf{background:#fff;width:100%;box-sizing:border-box;padding:8px;font-size:15px;border:0;}
.btn02{background:#494f56;font-size:18px;color:#fff;position:relative;min-width:220px;box-sizing:border-box;height:50px;line-height:50px;border:0;bottom:-32px;margin-top:-15px;}

/* Hover */
.hv01{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}.hv01:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#a9894e;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hv01:active,..hv01:focus,.hv01:hover{color:#fff}.hv01:active:before,.hv01:focus:before,.hv01:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,.37,.66);transition-timing-function:cubic-bezier(0.52,1.64,.37,.66)}
.hv02{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hv02:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#a9894e;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hv02:active,.hv02:focus,.hv02:hover{color:#fff}.hv02:active:before,.hv02:focus:before,.hv02:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1)}

@media(max-width:1250px){
	.inbox{width:1100px;}
	.pro_r{width:252px;}
	.pro_navs_wrap{padding:30px 10px 30px 20px;}
	a.btn01{letter-spacing:0.2em;}
	.owl-carousel{width:850px !important;}
	.pro_btn{padding:20px 20px 0;}
}

.css3{
	-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
	-webkit-text-shadow:2px 3px 5px rgba(0,0,0,0.15);-moz-text-shadow:2px 3px 5px rgba(0,0,0,0.15);text-shadow:2px 3px 5px rgba(0,0,0,0.15);
	-webkit-box-shadow:inset 0px 0px 30px rgba(0,0,0,1);-moz-box-shadow:inset 0px 0px 30px rgba(0,0,0,1);box-shadow:inset 0px 0px 30px rgba(0,0,0,1);
	background:#007EC1;
	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#007EC1), to(#003D74));
	background:-webkit-linear-gradient(#007EC1, #003D74);
	background:-moz-linear-gradient(#007EC1, #003D74);
	background:-ms-linear-gradient(#007EC1, #003D74);
	background:-o-linear-gradient(#007EC1, #003D74);
	background:linear-gradient(#007EC1, #003D74);
	-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;max-width: 100%;
	-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);
}