@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
	background-color: #0E71A5;
	font-family:"Arial",Verdan ,新細明體
}
a {
	text-decoration: none;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
img {
	border-style: none;
}
p {
	margin: 0;
}
ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.both {
	clear: both;
}
.backToTop {
	width: 60px;
	height: 60px;
	position: fixed;
	right: 10px;
	bottom: 50px;
	z-index: 900;
	background-image: url(../images/gotop.png);
	background-position: 0px 2px;
	background-repeat: no-repeat;
	cursor: pointer;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
.backToTop:hover {
	background-position: 0px -52px;
}

/*------------------------------首頁------------------------------*/
.main {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}
.navbg {
	display: none;
}
.slider {
	position: relative;
}
.marqueestyle {
	width: 180px;
	position: absolute;
	left: 0px;
	z-index: 91;
	color: #0990CA;
	font-size: 10px;
}
.footer {
	min-height: 53px;
	padding: 0 0 50px 20px;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 20px;
	background-color: #2794CD;
	background-image: url(../images/hbottom_bg.jpg);
	background-repeat: no-repeat;
	background-size: contain;
}
.footer .into {
	margin-top: 10px;
	margin-right: 35px;
	float: right;
}
.footer .into2 {
	width: 375px;
	padding: 10px 0 0 0;
	float: left;
}
.footer .into3 {
	width: 355px;
	padding: 10px 0 0 0;
	float: left;
}
.footer ul li {
	margin: 0 0 10px 20px;
	list-style-type: disc;
}
.footer a {
	color: #FFFFFF;
	text-decoration: underline;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
.footer a:hover {
	color: #FFF600;
	text-decoration: none;
}

/*------------------------------加好友+來電------------------------------*/
.qlink {
	width: 100%;
	height: 40px;
	display: block;
	position: fixed;
	bottom: 6px;
	z-index: 999;
	font-family: "微軟正黑體";
	font-weight: bold;
	line-height: 40px;
}
.qlink li {
	width: 106px;
	margin: 0 0 0 10px;
	float: left;
	text-align: center;
	list-style: none;
	border-radius: 20px;
}
.qlink li.booking {
	background-color: #FBC2C2;
}
.qlink li.line {
	background-color: #C4EAC1;
}
.qlink li.phone {
	background-color: #8ED9F9;
}
.qlink li.booking:hover {
	background-color: #C92626;
}
.qlink li.line:hover {
	background-color: #2F7028;
}
.qlink li.phone:hover {
	background-color: #288EC9;
}
.qlink li.booking a:link, .qlink li.booking a:active, .qlink li.booking a:visited {
	display: block;
	color: #C10000;
}
.qlink li.line a:link, .qlink li.line a:active, .qlink li.line a:visited {
	display: block;
	color: #2F7028;
}
.qlink li.phone a:link, .qlink li.phone a:active, .qlink li.phone a:visited {
	display: block;
	color: #007AC1;
}
.qlink li.line a:hover, .qlink li.phone a:hover, .qlink li.booking a:hover {
	color: #FFFFFF;
}
.qlink li a i {
	margin-right: 5px;
	position: relative;
	top: 1px;
	font-size: 17px;
}

.right_link {
	padding: 10px 30px 10px 10px;
	position: fixed;
	right: -20px;
	bottom: 200px;
	z-index: 999;
	text-align: center;
	border-radius: 5px 0px 0px 5px;
	background-color: #C0FF00;
	-webkit-animation: shakeX 5s infinite alternate ease-in-out;
	animation: shakeX 5s infinite alternate ease-in-out;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}
.right_link:hover {
	background-color: #000000;
	-webkit-animation: none;
	animation: none;
}
.right_link a {
	color: #0E71A5;
}
.right_link a:hover {
	color: #FFFFFF;
}

.title_bg2  {
	min-height: 30px;
	padding: 0 0 0 20px;
	color: #FFFFFF;
	font-family: "微軟正黑體";
	font-size: 20px;
	line-height: 28px;
	text-shadow: 0px 0px 5px #000000;
	border: 4px solid #48B00F;
	border-radius: 30px;
	margin: 10px 0 10px 0;
	background-color: #50D308;
	text-align: center;
	font-weight: bold;
	letter-spacing: 10px;
}
.title_bg2:hover {
	background-color: #48B00F;
	border: 4px solid #48B00F;
}
.title_bg3  {
	min-height: 30px;
	padding: 0 0 0 20px;
	color: #FFFFFF;
	font-family: "微軟正黑體";
	font-size: 20px;
	line-height: 28px;
	text-shadow: 0px 0px 5px #000000;
	border: 4px solid #3A8FD5;
	border-radius: 30px;
	margin: 10px 0 10px 0;
	background-color: #6ABBFF;
	text-align: center;
	font-weight: bold;
	letter-spacing: 10px;
}
.title_bg3:hover {
	background-color: #3A8FD5;
	border: 4px solid #3A8FD5;
}
.title_bg4  {
	min-height: 30px;
	padding: 0 0 0 20px;
	color: #FFFFFF;
	font-family: "微軟正黑體";
	font-size: 20px;
	line-height: 28px;
	text-shadow: 0px 0px 5px #000000;
	border: 4px solid #B50000;
	border-radius: 30px;
	margin: 10px 0 10px 0;
	background-color: #CC0000;
	text-align: center;
	font-weight: bold;
	letter-spacing: 10px;
}
.title_bg4:hover {
	background-color: #B50000;
	border: 4px solid #B50000;
}

/*------------------------------內頁------------------------------*/
.menu {
	width: 695px;
	height: 46px;
	padding-left: 25px;
	padding-top: 14px;
	position: absolute;
	top: 20px;
	right: 10px;
	background-image: url(../images/menu_bg.png);
	background-repeat: no-repeat;
}
.menu li {display:inline;}
.menu img {float:left}
.slimg img {
	width: 100%;
	margin-bottom: -4px;
}
.page {
	background-color: #FFFFFF;
}
.left {
	width: 205px;
	min-height: 937px;
	padding: 92px 13px 20px 25px;
	float: left;
	font-size: 13px;
	background-image: url(../images/leftbg.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
.left img {padding:5px 0;}
.lnav {color:#619614;padding:10px 0 30px 0}
.lnav a {color:#619614;text-decoration:none}
.lnav a:hover {color:#1E7784;text-decoration:none}
.lnav ul {list-style-type:none;margin:0;padding:0;padding-left:3px}
.lnav li {line-height:18px;padding:6px 3px;border-bottom:1px dashed #929292}
.lnav .end {line-height:18px;padding:6px 3px;border-bottom:0}
.right {
	width: 682px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 35px;
	position: relative;
	float: right;
	text-align: justify;
	background-color: #FFFFFF;
	background-image: url(../images/main_bg.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
.footer2 {
	min-height: 53px;
	padding: 0 0 50px 20px;
	color: #FFFFFF;
	font-size: 12px;
	background-image: url(../images/footerbg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}
.footer2 .into {
	width: 160px;
	padding: 0 30px;
	float: left;
}
.footer2 .into2 {
	width: 375px;
	padding: 10px 0 0 0;
	float: left;
}
.footer2 .into3 {
	width: 355px;
	padding: 10px 0 0 0;
	float: left;
}
.footer2 ul li {
	margin: 0 0 10px 20px;
	list-style-type: disc;
}
.footer2 a {
	color: #FFFFFF;
	text-decoration: underline;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
.footer2 a:hover {
	color: #FFF600;
	text-decoration: none;
}
.footer2 .cr {
	padding: 10px 5px;
	color: #FFF600;
	line-height: 25px;
	text-align: center;
}
.footer2 .cr a {
	display: inline-block;
	color: #FFF600;
	text-decoration: underline;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
.footer2 .cr a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

/*------------------------------超值優惠------------------------------*/
.dis_div {
	margin-bottom: 20px;
}
.dis_title {
	height: 36px;
	padding-left: 10px;
	position: relative;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 15px;
	line-height: 36px;
	background-image: url(../images/discount_titlebg.jpg);
	background-repeat: no-repeat;
}
.dis_title span {
	position: absolute;
	top: 2px;
	right: 15px;
}
.dis_right {
	width: 250px;
	margin-top: 20px;
	margin-right: 20px;
	float: right;
}
.dis_right img {
	width: 100%;
	padding: 8px;
	border: thin solid #DCDCDC;
}
.dis_left {
	width: 400px;
	margin-top: 20px;
	float: left;
}
.dis_left p:nth-child(1) {
	margin-bottom: 10px;
	line-height: 20px;
}
.dis_left p, .dis_both p {
	color: #666666;
	font-size: 13px;
	line-height: 30px;
	text-align: justify;
	letter-spacing: 1px;
}
.dis_left p a, .dis_both p a, .list p a, .signUl li a, .signUl3 li a, .signUl4 li a, .signUl6 li a, .sign_contant p a, #infomain5 li a, #boattxt li a {
	color: #FF8A00;
	text-decoration: underline;
	display: inline-block;
}
.dis_left p a:hover, .dis_both p a:hover, .list p a:hover, .signUl li a:hover, .signUl3 li a:hover, .signUl4 li a:hover, .signUl6 li a:hover, .sign_contant p a:hover, #infomain5 li a:hover, #boattxt li a:hover {
	color: #288EC9;
}
.dis_s_title, .dis_s_title2, .dis_s_title3, .dis_s_title4, .dis_s_title5 {
	padding-top: 20px;
	font-weight: bold;
}
.dis_s_title {
	padding-top: 0px;
	color: #FF4E00 !important;
}
.dis_s_title2 {
	color: #1E7784 !important;
}
.dis_s_title3 {
	color: #801E84 !important;
}
.dis_s_title4 {
	color: #239320 !important;
}
.dis_s_title5 {
	color: #D7279B !important;
}
.dis_both {
	width: 100%;
	clear: both;
}
#price {
	border: 1px solid #528289;
	border-collapse: collapse;
	color: #666666;
	font-size: 13px;
	line-height: 25px;
	text-align: justify;
	letter-spacing: 1px;
}
#price td{
	border: 1px solid #528289;
	color: #676767;
	text-align: center;
	padding: 10px 20px;
}
#price .td2{border:1px solid #528289;background-color:#5E959D;text-align:center;padding:2px 20px;color:#fff}
#price .td3{border:1px solid #528289;background-color:#79A2A8;text-align:center;padding:2px 20px;color:#fff}
#jumpMenu {
	display: none;
}
.dis_both strong, .dis_left strong {
	color: #DC0003;
	font-size: 15px;
}

.room {
	margin-bottom: 20px;
	border: thin solid #B84A00;
}
.room tr th {
	padding: 5px;
	color: #FFF;
	text-align: center;
	border: thin solid #FFFFFF;
	background-color: #B84A00;
}
.room tr td {
	padding: 5px;
	font-size: 13px;
	text-align: left;
}
.room tr td.cen {
	text-align: center;
}

.room2 {
	margin-bottom: 20px;
	border: thin solid #6300B8;
}
.room2 tr th {
	padding: 5px;
	color: #FFF;
	text-align: center;
	border: thin solid #FFFFFF;
	background-color: #6300B8;
}
.room2 tr td {
	padding: 5px;
	font-size: 13px;
	text-align: left;
}
.room2 tr td.cen {
	text-align: center;
}

/*------------------------------航班及費用------------------------------*/
#chargetb {border: 1px solid #245171;margin-top: 15px;margin-bottom: 20px;border-collapse: collapse;font-size: 13px;text-align: center;}
#chargetb th{border: 1px solid #245171;background:#38739C;color:#fff;padding:5px 20px;line-height:20px;letter-spacing: 1px;}
#chargetb td{border: 1px solid #245171;background:#D3E7F7;color:#20567B;padding:5px 20px;line-height:20px;text-align:center}

#chargetb2 {border: 1px solid #337B75;margin-top:15px;margin-bottom:20px;border-collapse:collapse;font-size: 13px;text-align: center;}
#chargetb2 a{color:#fff}
#chargetb2 a:hover{color:#fff;text-decoration:none}
#chargetb2 th{border: 1px solid #337B75;background:#389C94;color:#fff;padding:5px 20px;line-height:20px;letter-spacing: 1px;}
#chargetb2 td{border: 1px solid #337B75;color:#696969;padding:5px 20px;line-height:20px;text-align:center}
#chargetb2 .td2{border: 1px solid #337B75;background:#BCE6E3;color:#1B6A64;padding:5px 20px;line-height:20px;text-align:center}

.list {
	margin-bottom: 30px;
}
.list p {
	margin-top: 10px;
	color: #666666;
	font-size: 13px;
	line-height: 25px;
	text-align: justify;
}
.signUl {
	margin-top: 10px;
	margin-left: 40px;
	margin-right: 40px;
}
.signUl li, .signUl4 li {
	color: #666666;
	font-size: 13px;
	line-height: 28px;
	list-style-type: decimal;
	text-align: justify;
}
.signUl li span a img, .signUl li span img {
	padding-left: 10px;
	vertical-align: sub;
}
.signUl2, .signUl4 {
	margin-top: 10px;
	margin-left: 40px;
	margin-right: 40px;
}
.signUl2 li {
	color: #44910B;
	font-size: 13px;
	font-weight: bold;
	line-height: 30px;
	list-style-type: decimal;
}
.signUl3 {
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
}
.signUl3 li {
	color: #666666;
	font-size: 13px;
	font-weight: normal;
	line-height: 28px;
	list-style-type: none;
}

/*------------------------------報名方式------------------------------*/
.sign_div1, .sign_div2, .sign_div3 {
	width: 100%;
	min-height: 200px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}
.sign_div1 {
	background-color: #DEEDBB;
}
.sign_div2 {
	background-color: #BBD1ED;
}
.sign_div3 {
	background-color: #EDE3BB;
}
.sign_bg {
	width: 100%;
	height: 2000px;
	position: absolute;
	background-image: url(../images/sign_bg.png);
	background-position: center center;
	background-repeat: repeat-y;
}
.sign_title {
	padding-top: 10px;
	padding-left: 10px;
	position: relative;
}
.sign_contant {
	width: calc(100% - 40px);
	min-height: 200px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	position: relative;
	border-radius: 10px;
	background-color: #FFFFFF;
	overflow: hidden;
}
.signmain1, .signmain2, .signmain3 {
	font-size: 13px;
	line-height: 34px;
}
.signmain1 {
	color: #79855C;
}
.signmain2 {
	color: #57769E;
	line-height: 25px;
}
.signmain3 {
	color: #726948;
}
.sign_contant .signUl li {
	line-height: 34px;
}
.signUl5 {
	margin-bottom: 10px;
}
.signUl5 li {
	color: #57769E;
	font-size: 13px;
	font-weight: bold;
	line-height: 30px;
	list-style-type: none;
}
.signUl6 {
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 10px;
}
.signUl6 li {
	color: #57769E;
	font-size: 13px;
	font-weight: normal;
	line-height: 28px;
	list-style-type: disc;
}
.psbg {
	margin-top: 10px;
	padding: 10px;
	color: #FFFFFF;
	background-color: #758498;
}
.signmain3 .signUl4 {
	margin-top: 0px;
	margin-left: 20px;
	margin-right: 5px;
}
.signmain3 .signUl4 li {
	color: #726948;
	font-size: 13px;
	line-height: 34px;
	list-style-type: decimal;
	text-align: justify;
}
.signUl3 li {
	color: #666666;
	font-weight: normal;
	line-height: 28px;
	list-style-type: none;
}
.signUl li.sa1 a, .signUl li.sa2 a, .signUl li.sa3 a {
	margin: 5px 0;
	padding: 0 8px;
	color: #FFFFFF;
	text-decoration: none;
	border-radius: 5px;
}
.signUl li.sa1 a {
	background-color: #48B00F;
}
.signUl li.sa2 a {
	background-color: #3A8FD5;
}
.signUl li.sa3 a {
	background-color: #B50000;
}
.signUl li.sa1 a:hover, .signUl li.sa2 a:hover, .signUl li.sa3 a:hover {
	background-color: #000000;
}

/*------------------------------訂位流程------------------------------*/
.book_div {
	width: calc(100% - 50px);
	min-height: 50px;
	margin: 20px 0px;
	padding: 10px 20px;
	border: thick solid #EFEFEF;
	border-radius: 50px;
	-webkit-box-shadow: 0px 0px 10px #D9D9D9;
	box-shadow: 0px 0px 10px #D9D9D9;
}
.book_img img:nth-child(1) {
	margin-right: 30px;
	margin-bottom: 10px;
}
.book_div img {
	margin-right: 5px;
	vertical-align: middle;
}

/*------------------------------賞鯨須知------------------------------*/
#infomain1, #infomain2, #infomain3, #infomain5 {
	margin-bottom: 50px;
	padding: 0px 20px;
}
#infomain4 {
	width:350px;
	margin-bottom:0px;
	padding: 0px 20px;
}
#infomain1 li, #infomain2 li, #infomain3 li, #infomain4 li, #infomain5 li {
	margin-top: 15px;
	font-size: 13px;
	line-height: 25px;
	list-style-type: disc;
}
#infomain1 li {color: #5F8035;}
#infomain2 li {color: #508494;}
#infomain3 li {color: #7F4583;}
#infomain4 li, #infomain5 li {color: #45579F;}
.info_img {
	position: absolute;
	right: 40px;
}
.info_img2 {
	position: absolute;
	right: 40px;
	bottom: 250px;
}

/*------------------------------賞鯨船介紹------------------------------*/
#boattxt {
	margin-bottom: 20px;
	padding: 0px 10px 0px 30px;
}
#boattxt li{
	margin-top: 25px;
	color: #276880;
	font-size: 13px;
	line-height: 25px;
	letter-spacing: 1px;
	list-style-type: decimal;
}
#boattxt .greentxt {color: #648027;}

@media screen and (min-width:250px) and (max-width:980px){
.main {
	width: 100%;
}
.navbg, .navbg2 {
	width: 100%;
	height: 60px;
	display: block;
	background-position: 0% bottom;
	background-size: 100% auto;
	background-repeat: no-repeat;
}
.navbg {
	background-image: url(../images/menu_bg.jpg);
}
.navbg2 {
	background-image: url(../images/menu_bg2.jpg);
}
.marqueestyle {
	display: none;
}
.footer .into {
	float: right;
}
.footer .into2, .footer .into3 {
	width: 100%;
	float: none;
}
.footer p {
	display: inline-block;
	padding-left: 0px;
	padding-right: 10px;
}
.menu, .left {
	display: none;
}
.right {
	width: calc(100% - 40px);
	padding: 30px 20px 10px 20px;
	float: none;
	background-image: none;
}
.footer2 {
	overflow: hidden;
}
.footer2 .into, .footer2 .into2, .footer2 .into3 {
	width: 100%;
	padding-top: 0px;
	padding-left: 0px;
	float: none;
}
.dis_title {
	height: auto;
	display: block;
	margin-bottom: 15px;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 10px;
	background-size: cover;
}
.dis_title span {
	display: none;
}
.dis_right {
	width: calc(100% - 18px);
	float: none;
}
.dis_left {
	width: 100%;
	float: none;
}
#jumpMenu {
	width: 100%;
	height: 50px;
	display: block;
	margin: 0px auto 20px auto;
	padding-left: 20px;
	padding-right: 20px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 15px;
	border-style: none;
	background-color: #2EACBB;
	outline: none;
}
#infomain4 {
	width: auto;
}
.info_img, .info_img2 {
	margin-bottom: 20px;
	position: relative;
	right: 0px;
	bottom: 0px;
}
}

@media screen and (max-width:480px){
.signimg img {
	width: 100%;
}
}


@media screen and (max-width:360px){
.book_img img:nth-child(1) {
	width: 100%;
	margin-right: 0px;
}
.book_img img:nth-last-child(1) {
	width: 120px;
	margin-bottom: 0px;
}
.info_img img, .info_img2 img {
	width: 100%;
}
}