@charset "utf-8";

body , .wrapper{ color:#333; background:#fff;}


/*a 鏈結字*/
a { color:#333;}
a:hover, a:focus { color:#FF440B; text-decoration:none; }


/*圖片*/
.pic img{ width:100%; height:auto;}
.maxpic img{ max-width:100%; height:auto;}


/*方形圖設定*/
.item-thumb-frame { position: relative; display:block; width: 100%; overflow: hidden; }
.item-thumb { display: block; max-width: 100%; padding-bottom: 100%; }

.flex-container{ display: flex; flex-wrap:wrap; }


/*====================================================================*/

 
/*page 分頁*/
.page{
	margin: 30px 0 60px 0;
	font-size:0.75rem;
	text-align:center;
	color:#666;
}
.page a , .page span{
	display:inline-block;
	border: 1px solid #999;
	padding: 6px 6px;
	margin:0 3px;
	font-size:0.8rem;
	line-height:1.1;
	min-width:26px;
	
	-ms-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-o-bborder-radius:2px;
	border-radius:2px;
}
.page span{ background:#F59016; color:#fff; border-color:#F59016;}

.page a{ color:#666; }
.page a:hover{ background:#333; color: #fff; border-color:#333; }


/*====================================================================*/

/*輪播-左右按鈕*/
.owl-nav-style .owl-next , .owl-nav-style .owl-prev{
	position: absolute;
	top:50%;
	width: 35px;
	height: 35px;
	margin-top:-20px;
	opacity:0;
	transition: all 0.2s ease-in-out;
}
.owl-nav-style .owl-prev { left: 0px; }
.owl-nav-style .owl-next{ right: 0px; }
.owl-nav-style .owl-prev:before , .owl-nav-style .owl-prev:after , .owl-nav-style .owl-next:before , .owl-nav-style .owl-next:after{
	position:absolute;
	z-index:5;
	left:50%;
	margin-top:-6px;
	width:3px;
	height:14px;
	content:"";
	background:#666;
	
	-ms-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-o-bborder-radius:2px;
	border-radius:2px;
}
.owl-nav-style .owl-prev:before , .owl-nav-style .owl-next:after{ bottom:50%; margin-bottom:-11px; }
.owl-nav-style .owl-prev:after , .owl-nav-style .owl-next:before{ top:50%; margin-top:-11px; }
.owl-nav-style .owl-prev:before , .owl-nav-style .owl-next:before{
	transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
}
.owl-nav-style .owl-prev:after , .owl-nav-style .owl-next:after{
	transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
}
.owl-nav-style:hover .owl-prev , .owl-nav-style:hover .owl-next{ opacity:0.8; }
.owl-nav-style .owl-prev:hover , .owl-nav-style .owl-next:hover{ opacity:1; }
.owl-nav-style .owl-prev:hover:before , .owl-nav-style .owl-prev:hover:after , 
.owl-nav-style .owl-next:hover:before , .owl-nav-style .owl-next:hover:after{ background:#136289; }



/*輪播-底下圓圈*/
.owl-dots-style .owl-dots{ position:absolute; bottom:10px; left:1%; width:98%; z-index:3; text-align:left; padding:0 10px;}
.owl-dots-style .owl-dots .owl-dot { display:inline-block; zoom:1 }
.owl-dots-style .owl-dots .owl-dot span {
	width:14px;
	height:14px;
	margin:0px 7px;
	background:#fff;
	border:1px solid #FF8B00;
	display:block;
	-webkit-backface-visibility:visible;
	transition:opacity .2s ease;
	
	-ms-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-bborder-radius:50%;
	border-radius:50%;
}
.owl-dots-style .owl-dots .owl-dot.active span, .owl-dots-style .owl-dots .owl-dot:hover span { background:#FF8B00; }
@media (max-width:960px) { 
	.owl-nav-style .owl-prev { left: 0px; }
	.owl-nav-style .owl-next{ right: 0px; }
	
	.owl-dots-style .owl-dots{ bottom:5px; padding:0; line-height:1; }
	.owl-dots-style .owl-dots .owl-dot span { width:12px; height:12px; margin:0px 5px; border-width:2px; } 
}
 


/*====================================================================*/


/*回頂端按紐*/
.backtop-btn{
	position: fixed;
	z-index: 99;
	bottom: 60px;
	right: 15px;
	width: 45px;
	height: 45px;
	color: #fff;
	text-align: center;
	background:#FF8006;
	
	border:3px solid rgba(255,255,255,0.8);
	padding:10px;
	cursor: pointer;
	
	opacity:0;
	transition:opacity 0.5s ease;
	-webkit-transition:opacity 0.5s ease;
	-moz-transition:opacity 0.5s ease;
	-o-transition:opacity 0.5s ease;
}
.backtop-btn img{ display:block; max-width:100%; height:auto; }
.backtop-btn:focus , .backtop-btn:hover{ color:#fff;}
.backtop-btn.show{ opacity:1; }
.backtop-btn:hover{ border-color: rgba(255,255,255,0.3); }



/*====================================================================*/

.header-top-bar{ background:#FF8006; }

.social-list{ display: flex; flex-wrap:wrap; }
.social-list li{ width:32px; margin:5px; line-height:1; border:1px solid transparent;}
.social-list li a{ display:block; }
.social-list li img{ display:block; max-width:100%; }
.social-list li , .social-list li img{
	-ms-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-bborder-radius:50%;
	border-radius:50%;
}
.social-list li:hover{ border-color:#fff; }



/*選單與logo*/
.menu-bar{ position:relative; background:rgba(216,216,216, 0.5); }
.menu-list{ display: flex; flex-wrap:wrap;  justify-content:center; }
.menu-list li{ position:relative; width:110px; align-self:center; margin:15px 20px; line-height:1.3; }
.menu-list li.center{ width:340px; margin-left:30px; margin-right:30px; }
.menu-list li:nth-child(1):before , .menu-list li:nth-child(4):before{
	position:absolute;
	top:20%;
	right:-20px;
	width:1px;
	height:60%;
	content:"";
	background:rgba(51,51,51, 0.4);
	
}
.menu-list li .menu-icon , .menu-list li .menu-text{ display:block; max-width:120px; text-align:center; }
.menu-list li .menu-icon img{ display:block; max-width:100%; height:auto; }
.menu-list li .menu-text{ font-weight:600; }

.logo{ 
	position:absolute; 
	top:50%; 
	left:50%; 
	width:340px; 
	height:52px; 
	margin-top:-41px; 
	margin-left:-170px; 
	display:block;
	padding:15px 0;
}
.logo img{ display:block; max-width:100%; height:auto; }


/*小螢幕時選單鈕*/
.menu-trigger{
	display:none;
	position:absolute;
	z-index:5;
	top:50%;
	right:5%;
	width:40px;
	height:40px;
	margin-top:-20px;
	background:rgba(255,68,11, 0.7);
	
	-ms-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-bborder-radius:3px;
	border-radius:3px;
}
.menu-trigger-icon{ 
	position:relative; 
	width:64%; 
	height:100%;
	margin-left:18%;
}
.menu-trigger-icon:before{
	position:absolute;
	top:25%;
	left:0;
	width:100%;
	height:3px;
	margin-top:-2px;
	content:"";
	background:#fff; 
	
	transition:transform 0.5s ease;
	-webkit-transition:transform 0.5s ease;
	-moz-transition:transform 0.5s ease;
	-o-transition:transform 0.5s ease;
}
.menu-trigger-icon:after{
	position:absolute;
	top:75%;
	left:0;
	width:100%;
	height:3px;
	margin-top:-2px;
	content:"";
	background:#fff; 
	
	transition:transform 0.5s ease;
	-webkit-transition:transform 0.5s ease;
	-moz-transition:transform 0.5s ease;
	-o-transition:transform 0.5s ease;
}
.menu-trigger-txt{ 
	position:absolute;
	top:50%;
	left:18%;
	width:64%;
	height:3px;
	margin-top:-2px;
	content:"";
	background:#fff; 
	font-size:0;
}
.menu-trigger.opened { /*background:#fff;*/ }
.menu-trigger.opened .menu-trigger-icon:before{
	-webkit-transform: rotate(-45deg) translate(-8px, 7px) ;
    transform: rotate(-45deg) translate(-8px, 7px) ;
}
.menu-trigger.opened .menu-trigger-icon:after{
	-webkit-transform: rotate(45deg) translate(-7px, -6px) ;
    transform: rotate(45deg) translate(-7px, -6px) ;
}
.menu-trigger.opened .menu-trigger-txt{ opacity:0; }




/*mobile選單*/
.menu-toggle-content{ display:none; border-top:1px solid #ccc; padding-bottom:30px; margin-bottom:30px; padding:0 5%; }
.menu-mobile-list{ margin-top:5px; }
.menu-mobile-list li{ position:relative; display:block; }
.menu-mobile-list li a{ 
	color:#333; 
	display:block;
	font-size:1rem;
	padding:10px 20px 10px 10px;
	border-bottom:1px solid #d6d6d6;
}

.menu-mobile-list li ul{ background:#fff; }


/*第一層*/
.menu-mobile-list > li{  font-size:1rem; }
.menu-mobile-list > li > a{ font-weight: 600; }
.menu-mobile-list > li .menu-icon , .menu-mobile-list > li .menu-text{ display:inline-block; vertical-align:middle; line-height:1; margin-right:10px;  }
.menu-mobile-list > li .menu-icon{ width:50px; }
.menu-mobile-list > li .menu-icon img{ display:block; max-width:100%; height:auto; }
.menu-mobile-list > li .menu-text{ font-weight:600; }


/*第二層*/
.menu-mobile-list > li > ul{
	display:none;
	position:relative;
	top:0;
	left:0;
	width:100%;
	padding-left:16px;
}

/*第三層*/
.menu-mobile-list > li > ul li ul{
	display:none; 
	position:relative;
	top:0;
	left:0;
	width:100%;
	padding-left:16px;
}


/*下一層之按鈕*/
.submenu-button{
	position:absolute;
	z-index:3;
	top:20px;
	right:10px;
	width:11px;
	height:10px;
	cursor:pointer;
}
.submenu-button:before{
	position:absolute;
	z-index:4;
	top:0;
	right:0;
	width:4px;
	height:4px;
	border-right:2px solid #666; 
	border-bottom:2px solid #666; 
	content:"";
	transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
}

.menu-mobile-list li.current{ background:transparent; color:rgba(143,30,51, 0.9); }
.menu-mobile-list li.current > a{ color:rgba(143,30,51, 0.9); }
.menu-mobile-list li.current > a .submenu-button:before{ border-right-color:rgba(143,30,51, 0.9); border-bottom-color:rgba(143,30,51, 0.9); }

.menu-mobile-list > li.current{ background:rgba(255,68,11, 0.7); color:#fff; }
.menu-mobile-list > li.current > a{ color:#fff; }
.menu-mobile-list > li.current > a .submenu-button:before{ border-right-color:#fff; border-bottom-color:#fff; }





/*頁尾*/
.footer{ background:rgba(255,68,11, 0.7); border-bottom:15px solid rgba(48,80,104, 0.7); padding:20px 0; }

.footer-info-area{ display: flex; flex-wrap:wrap; align-items:flex-end; }
.footer-info-item{ width:37%; justify-content:space-between;  font-size:0.8em; margin:10px 0; }
.footer-info-item:nth-child(2){ width:24%; margin-left:1%; margin-right:1%; }
.footer-info-item:last-child{ text-align:right; }

.footer-info-item , .footer-info-item a{ color:#fff; }
.footer-info-item a:hover{ text-decoration:underline; }


.footer-info-list{ display:inline-block; }
.footer-info-list li{ position:relative; padding-left:48px; min-height:30px; text-align:left; }
.footer-info-list li.company-title{ padding-left:0; }
.footer-info-list li .title{ position:absolute; top:0; left:0; width:45px; }
.footer-info-list li .title:after{ position:absolute; top:0; right:0; content:"：";}

.social-list.footer-social-list{ margin-bottom:10px; }




/*輪播*/
.banner img{ display:block; max-width:100%; height:auto; }


/*主內容區海浪背景*/
.main-bg{ position:relative; min-height:500px;}
.main-bg:before , .main-bg:after{
	position:absolute;
	z-index:0;
	top:0;
	width:300px;
	height:100%;
	content:"";
}
.main-bg:before{ left:0; background:url(../images/web-14.png) repeat-y left; background-size:100% auto; }
.main-bg:after{ right:0; background:url(../images/web-15.png) repeat-y left; background-size:100% auto; }

.main-content{ position:relative; z-index:3; }



/*導覽路徑*/
.breadcrumbs{
	font-size:0.8em;
	line-height:1.5;
	text-align:right;
	letter-spacing:0;
	margin:10px 0;
}
.breadcrumbs , .breadcrumbs a{ /*color:#145A7B;*/ }
.breadcrumbs a:hover{ text-decoration:underline; /*color:#DF610F;*/ }
.breadcrumbs span{margin-right:0px;}
.breadcrumbs span:after{ content:"/"; margin-left:5px; font-size:10px; }
.breadcrumbs span:last-child:after{display:none;}




.content-cols-gp{ display: flex; flex-wrap:wrap; }
.content-left-side{ width:25%; margin-right:5%; }
.content-right-side{ width:70%;}


/*左側分類標題*/
.sidebar-heading{
	position:relative;
	background:rgba(255,68,11, 0.7);
	color:#fff;
	margin-top:65px;
	text-align:center;
	padding:10px 5px 5px 5px;
	font-size:1.3em;
	margin-bottom:5px;
	font-weight:600;
}
.sidebar-heading:before{
	position:absolute;
	top:-30px;
	left:10px;
	width:160px;
	height:30px;
	content:"";
	background:url(../images/web-06.png) no-repeat center;
	background-size:cover;
}



/*左側分類*/
.side-nav{ margin-bottom:60px; border-bottom:20px solid rgba(255,68,11, 0.7); padding-bottom:5px; }
ul.mtree li{ position:relative; }
ul.mtree li a{ position:relative; display:block; padding:10px 30px 10px 20px; }


/*有下一層選項的項目設定*/
ul.mtree li.mtree-node > a:before{
	position:absolute;
	z-index:4;
	top:24px;
	right:15px;
	width:8px;
	height:8px;
	border-right:2px solid #333; 
	border-top:2px solid #333;
	margin-top:-5px;
	content:"";
	transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
}

/*ul.mtree li li a , ul.mtree li li li a{ padding-left:35px;}*/

/*第二層*/
ul.mtree li li a{ padding-left:35px;}

/*第三層*/
ul.mtree li li li a{ padding-left:50px;}

/*第四層*/
ul.mtree li li li li a{ padding-left:64px;}


.side-nav li a{ border-top:1px solid #ccc; }
.side-nav > li:first-child > a{ border-top-width:0px; }
.side-nav li a:hover{ /*color:#5E3848;*/ background:rgba(255,154,131, 0.3); color:#333; }
.side-nav li.mtree-node:hover > a:before{ border-right-color:rgba(255,68,11, 0.7); border-top-color:rgba(255,68,11, 0.7); }

.side-nav > li{ }
/*.side-nav > li:before{}*/
.side-nav > li > a{ font-weight:600; }

.side-nav li ul{ margin-bottom:5px; }

.side-nav li.mtree-active > a{ color:rgba(255,68,11, 0.7); }
.side-nav > li.mtree-active:before { opacity:1; }
ul.mtree li.mtree-active.mtree-node > a:before{ border-right-color:rgba(255,68,11, 0.7); border-top-color:rgba(255,68,11, 0.7); }

.side-nav li.mtree-open{ background:#eee; }
.side-nav li.mtree-open > a{ color:rgba(255,68,11, 0.7); }
.side-nav > li.mtree-open:before { opacity:1; }
.side-nav li.mtree-node.mtree-open > a:before{ border-right-color:rgba(255,68,11, 0.7); border-top-color:rgba(255,68,11, 0.7); }




/*大標*/
.page-heading{ text-align:center; font-size:1.6em; font-weight:600; margin:5px 0 15px 0; color:#000; }




.thumbnail-list{ margin:20px 0;}
.thumbnail-list li{ text-align:center; margin:5px 0;}
.thumbnail-list li img{ max-width:100%; text-align:center; }



/*影片*/
.video{ position:relative; text-align:center; margin:30px 0; }
.video iframe{ max-width:100%;}


/*檔案下載*/
.download-line{ text-align:center; }
.download-btn{
	position:relative;
	display:inline-block;
	background:#666;
	padding:8px 30px 8px 30px;
	margin:10px; 
	line-height:1;
	font-weight:600;
	color:#fff;
}
.download-btn:before{
	position:absolute;
	z-index:1;
	top:50%;
	right:10px;
	width:16px;
	height:16px;
	margin-left:-8px;
	margin-top:-8px;
	content:"";
	background:url(../images/icon-arrow-bottom.png) no-repeat center;
	background-size:70% 70%;
} 
.download-btn:hover{ background:rgba(255,68,11, 0.7); color:#fff; }




/*返回按鈕列*/
.pageback-line{margin:60px 0; text-align:center; }
.pageback-btn span{ position:relative; display:inline-block; padding-left:20px; color:#666; font-weight:600; font-size:1em; line-height:1; }
.pageback-btn span:before{
	position:absolute;
	top:50%;
	left:0;
	width:16px;
	height:16px;
	margin-top:-8px;
	content:"";
	background:#666 url(../images/icon-arrow-left.png) no-repeat center;
	background-size:70% 70%;
}
.pageback-btn:hover span{ color:rgba(255,68,11, 0.7); }
.pageback-btn:hover span:before{ background-color:rgba(255,68,11, 0.7); }












/*==================================================================================================================
==================================================================================================================*/




/*首頁-最新消息*/
.idx-news-content{ position:relative; margin:30px 0 90px 0; padding-right:220px; min-height:505px;}
.idx-news-content img{ display:block; max-width:100%; height:auto; }

.idx-news-content .heading{ position:relative; }
.idx-news-content .heading .title{ display:inline-block; max-width:200px; line-height:1; margin:5px 0; }
.idx-news-content .heading .more{ position:absolute; bottom:20px; right:0; }

.idx-news-side{ position:absolute; top:85px; right:0; width:200px; }
.idx-news-side img{ margin-bottom:20px; }
.idx-news-side a:hover{ opacity:0.9; }

.idx-news-list{ margin-top:30px; }
.idx-news-item{ border-bottom:1px solid #ccc; margin-bottom:25px; }

.idx-news-item-date{ font-size:0.85em; line-height:1.6; color:#666; }
.idx-news-item-heading{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}



/*首頁-關於我們*/
.idx-about{
	background:url(../images/web-11.png) no-repeat right;
	background-size:auto 100%;
	min-height:550px;
	padding:45px 0 10px 0;
}
.idx-about-content img{ display:block; max-width:100%; height:auto; }

.idx-about-content .heading{ position:relative; }
.idx-about-content .heading .title{ display:inline-block; max-width:500px; line-height:1; margin:5px 0; }

.idx-about-content .about-desc{ width:45%; line-height:2.5; margin-bottom:20px; }

.idx-about-content .more-line{ text-align:right; margin-top:30px; }





/*商品頁*/
.product-list{ display: flex; flex-wrap:wrap; }
.product-list .product-item{  position:relative; width:30%; margin-right:5%; margin-bottom:30px; }
.product-list .product-item:nth-child(3n){ margin-right:0; }

.product-photo{ position:relative; border:1px solid #ccc; overflow:hidden;  }

.product-more-btn{ 
	position:absolute; 
	bottom:0; 
	right:0; 
	width:100%; 
	text-align:right; 
	background:rgba(255,68,11, 0.7); 
	color:#fff;
	line-height:1;
	padding:8px 0;
	
	transition:All 0.5s ease;
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
	
	-moz-transform:translateY(120px);
	-webkit-transform:translateY(120px);
	-o-transform:translateY(120px);
	-ms-transform:translateY(120px);
	transform:translateY(120px);
}
.product-more-btn:before{
	position:absolute;
	top:-20px;
	left:10px;
	width:107px;
	height:20px;
	content:"";
	background:url(../images/web-06.png) no-repeat center;
	background-size:cover;
}

.product-title{ text-align:center; margin:5px 0; }


.product-photo:hover .product-more-btn{
	-moz-transform:translateY(0px);
	-webkit-transform:translateY(0px);
	-o-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);
}




/*商品詳細頁*/
.product-area{ max-width:700px; margin:65px auto 30px auto; }

.pro-view-photos{ position:relative; margin-bottom:60px; }
.pro-view-photos:before{
	position:absolute;
	top:-30px;
	left:0;
	width:160px;
	height:30px;
	content:"";
	background:url(../images/web-06.png) no-repeat center;
	background-size:cover;
}

.pro-view-photos .sync-slide{ margin-bottom:20px; }
.pro-view-photos .sync-thum{ margin:10px 0; padding:0 100px; }
.pro-view-photos .sync-thum .owl-item{ cursor:pointer; border:3px solid transparent; }
.pro-view-photos .sync-thum .owl-item:hover{ opacity:0.8;}
.pro-view-photos .sync-thum .owl-item.current{ border-color:#FF440B; cursor:default; }

.pro-view-photos .sync-thum .owl-prev{
	position: absolute;
	top:50%;
	left: 0px;
	width: 50px;
	height: 50px;
	margin-top:-25px;
	background:url(../images/web-21.png) no-repeat center;
	background-size:cover;
}
.pro-view-photos .sync-thum .owl-next{
	position: absolute;
	top:50%;
	right: 0px;
	width: 50px;
	height: 50px;
	margin-top:-25px;
	background:url(../images/web-22.png) no-repeat center;
	background-size:cover;
}
.pro-view-photos .sync-thum .owl-prev.disabled , .pro-view-photos .sync-thum .owl-next.disabled{ opacity:0.3; cursor:default; }
	

.product-view-title{ 
	position:relative;
	z-index:2;
	font-size:2em; line-height:1.5; 
	font-weight:600; 
	color:#000; 
	text-align:center;
	margin-bottom:20px;
	border-bottom:3px solid rgba(255,68,11, 0.7); 
}	
.product-view-title:before{
	position:absolute;
	z-index:-1;
	bottom:0;
	left:0;
	width:107px;
	height:20px;
	content:"";
	background:url(../images/web-06.png) no-repeat center;
	background-size:cover;
}
	
.product-view-intro-heading .title{ 
	position:relative; 
	display:inline-block; 
	padding-right:70px;
	font-size:1.3em;
	font-weight:600;
	margin-bottom:10px;
}
/* .product-view-intro-heading .title:before{
	position:absolute;
	top:50%;
	right:0;
	width:60px;
	height:30px;
	margin-top:-15px;
	content:"";
	background:url(../images/web-23.png) no-repeat center;
	background-size:cover;
} */

.product-view-divide-line{ width:100%; height:1px; background:rgba(255,68,11, 0.7); margin:20px 0; }







/*最新消息*/
.post-list{ margin:30px 0; padding:0 10px; }

.post-item{ padding:5px 10px 15px 10px; margin-bottom:15px; border-bottom:1px solid rgba(255,68,11, 0.7); }

.post-name{ position:relative; margin-bottom:5px; }
.post-name .title a{ display:block; font-weight:600; }


.post-date{ font-size:0.8em; color:#231815; }
.post-content{ font-size:0.9em; color:#5D5E5E; margin-bottom:10px; height:51px; overflow:hidden; }

.post-more-line{ text-align:right; }
.post-more-btn{ display:inline-block; }


.post-item:hover{ background:rgba(255,68,11, 0.5); }
.post-item:hover .post-name .title a , .post-item:hover .post-date , .post-item:hover .post-content , .post-item:hover .post-more-btn{ color:#fff; }



/*最新消息詳細*/
.post-view-heading{
	position:relative;
	background:rgba(255,68,11, 0.7);
	color:#fff;
	margin-top:65px;
	text-align:center;
	padding:10px 5px 5px 5px;
	font-size:1.1em;
	margin-bottom:5px;
}
.post-view-heading:before{
	position:absolute;
	top:-30px;
	left:10px;
	width:160px;
	height:30px;
	content:"";
	background:url(../images/web-06.png) no-repeat center;
	background-size:cover;
}

.post-view-date{ 
	text-align:center; 
	border-bottom:1px solid #ccc; 
	margin-bottom:15px; 
	color:#727272; 
	font-weight:600; 
	padding:3px 0; 
}





/*聯絡我們*/
.contact-area{ max-width:900px; margin:0 auto; }

.contact-gp{ display: flex; flex-wrap:wrap; margin:30px 0; }

.contact-gp .contact-photo{ width:40%; }
.contact-gp .box{ width:60%; }

.contact-photo img{ display:block; max-width:100%; height:auto; }

.contact-info-list li{ position:relative; padding-left:48px; min-height:30px; margin-bottom:10px; font-size:1.05em; text-align:left; }
.contact-info-list li.company-title{ padding-left:0; }
.contact-info-list li .title{ position:absolute; top:0; left:0; width:50px; }
.contact-info-list li .title:after{ position:absolute; top:0; right:0; content:"：";}


.contact-form-box{ margin:30px 0; border-top:1px solid #ccc; padding-top:30px; }
.contact-form-note{ margin-bottom:15px; font-size:0.9em; color:#231815; }

/* == 表單 套件組合 ======== */
.input-group {
	display: flex; 
	flex-wrap:wrap;
	align-items:center;
	width:100%; 
	color:#555555; 
	margin-bottom:0;
	padding:0 25px 0 0;
	margin-bottom:15px;
}
.input-group.half-width{ width:50%; } 

.require-mark{ color:#fff; font-size:0.85em; }
.input-title{
	align-self: baseline;
	width:130px;
	font-size: 0.9em;
	text-align: left;
	padding-top:8px;
	padding-left:5px;
	background:rgba(255,68,11, 0.6);
	color:#fff;
	height:31px;
}


.input-control {
	width: 100%;
	width:calc(100% - 130px);
    min-height: 2em;
}
.input-group input[type=text] {
    width: 100%;
    display: block;
	border:1px solid #ccc;
}
.input-remind{ font-size:0.8em; color:#666; }

.input-group textarea{ width: 100%; }

.form-bt-line{ width:100%; text-align:center; }

input.fbtn{
	position:relative;
	z-index:2;
	line-height:1; 
	cursor:pointer;
	border:1px solid transparent;
	background:#E16F70;
	color:#fff;
	padding:10px 20px;
	/*height:35px;*/
	/* padding-top:40px; */
}
/* .fbtn-outset{
	display:inline-block;
	position:relative;
	z-index:1;
	margin:5px 10px;
	cursor:pointer;
	line-height:1;
} */
/* .fbtn-outset:before{
	position:absolute;
	top:5px;
	left:50%;
	width:50px;
	height:30px;
	content:"";
	margin-left:-27px;
	background:url(../images/web-26.png) no-repeat center;
	background-size:cover;
} */
input.fbtn:hover{ background:#164E79; color:#fff; }



.sex-box{margin-right:50px;}
.sex-box .ra-sex{display:none;}
.sex-box .title{
	position:relative;
	display:inline-block; 
	cursor:pointer;
	color:#666;
	padding-left:34px;
	line-height:1;
}
.sex-box .title:before{
	position:absolute;
	z-index:1;
	top:50%;
	left:0;
	margin-top:-12px;
	width:24px;
	height:24px;
	content:"";
	background:#fff;
	
	-webkit-box-shadow:0 0 0 2px #ffffff,0 0 0 3px #ccc;
	-moz-box-shadow:0 0 0 2px #ffffff,0 0 0 3px #ccc;
	-o-box-shadow:0 0 0 2px #ffffff,0 0 0 3px #ccc;
	box-shadow:0 0 0 2px #ffffff,0 0 0 3px #ccc;

}
.sex-box .ra-sex:checked + .title:before{ background:#3276B0; }



.input-group-city .input-control input[type=text]{ float:left; width:48%; }
.input-group-city .input-control .divide{ float:left; width:4%; text-align:center; }