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

@import url(//fonts.googleapis.com/earlyaccess/cwtexyen.css);

* {margin:0px; padding:0px;}
.cleardiv {clear:both;}
body, html {position:relative; height:100%; width:100%; background:url(../images/bg2.jpg) top center repeat;}

nav {display:none; margin-top:40px;}
.nav>li>a {padding:8px;}
.navbar {min-height:36px;
	background:#b8d8ff; border:none; color:#004499;
	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:#004499; font-size:15px; font-family:Microsoft JhengHei; font-weight:bold;}
.navbar-default .navbar-nav>li>a {color:#004499; font-size:15px; font-family:Microsoft JhengHei; font-weight:bold;}
.navbar-default .navbar-nav>li>a:hover {color:#004499;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {color:white; background:#004499;}
.top-nav-collapse {padding: 0;}
nav .container {width:980px; padding-left:10px; padding-right:10px;}




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

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

#content {min-height:350px; position:relative; background:white;}

#menu a {display:inline-block; vertical-align:bottom; width:162px; height:155px; margin:-50px -5px 10px -5px; overflow:visible;}
#menu a img {display:none;}
#menu a.slec img, #menu a:hover img {display:inherit;}

#mbmenu, #mbmenu2, #mbmenu3 {display:none;}

.gdsmenu1 {position:relative; z-index:3;}
.gdsmenu1 a {display:inline-block; padding:0px 10px; margin:20px 6px 12px 6px; text-decoration:none; font-size:20px; letter-spacing:3px; font-family:Microsoft JhengHei; text-align:center; color:#db478a; font-weight:bold; border-radius:20px; border:2px solid #db478a;}
.gdsmenu1 a.slec, .gdsmenu1 a:hover {background:#db478a; color:white;}
.gdsmenu2 {position:relative; z-index:3; margin-bottom:-55px;}
.gdsmenu2 a {display:inline-block; margin:0px 4px; text-decoration:none; font-size:20px; font-family:Microsoft JhengHei; color:steelblue; font-weight:bold; border-bottom:1px solid white;}
.gdsmenu2 a:hover {border-bottom:1px solid steelblue;}

#gds {padding-bottom:60px;}
.gds {width:880px; margin:0px auto -50px auto; padding:80px 0px 12px 0px; position:relative;}
.gds div {width:100%; position:relative; padding:0px; margin:0px;}
.gds div { font-size:18px; line-height:34px; font-family:Microsoft JhengHei;}
.gds h1 {display:block; margin:0px; height:34px; font-size:24px; line-height:34px; font-family:Microsoft JhengHei; font-weight:bold; background:#0077cc; color:white; letter-spacing:1px; border-top-left-radius:10px; border-top-right-radius:10px;}
.gds table {width:94%; margin:auto; border-bottom:1px solid #CCC; font-family:Microsoft JhengHei; 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;}
.l_r15B{color:orangered !important;font-size:20px;font-weight:bold;}
section .title {width:515px; height:65px; margin:auto;}
section .title2 {width:834px; height:224px; margin:auto;}
#spe_gds {width:980px; margin:auto; padding:10px 0px; position:relative;}
#spe_gds a {display:inline-block; width:480px; height:300px; margin:5px 10px 5px 0px; box-sizing:border-box; position:relative; background:white;}
#spe_gds a:nth-child(2n) {margin-right:0px;}
#spe_gds a.nth-child-2n {margin-right:0px;}
#spe_gds a img {outline:none; border:none;}
#spe_gds a:hover {bottom:5px;}
#spe_gds a:hover img {opacity:0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70);}





h2.bktitle {display:block; width:80%; height:40px; margin:12px auto; font-size:30px; line-height:40px; text-align:center; font-family:'cwTeXYen',Microsoft JhengHei,sans-serif; letter-spacing:2px; color:white; border-radius:30px;}

.ads {width:910px; margin:auto;}
.ads a {display:inline-block; vertical-align:top; background:white; width:285px; height:auto; margin:10px 6px; padding:0px; position:relative; overflow:visible; border:2px solid #EFEFEF; border-radius:20px;}
.ads a:hover {text-decoration:none; bottom:5px;}
.ads a img {width:100%; height:auto;}
.ads a p.adhlt {font-size:24px; line-height:34px; background:#f87875; color:white; font-family:'cwTeXYen',Microsoft JhengHei,sans-serif; margin-bottom:0px; border-top-left-radius:19px; border-top-right-radius:19px;}
.ads a p.adtitle {padding-top:5px; padding-left:4px; margin:0px; height:45px; overflow:hidden; font-size:20px; line-height:20px; text-align:left; color:#403637; font-family:'cwTeXYen',Microsoft JhengHei,sans-serif; font-weight:600;}
.ads a p.adinfo {padding-top:5px; padding-left:4px; height:19px; margin-bottom:3px; font-size:17px; line-height:17px; text-align:left; color:gray; font-family:'cwTeXYen',Microsoft JhengHei,sans-serif;}
.ads a p.admny {padding-right:6px; margin-bottom:0px; font-size:13px; text-align:right; font-family:'cwTeXYen',Microsoft JhengHei,sans-serif; color:#403637;}
.ads a p.admny font {font-size:34px; font-weight:bold; color:#f87875;}
/*.ads span.adhlt {display:block; position:absolute; top:-5px; left:-15px; z-index:3; background:#fe445d; color:white; text-align:center; padding:5px 8px; font-size:26px; font-family:'cwTeXYen',Microsoft JhengHei,sans-serif; letter-spacing:1px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; transform:rotate(355deg); border-bottom:3px solid #3e3a39; border-right:3px solid #3e3a39;}
.ads p.adtitle {display:block; width:95%; height:50px; margin:5px auto; font-size:24px; line-height:25px; font-family:'cwTeXYen',Microsoft JhengHei,sans-serif; text-align:left; color:#3e3a39; font-weight:600;}
.ads p.adinfo {display:block; float:left; width:62%; text-align:left; padding-left:5px; margin-bottom:0px; font-family:'cwTeXYen',Microsoft JhengHei,sans-serif; color:dimgray; font-size:19px; line-height:19px;}
.ads p.admny {display:block; float:right; background:darkorange; color:white; text-align:center; font-family:'cwTeXYen',Microsoft JhengHei,sans-serif; padding:2px 8px 2px 12px; margin:0px; font-size:14px; letter-spacing:1px; border-top-left-radius:20px; transform:rotate(0deg);}
.ads p.admny font {font-size:40px; line-height:40px; font-family:MS PGothic; font-weight:bold; margin:0px;}*/

.ifomnu a {display:inline-block; vertical-align:bottom; margin:10px 20px; font-size:30px; line-height:32px; color:steelblue; cursor:pointer; font-family:'cwTeXYen',Microsoft JhengHei,sans-serif; font-style:italic; border-bottom:3px solid white;}
.ifomnu a font {font-size:34px; font-weight:bold;}
.ifomnu a:hover {text-decoration:none;}
.ifomnu a.active {color:tomato; border-bottom:3px solid tomato;}
.ifoblk {width:900px; margin:auto;}
.ifoblk div {display:inline-block; vertical-align:middle; width:440px; margin:10px 4px;}
.ifoblk div p {font-size:16px; line-height:26px; font-family:Microsoft JhengHei; text-align:justify;}
.ifoblk div p.ifotitle {display:block; width:130px; margin:auto; margin-bottom:10px; font-size:40px; line-height:46px; font-family:'cwTeXYen',Microsoft JhengHei,sans-serif; text-align:center; background:#0d6fb8; color:white; border-radius:50px;}
.ifoblk div p.ifotitle2 {display:block; width:320px; margin:auto; margin-bottom:10px; font-size:30px; line-height:35px; font-family:'cwTeXYen',Microsoft JhengHei,sans-serif; text-align:center; background:#fe445d; color:white; border-radius:50px;}
.button-td,
        .button-a {
            transition: all 100ms ease-in;
        }
        .button-td:hover,
        .button-a:hover {
            background: #555555 !important;
            border-color: #555555 !important;
        }

footer {width:100%; height:100px; background:#94c2eb center bottom no-repeat;}

@media screen and (max-width: 768px) {
	#back {right:10px; bottom:10px;}
	#back img {width:60px; height:auto;}
	body, html {background:none;}
	#wrapper {background:none;}
	nav {display:none !important;}
	#layout {width:100%;}
	header {height:auto; position:relative; background:none; margin-top:10px;}
	header img {display:block; width:100%; height:auto;}
	#content {min-height:auto; background:none; margin-top:0px;}
	#menu,{display:none;}


	.gdsmenu1 {position:relative; z-index:3;}
    .gdsmenu1 a {display:block; padding:0px 5px; margin:15px 1px 10px 1px; text-decoration:none; font-size:15px; letter-spacing:3px;font-family:Microsoft JhengHei; text-align:center; color:#db478a; font-weight:bold; border-radius:20px; border:2px solid #db478a; width:58%;}
    .gdsmenu1 a.slec, .gdsmenu1 a:hover {background:#db478a; color:white;}



	.gdsmenu2 {position:relative; z-index:3; margin-top:16px;}
    .gdsmenu2 a {display:inline-block; margin:0px 4px; text-decoration:none; font-size:18px; font-family:Microsoft JhengHei; color:steelblue; font-weight:bold; border-bottom:1px solid white;}
     .gdsmenu2 a:hover {border-bottom:1px solid steelblue;}









	#mbmenu, #mbmenu2, #mbmenu3 {display:inherit;}
	#mbmenu select {width:100%; padding:1%; border:none; background:#0dc1c5; color:white; font-size:16px; font-family:Microsoft JhengHei; text-align:center;}
	#mbmenu select option {color:white; font-size:16px; font-family:Microsoft JhengHei;text-align:center;}
	#mbmenu2 select {width:100%; padding:1%; border:none; background:#0dc1c5; color:white; font-size:16px; font-family:Microsoft JhengHei;text-align:center;}
	#mbmenu2 select option {color:white; font-size:16px; font-family:Microsoft JhengHei;text-align:center;}
	#mbmenu3 select {width:100%; padding:1%; margin-bottom:10px; border:none; background:#0dc1c5; color:white; font-size:16px; font-family:Microsoft JhengHei;text-align:center;}
	#mbmenu3 select option {color:white; font-size:16px; font-family:Microsoft JhengHei;text-align:center;}
	#gds {padding:0px; background:none;}
	.gds {width:94%; margin:auto; margin-bottom:10px; padding:0px; margin-top:70px;}
	.gds h1 {font-size:18px; height:28px; line-height:28px;}
	.gds table {font-size:15px; line-height:20px;}
	section .title {width:100%; height:auto; margin:auto;}
	section .title img {width:100%; height:auto; margin:auto;}
	section .title2 {width:100%; height:auto; margin:auto;}
	section .title2 img {width:100%; height:auto; margin:auto;}

	#spe_gds {width:95%;}
	#spe_gds a {display:block; margin:5px 0px; width:100%; height:auto;}
	#spe_gds a img {display:block; width:100%; height:auto;}
	h2.bktitle {height:32px; font-size:22px; line-height:32px;}
	.ads {width:92%; margin:auto;}
	.ads a {display:block; width:100%; margin:10px 0px;}
	.ads a:hover {bottom:0px;}
	.ads a img {width:100%; height:auto;}
	.ads span.adhlt {font-size:20px; line-height:20px;}
	.ads p.adtitle {font-size:20px; line-height:20px; height:auto !important;}
	.ads p.adinfo {float:none; width:96%; height:auto; font-size:17px;}
	.ads a p.admny font {font-family:Arial;}
	.ifomnu a {widtn:24%; margin:10px; font-size:20px; line-height:24px;}
	.ifomnu a font {font-size:24px;}
	.ifoblk {width:92%; position:relative;}
	.ifoblk div {display:block; width:100%; margin:10px 0px;}
	.ifoblk div p.ifotitle {font-size:22px; line-height:30px;}
	.ifoblk div img {display:block; width:80%; height:auto; margin:auto;}
	div.con_bot {display:none;}
	footer {display:none;}
}

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

}

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

	section .title {width:100%; height:auto; margin:auto;}
	section .title img {width:100%; height:auto; margin:auto;}
	section .title2 {width:100%; height:auto; margin:auto;}
	section .title2 img {width:100%; height:auto; margin:auto;}
}