@charset "big5";
/* CSS Document */
body {margin: 0; overflow-x: hidden;}
h1 {margin: 0; padding: 0; height: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; _display: none;}

.main {width: 100%; max-width: 980px; _width: 980px; background-color: #d80c18;}
.header img {display: block; width: 100%; margin-top:40px;}
.banner{display: flex; flex-direction: row;}
.logo {width: 20%; height: 40px; background: url(../images/tsblogo.jpg) right top no-repeat;}
.titletext{font-size: 1.4rem; color: #fff; line-height: 40px;margin-left: 30px; letter-spacing: 2px; margin-top: 15px; }
.container {position: relative;}
.footer {height: 10px; clear: both;}

.content {margin: 0 10px; padding: 15px; background-color: #ffffff; color: #333333; border-radius: 10px; font-size: 13px; line-height: 21px; letter-spacing: 1px; font-family: Arial, Helvetica, sans-serif; text-align: justify;}
.content .title {margin: 0; padding: 5px; color: #3d3d3d; font-size: 24px; line-height:30px; font-weight: bold; font-family: Arial, Helvetica, sans-serif, '微軟正黑體';}
.content hr {margin: 10px 0;}
.content h2, .content h3 {margin: 0; padding: 5px; font-size: 16px; line-height: 22px;}
.content h2 {color: #ff3300;}
.content h3 {color: #ff00ff;}
.content p {margin: 0; padding: 5px;}
.content ol, .content ul {margin: 0; margin-left: 25px; padding: 0;}
.content li {padding-bottom: 5px;}
.content u {text-decoration: none; border-bottom-style: solid; border-bottom-width: 1px;}
.content a {color: #0066ff;}
.content a:hover {color: #ff0000; text-decoration: none;}
.content-frame {margin-left: 320px; transition: margin-left, 0.2s;}
.fullimg img {display:none; margin: 0 auto; width: 100%;}
table.present {margin: 10px 0;}
table.present, table.present tr, table.present td {border: solid 1px #ff9999; border-collapse: collapse;}
table.present td {width: 50%;}
table.present img {display: block; width: 100%;}
table.present .details {padding: 10px;}
table.present .summary {color: #ff0000; font-weight: bold; text-align: center;}

.event-link {margin: 10px 0; text-align: center;}
.event-link a {display: inline-block; margin: 0 4%; padding: 10px 15px; background-color: #cc0000; color: #ffffff; font-size: 16px; line-height: 16px; font-weight: bold; text-decoration: none; border: solid 1px #660000; transition: background-color, 0.3s;}
.event-link a:hover {background-color: #ffffff; color: #cc0000; box-shadow: 0 5px 15px #996666;}

.tour-link{margin-left: 16px;}
/* .tour-link a {display: block; position: relative;}
.tour-link a img {margin-top:-6px; display: block; width: 100%; border: none;}
.tour-link a img.hand {
	position: absolute;
	top: 0;
	left: -1px;
} */

.tour-list li {padding-bottom: 0;}

.nav {margin: 0 10px; position: absolute; top: 0; left: 0;}
.nav a {display: block; margin-bottom: 10px; width: 290px; height: 80px; text-decoration: none; border: solid 5px #ffffff; overflow: hidden; position: relative;}
.nav a .a-bg {width: 20%; height: 100%; background-position: left center; background-repeat: no-repeat; position: absolute; top: 0; left: 0; transition: width, 0.4s;}
.nav a:hover .a-bg {width: 100%;}
.nav a .a-text {margin-top: 15px; padding: 0 5px; width: 40%; min-width: 210px; _width: 210px; color: #000000; font-size: 16px; line-height: 26px; font-weight: bold; font-family: '微軟正黑體'; white-space: nowrap; position: absolute; top: 0; right: 6px; left: 20% \9; text-shadow: 0 0 2px #ffffff; transition: background-color, 0.2s;}
.nav a .a-text b {color: #cc0000;}
.nav a:hover .a-text {background-color: rgba(255, 255, 255, 0.85); background-color: #ffffff \9;}

#link, #link2 {display: block; position: relative; top: -40px;}
#link {display: none;}

.imglist {text-align: center;}
.imglist .section {display: inline-block; margin: 15px 0.3%; width: 31.5%; background-color: #ffffff; letter-spacing: 0; position: relative; border-radius: 5px;}
.imglist .section .figure {margin-bottom: 5px;}
.imglist .section .figure img {display: block; width: 100%;}
.imglist .section .mark {width: 95px; height: 60px; position: absolute; top: 0; left: 0; display: none \9;}
.imglist .section .mark span {display: block; width: 100%; height: 100%; color: #ffffff; font-size: 16px; font-family: '微軟正黑體'; position: absolute; top: 10px; left: -8px; -webkit-transform: rotate(-30deg); transform: rotate(-30deg);}
.imglist .section .article {color: #333333;}
.imglist .section .buy span {display: inline-block; margin: 5px 0 10px; padding: 1px 5px; background-color: #cc0000; color: #ffffff;}
.imglist a {text-decoration: none;}
.imglist a:hover .section {top: -3px; box-shadow: 0 2px 8px #999999;}
.imglist a:hover .section .article {color: #ff0000;}
.imglist a:hover .section .buy span {background-color: #ff0000;}
.title{color:#F00;	margin-top:10px;}
	.gift1{ border:#FFF  solid 3px;
	border-radius:10px;
	margin-top:10px;
	/*box-shadow:#999 1px 1px 1px 1px;*/
		}
	.gift1:hover{ border:#FFF  solid 3px;
	border-radius:10px;
	margin-top:10px;
	/*box-shadow:#999 1px 1px 1px 1px;*/
		}

.tsb{ background-color:#F00;  color:#FFFFFF; border-radius:25px; width:430px; height:35px; font-size:24px; padding-top:10px; display:block; font-family:"Adobe 明體 Std L;"}
.tsb1{ background-color:#939;  color:#FFFFFF; border-radius:25px; width:430px; height:175px; font-size:16px; padding:10px; display:block; font-family: "Adobe 明體 Std L"}
.pic_pd{
	padding:10px 10px;
	}
.btn{ background-color:#A80616;  color:#FFFFFF; border-radius:5px; width:120px; height:35px; font-size:16px;  display:block;  font-family: "Adobe 明體 Std L" }