body, html {
	width: 100%;
	height: 100%;
	text-align: center;
}

/* <<===begin滿版格局========================>> */
#wrapper {
	float:left;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	min-height:100%;
	height: auto !important;
	height: 100%; 
	margin: 0 auto -80px;
}
#header, #banner, #container, #footer {
	width: 100%;
	height: auto;
	/*margin: 0;*/
	padding: 0;
	float: left;
	text-align: center;
}

#header_in, #banner_in, #container_in, #footer_in {
	padding-right: 15%;
    padding-left: 15%;
    margin-right: auto;
    margin-left: auto;
}

.push{
	 padding-bottom: 80px;
	 clear:both;
}

#footer {
	height: 80px;
	clear: both;
}
/* <<===End滿版格局==>> */



.page_bg{
	background:url(../image/page_bg.png) no-repeat center top;
	background-size: cover;/*背景滿版*/
}


/* <<===begin header================================>> */

/* menu搭配 nav_styles.css*/
/*menu position:absolute*/

/* <<===End header==>> */



/* <<===begin banner================================>> */
.idx_mt{
	margin-top:100px;
}

/*內頁banner與menu(menu是absolute) 同top */
.page_mt{
	margin-top:0px;
}
/* <<===End banner==>> */



/* <<===begin footer================================>> */
#footer_in{
	padding-top:20px;
	color:#FFF;
	font-size:12px;
	line-height:25px;
	font-weight:100;
}

#footer_in a{color:#FFF;}

#footer_in a:hover{color:#ffa500;}

/* <<===End footer==>> */





/* <<===begin index================================>> */
.idx_bg{
	background:url(../image/page_bg.png) no-repeat center top;
	background-size: cover;
}

.page_bg{
	background:url(../image/page_bg.png) no-repeat center top;
	background-size: cover;
}

.idx_content{
	background:#000000;
	
	-ms-border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-bborder-radius:10px;
	border-radius:10px;
	padding:15px;
}

.idx-sub{
	float:left;
	width:31.3%; 
	margin:30px 1% ;
	padding:30px 30px 30px 30px;
	
	background:url(../image/idx_subbg2.png) no-repeat center center;
	background-size: cover;/*背景滿版*/
	
	position:relative;
}


.idx_mask{
	position:absolute;
	z-index: 5;
	top:0;
	left:0;
	display:none;
	
	background:rgba(0,0,0,0.5);
	width:100%;
	height:100%;
	color:#fff;
}

.idx_mask_sp{
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	/*width:100%;
	height:100%;*/
	margin-left:-40px;
	margin-top:-25px;
	font-size:25px;
	color:#fff;
}

.idx-sub:hover > .idx_mask{
	display:block;
}




.idx-sub-title{
	color:#ffffff;
	margin:5px 0;
}

