@charset "utf-8";
/* CSS Document */

* {margin:0px; padding:0px;}
.cleardiv {clear:both;}

body {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a41717+38,660000+100 */
background: #a41717; /* Old browsers */
background:fixed;
background: -moz-linear-gradient(top, #a41717 38%, #660000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #a41717 38%,#660000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #a41717 38%,#660000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a41717', endColorstr='#660000',GradientType=0 ); /* IE6-9 */}

#back {position:fixed; right:40px; bottom:120px; cursor:pointer; display:none; z-index:10;}

#layout {position:relative;}

header {margin-top:40px; position:relative; border-bottom:30px solid #660000;}
header div {width:980px; height:300px; margin:auto; position:relative; background:url(../images/header.jpg) bottom center no-repeat;}
header span {display:block; width:100%; height:auto; position:absolute; z-index:2; top:0; left:0;}
header img.mbhd {display:none;}
header img.hdpic {display:inherit;}

#content {width:980px; margin:15px auto; background:white; box-sizing:border-box; padding:15px; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; position:relative;}

#content .con_rt {float:right; width:430px;}

#content .con_lt {float:left; width:510px;}
article {margin-bottom:15px;}
article h2 {font-size:20px; line-height:32px; text-align:center; font-family:微軟正黑體; font-weight:normal; background:#900; color:white; letter-spacing:1px; margin-bottom:5px;}
article p {font-size:16px; line-height:24px; text-align:justify; font-family:微軟正黑體; margin-bottom:5px;}
article .imgs {position:relative; margin-bottom:8px;}
article .imgs_lt {float:left;}
article .imgs_rt {float:right; margin-bottom:8px;}


@media screen and (max-width: 768px) {
	#back {right:10px; bottom:10px;}
	#back img {width:60px; height:auto;}
	#layout {width:100%; position:relative;}
	header div {width:100%; height:auto; background:none;}
	header img.mbhd {display:block; width:100%; height:auto; margin-top:20px;}
	header img.hdpic {width:100%; height:auto;}
	#content {width:96%; padding:2%;}
	#content .con_rt {float:none; display:block; width:100%; margin-bottom:15px;}
	table {background-image:none; border-bottom:1px solid gray;}
	#content .con_lt {float:none; display:block; width:100%;}
	article {width:100%;}
	article .imgs {width:100%;}
	article .imgs_lt {width:72%; margin:auto;}
	article .imgs_rt {width:25%;}
}