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

* {margin:0px; pdding:0px;}
.cleardiv {clear:both;}
body, html {position:relative; height:100%; width:100%; /*background:#fffbf3;*/ background:url(../images/bg.jpg) repeat;}
#back {position:fixed; right:40px; bottom:120px; cursor:pointer; display:none; z-index:10;}

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

/*#mbmenua, #mbmenub,*/ #mbad {display:none;}

/*#menuup {background:#e31851; padding:0px;}
#menuup div {width:980px; margin:auto;}
#menuup a {display:inline-block; padding:10px 15px; font-size:20px; color:white; font-family:微軟正黑體; letter-spacing:4px; font-weight:bold; margin:0px 3px; text-decoration:none;}
#menuup a:hover {background:darkorange; color:white; border-bottom:none;}
#menuup a.slect {background:darkorange; color:white; cursor:default;}*/

#menudn {background:lightblue; padding:0px;}
#menudn div {width:980px; margin:auto;}
#menudn a {display:inline-block; padding:6px 4px; font-size:16px; color:#08555c; font-family:微軟正黑體; letter-spacing:0px; font-weight:bold; margin:0px; text-decoration:none;}
#menudn a:hover {background:#08555c; color:white;}

/*#menudn2 {background:lightblue; padding:0px;}
#menudn2 div {width:980px; margin:auto;}
#menudn2 a {display:inline-block; padding:6px 3px; font-size:16px; color:#08555c; font-family:微軟正黑體; letter-spacing:0px; font-weight:bold; margin:0px; text-decoration:none;}
#menudn2 a:hover {background:#08555c; color:white;}*/

#menuup {position:relative; height:auto; box-sizing:border-box; padding:0px; background:#fa3c3c;}
#menuup a {display:inline-block; width:100px; font-size:20px; line-height:50px; font-family:微軟正黑體,MS Gothic,sans-serif; color:white; text-decoration:none; font-weight:bold;}
#menuup a:hover {font-family:微軟正黑體,MS Gothic,sans-serif; background:#ff6f5f; color:white; font-size:20px; line-height:50px;}
#menuup a.slec {background:#ff6f5f; color:white; cursor:default;}
#menuup i.menuup_rt {position:absolute; right:0px; top:0px; padding:15px 10px; background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.6));}
#menuup i.menuup_lt {position:absolute; left:0px; top:0px; padding:15px 10px; background: linear-gradient(to right, rgba(0,0,0,0.6), rgba(0,0,0,0));}

#mbmenub {display:none;}
#mbmenub i.mbmenub_rt {display:none;}
#mbmenub i.mbmenub_lt {display:none;}

nav {display:none; margin-top:40px;}
.nav>li>a {padding:8px;}
.navbar {min-height:36px;
	background:lightblue; border:none; color:#08555c;
	padding: 0px;
	-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
	-moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
	transition: background .5s ease-in-out,padding .5s ease-in-out;}
