@charset "utf-8";

.inner-content-i{position:relative; margin:1px auto 30px auto; width:97%; max-width:1000px; overflow:hidden;padding:5px;}





/* inner page */
.inner-pic{display:block; margin:0 auto; padding:0; width:100%; text-align:center;}

.inner-content{position:relative; margin:1px auto 30px auto; padding:10px 20px; width:100%; max-width:1200px; overflow:hidden; font-size:0;}
.inner-content .h2-a{display:block; margin:0 auto; padding:20px 0 10px 0; width:100%; font-size:28px; font-weight:bold; text-align:left; color:#b0ff00;}
.inner-content .h3-a{display:block; margin:0 auto; padding:10px 0 10px 0; width:100%; font-size:20px; font-weight:normal; text-align:left; color:#fff; font-style:italic;}
.inner-content .p-a{display:block; margin:0 auto; padding:10px 0 10px 0; width:100%; font-size:16px; text-align:left; color:#fff;}


	.order-blk{margin:0 auto; padding:20px 0; width:100%;}
	.order-blk.txt-c{text-align:center;}
	.order-blk.txt-r{text-align:right;}
	.order-blk.txt-l{text-align:left;}	
		.order-btn{display:inline-block; padding:10px 20px; font-size:16px; border-radius:3px; text-align:center; color:#b0ff00; background:linear-gradient(to bottom, #252525 0%, #494949 100%); border:#b0ff00 1px solid; font-weight:bold;}
		.order-btn:hover{color:#000; background:#b0ff00;}

	.us-tltle-s{display:block; margin:20px auto 0 auto; padding:10px 0 10px 0; width:100%; font-size:20px; text-align:center; border-bottom:#ededed 1px solid; color:#787878; letter-spacing:1px;}



	.us-blk{position:relative; margin:40px auto; width:100%; overflow:hidden; font-size:0;}
	
		.us-f{display:inline-block; width:100%; padding:10px;}
	
	
		.us-l{display:inline-block; width:50%; padding:10px;}
		.us-l.f-left{float:left;}
		.us-l.f-right{float:right;}
			.usl-txt{margin:0 auto; padding:20px 10px; width:100%; text-align:left;}
			.usl-txt h3{display:block; margin:0 auto; padding:10px 0; width:100%; font-size:30px; font-weight:bold; text-align:left;}
			.usl-txt p{display:block; margin:0 auto; padding:10px 0; width:100%; font-size:16px; text-align:left;}
			
			.usl-pic{position:relative; height:0; padding-bottom:100%; overflow:hidden;}
			.usl-pic img{position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; width:100%; /*max-width:100%; max-height:100%;*/}





.left-blk{display:inline-block; width:20%; vertical-align:top;}
	/*.l-menu{float:left; padding:10px; width:100%; position:relative; overflow:hidden;}*/

	/* 左側選單-title */
	.l-title{position:relative; margin:0 0 10px 0; padding:4px 0 4px 20px; width:100%; text-align:left; overflow:hidden; border-bottom:1px solid #ccc;}

	.l-title .cht-t{display:block; width:100%; line-height:150%; font-size:24px; font-weight:normal; font-weight:bold; color:#333;}
	.l-title .eng-t{display:block; width:100%; line-height:120%; font-size:13px; font-weight:normal; color:#333;}


	/* Accordion */
	#nav-l{width:100%; margin:0 auto 30px auto; font-size:16px;}
	#nav-l > li{}
	#nav-l li a{position:relative; display:block; padding:10px 20px; padding-left:30px; background:#fff; text-decoration:none; color:#5f6062; overflow:hidden; line-height:20px;}
	
	#nav-l li a{}
	
	#nav-l > li > a{font-size:17px; background:#fff;}
	
	#nav-l > li > a:after{}

	#nav-l > li > a#sub:after{content:'\002B'; position:absolute; display:inline-block; top:0; bottom:0; left:10px; width:20px; height:20px; font-size:10px; margin-top:auto; margin-bottom:auto; text-align:center; vertical-align:middle; background:none; color:#999;}
	#nav-l > li > a:hover{/*background:#ffc425;*/ color:#1eb4e6;}
	#nav-l > li > a.onit{/*background:#ffc425;*/ color:#1eb4e6;}
	
	#nav-l li a.active{color:#000;}
	#nav-l li ul{display:none;}
	#nav-l li ul.onit{display:block;}
	#nav-l li ul li a{position:relative; /*background:#ededed;*/ padding:6px 20px; padding-left:38px; border-bottom:none; overflow:hidden; color:#666; font-size:14px;}
	#nav-l > li > ul > li > a:hover{text-decoration:underline;}
	#nav-l > li > ul > li > a.onit{text-decoration:underline;}
	
	/*#nav-l > li > ul > li > a:before{content:'-'; position:absolute; display:inline-block; top:0; bottom:0; left:10px; width:18px; height:18px; line-height:18px; font-size:16px; margin-top:auto; margin-bottom:auto; text-align:center; vertical-align:middle;}*/


	#nav-l > li > ul > li:nth-last-child(1) > a{}





.right-blk{display:inline-block; width:80%; vertical-align:top;}

	.right-content{margin:0 auto; padding:0 10px; width:100%;}
	
		.r-container{position:relative; margin:0 auto 80px auto; width:100%; overflow:hidden;}
	
		.r-txt-edit{position:relative; margin:0 auto 0 2%; padding:0 2% 30px 2%; width:98%; background:#fff; overflow:hidden;}



			.recom{position:relative; margin:0 auto 0 auto; padding:20px 0 20px 0; width:100%; background:#fff; overflow:hidden; border-top:#ccc 1px solid;}
				.recom-title{display:block; padding:10px 0; font-size:24px;}
				.recom-pic{display:inline-block; float:right;}




		.r-txt-edit > h1,
		.r-txt-edit > h2{display:block; margin:0 auto 20px auto; width:100%; font-size:30px; color:#000; font-family:"Arial", sans-serif, 微軟正黑體; font-weight:bold;}
		
		.r-txt-edit > h3,
		.r-txt-edit > h4,
		.r-txt-edit > h5,
		.r-txt-edit > h6{display:block; /*border-left:#1eb4e6 5px solid;*/ margin:0 auto 20px auto; width:100%; padding:10px 0 10px 20px; color:#000; font-size:24px; text-align:left; font-weight:bold; /*background:#ededed;*/}
		
		.r-txt-edit > p{display:block; margin:0 auto 20px auto; width:100%; font-size:16px; color:#666; text-align:left; line-height:150%;}
		.r-txt-edit > img{margin:0 auto;}	

		
		
			table.c-1 {margin:0 auto; width:100%; font-size:16px; text-align:left;}
			table.c-1 th{color:#666; font-size:14px;}
			table.c-1 td{color:#666;}
			table.c-1 th,
			table.c-1 td{vertical-align:top; padding:10px 8px;}

			table.c-1 .circle{
				display:inline-block;
				margin-right:8px;
				width:10px;
				height:10px;
				border:#999 1px solid;
				border-radius:50%;
				background:#fff;
				vertical-align:middle;
			}

			table.c-2 {margin:0 auto; width:100%; font-size:16px; text-align:left; color:#666;}
			table.c-2 th{font-weight:normal; color:#666;}
			table.c-2 td{color:#666;}
			table.c-2 th,
			table.c-2 td{vertical-align:top; padding:10px 8px;}


			table.c-3 {margin:0 auto; width:100%; font-size:16px; text-align:left;}
			table.c-3 th{color:#666; font-size:14px;}
			table.c-3 td{color:#666;}
			table.c-3 th,
			table.c-3 td{vertical-align:top; padding:6px; border:#C7E1FD 1px solid;}
				.tab-f1{color:#f2891d; font-size:13px;}





		.service-blk{position:relative; margin:0 auto 10px auto; padding:20px 1% 20px 1%; width:100%; overflow:hidden; display:flex; flex-wrap:wrap;}
		
		.service-blk > h2{margin:0 auto 10px auto; width:100%; font-size:30px; color:#000; letter-spacing:1px; font-family:"Arial", sans-serif, 微軟正黑體; font-weight:bold;}



			.s-item{display:inline-block; margin:0 1% 10px 1%; width:31.3%; padding:6px; border:#fff 1px solid;}
			.s-item:hover{background:#ededed;}
			.s-item .si-pic{position:relative; height:0; padding-bottom:56.25%; overflow:hidden;}
			.s-item .si-pic img{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;/*  width:100%; */ height:100%;}
			.s-item h2{display:block; padding:8px 0 10px 0; font-weight:bold; color:#000; font-size:18px; letter-spacing:1px; line-height:120%; height:50px; overflow:hidden;}
			.s-item:hover h2{color:#bf0d23;}


			.s-item-c{display:inline-block; margin:0 1% 10px 1%; width:31.3%; padding:6px; border:#fff 1px solid;}
			.s-item-c:hover{background:#ededed;}
			.s-item-c .si-pic{position:relative; height:0; padding-bottom:100%; overflow:hidden;}
			.s-item-c .si-pic img{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;/*  width:100%; */ height:100%;}
			.s-item-c h2{display:block; padding:8px 0 10px 0; font-weight:bold; color:#000; font-size:18px; letter-spacing:1px; line-height:120%; height:50px; overflow:hidden;}
			.s-item-c:hover h2{color:#bf0d23;}




		
		.service-blk.news .s-item{display:inline-block; margin:0 1% 10px 1%; width:31.3%; padding:6px; border:#fff 1px solid;}
		.service-blk.news .s-item:hover{border:#ccc 1px solid;}
		.service-blk.news .s-item img{margin:0 auto; width:100%;}
		.service-blk.news .s-item .date{display:block; font-size:16px; font-weight:bold; text-align:left; color:#3788cd;}
		.service-blk.news .s-item h2{display:block; padding:8px 0 10px 0; font-weight:normal; color:#666; font-size:16px; letter-spacing:0; line-height:120%; text-align:left; height:48px; overflow:hidden;}

		
			.list-item{display:block; margin:0 1% 20px 1%; width:100%; padding:6px; background:#fff;}
			.list-item:hover{box-shadow:#ccc 2px 2px 5px; background:#ededed;}
		
			.list-item .l-pic{position:relative; float:left; width:80px; margin-right:10px; overflow:hidden;}
			.list-item .l-pic > img{display:block; max-width:100%; max-height:100%;}
			.list-item .r-info{float:left; width:calc(100% - 90px);}
			.list-item .r-info .date{display:block; font-size:16px; font-weight:bold; text-align:left; color:#000;}
			.list-item:hover .r-info .date{}
			.list-item .r-info > h2{padding:8px 0 10px 0; font-weight:normal; color:#666; font-size:17px; letter-spacing:1px; line-height:120%; text-align:left;}



			.report-item{display:block; margin:0 1% 20px 1%; width:100%; padding:6px; border:#fff 1px solid; background:#ededed;}
			.report-item:hover{border:#666 1px solid;}
		
			.report-item .l-pic{position:relative; float:left; width:80px; margin-right:10px; overflow:hidden;}
			.report-item .l-pic > img{display:block; max-width:100%; max-height:100%;}
			.report-item .r-info{float:left; width:calc(100% - 90px);}
			.report-item .r-info .date{display:block; font-size:16px; font-weight:bold; text-align:left; color:#000;}
			.report-item .r-info > h2{padding:8px 0 10px 0; font-weight:normal; color:#666; font-size:17px; letter-spacing:1px; line-height:120%; text-align:left;}


		
		.showcase-blk{position:relative; margin:30px auto 30px auto; width:92%; overflow:hidden;}
		
		.video-container{position:relative; height:0; padding-bottom:56.25%; /*padding-bottom:75%;*/ overflow:hidden;}
		.video-container iframe,
		.video-container object,
		.video-container embed{position:absolute; top:0; left:0; width:100%; height:100%;}

		.iframe-container{position:relative; height:0; width:100%; padding-bottom:30%; /*padding-bottom:56.25%;*/ /*padding-bottom:75%;*/ overflow:hidden;}
		.iframe-container iframe,
		.iframe-container object,
		.iframe-container embed{position:absolute; top:0; left:0; width:100%; height:100%;}





		
		video{position:relative; width:100%; height:auto; overflow:hidden;}
		
		
	
		.case-title{display:table; width:100%;}
			.case-logo{display:table-cell; width:200px; vertical-align:middle; text-align:center;}
			.case-logo > img{display:block; max-width:100%; max-height:100%;}
			.case-txt{display:table-cell; width:calc(100% - 200px); vertical-align:middle; text-align:left;}
			.case-txt > h2{display:block; width:100%; font-size:22px;}
			
		.case-compare{display:block; margin:30px auto; width:100%; font-size:0;}
			.case-before{position:relative; display:inline-block; margin:0 1% 0 1%; width:48%; vertical-align:middle;}
			.case-before:after{display:block; position:absolute; bottom:0; left:0; right:0; width:100%; padding:4px 0; background:rgba(0,0,0,0.8); content:'處理前'; font-size:18px; font-weight:bold; color:#fff; overflow:hidden; line-height:28px;}
			.case-before > img{display:block; max-width:100%; max-height:100%;}
			
			.case-after{position:relative; display:inline-block; margin:0 1% 0 1%; width:48%; vertical-align:middle;}
			.case-after:after{display:block; position:absolute; bottom:0; left:0; right:0; width:100%; padding:4px 0; background:rgba(0,0,0,0.8); content:'處理後'; font-size:18px; font-weight:bold; color:#fff; overflow:hidden; line-height:28px;}
			.case-after > img{display:block; max-width:100%; max-height:100%;}





		
		.contact-blk{position:relative; margin:0 auto 20px auto; padding:15px 20px; width:90%; overflow:hidden;}
















				.download-area{position:relative; margin:0 auto 50px auto; padding:10px; width:100%; min-height:100px; overflow:hidden; text-align:left; font-size:0;}
				.download-area .d-title{display:block; width:100%; line-height:80px; color:#3788cd; font-size:18px; letter-spacing:1px; vertical-align:middle;}
				.download-area .d-title img{display:inline-block; vertical-align:middle; margin-right:8px;}
				.download-area .d-item{display:table; margin:0 10px 8px 0; padding:4px 6px 4px 4px; font-size:16px; background:#fff; border:#ccc 1px solid; text-decoration:none; font-weight:bold; box-shadow:#ccc 2px 2px 3px; max-width:280px;}
				.download-area .d-item:hover{box-shadow:#999 2px 2px 3px; border:#999 1px solid;}
				.download-area .d-item img{display:table-cell; margin-right:4px; vertical-align:middle; width:50px;}
				.download-area .d-item p{display:table-cell; width:calc(100% - 54px); color:#3788cd; vertical-align:middle;}



				.c-pager {position:relative; margin:0 auto; padding:10px; width:100%; overflow:hidden; text-align:center;}
				.c-pager .pager-num {display:inline-block; margin:4px; padding:4px 6px; width:32px; line-height:18px; font-size:0.875em; color:#666; text-decoration:none; background:#fff; border:#ccc 1px solid; cursor:pointer;}
				.c-pager .pager-num:hover {color:#fff; background:#666; border:#666 1px solid;}
				.c-pager .pager-num.onit {color:#fff; background:#bf0d23; border:#bf0d23 1px solid;}



				/* 服務流程-表格 */
				.schedule-table{margin:10px auto 30px auto; width:100%; border-collapse:collapse; text-align:center;}
				.schedule-table tr{width:100%;}
				.schedule-table tr td{padding:8px 12px; vertical-align:middle; line-height:28px;}
				.schedule-table tr td strong{font-weight:bold;}
				.schedule-table tr td .txt{display:block; width:100%;}
				.schedule-table tr td .txt .l-txt{display:block; float:left; min-width:20px; color:#666;}
				.schedule-table tr td .txt .r-txt{display:block; float:left; width:calc(100% - 20px); text-align:left; color:#666;}
				.schedule-table tr td .step-txt{display:inline-block; margin:4px; padding:8px 12px; min-width:100px; border-radius:4px; color:#3788cd; background:#e5f1fe;}

				.schedule-table tr td.td-1{width:50%; font-size:16px; color:#3788cd;}
				.schedule-table tr td.td-2{width:50%; font-size:16px;}


				.edit-pic-01{display:block; margin:0 auto 10px; width:100%; height:300px; background:url(../img/about_01.jpg) no-repeat top center; background-size:cover;}




		/* 頁碼 */
				.nc-pager {position:relative; margin:0 auto; padding:0 10px; width:100%; overflow:hidden; text-align:center; vertical-align:middle; line-height:40px; font-size:0;}
				.nc-pager .pager-num {display:inline-block; margin:3px 3px; padding:4px 10px; font-size:13px; color:#666; text-decoration:none; background:#fff; border:#ccc 1px solid; cursor:pointer; vertical-align:middle;}
				.nc-pager .pager-num:hover {color:#fff; background:#ccc; border:#ccc 1px solid;}
				.nc-pager .pager-num.onit {color:#fff; background:#000; border:#000 1px solid;}
				
				
				.nc-pager .pager-arrow{display:inline-block; margin:3px 3px; width:0; height:0; border-style:solid; border-width:10px 14px 10px 0; border-color:transparent #ccc transparent transparent; vertical-align:middle;}
				.nc-pager .pager-arrow:hover{border-color:transparent #ccc transparent transparent;}
				.nc-pager .pager-arrow.p-n{border-color:transparent #000 transparent transparent;}

				.nc-pager .pager-arrow-n{display:inline-block; margin:3px 3px; width:0; height:0; border-style:solid; border-width:10px 0 10px 14px; border-color:transparent transparent transparent #ccc; vertical-align:middle;}
				.nc-pager .pager-arrow-n:hover{border-color:transparent transparent transparent #ccc;}
				.nc-pager .pager-arrow-n.p-n{border-color:transparent transparent transparent #000;}





	.nc-form{position:relative; margin:0 auto; padding:10px; width:100%; overflow:hidden; text-align:left;}


		#reserve-form{position:relative; margin:0 auto; width:100%; overflow:hidden;}
		#reserve-form h2{display:block; margin:0 auto; padding:0 10px; width:100%; color:#000; font-size:18px; font-weight:bold;}
		#reserve-form h3{display:block; margin:0 auto; padding:0 10px; width:100%; color:#f00; font-size:28px; font-weight:bold; letter-spacing:1px;}

			.f-block{position:relative; float:left; width:100%; overflow:hidden; font-size:13px; color:#333;}
			.h-block{position:relative; float:left; width:50%; overflow:hidden; font-size:13px; color:#333;}
							
				.f-colum{float:left; width:100%; padding:2px 0; line-height:24px; overflow:hidden;}
				.h-colum{float:left; width:50%; padding:2px 0; line-height:24px; overflow:hidden;}


					.i-title{float:left; padding:0 0 0 10px; width:120px; vertical-align:middle; color:#333; line-height:30px;}
					.i-field{float:left; padding:0 0 0 10px; width:calc(100% - 128px); vertical-align:middle; color:#333; line-height:30px;}
					.i-field img{vertical-align:middle;}
					.i-field .f-auth{margin:0 8px 8px 0;}
					.i-field a{text-decoration:none;}
					.i-field a .swap-t{display:inline-block; margin-left:8px; width:40px; color:#019cdc;}
					.i-field .f-auth-pic{height:30px;}
					.i-field input{border:#ccc 1px solid; line-height:20px; padding:0 4px;}
					.i-field textarea{border:#ccc 1px solid; line-height:20px; padding:0 4px;}
					.i-field select{border:#ccc 1px solid; line-height:20px; padding:0 4px;}
					.i-field option{border:#ccc 1px solid; line-height:20px; padding:0 4px;}

					.i1-title{float:left; padding:0 0 0 10px; width:calc(30% - 10px); vertical-align:middle; color:#333; line-height:30px;}
					.i1-field{float:left; padding:0 0 0 10px; width:70%; vertical-align:middle; color:#333; line-height:30px;}
					.i1-field .link{color:#00b7ee;}
					.i1-field .link:hover{text-decoration:underline;}
					.i1-field img{vertical-align:middle;}
					.i1-field .f-auth{margin:0 8px 8px 0;}
					.i1-field a{text-decoration:none;}
					.i1-field a .swap-t{display:inline-block; margin-left:8px; width:40px; color:#019cdc;}
					.i1-field .f-auth-pic{height:30px;}
					.i1-field input{border:#ccc 1px solid; line-height:24px; padding:0 4px;}
					.i1-field textarea{border:#ccc 1px solid; line-height:20px; padding:0 4px;}
					.i1-field select{border:#ccc 1px solid; line-height:20px; padding:0 4px;}
					.i1-field option{border:#ccc 1px solid; line-height:20px; padding:0 4px;}

				.w-30{width:30%;}					
				.w-50{width:50%;}
				.w-100{width:100%;}


				.confirm-block{position:relative; padding:4px 0 4px 0; width:100%; overflow:hidden; font-size:14px; text-align:center;}
				.confirm-block .form-btn{display:inline-block; margin:0 2px 6px 2px; padding:8px 14px; border:none; cursor:pointer; font-family:"微軟正黑體", 新細明體, Verdana, sans-serif; color:#fff; background:linear-gradient(120deg, #ededed 0%, #333 10%, #000 100%); letter-spacing:1px; /*box-shadow:inset -2px -2px 5px #000;*/}
				.confirm-block .form-btn:nth-of-type(1){border-top-left-radius:6px; border-bottom-left-radius:6px;}
				.confirm-block .form-btn:nth-of-type(2){border-top-right-radius:6px; border-bottom-right-radius:6px;}
				
				.confirm-block .form-btn:hover{background:linear-gradient(120deg, #feb4c4 0%, #f85779 10%, #ff3c68 100%); /*box-shadow:inset -2px -2px 5px #d11c41;*/}





	.f-title{margin:0 auto 10px auto; width:100%; font-size:28px; font-weight:normal; color:#fff; line-height:120%;}

		.pi-l{float:left; width:100%;}

		.tab-1{width:100%; margin:0 auto; text-align:left; font-size:16px;}
		.tab-1 tr{border-bottom:#ccc 1px solid;}
		.tab-1 td{padding:10px; vertical-align:top; color:#000; background:#fff; line-height:120%;}
		.tab-1 td:nth-of-type(1){width:30%; background:#ededed; border-right:#ccc 1px solid;}
		.tab-1 td:nth-of-type(2){width:70%;}
		.tab-1 tr:nth-last-of-type(1){border:none;}
		
		.tab-1 p{display:block; margin:0 auto; padding:2px 0; width:100%; font-size:15px; text-align:left;}
		.tab-1 p .p-dot{display:inline-block; margin:auto 8px auto 0; width:6px; height:6px; line-height:15px; vertical-align:middle; background:#000; border-radius:4px;}
		




				.btn-block{position:relative; padding:30px 0 40px 0; width:100%; overflow:hidden; font-size:16px; text-align:center;}
				.btn-block .inner-btn{margin:2px 4px; padding:10px 12px; line-height:16px; color:#fff; border:none; background:#8BAEBC; cursor:pointer; font-family:"微軟正黑體", 新細明體, Verdana, sans-serif; font-weight:bold;}
				.btn-block .inner-btn:hover{background:#fff; color:#000;}





.r-sub-menu{display:none; margin:0 auto 20px auto; padding:16px 10px 16px 10px; width:100%; text-align:left; background:#ededed; font-size:16px;}
.r-sub-menu p{display:inline-block; margin-right:8px; padding:4px 0 4px 10px;}
.r-sub-menu select{}
.r-sub-menu select,
.r-sub-menu option{padding:4px 4px;}














@media screen and (max-width:1200px){

}

@media screen and (max-width:1024px){

.left-blk{float:none; display:none;}
.right-blk{float:none; width:100%;}

		.r-container{margin:0 auto 50px auto; width:100%;}
		.r-txt-edit{margin:0 auto 0 2%; padding:18px 4% 18px 4%;}

		.r-txt-edit > h2{margin:20px auto; font-size:24px; letter-spacing:1px; line-height:100%;}

		.r-txt-edit > h3,
		.r-txt-edit > h4,
		.r-txt-edit > h5,
		.r-txt-edit > h6{margin:0 auto 10px auto; width:100%; padding:0 0 0 10px; font-size:20px;}

		.service-blk{margin:10px auto 10px auto; padding:10px 10px 10px 10px}


		.service-blk .s-item{width:48%; padding:6px;}
		.service-blk .s-item-c{width:48%; padding:6px;}

		.service-blk.news .s-item{width:48%; padding:6px;}

	.h-colum{width:100%;}
	
	
				.confirm-block{font-size:16px;}
	
	
	.edit-pic-01{height:0; padding-bottom:56.25%;}


	.showcase-blk{margin:10px auto; width:100%;}




			.f-block{float:left; width:100%; font-size:16px;}
			.h-block{float:left; width:100%; font-size:16px;}

				.f-colum{float:left; width:100%;}
				.h-colum{float:left; width:100%;}

				.w-30{width:100%;}
				.w-50{width:100%;}
				.w-100{width:100%;}

		.iframe-container{padding-bottom:56.25%;}



			.recom{text-align:center;}
				.recom-title{font-size:18px;}
				.recom-pic{display:inline-block; float:none;}


.r-sub-menu{display:block;}




				.nc-pager .pager-num{margin:2px 2px; padding:2px 8px; font-size:12px; color:#666;}
				
				.nc-pager .pager-arrow{display:inline-block; margin:2px 2px; width:0; height:0; border-style:solid; border-width:10px 14px 10px 0; border-color:transparent #ccc transparent transparent; vertical-align:middle;}

				.nc-pager .pager-arrow-n{display:inline-block; margin:2px 2px; width:0; height:0; border-style:solid; border-width:10px 0 10px 14px; border-color:transparent transparent transparent #ccc; vertical-align:middle;}


	.us-blk{flex-direction:row; width:100%;}

		.us-l{display:block; width:100%; padding:5px;}
		.us-l.f-left,
		.us-l.f-right{float:none;}
		
			.usl-txt{padding:10px 10px 20px 10px;}
			.usl-txt h3{padding:5px 0 10px 0;}


		.tab-1 tr{border-bottom:none;}
		.tab-1 td:nth-of-type(1){display:block; width:100%; border-right:none;}
		.tab-1 td:nth-of-type(2){display:block; width:100%; padding-bottom:20px;}

.inner-content{padding:10px;}


		.video-container{padding-bottom:75%;}

}

@media screen and (max-width:768px){
	
	


		.r-txt-edit > table th,
		.r-txt-edit > table td{vertical-align:top; padding:10px 4px;}
		
		.service-blk .s-item{width:98%; padding:6px;}
		.service-blk .s-item-c{width:98%; padding:6px;}
		.service-blk.news .s-item{width:98%; padding:6px;}


		.service-blk .list-item .l-pic{display:none;}
		.service-blk .list-item .r-info {display:block; width:100%;}

		.service-blk .report-item .l-pic{display:none;}
		.service-blk .report-item .r-info {display:block; width:100%;}


		.case-title{display:block; width:100%;}
			.case-logo{display:block; width:200px; text-align:center; margin:10px auto;}
			.case-txt{display:block; width:100%; text-align:left; margin:10px auto;}


			.case-before{display:block; margin:30px 1%; width:98%;}
			
			.case-after{display:block; margin:30px 1%; width:98%;}

		.contact-blk{padding:20px 0; width:100%;}

		#reserve-form{padding:0;}
		#reserve-form > h2{margin:10px auto 20px auto;  text-align:center;}

				.i-title{font-weight:bold; letter-spacing:1px;}
				.i-title{font-weight:bold; letter-spacing:1px;}
				.i1-title{font-weight:bold; letter-spacing:1px;}
				.i1-title{font-weight:bold; letter-spacing:1px;}
				.i1-title{width:calc(100% - 30px);}

				.i-field{margin:10px auto 10px auto; width:100%;}
				.i-field{margin:10px auto 10px auto; width:100%;}
				.i1-field{margin:10px auto 10px auto; width:100%;}
				.i1-field{margin:10px auto 10px auto; width:100%;}

				.i1-type,
				.i1-type-n,
				.i1-title,
				.i1-field{line-height:36px;}

.inner-content .h2-a{font-size:24px;}
.inner-content .h3-a{font-size:18px;}
.inner-content .p-a{font-size:16px;}



}

@media screen and (max-width:480px){


		#reserve-form h3{font-size:24px;}
	
		#reserve-form{}

				.i-field select{margin:4px 0;}
				.i1-field select{margin:4px 0;}

		.confirm-block .form-btn{}

.r-sub-menu p{padding:4px 0 4px 0;}

}


@media screen and (max-width:300px){

		.confirm-block .form-btn:nth-of-type(1){border-radius:6px;}
		.confirm-block .form-btn:nth-of-type(2){border-radius:6px;}

}















/* Outer CSS */


.orange{
	/* font-size:24px; */
	font-weight:bolder;
	line-height:42px;
	font-family:微軟正黑體, Helvetica, Verdana, Tahoma, Geneva, sans-serif;
	color:#f84e71;
}
.gray{
	font-size:12px;
	color:#777;
}

.area{
	float:right;
}
/* middle */
.middle{
	width:950px;
	height:640px;
	text-align:left;
	background-image:url(../Images/bg.html);
	background-repeat:no-repeat;
	float:left;
}

.grayALL{
	width:250px;
	height:300px;
	padding:10px;
	margin-bottom:15px;
	background-color:#e8e8e8;
	float:left;
}
.grayALL .input{
	color:#999797;
	border:solid 1px #e2dfdf;
}
.grayALL .title{
	padding:3px 0 8px 0;
	float:left;
}
.grayALL .btn{
	padding-right:1px;
	float:left;
}
.grayALL .free{
	padding-bottom:8px;
	float:left;
}
.grayALL .table{
	float:left;
}

.process{
	width:950px;
	height:170px;
	background-image:url(../Images/5title.html);
	background-repeat:no-repeat;
	background-position:top left;
	padding-top:25px;
	float:left;
}
.handcar{
	width:946px;
	height:110px;
	padding:2px;
	text-align:center;
	background-image:url(../Images/gray_bg.html);
	float:left;
}
.handcar ul{
	text-align:center;
	background-color:#FFF;
	border:solid 2px #fff;
	float:left;
}
.handcar li{
	border:solid 1px #fff;
	float:left;
}
.handcar li a{
	border:solid 1px #fff;
	display:block;
}
.handcar li a:hover{
	border:solid 1px #aed563;
}
.handcar .title{
	width:950px;
	text-align:center;
}

.aboutALL{
	width:947px;
	text-align:left;
	border:dotted 1px #f7953c;
	padding-bottom:25px;
	margin-left: 2em;
	margin-top: 1em;
	float:left;
}

.category{
	width:100%;
	height:47px;
	text-align:center;
	margin-bottom:25px;
	float:left;
}

.category.cat1{
	background:url(../images/01.gif) no-repeat #f7953c;
	background-position:center center;
	background-size:auto 100%;
}
.category.cat2{
	background:url(../images/02.gif) no-repeat #f7953c;
	background-position:center center;
	background-size:auto 100%;
}
.category.cat3{
	background:url(../images/03.gif) no-repeat #f7953c;
	background-position:center center;
	background-size:auto 100%;
}
.category.cat4{
	background:url(../images/04.gif) no-repeat #f7953c;
	background-position:center center;
	background-size:auto 100%;
}
.category.cat5{
	background:url(../images/05.gif) no-repeat #f7953c;
	background-position:center center;
	background-size:auto 100%;
}
.category.cat6{
	background:url(../images/06.gif) no-repeat #f7953c;
	background-position:center center;
	background-size:auto 100%;
}
.category.cat7{
	background:url(../images/07.gif) no-repeat #f7953c;
	background-position:center center;
	background-size:auto 100%;
}





.photo{
	width:250px;
	margin-right:20px;
	margin-left:20px;
	float:left;
}
.subject{
	width:620px;
	padding-bottom:8px;
	font-weight: bold;
}
.intro{
	width:620px;
	font-size:14px;
	line-height:22px;
	font-family:微軟正黑體, Helvetica, Verdana, Tahoma, Geneva, sans-serif;
	color:#000000;
	padding-bottom:15px;
	float:left;
}

table.service_table tbody tr td{
	font-size: 16px;
	padding: 5px;
}


@media screen and (max-width:1024px){

.photo{
	display:none;
}

.intro{
	position:relative;
/*	padding:5px;*/
	width:100%;
	overflow:hidden;
}


}

@media (max-width: 767px){
	table.service_table tbody tr td{
		font-size: 15px;
		/* padding: 5px; */
	}
	
}