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

* {margin:0px; padding:0px;}
.cleardiv {clear:both;}
#back {position:fixed; right:40px; bottom:120px; cursor:pointer; display:none; z-index:10;}
.line {height:1px; border-bottom:1px dotted gray; margin:10px 0px;}

body {background:#eaeaea;}

#layout {position:relative;}

header {height:400px; margin-top:40px; position:relative; background:url(../images/hd_bg.jpg) top center no-repeat;}
header img.hd980 {display:none;}
header div.hd1200 {height:400px; position:relative; background:url(../images/header.png) top center no-repeat;}
header div.goto {display:block; width:980px; height:400px; margin:auto; position:relative;}
header div.goto a {display:block; width:242px; height:48px; position:absolute; right:123px; bottom:175px;}

#header_tc {height:400px; margin-top:40px; position:relative; background:url(../images/hd_bg.jpg) top center no-repeat;}
#header_tc img.hd980 {display:none;}
#header_tc div.hd1200 {height:400px; position:relative; background:url(../images/header_tc.png) top center no-repeat;}
#header_tc div.goto {display:block; width:980px; height:400px; margin:auto; position:relative;}
#header_tc div.goto a {display:block; width:242px; height:48px; position:absolute; right:123px; bottom:175px;}

#header_ks {height:400px; margin-top:40px; position:relative; background:url(../images/hd_bg.jpg) top center no-repeat;}
#header_ks img.hd980 {display:none;}
#header_ks div.hd1200 {height:400px; position:relative; background:url(../images/header_ks.png) top center no-repeat;}
#header_ks div.goto {display:block; width:980px; height:400px; margin:auto; position:relative;}
#header_ks div.goto a {display:block; width:242px; height:48px; position:absolute; right:123px; bottom:175px;}

nav {position:relative; height:auto; box-sizing:border-box; padding:15px 0px; background:darkslateblue;}
nav a {display:inline-block; width:100px; font-size:20px; line-height:40px; font-family:微軟正黑體,MS Gothic,sans-serif; color:#aaa1e3; font-weight:bold;}
nav a:hover {font-family:微軟正黑體,MS Gothic,sans-serif; background:lavender; font-size:20px; line-height:40px; color:darkslateblue;}
nav a.slec {background:lavender; color:darkslateblue; cursor:default;}
nav i.nav_rt {position:absolute; right:0px; top:0px; padding:17px 5px; background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.6));}
nav i.nav_lt {position:absolute; left:0px; top:0px; padding:17px 5px; background: linear-gradient(to right, rgba(0,0,0,0.6), rgba(0,0,0,0));}

#content {width:980px; box-sizing:border-box; padding:10px; background:white; position:relative;}
#content .mb_gotext {display:none;}

#content .con_lt {float:left; width:530px;}

.con_lt div.sug_sche {position:relative; border-bottom:1px solid purple; border-bottom-left-radius:10px; border-bottom-right-radius:10px; padding-bottom:15px;}
.con_lt div.sug_sche h2 {display:block; text-align:center; font-size:20px; line-height:40px; font-family:微軟正黑體,MS Gothic,sans-serif; font-weight:bold; color:white; background:purple; border-top-left-radius:10px; border-top-right-radius:10px; margin-top:13px;}
.con_lt div.sug_sche p.dday {display:block; font-size:17px; line-height:24px; font-family:Arial; color:purple; border-bottom:1px solid purple; margin-top:8px; margin-bottom:5px; font-weight:bold;}
.con_lt div.sug_sche p.dday i {font-size:17px; vertical-align:middle;}
.con_lt div.sug_sche p.list {font-size:16px; font-family:微軟正黑體,MS Gothic,sans-serif; text-align:justify;}
.con_lt div.sug_sche p.list i {margin:0px 3px; vertical-align:middle; font-size:16px;}

