/* 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;
}
img{
  display: block;
}
.anchor {
	margin: 0;
	padding: 0;
	margin-top: -79px;
	*margin-top: -90px;
	display: block;
	visibility: hidden;
	float: left;
}
img{border:0;}
	
#togglenav {
    display: none;
    z-index: 9999;
    position: fixed;
    right: 0;
    overflow: hidden;
    line-height: 35px;
    width: 100%;
    cursor: pointer;
}
h1,h2,h3{display: none;}
body{background: #AFFFF9;}
#wrapper{background: url("/webDM/taiwan/theme/2020520/style/img/bg.png") center top no-repeat;overflow: hidden;font-family: arial,微軟正黑體;}
.flow{position: fixed;z-index: 400;right: 0px;bottom:10%;background: url("/webDM/taiwan/theme/2020520/style/img/menu-summer.png");width: 52px;height: 415px;}
.flow li.m1{display:block;width: 52px;height: 167px;}
.flow li.m2{display:block;width: 52px;height: 123x;}
.flow li.m3{display:block;width: 52px;height: 125px;}
.flow li.m1 a{display:block;width: 52px;height: 167px;}
.flow li.m2 a{display:block;width: 52px;height: 123px;}
.flow li.m3 a{display:block;width: 52px;height: 125px;}
.block-menu li.m1 a:hover,.block-menu li.m1 a.active{background: url("/webDM/taiwan/theme/2020520/style/img/menu-summeron.png");}
.block-menu li.m2 a:hover,.block-menu li.m2 a.active{background: url("/webDM/taiwan/theme/2020520/style/img/menu-summeron.png");background-position: 0 -167px;}
.block-menu li.m3 a:hover,.block-menu li.m3 a.active{background: url("/webDM/taiwan/theme/2020520/style/img/menu-summeron.png");background-position: 0 -290px;}


.header{max-width: 960px;margin: 0 auto;min-height: 540px;position: relative;}
.main-title{position: absolute;width: 463px;top:93px;left:290px;z-index: 101;}
.boy{position: absolute;width: 295px; top:43px;left:0px;z-index: 90;}
.girl{position: absolute;width: 205px;top:43px;right:0px;z-index:91;}
.clock{position: absolute;width: 473px;top:278px;left:282px;z-index: 80;}
.heart1{position: absolute;top:328px;left:230px;z-index: 110;}
.heart2{position: absolute;top:227px;left:289px;z-index: 120;}
.heart3{position: absolute;top:160px;right:215px;z-index: 120;}
.heart4{position: absolute;top:89px;right:163px;z-index: 110;}
.star{position: absolute;top:64px;right:193px;z-index: 130;}
.header-s{}
/*選單*/
.block-first{overflow: hidden;margin-bottom: 20px;}