.navbar-default .navbar-nav>li {color:#08555c; font-size:15px; font-family:微軟正黑體; font-weight:bold;}
.navbar-default .navbar-nav>li>a {color:#08555c; font-size:15px; font-family:微軟正黑體; font-weight:bold;}
.navbar-default .navbar-nav>li>a:hover {color:#08555c;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {color:white; background:#08555c;}
.top-nav-collapse {padding: 0;}

nav .container {width:980px; padding-left:10px; padding-right:10px;}

/* Demo Sections - You can use these as guides or delete them - the scroller will work with any sort of height, fixed, undefined, or percentage based.
The padding is very important to make sure the scrollspy picks up the right area when scrolled to. Adjust the margin and padding of sections and children 
of those sections to manage the look and feel of the site. */

#ad a {display:inline-block; margin-top:12px; margin-right:5px; margin-left:5px; margin-bottom:10px; width:310px; height:180px; background:pink;}
#ad a:hover {opacity:0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=70);}

#content {width:980px; margin:auto; position:relative; padding-bottom:50px;}
#content .gds,#content .container,#content .col-lg-12,#content .row {width:100%; padding:0px; margin:0px;}
.gds h1 {display:block; width:90%; box-sizing:border-box; padding:10px; margin:auto; background:#ff6f5f; font-size:20px; font-family:微軟正黑體; font-weight:bold; color:white; border-radius:20px;}
.gds span.spn {display:block; width:85%; margin:auto; padding-bottom:10px; margin-bottom:10px; background:white; border-right:5px solid #ff6f5f; border-left:5px solid #ff6f5f; border-bottom:5px solid #ff6f5f; border-bottom-left-radius:20px; border-bottom-right-radius:20px;}
.gds table {width:94%; margin:auto; border-bottom:1px solid #CCC; font-family:微軟正黑體; font-size:16px; line-height:26px;}
.gds table td span {color:#333;}
.gds table td span.t_r {color:orangered;}
.gds table td a {color:#333; text-decoration:none;}

/*.gds {min-height:150px; width:950px; margin:auto; padding-top:60px; margin-bottom:-40px;}
.gds div {display:block; width:100%; padding:0px;}
.gds table {width:90%; float:right; margin-right:20px; border-bottom:1px solid #CCC; font-family:微軟正黑體; font-size:16px; line-height:26px;}
.gds table td span {color:#333;}
.gds table td span.t_r {color:orangered;}
.gds table td a {color:#333;}

.gds .container {padding-bottom:25px; background:url(../images/gdsbg_03.gif) bottom center no-repeat;}
.gds .container h1 {display:block; width:85%; padding:8px; background:#08555c; font-size:20px; font-family:微軟正黑體; font-weight:bold; color:white;}
.gds .col-lg-12 {background:url(../images/gdsbg_02.gif) center repeat-y;}
.gds .row {margin-left:0px; background:url(../images/gdsbg_01.gif) top center no-repeat;}*/



@media screen and (max-width: 768px) {
	#back {right:10px; bottom:10px;}
	#back img {width:60px; height:auto;}
	header {width:100%; height:auto; background:none;}
	header img {display:block; width:100%; height:auto;}
	/*#menuup, #menudn2,*/#menudn, nav, #ad {display:none !important;}
	/*#mbmenua, #mbmenub {display:inherit; width:100%;}
	#mbmenua form {width:100%;}
	#mbmenua select {width:100%; background:#e31851; color:white; border:none; padding:1%; font-size:20px; font-family:微軟正黑體; font-weight:bold; letter-spacing:5px; text-align:center;}
	#mbmenub form {width:100%;}
	#mbmenub select {width:100%; background:lightblue; color:#08555c; border:none; padding:1%; font-size:20px; font-family:微軟正黑體; font-weight:bold; letter-spacing:3px; text-align:center;}*/
	#menuup {width:100%; box-sizing:border-box; height:auto; overflow-x:scroll; overflow-y:hidden; white-space:nowrap;}
	#menuup a {width:80px; font-size:16px; line-height:40px; paddding:20px 0px;}
	#menuup a:hover {width:80px; font-size:16px; line-height:40px; paddding:20px 0px; color:white;}
	#mbmenub {display:block; width:100%; position:relative; height:auto; box-sizing:border-box; padding:0px; background:lightblue; overflow-x:scroll; overflow-y:hidden; white-space:nowrap;}
	#mbmenub a {display:inline-block; padding:3px; font-size:16px; line-height:30px; font-family:微軟正黑體,MS Gothic,sans-serif; color:#08555c; text-decoration:none;}
	#mbmenub a:hover {font-family:微軟正黑體,MS Gothic,sans-serif; background:#08555c; color:white; font-size:16px; line-height:30px;}
	#mbmenub a.slec {background:#08555c; color:white; cursor:default;}
	#mbmenub i.mbmenub_rt {position:absolute; right:0px; top:0px; padding:11px 10px; background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.6));}
	#mbmenub i.mbmenub_lt {position:absolute; left:0px; top:0px; padding:11px 10px; background: linear-gradient(to right, rgba(0,0,0,0.6), rgba(0,0,0,0));}
	#content {width:100%; padding-top:20px;}
	.gds h1 {font-size:16px;}
	.gds table {font-size:15px;}
	/*.gds {width:90%; margin:auto; padding-top:0px; margin-bottom:15px;}
	.gds .container {background:white; border-bottom:5px solid #ff9732; border-right:5px solid #ff9732; border-left:5px solid #ff9732;}
	.gds .col-lg-12 {background:white;}
	.gds .row {background:white; border-top:5px solid #ff9732;}*/
	#mbad {display:inherit; margin-top:-8%;}
	#mbad a {display:block; width:95%; height:auto; margin:10px auto;}
	#mbad a img {width:100%; height:auto;}
}

@media screen and (max-width: 480px) {
	/*.gds table {font-size:14px;}
	.gds .container h1 {font-size:16px;}
	#mbmenua select, #mbmenub select {font-size:16px;}*/
}

@media screen and (max-width: 360px) {
	
}