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

* {margin:0px; padidng:0px;}
.cleardiv {clear:both;}
#back {position:fixed; right:40px; bottom:120px; cursor:pointer; display:none; z-index:10;}

#layout {width:980px; margin:auto; margin-top:40px; position:relative;}

header {display:block; width:980px; height:300px; margin:auto; background:url(../images/header.jpg) bottom center no-repeat;}
header img {display:none;}

.fullimg img {display: block; width:100%; height:auto; }

sub {display:block; width:980px; margin:15px auto 15px auto; position:relative;}
sub a {display:inline-block; position:relative; margin:0px -2px;}
sub a:hover {top:-5px;}
sub.button7 a img {width: 139px;}

section {width:978px; overflow:hidden; margin-bottom:20px; padding-bottom:10px; border:1px solid #c7c7c7; position:relative;}
section span {display:block; position:relative; width:978px; height:60px; margin-bottom:10px;}
section span font {
	position: absolute;
	z-index: 2;
	top: 10px;
	left: 260px;
	color: white;
	font-family: 微軟正黑體;
	font-weight: bold;
	font-size: 28px;
	width: 512px;
}
section span font.t2 {color:#c00;}
section span font.t3 {color:#399;}
section span font.t4 {
	color: #004FC4;
}
section p {padding-left:10px;font-size:20px; line-height:40px; letter-spacing:1px; font-family:微軟正黑體;}
section font.mark {color:darkorange;}
section font.red {color:mediumvioletred; border-bottom:1px solid mediumvioletred;}
section a.mor {display:block; padding:5px 20px; position:absolute; right:0px; bottom:0px; background:darkorange; color:white; font-size:26px; font-family:微軟正黑體; text-decoration:none;}
section a.mor:hover {background:orangered;}

@charset "big5";
/* CSS Document */
@media only screen and (max-width: 768px) {
  .container {width: 100%;}
}

@media screen and (max-width: 768px) {
	#back {right:10px; bottom:10px;}
	#back img {width:60px; height:auto;}
	#layout {width:100%;}
	header {width:100%; height:auto; margin-top:20px; background:none;}
	header img {display:block; width:100%; height:auto;}
	sub {width:100%; height:auto;}
	sub a {display:inline-block; width:32%;}
	sub a img, sub.button7 a img {width:100%; height:auto;}
	sub a:hover {top:0px;}
	section {width:92%; margin:auto; margin-bottom:20px; position:relative;}
	section span {width:100%; height:auto; overflow:hidden;}
	section span img {width:150%; height:auto;}
	section span font {top:5; left:34%; font-size:16px;}
	section p {font-size:15px; line-height:30px; letter-spacing:0px;}
	section a.mor {display:block; width:30%; position:relative; margin:15px auto 0px auto; font-size:16px; text-align:center;}
	section a.mor:hover {background:darkorange;}
}