@charset "utf-8";
/* CSS Document */
body{
	background-size: cover;
	font-family:Arial, Helvetica,"微軟正黑體",sans-serif;
	background-color: #dbebf9;
}
.header {
	background-image: url(../img/bg_header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.hpicbox {
	max-width: 400px;
	width: 35%;
	margin: 0 0 0 55%;
	padding: 30px 0 15px 0;
}
.hbl {
	margin: 0 0 0 25%;
}
.hbhi {
	margin: 0 0 0 35%;
}

.ind {
	max-width: 300px;
	width: 35%;
	margin: 0 0 0 62%;
	padding: 110px 0 70px 0;
}
.hpic {
	width: 100%;
	margin-top: 15px;
}
.ca {
	background-image: url(../img/bg_header_ca.jpg);
	background-position: center bottom;	
}
.us {
	background-image: url(../img/bg_header_us.jpg);
	background-position: center bottom;
}
.la {
	background-image: url(../img/bg_header_la.jpg);
	background-position: center bottom;
}
.as {
	background-image: url(../img/bg_header_alaska.jpg);
	background-position: center bottom;
}
.uc {
	background-image: url(../img/bg_header_uc_cr.jpg);
	background-position: center bottom;
}
.hi {
	background-image: url(../img/bg_header_hawaii.jpg);
	background-position: center;
}
.pac {
	float: left;
	margin: 15px 0 0 150px;
}
.pte {
	float:none;
	margin: 15px auto 0 auto;
}

.wrapper{
	max-width:1000px;
	width:100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	overflow: hidden;
}
.mkh1 {
	clear: both;
	margin-top: 1.3em;
	margin-bottom: 1em;
	background-image: url(../img/title1.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-align:center;
	font-family:"微軟正黑體";
	font-size: 2.4em;
	color:#26416c;
	font-weight: normal;
}
.mkh1 span {
	font-weight: bold;
}

/* 選單區 */
.navwraper{
	background-color: #1C75BC;
}
.nav {
	clear: both;
	height: 50px;
	max-width:1000px;
	width:100%;
	margin:0 auto;
}
a.tabs{
	color: #FFF;
}
.nav ul li a {
	text-decoration: none;
	clear: both;
	width: 100%;
	line-height: 50px;
	color: #FFF;
	text-align: center;
	display: block;
	font-size: 1.2em;
}
.nav ul li.active {
	background-color: #006699;
	color: #FF0;
}

.nav ul li a:hover {
	background-color: #3399CC;
}
.nav_do {
	clear: both;
	background-color: #0CA8FD;
	height: 46px;
}
.nav_do ul li {
	float: left;
}
.nav_do ul li a {
	text-decoration: none;
	clear: both;
	line-height: 46px;
	color: #FF0;
	text-align: center;
	display: block;
	font-size: 16px;
	padding-right: 15px;
	padding-left: 15px;
}
.nav_do ul li a:hover {
	background-color: #3399CC;
}
.nav{
	max-width:1000px;
	width:100%;
	margin:0 auto;}
.nav ul.maintabs li{
	display:inline-block;
	width:14.2%;
	margin:0;
	float:left;}
.nav ul.maintabs li a{
	display:block;
	}
/* 內容區 */

.content{
	overflow: hidden;
	padding-bottom: 30px;
}
.tourmain {
	float: left;
	width: 33.3%;
}
.tourbox {
	width:90%;
	background-color:#fff;
	clear: both;
	margin: 1.1em auto 1.3em auto;
	background-color:#fff;
	text-decoration: none;
	display: block;
}
.tourbox:hover {
	background-color: #BCD9F3;
}
.tourbox img {
	width:100%;
	-webkit-clip-path: polygon(0% 0%, 0% 100%,100% 82%,100% 0%);
}
.tourbox div.tm {
	clear: both;
	height: 100px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	font-size: 1.2em;
	line-height: 1.5em;
	color: #26416c;
	margin-top: 1em;
}
.tourbox div.dt {
	clear: both;
	height: 4em;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	font-size: .9em;
	line-height: 1.6em;
	color: #999;
	margin-top: 5px;
	padding-top: 7px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E1E1E1;
	margin-bottom: 6px;
}
.tourbox div.dt span {
	color: #FFF;
	background-color: #F90;
	text-align: center;
	display: block;
	float: left;
	clear: both;
	margin-right: 10px;
	font-size: 12px;
	line-height: 14px;
	width: 36px;
	padding-top: 4px;
	margin-top: 5px;
	padding-bottom: 4px;
}
.tourbox span.ch {
	font-size: 1.8em;
	line-height: 2em;
	color: #ee0000;
	text-align: right;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	display: block;
}
.tourbox span.ch:before {
	content:"NT$";
	font-size: 11px;
}
.tourbox span.ch:after {
	content:"元起";
	font-size: 11px;
}
.mimg_bt {
	clear: both;
	margin-right: auto;
	margin-left: auto;
	display: block;
	margin-bottom: 15px;
}
.whbox {
	float: left;
	height: 460px;
	width: 50%;
}
.whmain {
	clear: both;
	height: 460px;
	width: 320px;
	margin-right: auto;
	margin-left: auto;
	background-color: #efece5;
	font-size: 13px;
	line-height: 20px;
}
.whbk {
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
}
.whbk h4 {
	font-size: 15px;
	line-height: 28px;
}

/* 產品 */

.tourbox h4 {
	font-size: 16px;
	line-height: 24px;
	color: #EC462E;
	text-align: center;
	display: block;
	clear: both;
	margin-right: 15px;
	margin-left: 15px;
	background-color: #f5ae32;
	margin-top: 24px;
}

a.tour {
	font-size: 14px;
	line-height: 20px;
	color: #333;
	text-decoration: none;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	margin-top: 15px;
	margin-right: 15px;
	margin-left: 15px;
	padding-bottom: 6px;
}
a.tour:hover {
	color: #900;
}
a.tour span {
	font-size: 20px;
	line-height: 35px;
	color: #900;
	text-align: right;
	display: block;
	clear: both;
}
a.tour span:before {
	content:"NT$";
	font-size: 11px;
}
a.tour span:after {
	content:"元起";
	font-size: 11px;
}



@media screen and (max-width:768px) { 
a.mainbtn{
	display:block;
	width:50px;
	height:50px;
	background:url(../img/menu.png);
	position:fixed;
	z-index:200;
	top:60px;
	right:10px;
	cursor:pointer;}
.header {
	background-size: cover;
}
.hpicbox {
	width: 50%;
	margin: 0 auto;
}
.nav ul li a {
	font-size: 1.2em;
}

.tourmain {
	width: 50%;
}
.navwraper{
	display:none;
	position:fixed;
	top:35px;
	width: 100%;
	height:100%;
    background: rgba(28,117,188,0.9);
	z-index:205;}
.nav{
	width:100%;
	margin:0 auto;}
.nav ul.maintabs {
	margin:0 auto;}
.nav ul.maintabs li{
	display: block;
    margin: 0 auto;
    width: 100%;}
.nav ul.maintabs li a{
    display: block;
    text-align: center;
    text-indent: 0px;
    width: 100%;
    line-height: 3em;
    font-size: 1.5em;
    height: 3em;
    font-weight: 800;
    padding: 0;
    border-bottom: 1px solid #fff;
}
}


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

}


@media screen and (max-width:375px) {
.header {
}
.hpicbox {
	width: 70%;
	margin: 0 auto0;
}
.mkh1 {
	font-size: 1.5em;
}

.nav ul li a {
	font-size: 1em;
}
.tourmain {
	width: 100%;
}

}