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

body {background:#ff97cb;}
.cleardiv {clear:both;}
.sline {margin:6px 0px 4px 0px;}
#back {position:fixed; right:40px; bottom:120px; cursor:pointer; display:none; z-index:10;}

#mbmenu {display:none;}

header {height:370px; margin-top:30px; background:url(../images/header.jpg) bottom center no-repeat;}
header img {display:none;}

#layout {width:980px; margin:auto; margin-bottom:15px;}

#con-rt {display:block; float:right; width:430px;}
#con-rt-gds {width:430px; padding:12px; background:white; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.rtbtn a {display:inline-block; margin:0px 2px;}
#conrt_secd a {display:inline-block; margin:10px 4px; padding:0px 5px; background:lightpink; color:palevioletred; font-size:14px; line-height:25px; text-align:center; font-family:微軟正黑體;}
#conrt_secd a:hover {background:mediumvioletred; color:white;}
#conrt_secd .slect {background:mediumvioletred; color:white; cursor:default;}

#con-lt {display:block; float:left; width:540px; position:relative;}
.ltmenu {position:relative; margin-top:-84px; margin-bottom:10px;}
.ltmenu a {display:inline-block; margin:0px 3px 0px 0px;}

article {display:block;}
article .t_left, .t_right {display:inline-block; vertical-align:top;}
article .t_left {width:90px;}
article .t_right {width:440px; overflow:hidden; margin-left:3px;}
.t_right p {font-size:12px; line-height:18px; letter-spacing:1px;}
.t_right p.hp {color:#02639D; font-size:16px; line-height:26px; font-weight:bold;}
.t_right p.sp {font-weight:bold;}

.special{margin-bottom:10px;}
.special a{display:block;}
.special img{display:block; border:none;}
.special a:hover img{opacity:0.6; filter:alpha(opacity=60);}

@media screen and (max-width: 768px) {
	#evnthdmb {z-index:999;}
	#back {right:10px; bottom:10px;}
	#back img {width:40px; height:auto;}
	header {background:none; height:auto;}
	header img {display:block; width:100%; height:auto;}
	#layout {width:100%;}
	.ltmenu {display:none;}
	#mbmenu {display:inherit; width:100%; margin-bottom:8px; margin-top:-3%;}
	#mbmenu a {display:inline-block; width:18%; height:auto; margin:0px -1px;}
	#mbmenu a img {width:100%; height:auto;}
	#mbmenu #goarticle {display:block; width:70%; padding:6px 0px; background:#C00; color:white; font-size:13.5pt; letter-spacing:0.75pt; font-family:微軟正黑體, 新細明體;}
	#con-rt, #con-lt {float:none;}
	#con-rt {width:100%;}
	#con-rt-gds {width:90%; padding:2%; margin:auto; margin-bottom:15px;}
	.rtbtn a {width:24%; margin:0px 1px;}
	.rtbtn a img {width:100%; height:auto;}
	#con-lt {width:96%; margin:auto;}
	.sline {width:100%; height:auto;}
	article {width:100%;}
	article .t_left {width:15%;}
	article .t_left img {width:100%; height:auto;}
	article .t_right {width:83%;}
	article .t_right img {width:100%; height:auto;}
	article .t_right img.at_pic {display:block; width:40%; height:auto;}
	table {background-image:none; border-bottom:1px solid gray;}
}

@media screen and (max-width: 480px) {
	#mbmenu #goarticle {font-size:11.25pt;}
	article .t_right {width:81%;}
}