@charset "utf-8";
/* 簡單流變媒體
   注意: 流變媒體要求您必須移除 HTML 中媒體的高度和寬度屬性
   http://www.alistapart.com/articles/fluid-images/ 
*/
/* Background pattern from Toptal Subtle Patterns */
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 不支援最大寬度，因此寬度預設為 100% */
.ie6 img {
	width:100%;
}
body, main, footer{ font-family: "微軟正黑體", "Arial", sans-serif; overflow:hidden;}

.article04-bg{ background:url(../images/bg04.png) repeat;}

div{ text-align: justify;　text-justify: inter-ideograph;　-ms-text-justify: inter-ideograph; /*IE9*/　-moz-text-align-last:justify; /*Firefox*/　-webkit-text-align-last:justify; /*Chrome*/}

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


/* 行動版面: 480px 以下。 */

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

.ph_brstyle{ display:inline;}
		
.article04{ float:left; width:100%; margin:35px 0; background-color:#F7F7F7;}
.article04 h1{float:left; width:90%; margin:30px 5% 15px; padding:10px 0; text-align:left; font-size:1.6em; font-weight:bold; color:#212121;}
	.decorative-line{ float:left; width:76%; height:2px; margin:0 12% 15px; background-color:#DFDFDF; border:none;}
		.decorative-line::before, .decorative-line::after{ content:''; position: absolute; background-color:#cacaca;}
		.decorative-line::before{ width:12%; height:4px; margin:-6px 0 0 -5%;}
		.decorative-line::after{ width:5%; height:4px; margin:6px 0 0 75%;}
	.article04-box1{ float:left; width:90%; margin:15px 5% 30px;}
		.article04-box1 p{ float:left; width:100%; margin:10px 0; font-size:1.05em; letter-spacing:1px; line-height:1.45em; color:#666; text-indent:15px;}
		.article04-box1 B{ float:left; width:100%; margin:8px 0; font-size:1.1em; font-weight:bolder; color:#212121;}
		.article04-box1 span{ float:left; width:100%; margin:20px 0; text-align:center;}
		
		
.magazine-report, .more-articles{ float:left; width:94%; margin:0; padding:50px 3%;}
.magazine-report{ background-color:#EDEDED;}		
.more-articles{ border-top:1px #DEDEDE dashed;}
	.magazine-report h3, .more-articles h3{ float:left; width:100%; margin:10px 0; font-size:1.5em; font-weight:bold; color:#212121;}
	.magazine-report hr, .more-articles hr{ float:left; width:75px; height:3px; margin:0 0 15px; background-color:#c8c8c8;}
	.magazine-report p, .more-articles p{ float:left; width:90%; margin:6px 5%; padding:5px; font-size:1.1em; color:#4f91f4;}
	.more-articles p{border-bottom:1px #DEDEDE solid;}
	.magazine-report a, .more-articles a:visited{ color:#4f91f4; text-decoration:underline;}
	.magazine-report a:hover{ color:#ec8132; text-decoration:none;}
	.more-articles a, .more-articles a:visited{ color:#4f91f4; text-decoration:none;}
	.more-articles a:hover{ color:#ec8132; text-decoration:underline;}

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

@media only screen and (min-width: 481px) {
.gridContainer { width: 96%; padding:0 2%;}
.LayoutDiv1 { clear: both; float: left;	margin-left: 0; width: 100%; display: block; background-color:#FFF;}

.ph_brstyle{ display: inline;}
		
.article04{ float:left; width:100%; margin:50px 0; background-color:#F7F7F7;}
.article04 h1{float:left; width:100%; margin:30px 0 20px; padding:10px 0; text-align:center; font-size:2.2em; font-weight:bold; color:#212121;}
	.decorative-line{ float:left; width:80%; height:2px; margin:0 10% 20px; background-color:#DFDFDF; border:none;}
		.decorative-line::before, .decorative-line::after{ content:''; position: absolute; background-color:#cacaca;}
		.decorative-line::before{ width:10%; height:4px; margin:-6px 0 0 -5%;}
		.decorative-line::after{ width:5%; height:4px; margin:6px 0 0 73%;}
	.article04-box1{ float:left; width:80%; margin:15px 10% 50px;}
		.article04-box1 p{ float:left; width:100%; margin:15px 0; font-size:1.15em; letter-spacing:1px; line-height:1.5em; color:#666; text-indent:35px;}
		.article04-box1 B{ float:left; width:100%; margin:8px 0; font-size:1.1em; font-weight:bolder; color:#212121;}
		.article04-box1 span{ float:left; width:80%; margin:30px 10%; text-align:center;}
		
		
.magazine-report, .more-articles{ float:left; width:80%; margin:0; padding:50px 10%;}
.magazine-report{ background-color:#EDEDED;}		
.more-articles{ border-top:1px #DEDEDE dashed;}
	.magazine-report h3, .more-articles h3{ float:left; width:100%; margin:10px 0; font-size:1.5em; font-weight:bold; color:#212121;}
	.magazine-report hr, .more-articles hr{ float:left; width:90px; height:5px; margin:0 0 20px; background-color:#c8c8c8;}
	.magazine-report p, .more-articles p{ float:left; width:90%; margin:6px 5%; padding:5px; font-size:1.2em; color:#4f91f4;}
	.more-articles p{border-bottom:1px #DEDEDE solid;}
	.magazine-report a, .more-articles a:visited{ color:#4f91f4; text-decoration:underline;}
	.magazine-report a:hover{ color:#ec8132; text-decoration:none;}
	.more-articles a, .more-articles a:visited{ color:#4f91f4; text-decoration:none;}
	.more-articles a:hover{ color:#ec8132; text-decoration:underline;}
}

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

@media only screen and (min-width: 769px) {
.gridContainer { width: 90%;  padding:0 5%;	margin: auto;}
.LayoutDiv1 { clear: both; float: left;	margin-left: 0;	width: 100%; display: block; background-color:#FFF;}

.ph_brstyle{ display:none;}
		
.article04{ float:left; width:100%; margin:50px 0; background-color:#F7F7F7;}
.article04 h1{float:left; width:90%; margin:30px 5% 20px; padding:10px 0; text-align:center; font-size:2.6em; font-weight:bold; color:#212121;}
	.decorative-line{ float:left; width:80%; height:2px; margin:0 10% 20px; background-color:#DFDFDF; border:none;}
		.decorative-line::before, .decorative-line::after{ content:''; position: absolute; background-color:#cacaca;}
		.decorative-line::before{ width:10%; height:4px; margin:-6px 0 0 -3%;}
		.decorative-line::after{ width:3%; height:4px; margin:6px 0 0 70%;}
	.article04-box1{ float:left; width:80%; margin:15px 10% 80px;}
		.article04-box1 p{ float:left; width:100%; margin:15px 0; font-size:1.25em; letter-spacing:1px; line-height:1.55em; color:#666; text-indent:35px;}
		.article04-box1 B{ float:left; width:100%; margin:8px 0; font-size:1.1em; font-weight:bolder; color:#212121;}
		.article04-box1 span{ float:left; width:80%; margin:30px 10%; text-align:center;}
		
		
.magazine-report, .more-articles{ float:left; width:40%; margin:0;}
.magazine-report{ background-color:#EDEDED; padding:80px 5% 220px;}		
.more-articles{ border-top:1px #DEDEDE dashed; padding:80px 5%;}
	.magazine-report h3, .more-articles h3{ float:left; width:100%; margin:10px 0; font-size:1.8em; font-weight:bold; color:#212121;}
	.magazine-report hr, .more-articles hr{ float:left; width:90px; height:5px; margin:0 0 20px; background-color:#c8c8c8;}
	.magazine-report p, .more-articles p{ float:left; width:90%; margin:6px 5%; padding:5px; font-size:1.3em; color:#4f91f4;}
	.more-articles p{border-bottom:1px #DEDEDE solid;}
	.magazine-report a, .more-articles a:visited{ color:#4f91f4; text-decoration:underline;}
	.magazine-report a:hover{ color:#ec8132; text-decoration:none;}
	.more-articles a, .more-articles a:visited{ color:#4f91f4; text-decoration:none;}
	.more-articles a:hover{ color:#ec8132; text-decoration:underline;}
}


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

@media only screen and (min-width: 1025px) {
.gridContainer { width: 90%; max-width: 1100px; padding:0 5%; margin: auto;}
.LayoutDiv1 { clear: both; float: left;	margin-left: 0;	width: 100%; display: block; background-color:#FFF;}

.ph_brstyle{ display:none;}
		
.article04{ float:left; width:100%; margin:50px 0; background-color:#F7F7F7;}
	.article04 h1{float:left; width:100%; margin:30px 0 20px; padding:10px 0; text-align:center; font-size:2.8em; font-weight:bold; color:#212121;}
	.decorative-line{ float:left; width:80%; height:2px; margin:0 10% 20px; background-color:#DFDFDF; border:none;}
		.decorative-line::before, .decorative-line::after{ content:''; position: absolute; background-color:#cacaca;}
		.decorative-line::before{ width:10%; height:4px; margin:-6px 0 0 -2%;}
		.decorative-line::after{ width:3%; height:4px; margin:6px 0 0 64%;}
	.article04-box1{ float:left; width:80%; margin:15px 10% 80px;}
		.article04-box1 p{ float:left; width:100%; margin:15px 0; font-size:1.25em; letter-spacing:1px; line-height:1.55em; color:#666; text-indent:35px;}
		.article04-box1 B{ float:left; width:100%; margin:8px 0; font-size:1.1em; font-weight:bolder; color:#212121;}
		.article04-box1 span{ float:left; width:80%; margin:30px 10%; text-align:center;}
		
		
		
.magazine-report, .more-articles{ float:left; width:40%; margin:0;}
.magazine-report{ background-color:#EDEDED; padding:80px 5% 220px;}		
.more-articles{ border-top:1px #DEDEDE dashed; padding:80px 5%;}
	.magazine-report h3, .more-articles h3{ float:left; width:100%; margin:10px 0; font-size:1.8em; font-weight:bold; color:#212121;}
	.magazine-report hr, .more-articles hr{ float:left; width:90px; height:5px; margin:0 0 20px; background-color:#c8c8c8;}
	.magazine-report p, .more-articles p{ float:left; width:90%; margin:6px 5%; padding:5px; font-size:1.3em; color:#4f91f4;}
	.more-articles p{border-bottom:1px #DEDEDE solid;}
	.magazine-report a, .more-articles a:visited{ color:#4f91f4; text-decoration:underline;}
	.magazine-report a:hover{ color:#ec8132; text-decoration:none;}
	.more-articles a, .more-articles a:visited{ color:#4f91f4; text-decoration:none;}
	.more-articles a:hover{ color:#ec8132; text-decoration:underline;}
}