/* 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;}
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;}
a {color: #000; text-decoration: none; blr:expression(this.onFocus=this.blur()); outline: none; /* for Firefox */hlbr:expression(this.onFocus=this.blur()); /* for IE */}
a:hover {text-decoration:none;}
a:focus{ -moz-outline-style: none;}
.b-box{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.anchor {
	margin: 0;
	padding: 0;
	margin-top: -300px;
	*margin-top: -300px;
	display: block;
	visibility: hidden;
	float: left;
}
img{border:0;}
.wrapper{background: #f9d994;}
#wrapper h1,h2,h3{display: none;}
#header{position: relative;min-height:620px;background:url("img/bar.jpg");}
.logo{width: auto; position: absolute;z-index: 115;width: 420px;padding-left: 45%;padding-top: 180px;}
.pic{position: absolute;z-index: 1;left: 0;top: 0;width:100%;}
/*==========================Main Slider CSS============================*/
.pic #demo-1 {
			position: relative; /* can either be relative, absolute or fixed. If position is not set (i.e. static), it would be set to "relative" by script */
			overflow: hidden; /* to bound the empty top space created by inner element's top margin */
			width: 100%;
			min-height: 567px;
			background-color: #999;
			background:url(img/p1.jpg)\9;
}


/*行程*/
.main{width: auto;background:url("img/bg.jpg") center top;font-family: arial,微軟正黑體;overflow: hidden;}
.tour{max-width: 960px;margin: 0 auto;height:aoto;padding-top: 20px;}
.box{width: 95%;margin: 0 auto;margin-bottom: 50px;overflow: hidden;}
.box ul{ padding-top: 10px;display: block;}
.box li{display: block;width: 100%; float: left;border-bottom: 1px solid #5C5EC0;padding-bottom: 3px;font-size:20px;margin-bottom: 10px;clear: both;}
.box li a{color: #5C5EC0;line-height: 34px;font-weight: bold;}
.note{font-size: 15px;margin-left: 10px;font-weight: normal;}
.price{float: right;font-weight: normal;}
.price strong{font-size: 31px;color: #E9387A;}
.box.t1 li{border-bottom: 1px solid #D085BD;}
.box.t1 li a{color: #B85FA1;}
.box li.qu{border-bottom: none;font-size: 15px;margin-top: 30px;background: #BD4196;color: #FFFFFF;border-radius: 5px;padding: 2%;width: 95%;line-height: 22px;}


/*------media query----------*/


@media screen and (min-width:961px){

}


/*---平板-----*/
@media only screen and (min-width: 769px) and (max-width:960px) {
.logo{padding-left: 40%;padding-top: 180px;}
.main{background-image: none;}
}


/*---平板-----*/
@media only screen and (min-width: 481px) and (max-width:768px) {
.logo{padding-left: 0%;padding-top: 180px;}
.main{background-image: none;}
}


/*---手機版-----*/
@media only screen and  (min-width: 321px) and (max-width:480px) {
.logo{padding-left: 10%;padding-top: 50px;width: 260px;}
.pic #demo-1 {
min-height: 300px;;}
#header{min-height:320px;}
.box li{float: none;border-bottom: 1px solid #5C5EC0;padding-bottom: 3px;font-size:18px;text-align: center;}
.box li a{color: #5C5EC0;line-height: 30px;text-align: center;font-size:18px;}
.note{margin-left: 0px;text-align: center;display: block;font-size:14px;}
.price{float: none;text-align: center;display: block;}
.title{text-align: center;}
.main{background-image: none;}
}

/*---手機版-----*/
@media only screen and (max-width:321px) {
.logo{padding-left: 0%;padding-top: 50px;width: 260px;}
.pic #demo-1 {
min-height: 300px;;}
#header{min-height:320px;}
.box li{float: none;border-bottom: 1px solid #5C5EC0;padding-bottom: 3px;font-size:18px;text-align: center;}
.box li a{color: #5C5EC0;line-height: 30px;text-align: center;font-size:18px;}
.note{margin-left: 0px;text-align: center;display: block;font-size:14px;}
.price{float: none;text-align: center;display: block;}
.title{text-align: center;}
.main{background-image: none;}
}