.con_lt div.osa {border-color:#4278d2;}
.con_lt div.sug_sche h2.osa {background:#4278d2;}
.con_lt div.sug_sche p.osa {color:#4278d2; border-color:#4278d2;}
.con_lt div.kyo {border-color:mediumvioletred;}
.con_lt div.sug_sche h2.kyo {background:mediumvioletred;}
.con_lt div.sug_sche p.kyo {color:mediumvioletred; border-color:mediumvioletred;}
.con_lt div.fuk {border-color:steelblue;}
.con_lt div.sug_sche h2.fuk {background:steelblue;}
.con_lt div.sug_sche p.fuk {color:steelblue; border-color:steelblue;}
.con_lt div.nag {border-color:seagreen;}
.con_lt div.sug_sche h2.nag {background:seagreen;}
.con_lt div.sug_sche p.nag {color:seagreen; border-color:seagreen;}
.con_lt div.oki {border-color:#fc3267;}
.con_lt div.sug_sche h2.oki {background:#fc3267;}
.con_lt div.sug_sche p.oki {color:#fc3267; border-color:#fc3267;}
.con_lt div.hok {border-color:dodgerblue;}
.con_lt div.sug_sche h2.hok {background:dodgerblue;}
.con_lt div.sug_sche p.hok {color:dodgerblue; border-color:dodgerblue;}
.con_lt div.toh {border-color:#FF3300;}
.con_lt div.sug_sche h2.toh {background:#FF3300;}
.con_lt div.sug_sche p.toh {color:#FF3300; border-color:#FF3300;}

.con_lt div.hot_list {position:relative; margin:10px auto;}
.con_lt div.hot_list article {display:block; position:relative; margin-bottom:10px; height:auto;}
.con_lt div.hot_list h3 {display:block; margin-top:20px; height:35px; font-size:24px; line-height:35px; background:url(../images/title_bg.png) center no-repeat; text-align:center; font-family:微軟正黑體,MS Gothic,sans-serif; letter-spacing:2px; font-weight:normal; color:purple;}
.con_lt div.hot_list h4 {display:block; box-sizing:border-box; padding:2px 10px; margin:6px 0px; font-size:20px; line-height:30px; font-family:微軟正黑體,MS Gothic,sans-serif; letter-spacing:1px; font-weight:normal; color:white;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3d21a5+0,f8e5fe+99 */
background: #3d21a5; /* Old browsers */
background: -moz-linear-gradient(left, #3d21a5 0%, #f8e5fe 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #3d21a5 0%,#f8e5fe 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #3d21a5 0%,#f8e5fe 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d21a5', endColorstr='#f8e5fe',GradientType=1 ); /* IE6-9 */}
.con_lt div.hot_list h4 i {font-size:22px; vertical-align:middle;}
.con_lt div.hot_list p {display:block; font-size:16px; font-family:微軟正黑體,MS Gothic,sans-serif; line-height:18px; text-align:justify;}
.con_lt div.hot_list img {display:block; margin-bottom:10px; border-radius:10px; width:170px; height:auto;}
.con_lt div.hot_list img[align=right] {margin-left:10px;}
.con_lt div.hot_list img[align=left] {margin-right:10px;}

.con_lt div.hot_list h3.toh {
	background:url(../images/title_bg8.png) center no-repeat;color:#FF0000;}
.con_lt div.hot_list h4.toh {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,ade2ff+100 */
background: #FF3300; /* Old browsers */
background: -moz-linear-gradient(left, #FF3300 0%, #ffa791 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #FF3300 0%,#ffa791 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #FF3300 0%,#ffa791 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#ade2ff',GradientType=1 ); /* IE6-9 */}

.con_lt div.hot_list h3.osa {background:url(../images/title_bg2.png) center no-repeat; color:midnightblue;}
.con_lt div.hot_list h4.osa {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,ade2ff+100 */
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(left, #1e5799 0%, #ade2ff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #1e5799 0%,#ade2ff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #1e5799 0%,#ade2ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#ade2ff',GradientType=1 ); /* IE6-9 */}
.con_lt div.hot_list h3.kyo {background:url(../images/title_bg3.png) center no-repeat; color:#C03;}
.con_lt div.hot_list h4.kyo {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cf1080+0,f89ed3+100 */
background: #cf1080; /* Old browsers */
background: -moz-linear-gradient(left, #cf1080 0%, #f89ed3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #cf1080 0%,#f89ed3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #cf1080 0%,#f89ed3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf1080', endColorstr='#f89ed3',GradientType=1 ); /* IE6-9 */}
.con_lt div.hot_list h3.fuk {background:url(../images/title_bg4.png) center no-repeat; color:#1b6ead;}
.con_lt div.hot_list h4.fuk {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#009ec3+0,a3f1ff+100 */
background: #009ec3; /* Old browsers */
background: -moz-linear-gradient(left, #009ec3 0%, #a3f1ff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #009ec3 0%,#a3f1ff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #009ec3 0%,#a3f1ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ec3', endColorstr='#a3f1ff',GradientType=1 ); /* IE6-9 */}
.con_lt div.hot_list h3.nag {background:url(../images/title_bg5.png) center no-repeat; color:#195b07;}
.con_lt div.hot_list h4.nag {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#398235+0,c9de96+100 */
background: #398235; /* Old browsers */
background: -moz-linear-gradient(left, #398235 0%, #c9de96 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #398235 0%,#c9de96 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #398235 0%,#c9de96 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#398235', endColorstr='#c9de96',GradientType=1 ); /* IE6-9 */}
.con_lt div.hot_list h3.oki {background:url(../images/title_bg6.png) center no-repeat; color:#b10f35;}
.con_lt div.hot_list h4.oki {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e93568+0,f7b9cb+100 */
background: #e93568; /* Old browsers */
background: -moz-linear-gradient(left, #e93568 0%, #f7b9cb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #e93568 0%,#f7b9cb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #e93568 0%,#f7b9cb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e93568', endColorstr='#f7b9cb',GradientType=1 ); /* IE6-9 */}
.con_lt div.hot_list h3.hok {background:url(../images/title_bg7.png) center no-repeat; color:#1a66b5;}
.con_lt div.hot_list h4.hok {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2798e0+0,b6dff9+100 */
background: #2798e0; /* Old browsers */
background: -moz-linear-gradient(left, #2798e0 0%, #b6dff9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #2798e0 0%,#b6dff9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #2798e0 0%,#b6dff9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2798e0', endColorstr='#b6dff9',GradientType=1 ); /* IE6-9 */}


.con_lt div.hot_list span {display:inline-block; width:45%; margin:10px; vertical-align:top;}
.con_lt div.hot_list span img {width:100%; height:auto; margin-bottom:8px;}
.con_lt div.hot_list span p.shop {font-size:20px; color:darkviolet; margin-bottom:5px;}

#content .con_rt {float:right; width:420px; box-sizing:border-box; padding:5px; border:1px solid #0f3963; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px;}

.con_lt div.rt_spe {display:block; width:94%; box-sizing:border-box; padding:8px; marign:10px auto 0px auto; background:#def0fe; border:3px solid steelblue; border-radius:10px; font-size:14px; line-height:20px; font-family:微軟正黑體,MS Gothic,sans-serif; font-weight:bold; }

.con_rt .btn {margin:10px auto; margin-top:11px;}
.con_rt .btn a {display:inline-block; vertical-align:top; position:relative; width:90px; margin:0px 3px; font-size:15px; line-height:30px; font-family:微軟正黑體,MS Gothic,sans-serif; color:black;}
.con_rt .btn a span {position:relative; display:block; text-align:center; height:30px; background:lavender; /*z-index:5;*/ border-radius:10px;}
.con_rt .btn a i {display:none;}
.con_rt .btn a.slec {cursor:default;}
.con_rt .btn a.slec span {background:darkslateblue; color:white;}
.con_rt .btn a.slec i {position:relative; display:block; text-align:center; font-size:40px; height:15px; line-height:15px; margin-top:-4px; /*z-index:1;*/ color:darkslateblue;}
.con_rt .btn a:hover span {background:darkslateblue; color:white;}
.con_rt .btn a:hover i {position:relative; display:block; text-align:center; font-size:40px; height:15px; line-height:15px; margin-top:-4px; /*z-index:1;*/ color:darkslateblue;}

.con_rt a.map {width:400px; margin:auto; box-sizing:border-box;}
.con_rt a.map img {width:100%; height:auto; margin-top:20px;}
.con_rt a.map:hover {opacity:0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=70);}

.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);}

#mbbanner{ display:none;}

@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.hd980 {display:block; width:100%; height:auto;}
	header div.hd1200 {width:100%; height:auto; background:none;}
	header div.goto {width:100%; height:auto; background:none;}
	header div.goto a {width:20%; height:auto; right:8px; bottom:7px;}
	header div.goto a img {width:100%; height:auto;}
	#header_tc {width:100%; height:auto; background:none;}
	#header_tc img.hd980 {display:block; width:100%; height:auto;}
	#header_tc div.hd1200 {width:100%; height:auto; background:none;}
	#header_tc div.goto {width:100%; height:auto; background:none;}
	#header_tc div.goto a {width:20%; height:auto; right:8px; bottom:7px;}
	#header_tc div.goto a img {width:100%; height:auto;}
	#header_ks {width:100%; height:auto; background:none;}
	#header_ks img.hd980 {display:block; width:100%; height:auto;}
	#header_ks div.hd1200 {width:100%; height:auto; background:none;}
	#header_ks div.goto {width:100%; height:auto; background:none;}
	#header_ks div.goto a {width:20%; height:auto; right:8px; bottom:7px;}
	#header_ks div.goto a img {width:100%; height:auto;}
	nav {width:100%; box-sizing:border-box; padding:15px 10px; height:auto; overflow-x:scroll; overflow-y:hidden; white-space:nowrap;}
	nav a {width:80px; font-size:16px; line-height:30px; paddding:10px 0px;}
	nav a:hover {width:80px; font-size:16px; line-height:30px; paddding:10px 0px; color:darkslateblue;}
	#content {width:100%;}
	#content .mb_gotext {display:block; width:60%; margin-bottom:10px; text-align:center; font-size:16px; line-height:36px; background:mediumorchid; color:white; font-family:微軟正黑體,MS Gothic,sans-serif;}
	#content .con_lt {float:none; width:96%; margin:auto;}
	.con_lt div.sug_sche h2 {font-size:18px; line-height:30px;}
	.con_lt div.sug_sche p.dday {font-size:15px; line-height:20px;}
	.con_lt div.sug_sche p.dday i {font-size:15px; vertical-align:middle;}
	.con_lt div.sug_sche p.list {font-size:14px;}
	.con_lt div.sug_sche p.list i {font-size:14px;}
	.con_lt div.hot_list article {display:block; height:auto;}
	.con_lt div.hot_list h3 {font-size:20px;}
	.con_lt div.hot_list h4 {font-size:15px; line-height:20px;}
	.con_lt div.hot_list h4 i {font-size:16px;}
	.con_lt div.hot_list p {font-size:14px;}
	.con_lt div.hot_list img {display:block; width:40%;}
	.con_lt div.hot_list span {width:43%;}
	.con_lt div.hot_list span p.shop {font-size:16px;}
	#content .con_rt {float:none; position:relative; width:96%; margin:auto; margin-bottom:10px;}
	#content .con_rt table {background:none; border-bottom:1px solid gray;}
	.con_rt .btn a {width:21%;}
	.con_rt a.map {display:block; width:50%;}
	.con_rt a.map img {width:100%; height:auto;}
	.banner{ display:none;}
	#mbbanner{ display:block;}
	  iframe {width:100%; height:auto;}

}