/*內文*/
.main{max-width: 960px;margin: 0 auto;height: auto;box-sizing: border-box;padding-top: 10px;overflow: hidden;padding: 5px;background: #FFDEE6;}
/*熱銷推薦*/
.box{width: 31.33333%;float:left;margin-left: 1%;margin-right: 1%;height:auto; border-radius: 0 0 10px 10px;position: relative;background: #FFFFFF; box-sizing: border-box;padding-bottom: 10px;margin-bottom: 15px;margin-top: 20px;}
.box .tab{width: 43px;height: 55px; position: absolute;top: -8px;left: 10px; border-radius: 50%;text-align: center;line-height: 60px;z-index: 99;}

/*完售*/
.box .soldout{width: 100%;height: 100%;background:rgba(0,0,0,0.5);position: absolute;z-index: 50;border-radius: 0 0 10px 10px;}
.box .soldout img{max-width: 200px;margin: 0 auto;padding: 15px 0;}

.box .name{text-align: center;line-height: 30px;background: #C17EE8;color: #FFFFFF;font-weight: bold;line-height:30px;margin-bottom: 5px;}
.box .note{font-size: 15px;line-height: 24px;min-height:75px;width: 95%;margin: 0 auto;}
.box .note strong{color: #6E6DD7;}
.box .price{text-align: center;color: #FF8ADA;}
.box .price strong{font-size: 30px;margin-right:3px;margin-left:3px;}

.box.hotel .name{background: #FF70CD; border-bottom: 0px;color: #FFFFFF;font-size: 18px;line-height: 30px;}
.box.igh .name{background: #FF9600;; border-bottom: 0px;color: #FFFFFF;font-size: 18px;line-height: 30px;}
.box.igh .note{min-height:105px;}
/*台北*/
.title{background: url("img/title-tour.png") center top;margin-bottom: 10px;height: 74px;margin-top:30px;}
.title.hotel{background: url("/webDM/taiwan/theme/2020520/style/img/title-hotel.png") center top;}
.title.early{background: url("/webDM/taiwan/theme/2020520/style/img/title-early.png") center top;}
.title.ihg{background: url("/webDM/taiwan/theme/2020520/style/img/title-ihg.png") center top;}
.toptitle{font-size: 22px;background-color: #fff; color: #ff70cd;font-weight: bold;text-align: center; padding: 10px;margin-bottom: 10px; border-top-style:dotted; border-bottom-style:dotted;border-width:3px;margin: 0 auto;width: 95%;}
.toptitle em{font-size: 13px;font-style:normal;display:block;margin-top: 10px;}
.toptitle2{font-size: 22px;background-color: #fff;color: #c17ee8;font-weight: bold;text-align: center; padding: 10px;margin-bottom: 10px; border-top-style:dotted; border-bottom-style:dotted;border-width:3px;margin: 0 auto;width: 95%;}
.toptitle2 em{font-size: 13px;font-style:normal;display:block;margin-top: 10px;}
  /*tour條列行程*/
.tour{width: 100%;margin: 0 auto;clear: both;padding-top: 10px;}
.tour li{display: block;width: 49%;margin-left: 0.5%;margin-right: 0.5%; height:auto;line-height: 32px; float: left;margin-bottom: 10px; border-bottom: 2px dotted #ED99AD;}
.tour li a{display: block;height: auto;text-indent: 10px;}
.tour li a:hover{background: #FFEDF1;}
.tour li .name{font-size: 15px;font-weight: bold;}
.tour li .name strong{background: #FFFFFF; font-size: 14px; padding:1px 3px 1px 3px;margin-left: 2px;font-weight: normal;border-radius: 5px;font-size: 14px;}
.tour li .price{float:right;color: #ff5b83;padding-right: 10px;}
.tour li .price strong{font-size: 18px;}
.tour li .note{font-size: 14px;display: block;}
.tour li.seb-title{width: 99%;border: solid 2px #FFFFFF;background: #FFEAEF; text-align: center;font-size: 16px;border-radius: 5px;letter-spacing: 1px;font-weight: bold;}


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


@media screen and (min-width:961px){
	.pushy{display:none;}
	#phone-title{display:none;}
	#togglenav { display:none;}
	.menu-btn{display:none;}
	.header-s{display:none;}
}


@media only screen and (min-width: 870px) and (max-width:960px) {
.main-title{width:350px;top:93px;}
.boy{width: 300px; top:43px;left:0px;}
.girl{width: 190px;top:43px;right:0px;}
.clock{width:400px;top:278px;left:282px;}
}
@media only screen and (min-width:769px) and (max-width:869px) {
.main-title{width:350px;top:93px;left:260px;}
.boy{width: 270px; top:43px;left:0px;}
.girl{width: 150px;top:43px;right:0px;z-index:70;}
.clock{width:370px;top:278px;left:282px;}
.heart2{top:197px;left:259px;z-index: 120;}
.heart4{top:96px;right:123px;z-index: 100;}
}

/*---平板-----*/
@media only screen and (min-width: 769px) and (max-width:960px) {
.block-menu .area li{margin-bottom: 10px;}
.box{width: 48%;}
.header-s{display:none;}
.main{width: 100%;padding-top: 15px;}
.tour .price strong{font-size: 20px;}

.tour li{display: block;width: 99%;}
.tour li .name{display: block;text-align: center;}
.tour li .price{display: block;text-align: center;float: none;background-color: none;}
}




/*---平板-----*/
@media only screen and (max-width:768px) {
.box{width: 95%;float: none;margin: 0 auto;margin-bottom: 20px;}
.block-menu{display: none;}
.left{width: 100%;float: none;}
.right{width: 100%;float:  none;padding-top: 20px;}
#menu{display:none;}
.main{width: 100%;padding-top: 15px;}
.tour .price strong{font-size: 20px;}
.flow{display:none;}
.tour li{display: block;width: 99%;}
.tour li .name{display: block;text-align: center;}
.tour li .price{display: block;text-align: center;float: none;background-color: none;}
.header{display:none;}
}