.idx-sub-title a{color:#ffffff;}
.idx-sub-title a:hover{color:#ffa500;}

/*裝飾用*/
.light1 , .light2 , .light3{position:relative;}

.light1:before{
	position: absolute;
	z-index: 0;
	top: 0;
	right: 0;
	content: url(../image/light01.png);
	opacity:0.5;
	filter: alpha(opacity=50); /*IE8 與更早的版本*/
}

.light2:before{
	position: absolute;
	z-index: 0;
	top: -90px;
	left: 0;
	content: url(../image/light02.png);
	opacity:0.5;
	filter: alpha(opacity=50); /*IE8 與更早的版本*/
}

.light3:before{
	position: absolute;
	z-index: 0;
	right: 0;
	bottom: -20px;
	content: url(../image/light03.png);
}
/* <<===End index==>> */





/* <<===begin 關於我們 about us================================>> */
.about_ce{
	float:left;
	width:100%; 
	margin:0px 0%;
	padding:15px;
	
	background:#FFF;
	-ms-border-radius: 15px 15px 15px 15px; /* top left, top right, bottom right, bottom left */
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	-o-border-radius: 15px 15px 15px 15px;
	border-radius: 15px 15px 15px 15px;
}

.about-txt{
	float:left;
	width:100%;
	padding:15px;
}

.about-txt p{
	width:100%;
	margin:10px 0 10px 0;
	line-height:30px;
}

.about-subtxt1{
	margin-top:20px;
	width:20%;
	float:left;
}

.about-subtxt2{
	width:75%;
	float:left;
	margin:40px 0 0 5%;
}

/* <<===End 關於我們 about us==>> */





/* <<===begin 服務項目 service================================>> */

/*左側大架構*/
.service_le{
	float:left;
	width:25%; 
	margin:20px 0%;
}

/*右側大架構*/
.service_ri{
	float:left;
	width:75%; 
	margin:0px 0%;
	padding:15px;
	
	background:#FFF;
	-ms-border-radius: 15px 15px 15px 15px; /* top left, top right, bottom right, bottom left */
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	-o-border-radius: 15px 15px 15px 15px;
	border-radius: 15px 15px 15px 15px;
}


/*左側次選單內容*/
.service_le_ul{
	background:#444648;
	-ms-border-radius: 20px 0px 0px 20px; /* top left, top right, bottom right, bottom left */
	-moz-border-radius: 20px 0px 0px 20px;
	-webkit-border-radius: 20px 0px 0px 20px;
	-o-border-radius: 20px 0px 0px 20px;
	border-radius: 20px 0px 0px 20px;
	padding:40px 10px 40px 10px;
	position:relative;
}
.service_le_ul li a{
	/*float:left;*/
	display:block;
	width:100%;
	/*height:auto;*/
	/*height:45px;*/
	margin:5px 0;
	padding: 0px 0px 0px 20px;
	line-height:45px;
	color:#FFF;
	border:1px solid transparent;
}

.service_le_ul li a:hover{
	border:1px solid #CCC;
	color:#ffa500;
	/*background:rgba(255,255,255,0.3);*/
	-ms-border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}


/*螢幕縮小後的次選單 select*/
.service_selt{
	display:none;
}


/*左側次選單左上的亮光*/
.service_le_ul:before{
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	content: url(../image/service_le01.png);
}

/*左側次選單右下的亮光*/
.service_le_ul:after{
	position: absolute;
	z-index: 0;
	bottom: 5px;
	right: 1px;
	content: url(../image/service_le02.png);
}

/*頁面標題*/
.title{
	float:left;
	font-size:22px;
	color:#ffa500;
	margin:5px 0;
	font-weight:600;
}

/*導覽路徑*/
.bread{
	float:right;
	margin:30px 0 0px 0;
	color:#666;
	font-size:14px;
}

.bread a{color:#666;}
.bread a:hover{color:#ffa500;}


.title_line{
	border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
	margin:10px 0;
}


/*右側內容區的各項目*/
.service_sub{
	margin:40px 0 40px 0;
	padding:10px 20px 30px 20px;
	border-bottom:1px dashed #CCC;
}

/*右側內容區的各項目的圖片*/
.service_sub_pic{
	float:left;
	width:30%;
	height:100%;
	padding-right:20px;
}

/*右側內容區的各項目的標題*/
.service_sub_title{
	float:left;
	width:70%;
	font-size:20px;
	line-height:1.5;
	margin-bottom:10px;
	margin-top:0px;
}

/*右側內容區的各項目的文字*/
.service_sub_txt{
	float:right;
	width:70%;
	line-height:30px;
	color:#666;
}

.service_sub_title a:hover{
	color:#000;
}

/* <<===End 服務項目 service ==>> */




/* <<===begin  service_detail================================>> */

/* <<===End  service_detail==>> */




/* <<===begin 相關連結 relation ================================>> */

.relation-gup{margin:30px 0 20px 0;}

.relation-guppic , .relation-guptitle , .relation-guptxt{
	float:left;
	width:100%;
	margin:5px 0 10px 0;
	padding:0 10px 0 15px;
}

.relation-guppic img{border:1px solid #ccc;}

.relation-guptitle{
	font-size:18px;
	position:relative;
}

.relation-subgup-homeicon{
	width:90px;
	height:30px;
	position:absolute;
	top:-5px;
	right:20px;
	background:url(../image/homeicon.png) no-repeat center;
	background-size: 90px 30px;
}
.relation-subgup-homeicon:hover{
	background:url(../image/homeicon1-1.png) no-repeat center;
	background-size: 90px 30px;
}
/* <<===End  相關連結 relation ==>> */





/* <<===begin 聯絡我們 contact================================>> */
.contact-map , .contact-cominfo, .contact-form{
	float:left;
	margin:20px 0 20px 0;
	padding:5px 15px;
}

.contact-map{
	width:40%;
}

.contact-cominfo{
	width:60%;
	font-size:20px;
	line-height:1.5;
}

.contact-form{
	width:60%;
}

/*google 地圖長寬設定*/
.contact-mapset{
	width:100%;
	height:600px;
}

.fmsub-m , .fmsub-btn-m{
	width:100%;
	margin:20px 0 20px 0;
	text-align:left;
}

.contact-form-title{
	width:100%;
	font-size:16px;
	line-height:30px;
}

.contact-cominfo-sub , .contact-form-title{
	position:relative;
	padding-left:38px;
}

.contact-cominfo-icon{
	position:absolute;
	top:0px;
	left:0;
}



/* <<===End 聯絡我們 contact==>> */


.sp1{
	font-size:20px;
	color:red;
	margin:0;
	font-weight:600;
}


.sp2{
	float:left;
	font-size:20px;
	color:red;
	font-weight:600;
}