@charset "utf-8";
/* 簡單流變媒體
   注意: 流變媒體要求您必須移除 HTML 中媒體的高度和寬度屬性
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 不支援最大寬度，因此寬度預設為 100% */
.ie6 img {
	width:100%;
}

body{ background:url(../images/bgimg.jpg) repeat;}
body, main, header{font-family:"游ゴシック", "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial; font-weight:bold;}

header{ float:left; width:90%; margin:0 5%; padding:10% 0; text-align:center;}
header img{ width:100%; max-width:380px;}

a:active, a:visited, a:hover { outline: 0; text-decoration:none;}

.footer_box{ float:left; width:100%; margin:0; padding:15px 0; text-align:center; font-size:0.8em; color:#FFF; background-color:#512B1C;}
	.footer_box a, .footer_box a:visited, .footer_box a:hover,{ color:#FFF;}

/*
	Dreamweaver 流變格線屬性
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	靈感來自於 Ethan Marcotte 的「具回應功能的網頁設計」 
	http://www.alistapart.com/articles/responsive-web-design
	
	以及 Joni Korpi 的「黃金格線系統」
	http://goldengridsystem.com/
*/

/* 行動版面: 480px 以下。 */
.phbr{ display: inherit;}


.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 99%;
	padding-left: 0.5%;
	padding-right: 0.5%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

header{ float:left; width:90%; margin:0 5%; padding:25% 0; text-align:center;}
header img{ width:100%; max-width:200px;}

.fullversion-bgstyle{ float:left; width:100%; height:50vw; background:url(../images/001.jpg) no-repeat; background-attachment: inherit; background-position: center center; background-size: cover;}
.top-box{text-align:center;}
	.top-box h1{ margin:40px 0 20px; font-size:1.4em; font-weight:bolder; line-height: 32px; color:#968065;}
	.top-box span{ font-size:1.3em;}
		.top-box span a, .top-box span a:visited{ color:#5C5C5C;}
		.top-box span a:hover{ color:#f17727; text-decoration:underline;}
	.top-box p{ margin:20px 0 10px;}
		.top-box p img{ width:100%; max-width:800px;}
.top-box_text{ float:left; width:100%; margin:0 0 80px; text-align:center;}
	.top-box_text span{ float:left; width:100%; margin:0; padding:20px 0; font-size:1.2em; color:#FFF; background-color:#512B1C;}
		.top-box_text font{ font-size:0.8em;}
	.top-box_text p{ float:left; width:100%; margin:0; padding:20px; text-align:left; font-size:1.05em; letter-spacing:0.5px; line-height:28px; color:#5C5C5C; background-color:#fff4e2;box-shadow:0 0 5px #AAA;}
	
.content-1{ width:100%; margin:0 0 80px;}
	.content-1_left{ float:left; width:90%; margin:0 5%;}
		.content-1_left p{ float:left; z-index:1; margin:0;}
			.content-1_left p img{ width:100%;}
		.content-1_left span{ float:left; width:100%; margin:0; padding:8px 15px; z-index:3; text-align:center; font-size:1.3em; color:#FFF; background-color:#512B1C;}
		.content-1_left font{ font-size:0.8em;}
			.content-1_left-title{float:left; display:none;}
	.content-1_right{ float:left; width:90%; margin:0 5%; padding:20px; background-color:#fff4e2; box-shadow:0 0 5px #AAA;}
		.content-1_right span{ float:left; margin:0 0 80px; font-size:1.05em; letter-spacing:0.5px; line-height:24px; color:#5C5C5C;}
		.content-1_right p img{ width:100%;}
	
.content-2{ width:100%; margin:0 0 80px;}
	.content-2_left{ float: left; width:90%; margin:0 5%;}
		.content-2_left p{ float:left; z-index:1; margin:0;}
			.content-2_left p img{ width:100%;}
		.content-2_left span{ float: right; width:100%; margin:0; padding:8px 15px; z-index:3; text-align: center; font-size:1.3em; color:#FFF; background-color:#512B1C;}
		.content-2_left font{ font-size:0.7em;}
			.content-2_left-title{float:left; display: none;}		
	.content-2_right{ float: left; width:90%; margin:0 5%; padding:20px; background-color:#fff4e2; box-shadow:0 0 5px #AAA;}
		.content-2_right span{ float:left; margin:0 0 80px; font-size:1.05em; letter-spacing:0.5px; line-height:24px; color:#5C5C5C;}
		.content-2_right p img{ width:100%;}
		
.content-3{ width:100%; margin:0 0 80px; background-color: none; box-shadow: none;}
	.content-3_left{ float:left; width:90%; margin:0 5%; text-align: center; background-color:#512B1C;}
		.content-3_left p img{ width:100%;}
		.content-3_left span{ float:left; width:100%; margin:0; padding:8px 0; font-size:1.3em; color:#FFF;}
		.content-3_left font{ font-size:0.8em;}
	.content-3_right{ float:left; width:90%; margin:0 5%; padding:20px; background-color:#fff4e2; box-shadow:0 0 5px #AAA;}
		.content-3_right span{ width:100%; margin:0; font-size:1.05em; letter-spacing:0.5px; line-height:24px; color:#5C5C5C;}
		.content-3_right p img{ width:100%; margin:80px 0 0;}

.content-4{ width:100%; margin:0 0 80px;}
	.content-4_left{ float: left; width:90%; margin:0 5%; padding:8px 0; background-color:#512B1C;}	
		.content-4_left span{ float: left; width:100%; padding:0 0 0 15px; z-index:3; text-align: center; font-size:1.3em; color:#FFF;}
		.content-4_left font{ font-size:0.7em;}
	.content-4_right{ float: left; width:90%; margin:0 5%; padding:0 0 30px; background-color:#fff4e2; box-shadow:0 2px 8px #AAA;}
		.content-4_right span{ float:left; margin:0; padding:20px; z-index:3; font-size:1.05em; letter-spacing:0.5px; line-height:24px; color:#5C5C5C; background-color:#fff4e2;}
		.content-4_right p{ float:left;}
		.content-4_right p img{ width:100%;}

.content-5{ width:100%; margin:0 0 80px;}
	.content-5_left{ float: left; width:90%; margin:0 5%; padding:8px 0; background-color:#512B1C;}	
		.content-5_left span{ float: left; width:100%; padding:0 0 0 15px; z-index:3; text-align: center; font-size:1.3em; color:#FFF;}
		.content-5_left font{ font-size:0.7em;}
	.content-5_right{ float: right; width:90%; margin:0 5%; padding:0 0 30px; background-color:#fff4e2; box-shadow:0 2px 8px #AAA;}
		.content-5_right span{ float:left; margin:0; padding:20px; z-index:3; font-size:1.05em; letter-spacing:0.5px; line-height:28px; color:#5C5C5C; background-color:#fff4e2;}
		.content-5_right p{ float:left;}
		.content-5_right p img{ width:100%;}
		
.content-6{ width:100%; margin:0 0 80px;}
	.content-6_left{ float:left; width:100%; margin:0; padding:2% 0 0 3%;}
		.content-6_left span{ float:left; width:95%; margin:20px 0; padding:8px 15px; text-align:center; font-size:1.3em; color:#FFF; background-color:#512B1C; border-top-right-radius:0; border-bottom-right-radius:0;}
			.content-6_left font{ font-size:0.6em;}
		.content-6_box{ float:left; width:50%; margin:0; padding:0;}
			.content-6_box p{ float:left; width:100%; margin:2% 0; font-size:1.05em; color:#5C5C5C}
				.content-6_box N{ float:left; width:25px; height:25px; margin:-3px 8px 0 0; padding:4px 0 0; text-align:center;  font-size:0.8em; border-radius:50%; color:#FFF; background-color:#512B1C;}
	.content-6_right{ float:left; width:100%; margin:0;}
		.content-6_right img{ width:100%;}
		
.content-7{ float:left; width:90%; margin:80px 5% 20px;}
	.content-7 span{ float:left; width:100%; padding:8px 0; text-align:center; font-size:1.3em; color:#FFF; background-color:#512B1C;}
		.content-7 font{ font-size:0.8em;}
	.content-7 p{ float:left; width:100%; padding:10px; font-size:1.05em; letter-spacing:0.5px; line-height:28px; color:#5C5C5C;}
	
.content-8{ float:left; width:90%; margin:0 5% 80px;}
	.content-8 span{ float:left; width:100%; padding:8px 0; text-align:center; font-size:1.3em; color:#FFF; background-color:#512B1C;}
		.content-8 font{ font-size:0.8em;}
	.content-8-box{ float:left; width:100%; padding:10px; font-weight: normal;}
		.content-8-box p{ float:left; width:100%; margin:1% 0; font-size:1.05em; color:5C5C5C;}
		.content-8-box T{ float:left; width:100px; margin:0;}
		.content-8-box C{ float:left; width:calc(100% - 100px); margin:0; padding:0 0 0 20px; border-left:1px #5C5C5C solid;}
	.content-8-box_en{ float:left; width:100%; padding:30px; font-weight:normal;}
		.content-8-box_en p{ float:left; width:100%; margin:2% 0; font-size:1.05em; color:5C5C5C;}
		.content-8-box_en T{ float:left; width:130px; margin:0;}
		.content-8-box_en C{ float:left; width:calc(100% - 130px); margin:0; padding:0 0 0 20px; border-left:1px #5C5C5C solid;}
		
.content-9{ float:left; width:100%; margin:80px 0;}
	.content-9_left{ float:left; width:90%; margin:0 5%;}
		.content-9_left span{ float:left; width:100%; margin:20px 0; padding:8px 0; text-align: center; font-size:1.6em; color:#FFF; background-color:#512B1C;}
			.content-9_left font{ font-size:0.7em;}
	.content-9_right{ float:left; width:90%; margin:0 5%;}
		.content-9_box{ float:left; width:50%; margin:3% 0 0; padding:0;}
			.content-9_box p{ float:left; width:100%; margin:1% 0; font-size:1.05em; color:#5C5C5C}
				.content-9_box N{ float:left; width:25px; height:25px; margin:0 8px 0 0; padding:4px 0 0; text-align:center;  font-size:0.8em; border-radius:50%; color:#5C5C5C; background-color:#AFD597;}
		.content-9_box_en{ float:left; width:100%; margin:2% 0 0; padding:0 5%;}
			.content-9_box_en p{ float:left; width:100%; margin:2% 0; font-size:1em; color:#5C5C5C}
				.content-9_box_en N{ float:left; width:25px; height:25px; margin:-2px 8px 0 0; padding:4px 0 0; text-align:center;  font-size:0.8em; border-radius:50%; color:#5C5C5C; background-color:#AFD597;}

/* 表格版面: 481px 到 768px。樣式繼承自: 行動版面。 */

@media only screen and (min-width: 481px) {
.phbr{ display: inline;}

.gridContainer {
	width: 98%;
	padding-left: 1%;
	padding-right: 1%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

header{ float:left; width:90%; margin:0 5%; padding:20% 0; text-align:center;}
header img{ width:100%; max-width:280px;}

.fullversion-bgstyle{ float:left; width:100%; height:45vw; background:url(../images/001.jpg) no-repeat; background-attachment: fixed; background-position: center center; background-size: cover;}
.top-box{text-align:center;}
	.top-box h1{ margin:80px 0 50px; font-size:1.8em; font-weight:bolder; line-height: 32px; color:#968065;}
	.top-box span{ font-size:1.3em;}
		.top-box span a, .top-box span a:visited{ color:#5C5C5C;}
		.top-box span a:hover{ color:#f17727; text-decoration:underline;}
	.top-box p{ margin:50px 0 10px;}
		.top-box p img{ width:100%; max-width:800px;}
.top-box_text{ float:left; width:100%; margin:0 0 100px; text-align:center;}
	.top-box_text span{ float:left; width:100%; margin:0; padding:20px 0; font-size:1.6em; color:#FFF; background-color:#512B1C;}
		.top-box_text font{ font-size:0.8em;}
	.top-box_text p{ float:left; width:100%; margin:0; padding:50px; text-align:left; font-size:1.15em; letter-spacing:0.5px; line-height:28px; color:#5C5C5C; background-color:#fff4e2;box-shadow:0 0 5px #AAA;}
	
.content-1{ width:100%; margin:0 0 80px;}
	.content-1_left{ float:left; width:90%; margin:0 5%;}
		.content-1_left p{ float:left; z-index:1; margin:0;}
			.content-1_left p img{ width:100%;}
		.content-1_left span{ float:left; width:100%; margin:0; padding:8px 15px; z-index:3; text-align:center; font-size:1.6em; color:#FFF; background-color:#512B1C;}
		.content-1_left font{ font-size:0.8em;}
			.content-1_left-title{float:left; display:none;}
	.content-1_right{ float:left; width:90%; margin:0 5%; padding:50px; background-color:#fff4e2; box-shadow:0 0 5px #AAA;}
		.content-1_right span{ float:left; margin:0 0 80px; font-size:1.05em; letter-spacing:0.5px; line-height:24px; color:#5C5C5C;}
		.content-1_right p img{ width:100%;}
	
.content-2{ width:100%; margin:0 0 80px;}
	.content-2_left{ float: left; width:90%; margin:0 5%;}
		.content-2_left p{ float:left; z-index:1; margin:0;}
			.content-2_left p img{ width:100%;}
		.content-2_left span{ float: right; width:100%; margin:0; padding:8px 0; z-index:3; text-align: center; font-size:1.6em; color:#FFF; background-color:#512B1C;}
		.content-2_left font{ font-size:0.7em;}
			.content-2_left-title{float:left; display: none;}		
	.content-2_right{ float: left; width:90%; margin:0 5%; padding:50px; background-color:#fff4e2; box-shadow:0 0 5px #AAA;}
		.content-2_right span{ float:left; margin:0 0 80px; font-size:1.15em; letter-spacing:0.5px; line-height:28px; color:#5C5C5C;}
		.content-2_right p img{ width:100%;}
		
.content-3{ width:100%; margin:0 0 100px; background-color: none; box-shadow: none;}
	.content-3_left{ float:left; width:90%; margin:0 5%; text-align: center; background-color:#512B1C;}
		.content-3_left p img{ width:100%;}
		.content-3_left span{ float:left; width:100%; margin:0; padding:8px 0; font-size:1.6em; color:#FFF;}
		.content-3_left font{ font-size:0.8em;}
	.content-3_right{ float:left; width:90%; margin:0 5%; padding:50px; background-color:#fff4e2; box-shadow:0 0 5px #AAA;}
		.content-3_right span{ width:100%; margin:0; font-size:1.15em; letter-spacing:0.5px; line-height:28px; color:#5C5C5C;}
		.content-3_right p img{ width:100%; margin:80px 0 0;}

.content-4{ width:100%; margin:0 0 80px;}
	.content-4_left{ float: left; width:90%; margin:0 5%; padding:8px 0; background-color:#512B1C; border-radius:0;}	
		.content-4_left span{ float: left; width:100%; padding:0 5px; z-index:3; text-align: center; font-size:1.6em; color:#FFF;}
		.content-4_left font{ font-size:0.8em;}
	.content-4_right{ float: left; width:90%; margin:0 5%; padding:0; background-color:#fff4e2; box-shadow:0 2px 8px #AAA;}
		.content-4_right span{ float:left; margin:0; padding:50px; z-index:3; font-size:1.15em; letter-spacing:0.5px; line-height:28px; color:#5C5C5C; background-color:#fff4e2;}
		.content-4_right p{ float:left;}
		.content-4_right p img{ width:100%;}

.content-5{ width:100%; margin:0 0 80px;}
	.content-5_left{ float: left; width:90%; margin:0 5%; padding:8px 0; background-color:#512B1C; border-radius:0;}	
		.content-5_left span{ float: left; width:100%; padding:0 5px; z-index:3; text-align: center; font-size:1.6em; color:#FFF;}
		.content-5_left font{ font-size:0.7em;}
	.content-5_right{ float: right; width:90%; margin:0 5%; padding:0; background-color:#fff4e2; box-shadow:0 2px 8px #AAA;}
		.content-5_right span{ float:left; margin:0; padding:50px; z-index:3; font-size:1.15em; letter-spacing:0.5px; line-height:28px; color:#5C5C5C; background-color:#fff4e2;}
		.content-5_right p{ float:left;}
		.content-5_right p img{ width:100%;}
		
.content-6{ width:100%; margin:0 0 80px;}
	.content-6_left{ float:left; width:100%; margin:0; padding:2% 0 0 3%;}
		.content-6_left span{ float:left; width:100%; margin:20px 0; padding:8px 15px; text-align:center; font-size:1.6em; color:#FFF; background-color:#512B1C; border-top-right-radius:0; border-bottom-right-radius:0;}
			.content-6_left font{ font-size:0.6em;}
		.content-6_box{ float:left; width:50%; margin:0; padding:0 0 0 20px;}
			.content-6_box p{ float:left; width:100%; margin:1.5% 0; font-size:1.2em; color:#5C5C5C}
				.content-6_box N{ float:left; width:25px; height:25px; margin:0 8px 0 0; padding:3px 0 0; text-align:center;  font-size:0.85em; border-radius:50%; color:#FFF; background-color:#512B1C;}
	.content-6_right{ float:left; width:100%; margin:0;}
		.content-6_right img{ width:100%;}
		
.content-7{ float:left; width:90%; margin:80px 5% 20px;}
	.content-7 span{ float:left; width:100%; padding:8px 0; text-align:center; font-size:1.6em; color:#FFF; background-color:#512B1C;}
		.content-7 font{ font-size:0.8em;}
	.content-7 p{ float:left; width:100%; padding:10px; font-size:1.15em; letter-spacing:0.5px; line-height:28px; color:#5C5C5C;}
	
.content-8{ float:left; width:90%; margin:0 5% 80px;}
	.content-8 span{ float:left; width:100%; padding:8px 0; text-align:center; font-size:1.6em; color:#FFF; background-color:#512B1C;}
		.content-8 font{ font-size:0.8em;}
	.content-8-box{ float:left; width:100%; padding:10px; font-weight: normal;}
		.content-8-box p{ float:left; width:100%; margin:1% 0; font-size:1.2em; color:5C5C5C;}
		.content-8-box T{ float:left; width:100px; margin:0;}
		.content-8-box C{ float:left; width:calc(100% - 100px); margin:0; padding:0 0 0 20px; border-left:1px #5C5C5C solid;}
	.content-8-box_en{ float:left; width:100%; padding:30px; font-weight:normal;}
		.content-8-box_en p{ float:left; width:100%; margin:2% 0; font-size:1.2em; color:5C5C5C;}
		.content-8-box_en T{ float:left; width:160px; margin:0;}
		.content-8-box_en C{ float:left; width:calc(100% - 160px); margin:0; padding:0 0 0 20px; border-left:1px #5C5C5C solid;}
		
.content-9{ float:left; width:100%; margin:80px 0;}
	.content-9_left{ float:left; width:90%; margin:0 5%;}
		.content-9_left span{ float:left; width:100%; margin:20px 0; padding:8px 0; text-align: center; font-size:1.6em; color:#FFF; background-color:#512B1C;}
			.content-9_left font{ font-size:0.7em;}
	.content-9_right{ float:left; width:90%; margin:0 5%;}
		.content-9_box{ float:left; width:50%; margin:3% 0 0; padding:0 5%;}
			.content-9_box p{ float:left; width:100%; margin:2% 0; font-size:1.2em; color:#5C5C5C}
				.content-9_box N{ float:left; width:25px; height:25px; margin:0 8px 0 0; padding:3px 0 0; text-align:center;  font-size:0.85em; border-radius:50%; color:#5C5C5C; background-color:#AFD597;}
		.content-9_box_en{ float:left; width:50%; margin:2% 0 0; padding:0 5%;}
			.content-9_box_en p{ float:left; width:100%; margin:3% 0; font-size:1em; color:#5C5C5C}
				.content-9_box_en N{ float:left; width:25px; height:25px; margin:-2px 8px 0 0; padding:4px 0 0; text-align:center;  font-size:0.85em; border-radius:50%; color:#5C5C5C; background-color:#AFD597;}
}

/* 桌面版面: 769px 到最大 1024px。樣式繼承自: 行動版面和表格版面。 */

@media only screen and (min-width: 769px) {
.phbr{ display:none;}

.gridContainer {
	width: 98%;
	padding-left: 1%;
	padding-right: 1%;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

header{ float:left; width:90%; margin:0 5%; padding:10% 0; text-align:center;}
header img{ width:100%; max-width:380px;}

.fullversion-bgstyle{ float:left; width:100%; height:40vw; background:url(../images/001.jpg) no-repeat; background-attachment: fixed; background-position: center center; background-size: cover;}
.top-box{text-align:center;}
	.top-box h1{ margin:80px 0 50px; font-size:2.4em; font-weight:bolder; line-height: 32px; color:#968065;}
	.top-box span{ font-size:1.3em;}
		.top-box span a, .top-box span a:visited{ color:#5C5C5C;}
		.top-box span a:hover{ color:#f17727; text-decoration:underline;}
	.top-box p{ margin:50px 0 10px;}
		.top-box p img{ width:100%; max-width:800px;}
.top-box_text{ float:left; width:80%; margin:0 10% 100px; text-align:center;}
	.top-box_text span{ float:left; width:100%; margin:0; padding:20px 0; font-size:1.8em; color:#FFF; background-color:#512B1C;}
		.top-box_text font{ font-size:0.8em;}
	.top-box_text p{ float:left; width:100%; margin:0; padding:50px; text-align:left; font-size:1.15em; letter-spacing:0.5px; line-height:28px; color:#5C5C5C; background-color:#fff4e2;box-shadow:0 0 5px #AAA;}
	
.content-1{ width:100%; margin:0 0 100px;}
	.content-1_left{ float:left; width:75%; margin:0 0 0 5%;}
		.content-1_left p{ float:left; z-index:1; margin:0;}
			.content-1_left p img{ width:100%;}
		.content-1_left span{ float:left; width:43%; margin:0 0 0 -3%; padding:8px 15px; z-index:3; text-align:left; font-size:1.8em; color:#FFF; background-color:#512B1C;}
		.content-1_left font{ font-size:0.8em;}
			.content-1_left-title{float:left; display: inline; height: 32px; margin:0; text padding: 0;-align: center; position: relative; z-index:3;}		
        		.arrow_left{top: 0; position: absolute;	 border-width:43px 30px 43px 0; border-style:solid; border-color:transparent #fff transparent transparent ;}
        		.arrow_right{ top: 0; position: absolute; border-width:43px 0 43px 30px; border-style:solid; border-color:transparent transparent transparent #512B1C;}		
	.content-1_right{ float:left; width:55%; margin:32% 5% 0 -40%; padding:50px; background-color:#fff4e2; box-shadow:2px 1px 5px #AAA;}
		.content-1_right span{ float:left; margin:0 0 80px; font-size:1.15em; letter-spacing:0.5px; line-height:28px; color:#5C5C5C;}
		.content-1_right p img{ width:100%;}
	
.content-2{ width:100%; margin:0 0 100px;}
	.content-2_left{ float: right; width:75%; margin:0 5% 0 0;}
		.content-2_left p{ float:left; z-index:1; margin:0;}
			.content-2_left p img{ width:100%;}
		.content-2_left span{ float: right; width:48%; margin:0 -3% 0 0; padding:8px 15px; z-index:3; text-align:left; font-size:1.6em; color:#FFF; background-color:#512B1C;}
		.content-2_left font{ font-size:0.3em;}
			.content-2_left-title{float:left; display:inline; height: 32px; margin:0 0 0 51%; padding: 0; text-align: center; position: relative; z-index:3;}
        		.arrow_left{ top: 0; position: absolute; border-width:39px 30px 39px 0; border-style:solid; border-color:transparent #512B1C transparent transparent;}		
	.content-2_right{ float: right; width:55%; margin:32% -40% 0 5%; padding:50px; background-color:#fff4e2; box-shadow:-2px 2px 5px #AAA;}
		.content-2_right span{ float:left; margin:0 0 80px; font-size:1.15em; letter-spacing:0.5px; line-height:28px; color:#5C5C5C;}
		.content-2_right p img{ width:100%;}
		
.content-3{ width:100%; margin:0 0 100px; background-color:#512B1C; box-shadow:2px 2px 5px #AAA;}
	.content-3_left{ float:left; width:50%; margin:0; text-align: center; background-color:#512B1C;}
		.content-3_left p img{ width:100%;}
		.content-3_left span{ float:left; width:100%; margin:0; padding:12% 15px 0; font-size:1.8em; color:#FFF;}
		.content-3_left font{ font-size:0.8em;}
	.content-3_right{ float:left; width:50%; margin:0; padding:30px 40px 10px; background-color:#fff4e2; box-shadow:none;}
		.content-3_right span{ width:100%; margin:0; font-size:1.15em; letter-spacing:0.5px; line-height:28px; color:#5C5C5C;}
		.content-3_right p img{ width:80%; margin:3% 0 0 10%;}

.content-4{ width:100%; margin:0 0 100px;}
	.content-4_left{ float: left; width:55%; margin:12% 0 0 5%; padding:5% 0; background-color:#512B1C; border-radius:100px;}	
		.content-4_left span{ float: left; width:55%; padding:0 0 0 15px; z-index:3; text-align: center; font-size:1.8em; color:#FFF;}
		.content-4_left font{ font-size:0.6em;}
	.content-4_right{ float: left; width:60%; margin:0 5% 0 -25%; padding:0; background-color:#fff4e2; box-shadow:0 2px 8px #AAA;}
		.content-4_right span{ float:left; margin:0; padding:50px; z-index:3; font-size:1.15em; letter-spacing:0.5px; line-height:28px; color:#5C5C5C; background-color:#fff4e2;}
		.content-4_right p{ float:left;}
		.content-4_right p img{ width:100%;}

.content-5{ width:100%; margin:0 0 100px;}
	.content-5_left{ float: right; width:55%; margin:12% 5% 0 0; padding:5% 0; background-color:#512B1C; border-radius:100px;}	
		.content-5_left span{ float: right; width:53%; padding:0 10px 0 0; z-index:3; text-align: center; font-size:1.8em; color:#FFF;}
		.content-5_left font{ font-size:0.6em;}
	.content-5_right{ float: right; width:60%; margin:0 -25% 0 5%; padding:0; background-color:#fff4e2; box-shadow:0 2px 8px #AAA;}
		.content-5_right span{ float:left; margin:0; padding:50px; z-index:3; font-size:1.15em; letter-spacing:0.5px; line-height:28px; color:#5C5C5C; background-color:#fff4e2;}
		.content-5_right p{ float:left;}
		.content-5_right p img{ width:100%;}
		
.content-6{ width:100%; margin:0 0 100px;}
	.content-6_left{ float:left; width:40%; margin:0; padding:2% 0 0 3%;}
		.content-6_left span{ float:left; width:90%; margin:20px 0; padding:8px 15px; text-align:left; font-size:1.8em; color:#FFF; background-color:#512B1C; border-top-right-radius:100px; border-bottom-right-radius:100px;}
			.content-6_left font{ font-size:0.6em;}
		.content-6_box{ float:left; width:100%; margin:0; padding:0 0 0 20px;}
			.content-6_box p{ float:left; width:100%; margin:1% 0; font-size:1.3em; color:#5C5C5C}
				.content-6_box N{ float:left; width:25px; height:25px; margin:0 8px 0 0; padding:4px 0 0; text-align:center;  font-size:0.6em; border-radius:50%; color:#FFF; background-color:#512B1C;}
	.content-6_right{ float:left; width:60%; margin:0;}
		.content-6_right img{ width:100%;}
		
.content-7{ float:left; width:46%; margin:80px 2%;}
	.content-7 span{ float:left; width:100%; padding:8px 0; text-align:center; font-size:1.8em; color:#FFF; background-color:#512B1C;}
		.content-7 font{ font-size:0.8em;}
	.content-7 p{ float:left; width:100%; padding:10px; font-size:1.15em; letter-spacing:0.5px; line-height:28px; color:#5C5C5C;}
	
.content-8{ float:left; width:46%; margin:80px 2%;}
	.content-8 span{ float:left; width:100%; padding:8px 0; text-align:center; font-size:1.8em; color:#FFF; background-color:#512B1C;}
		.content-8 font{ font-size:0.8em;}
	.content-8-box{ float:left; width:100%; padding:10px; font-weight: normal;}
		.content-8-box p{ float:left; width:100%; margin:1% 0; font-size:1.2em; color:5C5C5C;}
		.content-8-box T{ float:left; width:100px; margin:0;}
		.content-8-box C{ float:left; width:calc(100% - 100px); margin:0; padding:0 0 0 20px; border-left:1px #5C5C5C solid;}
	.content-8-box_en{ float:left; width:100%; padding:30px; font-weight:normal;}
		.content-8-box_en p{ float:left; width:100%; margin:2% 0; font-size:1.2em; color:5C5C5C;}
		.content-8-box_en T{ float:left; width:160px; margin:0;}
		.content-8-box_en C{ float:left; width:calc(100% - 160px); margin:0; padding:0 0 0 20px; border-left:1px #5C5C5C solid;}
		
.content-9{ float:left; width:100%; margin:100px 0;}
	.content-9_left{ float:left; width:50%; margin:0;}
		.content-9_left span{ float:left; width:100%; margin:20px 0; padding:8px 0; text-align: center; font-size:1.8em; color:#FFF; background-color:#512B1C;}
			.content-9_left font{ font-size:0.7em;}
	.content-9_right{ float:left; width:50%; margin:0;}
		.content-9_box{ float:left; width:50%; margin:28% 0 0; padding:0 5%;}
			.content-9_box p{ float:left; width:100%; margin:3% 0; font-size:1.3em; color:#5C5C5C}
				.content-9_box N{ float:left; width:25px; height:25px; margin:0 8px 0 0; padding:4px 0 0; text-align:center;  font-size:0.6em; border-radius:50%; color:#5C5C5C; background-color:#AFD597;}
		.content-9_box_en{ float:left; width:50%; margin:26% 0 0; padding:0 5%;}
			.content-9_box_en p{ float:left; width:100%; margin:3% 0; font-size:1em; color:#5C5C5C}
				.content-9_box_en N{ float:left; width:25px; height:25px; margin:-2px 8px 0 0; padding:4px 0 0; text-align:center;  font-size:0.8em; border-radius:50%; color:#5C5C5C; background-color:#AFD597;}
}

/* 桌面版面: 1025px 到最大樣式繼承自: 行動版面和表格版面。 */

@media only screen and (min-width: 1025px) {
.phbr{ display:none;}
	
.gridContainer {
	width: 98%;
	padding-left: 1%;
	padding-right: 1%;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

header{ float:left; width:90%; margin:0 5%; padding:10% 0; text-align:center;}
header img{ width:100%; max-width:380px;}

.fullversion-bgstyle{ float:left; width:100%; height:40vw; background:url(../images/001.jpg) no-repeat; background-attachment: fixed; background-position: center center; background-size: cover;}
.top-box{text-align:center;}
	.top-box h1{ margin:100px 0 50px; font-size:2.8em; font-weight:bolder; line-height: 32px; color:#968065;}
	.top-box span{ font-size:1.3em;}
		.top-box span a, .top-box span a:visited{ color:#5C5C5C;}
		.top-box span a:hover{ color:#f17727; text-decoration:underline;}
	.top-box p{ margin:50px 0 10px;}
		.top-box p img{ width:100%; max-width:800px;}
.top-box_text{ float:left; width:60%; margin:0 20% 100px; text-align:center;}
	.top-box_text span{ float:left; width:100%; margin:0; padding:20px 0; font-size:1.8em; color:#FFF; background-color:#512B1C;}
		.top-box_text font{ font-size:0.8em;}
	.top-box_text p{ float:left; width:100%; margin:0; padding:50px; text-align:left; font-size:1.15em; letter-spacing:0.5px; line-height:28px; color:#5C5C5C; background-color:#fff4e2;box-shadow:0 0 5px #AAA;}
	
.content-1{ width:100%; margin:0 0 100px;}
	.content-1_left{ float:left; width:75%; margin:0 0 0 5%;}
		.content-1_left p{ float:left; z-index:1; margin:0;}
			.content-1_left p img{ width:100%;}
		.content-1_left span{ float:left; width:43%; margin:0 0 0 -3%; padding:8px 15px; z-index:3; text-align:left; font-size:1.8em; color:#FFF; background-color:#512B1C;}
		.content-1_left font{ font-size:0.8em;}
			.content-1_left-title{float:left; display:inline; height: 32px; margin:0; padding: 0; text-align: center; position: relative; z-index:3;}
        		.arrow_right{ top: 0; position: absolute; border-width:43px 0 43px 30px; border-style:solid; border-color:transparent transparent transparent #512B1C;}		
	.content-1_right{ float:left; width:55%; margin:32% 5% 0 -40%; padding:50px; background-color:#fff4e2;box-shadow:2px 1px 5px #AAA;}
		.content-1_right span{ float:left; margin:0 0 80px; font-size:1.15em; letter-spacing:0.5px; line-height:28px; color:#5C5C5C;}
		.content-1_right p img{ width:100%;}
	
.content-2{ width:100%; margin:0 0 100px;}
	.content-2_left{ float: right; width:75%; margin:0 5% 0 0;}
		.content-2_left p{ float:left; z-index:1; margin:0;}
			.content-2_left p img{ width:100%;}
		.content-2_left span{ float: right; width:48%; margin:0 -3% 0 0; padding:8px 15px; z-index:3; text-align:left; font-size:1.8em; color:#FFF; background-color:#512B1C;}
		.content-2_left font{ font-size:0.6em;}
			.content-2_left-title{float:left; display:inline; height: 32px; margin:0 0 0 52%; padding: 0; text-align: center; position: relative; z-index:3;}
        		.arrow_left{ top: 0; position: absolute; border-width:43px 30px 43px 0; border-style:solid; border-color:transparent #512B1C transparent transparent;}		
	.content-2_right{ float: right; width:55%; margin:32% -40% 0 5%; padding:50px; background-color:#fff4e2; box-shadow:-2px 2px 5px #AAA;}
		.content-2_right span{ float:left; margin:0 0 80px; font-size:1.15em; letter-spacing:0.5px; line-height:28px; color:#5C5C5C;}
		.content-2_right p img{ width:100%;}
		
.content-3{ width:100%; margin:0 0 100px; background-color:#512B1C; box-shadow:2px 2px 5px #AAA;}
	.content-3_left{ float:left; width:50%; margin:0; text-align: center; background-color:#512B1C;}
		.content-3_left p img{ width:100%;}
		.content-3_left span{ float:left; width:100%; margin:0; padding:8% 15px 0; font-size:1.8em; color:#FFF;}
		.content-3_left font{ font-size:0.8em;}
	.content-3_right{ float:left; width:50%; margin:0; padding:30px 50px 20px; background-color:#fff4e2; box-shadow:none;}
		.content-3_right span{ width:100%; margin:0; font-size:1.15em; letter-spacing:0.5px; line-height:28px; color:#5C5C5C;}
		.content-3_right p img{ width:80%; margin:3% 0 0 10%;}

.content-4{ width:100%; margin:0 0 100px;}
	.content-4_left{ float: left; width:55%; margin:15% 0 0 5%; padding:5% 0; background-color:#512B1C; border-radius:100px;}	
		.content-4_left span{ float: left; width:55%; padding:0 0 0 15px; z-index:3; text-align: center; font-size:1.8em; color:#FFF;}
		.content-4_left font{ font-size:0.6em;}
	.content-4_right{ float: left; width:60%; margin:0 5% 0 -25%; padding:0; background-color:#fff4e2; box-shadow:0 2px 8px #AAA;}
		.content-4_right span{ float:left; margin:0; padding:50px; z-index:3; font-size:1.15em; letter-spacing:0.5px; line-height:28px; color:#5C5C5C; background-color:#fff4e2;}
		.content-4_right p{ float:left;}
		.content-4_right p img{ width:100%;}

.content-5{ width:100%; margin:0 0 100px;}
	.content-5_left{ float: right; width:55%; margin:15% 5% 0 0; padding:5% 0; background-color:#512B1C; border-radius:100px;}	
		.content-5_left span{ float: right; width:53%; padding:0 15px 0 0; z-index:3; text-align: center; font-size:1.8em; color:#FFF;}
		.content-5_left font{ font-size:0.6em;}
	.content-5_right{ float: right; width:60%; margin:0 -25% 0 5%; padding:0; background-color:#fff4e2; box-shadow:0 2px 8px #AAA;}
		.content-5_right span{ float:left; margin:0; padding:50px; z-index:3; font-size:1.15em; letter-spacing:0.5px; line-height:28px; color:#5C5C5C; background-color:#fff4e2;}
		.content-5_right p{ float:left;}
		.content-5_right p img{ width:100%;}
		
.content-6{ width:100%; margin:0 0 100px;}
	.content-6_left{ float:left; width:40%; margin:0; padding:2% 0 0 3%;}
		.content-6_left span{ float:left; width:90%; margin:20px 0; padding:8px 15px; text-align:left; font-size:1.8em; color:#FFF; background-color:#512B1C; border-top-right-radius:100px; border-bottom-right-radius:100px;}
			.content-6_left font{ font-size:0.6em;}
		.content-6_box{ float:left; width:100%; margin:0; padding:0 0 0 20px;}
			.content-6_box p{ float:left; width:100%; margin:2% 0; font-size:1.3em; color:#5C5C5C}
				.content-6_box N{ float:left; width:25px; height:25px; margin:0 8px 0 0; padding:4px 0 0; text-align:center;  font-size:0.65em; border-radius:50%; color:#FFF; background-color:#512B1C;}
	.content-6_right{ float:left; width:60%; margin:0;}
		.content-6_right img{ width:100%;}
		
.content-7{ float:left; width:46%; margin:80px 2%;}
	.content-7 span{ float:left; width:100%; padding:8px 0; text-align:center; font-size:1.8em; color:#FFF; background-color:#512B1C;}
		.content-7 font{ font-size:0.8em;}
	.content-7 p{ float:left; width:100%; padding:30px; font-size:1.15em; letter-spacing:0.5px; line-height:28px; color:#5C5C5C;}
	
.content-8{ float:left; width:46%; margin:80px 2%;}
	.content-8 span{ float:left; width:100%; padding:8px 0; text-align:center; font-size:1.8em; color:#FFF; background-color:#512B1C;}
		.content-8 font{ font-size:0.8em;}
	.content-8-box{ float:left; width:100%; padding:30px; font-weight:normal;}
		.content-8-box p{ float:left; width:100%; margin:1% 0; font-size:1.2em; color:5C5C5C;}
		.content-8-box T{ float:left; width:100px; margin:0;}
		.content-8-box C{ float:left; width:calc(100% - 100px); margin:0; padding:0 0 0 20px; border-left:1px #5C5C5C solid;}
	.content-8-box_en{ float:left; width:100%; padding:30px; font-weight:normal;}
		.content-8-box_en p{ float:left; width:100%; margin:2% 0; font-size:1.2em; color:5C5C5C;}
		.content-8-box_en T{ float:left; width:160px; margin:0;}
		.content-8-box_en C{ float:left; width:calc(100% - 160px); margin:0; padding:0 0 0 20px; border-left:1px #5C5C5C solid;}
		
.content-9{ float:left; width:100%; margin:100px 0;}
	.content-9_left{ float:left; width:50%; margin:0;}
		.content-9_left span{ float:left; width:100%; margin:20px 0; padding:8px 0; text-align: center; font-size:1.8em; color:#FFF; background-color:#512B1C;}
			.content-9_left font{ font-size:0.7em;}
	.content-9_right{ float:left; width:50%; margin:0;}
		.content-9_box{ float:left; width:50%; margin:28% 0 0; padding:0 5%;}
			.content-9_box p{ float:left; width:100%; margin:3% 0; font-size:1.3em; color:#5C5C5C}
				.content-9_box N{ float:left; width:25px; height:25px; margin:0 8px 0 0; padding:4px 0 0; text-align:center;  font-size:0.65em; border-radius:50%; color:#5C5C5C; background-color:#AFD597;}
		.content-9_box_en{ float:left; width:50%; margin:26% 0 0; padding:0 5%;}
			.content-9_box_en p{ float:left; width:100%; margin:3% 0; font-size:1em; color:#5C5C5C}
				.content-9_box_en N{ float:left; width:25px; height:25px; margin:-2px 8px 0 0; padding:4px 0 0; text-align:center;  font-size:0.85em; border-radius:50%; color:#5C5C5C; background-color:#AFD597;}

}