@charset "utf-8";

/* CSS Document */
/************************************************************************************
RESET
*************************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {	
    line-height: 1;	
	-webkit-text-size-adjust: none;/*防止allpe的safari瀏覽器字體變大*/
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
   /* border-collapse: collapse;*/
    border-spacing: 0;
}

a img {
	border: none;
}

.clean { clear:both;}

.clearfix {
  overflow: auto;
}

img { width:100%;}

/************************************************************************************
STRUCTURE 主要區塊
*************************************************************************************/

body {
	font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;
	background-color: #e5e5e5;
}

h1,h2,h3 { display:none; }

#web-outer{
	background: url(../img/back.jpg) top repeat;
	clear: both;
	overflow: hidden;
}

.header{clear:both;
overflow: hidden;}

.MainHeight{
	position:fixed !important;
		top:30px !important;
		z-index: 10 !important;
}


.head-top{
	width: 100%;	
	background: url(../img/head_bg.jpg) top no-repeat;
}

.logo{
	max-width: 960px;
	margin: 0 auto;
}


/***按鈕列***/
.nav {
	width: 100%;
	height: 60px;
	margin: 0 auto;
	background-color: #f0cb83;
	display:block;
	z-index:180;
}


#menu{
	max-width:620px;
	margin: 0 auto;
	clear: both;
	overflow: hidden;	
}

#menu li {
    display: block;
    float: left;
	text-indent:-9999px;
}
#menu li a {
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer;
	/*text-indent:-9999px;*/
	*text-indent:1px;
	text-decoration:none;
	}
	
#menu li a.nav01 {width: 127px; height: 60px; background: url(../img/nav.png) -13px 0 no-repeat;}
#menu li a:hover.nav01,#menu li.on a.nav01{background: url(../img/nav.png) -13px -60px no-repeat;}

#menu li a.nav02 {width: 110px; height: 60px; background: url(../img/nav.png) -127px 0 no-repeat;}
#menu li a:hover.nav02,#menu li.on a.nav02{background: url(../img/nav.png) -127px -60px no-repeat;}

#menu li a.nav03 {width: 110px; height: 60px; background: url(../img/nav.png) -237px 0 no-repeat;}
#menu li a:hover.nav03,#menu li.on a.nav03{	background: url(../img/nav.png) -237px -60px no-repeat;}

#menu li a.nav04 {width: 127px; height: 60px; background: url(../img/nav.png) -347px 0 no-repeat;}
#menu li a:hover.nav04,#menu li.on a.nav04{	background: url(../img/nav.png) -347px -60px no-repeat;}

#menu li a.nav05 {width: 143px; height: 60px; background: url(../img/nav.png) -474px 0 no-repeat;}
#menu li a:hover.nav05,#menu li.on a.nav05{	background: url(../img/nav.png) -474px -60px no-repeat;}



/*內文*/
#main{
	max-width: 960px;
	margin: 0 auto;
	background: url(../img/main_bg.png) top repeat;
	clear: both;
	overflow: hidden;}


/*行程圖+文*/
	.tourframe{
		width: 400px;
		padding: 0 0 10px 0;
		float:right;
		margin: 0;		
		clear: both;
		overflow: hidden;
	}


