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

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

#layout {/*width:980px; margin:auto;*/ position:relative; background:url(../images/tp_bg.jpg) top center repeat-x; /*box-shadow:0px 0px 10px gray;*/}

/*header {height:350px; position:relative; background:url(../images/header.jpg) center no-repeat; margin-top:40px;}
header img.mbheader {display:none;}
header img.arrow_hd {position:absolute; right:3px; top:298px;}
header a {display:block; width:125px; height:95px; outline:none; position:absolute; right:0px; bottom:0px;}*/

#mbheader {display:none;}

header {position:relative; height:450px; background:url(../images/hd_pg.png) bottom repeat-x;}
header img {display:block; margin:auto;}
header div.hd_a_con {display:block; width:980px; margin:auto; position:relative;}
header div.hd_a_con a {display:block; width:219px; height:45px; position:absolute; right:0px; bottom:0px; z-index:10;}

#wrapper {background:#daeaf4;}

#content {width:980px; margin:auto; position:relative;}

#con-rt {float:right; width:400px; padding:10px; margin-top:15px; margin-right:10px; margin-bottom:12px; background:white; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;}

#con-lt {float:left; width:520px; padding:10px; margin-bottom:12px;}
#con-lt img.bar {display:block; margin:auto;}
article {margin-bottom:10px;}
article p {font-size: 16px;    line-height: 24px;    font-family: 微軟正黑體;    text-align: justify;    letter-spacing: 2px;    margin-top: 12px ; }

#con-lt .smmobile {display:none;}

#mbnav {display:none;}


@media screen and (max-width: 768px) {
	#back {right:10px; bottom:10px;}
	#back img {width:40px; height:auto;}
	#layout {width:100%; /*box-shadow:none;*/ padding-bottom:3%; background:none;}
	header {display:none;}
	#mbheader {display:inherit; margin-top:40px; position:relative; height:auto;}
	#mbheader img {display:block; width:100%;}
	/*header {height:auto; background:none;}
	header img.mbheader {display:block; width:100%; height:auto;}
	header img.arrow_hd {display:none;}
	header a {width:17%; height:24%;}*/
	#content {width:100%;}
	#con-rt {float:none; width:90%; padding:2%; margin:0 auto;}
	#con-rt .gdsbtn img {width:23%; height:auto;}
	#con-rt img.map {width:90%; height:auto;}
	#con-lt {float:none; width:90%; padding:2%; margin:auto;}
	#con-lt .sm {display:none;}
	#con-lt .smmobile {display:block;}
	nav {display:none;}
	#mbnav {display:inherit; background:#daeaf4;}
	#mbnav img {width:30%; height:auto;}
	#goarticle {display:block; width:70%; padding:6px 0px; background:#398692; color:white; font-size:10pt; letter-spacing:0.75pt; font-family:微軟正黑體, 新細明體;}
	#con-lt img.bar {width:70%; height:auto;}
	article img.title {width:80%; height:auto;}
	article img.pic {width:40%; height:auto;}
	#con-rt table {background-image:none; border-bottom:1px solid gray;}
}


@media screen and (max-width: 480px) {
	#goarticle {font-size:11.25pt;}
}