.tourtop{width: 100%;margin: 0 auto;background-color: #0f9a8f; padding: 10px 0 10px 0; text-align: center;font-size: 25px; line-height: 35px;font-weight: bold;color: #fff;font-family: Verdana, "微軟正黑體";}
.tourtop em{font-size: 15px;font-style: normal;color: #ffea00;}
.tourtop01{text-indent: -5000px;background: url(../img/tour_top01.jpg) top no-repeat;height: 97px;}
.tourtop02{text-indent: -5000px;background: url(../img/tour_top02.jpg) top no-repeat;height: 97px;}
.tourtop03{text-indent: -5000px;background: url(../img/tour_top03.jpg) top no-repeat;height: 97px;}
.tourtop04{text-indent: -5000px;background: url(../img/tour_top04.jpg) top no-repeat;height: 97px;}
.tourtop05{text-indent: -5000px;background: url(../img/tour_top05.jpg) top no-repeat;height: 97px;}

/*行程*/
.tourbox {	
	width:95%;
	padding:1%;
	height:auto;	
	margin:0 auto;
	background-color:#FFF;
	font-family: Verdana, "微軟正黑體";
}

.tour_title{
	width: 90%;
	background-color: #fc4c02;
	margin: 0 auto 10px auto;
	color: #fff;
	font-size:13px;
	padding: 10px;
	text-align: center;
	border-radius: 5px;	
	
}


.tour_list_box ul {	
	padding: 0;
}
	
.tour_list_box li{
	font-size: 13px;
	line-height: 25px;
	color:#b6ada5;	
	border-bottom:1px dashed #b6ada5;
	margin-bottom: 6px;
}

.wrap{
	display: block;	
}

.tour_list_box li a{
	color:#4b4b4b;
	text-decoration:none;
	display:block;
	overflow:hidden;
	padding: 3px 5px;
}

.tour_list_box li a:hover{background-color:#f0f0f0;}

.tour_list_box li strong{
	font-size:15px;
	color: #cc0000;
}

.tour_list_box li em{
	font-style: normal;
	font-size:13px;
	color: #169cbe;
	font-weight:bold;	
}

.tour_list_box li p{/*float:left;*/ font-size: 13px;color:#4b4b4b;font-weight: normal;}
.tour_list_box .txt{	
	font-size: 15px;
	color:#e15500;
	margin: 20px 0 5px 5px;	
}
.tour_list_box li .price{
	font-size:13px;
	color:#d6001c;	
	display:block;
	margin-right:5px;
	font-weight: bold;
	float:right;	
}
.tour_list_box li .price strong{
	font-size:13px;
	color: #cc0000;
}

.more{
	display:block;
	text-align:right;
	padding:2%;	
	font-size:0.9em;
	line-height:1.8em;	
}

.more a{
	color:#fc4c02;
	text-decoration:none;	
}

.more a:hover{
	color:#009a44;}


/*內文*/
.contents{
	float: left;
	max-width:530px;
	padding: 2% 1% 3% 1%;
	font-size: 15px;
	line-height: 25px;
	font-family: Verdana, "微軟正黑體";
}

.cont-box{
	position: relative;
	background-color: #fffcf5;
	clear: both;	
}
.cont-box .toptxt{position: absolute;top: -30px; left: 10px;width: 135px;height: 135px; }
.cont-box .ph{}
.cont-box .txt{padding: 2%;}

.cont-left{padding: 5% 0 0 0;width: 100%;clear: both;overflow: hidden;}
.cont-left .ph{float: left;max-width: 235px;}
.cont-left .txt{float: right;width: 52%;padding: 3% 0 0 0;}
.cont-left .txt p.toptxt{font-size: 18px;line-height: 30px; color: #f05743;font-weight: bold;}


.cont-right{padding: 5% 0 0 0;width: 100%;clear: both;overflow: hidden;}
.cont-right .ph{float: right;max-width: 235px;}
.cont-right .txt{float: left;width: 52%;padding: 3% 0 0 0;}
.cont-right .txt p.toptxt{font-size: 18px;line-height: 30px; color: #f05743;font-weight: bold;}

.cont-main{padding: 5% 0 0 0;width: 100%;clear: both;overflow: hidden;}
.cont-main .txt{width: 100%;padding: 3% 0 0 0;}
.cont-main .txt p.toptxt{font-size: 18px;line-height: 30px; color: #f05743;font-weight: bold;}


.container{
	padding: 0;
	margin: 0 auto;
	width: 960px;
	
}


/*------media query----------*/
@media screen and (max-width:959px)  {
	/*內文*/
#main{
	width: 100%;
	background:inherit;
	padding: 0;	
	
	}


/*行程圖+文*/
	.tourframe{
		width:100%;
		float: inherit;
		margin: 10px auto;
	}
.tourtop{width: 97%;}
.tourtop01, .tourtop02,.tourtop03,.tourtop04,.tourtop05{ text-indent:inherit;background: inherit;width: 97%;margin: 0 auto;background-color: #27a69c; height: 50px;text-align: center;font-size: 22px; line-height: 50px;font-weight: bold;color: #fff;font-family: Verdana, "微軟正黑體";}
	
.tour_list_box li{
	font-size: 15px;	
}
.tour_list_box li .price{
	font-size:15px;	
}
.tour_list_box li .price strong{
	font-size:18px;	
}
	
	
.contents{
	float: inherit;
	max-width: inherit;
	width:95%;
	margin: 0 auto;
}	

.cont-left .ph{width: 35%;max-width: inherit;}
.cont-left .txt{width: 63%;}
.cont-right .ph{width: 30%;max-width: inherit;}
.cont-right .txt{width: 63%;}
	

	

}

/*---平板-----*/
@media screen and (max-width:768px)  {
	
.nav{display: none;}	

.cont-left .ph{width: 50%;max-width: inherit;}
.cont-left .txt{width: 45%;}
.cont-right .ph{width: 50%;max-width: inherit;}
.cont-right .txt{width: 45%;}
	


	
}

/*---手機版-----*/
@media screen and (max-width:479px)  {	
	
.cont-left .ph{float: inherit;width: 90%;margin: 0 auto;}
.cont-left .txt{float:  inherit;width: 100%;}
.cont-right .ph{float: inherit;width: 90%;margin: 0 auto;}
.cont-right .txt{float:  inherit;width: 100%;}
	
	
.wrap{
	display:inherit;
}	
	
	
	}