@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: hidden;
  zoom: 1;
}

img { width:100%;}

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

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

h1,h2,h3 { display:none; }

#web-outer{	clear: both;overflow: hidden;}

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

/*menu*/
/*menu*/
.block-menu{background:url(../img/nav_bg.jpg) center top no-repeat;width: 100%;height: 70px;z-index: 300;top: 30px; font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;position:fixed;}
.block-menu ul{max-width: 500px; margin: 0 auto;}
.block-menu ul li{float: left;margin-right: 10px;z-index: 300;height: 70px;}

.block-menu ul li div {	text-indent: -5000px; height: 70px;}
.block-menu li a {width: 100%; height: 100%; display: block; cursor: pointer;}

.block-menu li a .nav01{width: 165px;background-color: aqua;background: url(../img/nav.png) 0 0 no-repeat;}
.block-menu li a:hover .nav01{background: url(../img/nav.png) 0px -70px no-repeat;}
.block-menu li .nav01on{width: 165px;background: url(../img/nav.png) 0px -70px no-repeat;}

.block-menu li a .nav02{width: 130px;background-color: aqua;background: url(../img/nav.png) -165px 0 no-repeat;}
.block-menu li a:hover .nav02{background: url(../img/nav.png) -165px -70px no-repeat;}
.block-menu li .nav02on{width: 130px;background: url(../img/nav.png) -165px -70px no-repeat;}

.block-menu li a .nav03{width: 130px;background-color: aqua;background: url(../img/nav.png) -295px 0 no-repeat;}
.block-menu li a:hover .nav03{background: url(../img/nav.png) -295px -70px no-repeat;}
.block-menu li .nav03on{width: 130px;background: url(../img/nav.png) -295px -70px no-repeat;}

/*--版頭*/
.s-logo {display: block; max-width: 450px;position: absolute;left: 30%;right: 40%; top:100px;z-index: 200;}

.snow1 { position:absolute; width:25px; z-index: 100; top:100px; left:100px;}
.snow2 { position:absolute; width:25px; z-index: 100; top:100px; right:300px;}
.snow3 { position:absolute; width:25px; z-index: 100;  top:200px; left:20%;}
.snow4 { position:absolute; width:25px; z-index: 100;  top:300px; right:10%;}
.snow5 { position:absolute; width:25px; z-index: 100;  top:150px; right:40%;}
.snow6 { position:absolute; width:25px; z-index: 100; top:300px; left:20%; }
.snow7 { position:absolute; width:25px; z-index: 100; top:380px; right:20%;}

.sliders{ width:100%;}

#slide2 {
	position: relative;
	background-image: url(../img/bg1.jpg);
	background-repeat:repeat;
	background-position: center !important;
	padding-bottom:40px;
	
}

#slide3 {
	position: relative;
	background-image: url(../img/bg2.jpg);
	background-repeat:repeat;
	background-position: center !important;
	background-attachment: fixed;
}
#slide4 {
	background-image: url(../img/bg1.jpg);
	background-repeat: repeat;
	background-position: center !important;
	padding-bottom:40px;
	background-attachment: fixed;
}
#slide5 {
	position: relative;
	background-image: url(../img/bg2.jpg);
	background-repeat:repeat;
	background-position: center !important;
	background-attachment: fixed;
}

.main-box{max-width: 960px;margin: 0 auto;padding: 80px 0 80px 0;}

/*----冬季慶典----*/
.celebration .title{max-width: 450px;margin: 0 auto;}
.celebration .bbox {width: 100%; clear: both;overflow: hidden;font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;}
.celebration .bbox .top-title{}
.celebration .bbox .txt{float: left;width: 60%;color: #29499d;font-size: 18px;line-height: 35px;padding: 5% 0 0 0;}
.celebration .bbox .ph{float:right;width: 38%;}


.celebration .bbox02 {width: 100%; clear: both;overflow: hidden;font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;}
.celebration .bbox02 .top-title{max-width: 680px;}
.celebration .bbox02 .txt{width: 100%;color: #29499d;font-size: 18px;line-height: 35px;padding: 5% 0 0 0;}
.celebration .bbox02 .ph{max-width: 960px;}
.celebration .bbox02 em{font-style:normal;font-size:15px;line-height: 18px; color: #888888;}

/*----冬季進補----*/
.food .title{max-width: 450px;margin: 0 auto;}
.food .bbox {width: 100%; clear: both;overflow: hidden;font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;}
.food .bbox .top-title{}
.food .bbox .txt{float: left;width: 60%;color: #29499d;font-size: 18px;line-height: 35px;padding: 5% 0 0 0;}
.food .bbox .ph{float:right;width: 38%;}

/*----伏爾加莊園----*/
.manor .title{max-width: 450px;margin: 0 auto;}
.manor .bbox {width: 100%; clear: both;overflow: hidden;font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;}
.manor .bbox .top-title{}
.manor .bbox .txt{float: left;width: 60%;color: #29499d;font-size: 18px;line-height: 35px;padding: 5% 0 0 0;}
.manor .bbox .ph{float:right;width: 38%;}

/*----冬戀奇景----*/
.wonder .title{max-width: 450px;margin: 0 auto;}
.wonder .bbox {width: 100%; clear: both;overflow: hidden;font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;}
.wonder .bbox .top-title{max-width: 680px;}
.wonder .bbox .txt{width: 100%;color: #29499d;font-size: 18px;line-height: 35px;padding: 5% 0 0 0;}
.wonder .bbox .ph{max-width: 960px;}
.wonder .bbox em{font-style:normal;font-size:15px;color: #888888;}



/*推薦行程*/
#snow-tour{
	position: relative;
	background-image: url(../img/bg1.jpg);
	background-repeat:repeat;
	background-position: center !important;
	background-attachment: fixed;
	font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;}
.tour-box{max-width: 960px;padding: 50px 0 120px 0; margin: 0 auto;clear: both;overflow: hidden;}
.tour-box .title_tour{max-width: 450px;margin: 0 auto 20px auto;}
/*行程表*/
.tour_list_box{}
.tour_list_box .toptxt{	display: inline-block;padding: 10px;margin: 20px 0 10px 0;border-radius: 10px;color: #fff;	
	background-color: #761ce6;	font-size: 18px;	font-weight: bold;	text-align: center;}
.tour_list_box ul {	width: 95%;	margin:0 auto;padding: 10px;}	
.tour_list_box li{font-size: 18px;line-height:30px;	border-bottom:1px dashed #0f6e9c;margin-bottom: 8px;padding:0;}
.tour_list_box li em {color:#0072ff;font-style:normal;font-size:15px;padding-left:5px;}
.tour_list_box li strong { color:#bb2e6a; font-weight: normal; font-size:13px; padding-left: 6px;}
.tour_list_box .price{font-size:18px; color:#bb2e6a;float: right;}
.tour_list_box .price strong{font-size:18px; color:#bb2e6a; font-weight: bold;}
.tour_list_box li a{color:#303030;	text-decoration:none;display:block;	padding: 3px 5px;overflow: hidden;}
.tour_list_box li a:hover{background-color:#d2f5ff;}
.tour_list_box li ul.ps{}
.tour_list_box li ul.ps li{border-bottom:inherit; font-size: 13px;line-height: 18px;color: #333333;list-style-type:circle;}
.tour-box .more {display: inline-block;float: right;}
.tour-box .more a{color:#007ac8;text-decoration:none;}
.tour-box .more a:hover{background-color:#d2f5ff;}

/*------------------------------------------------------------------------------------------*/

#main{clear: both;overflow: hidden;}

/*錨點*/
.anchor{margin: 50px auto;}

/*----側欄按鈕---*/
.sidebtn {
	display: block;
	position:fixed;
	z-index: 999;
	top:60%;
	right:5px;
	background:url(../img/site-btn-bk.png) 0 0 no-repeat;
	padding-top: 49px;
	width: 78px;
	height: 262px;
}
.sidebtn li {
}

.sidebtn li a {
	width: 100%;
	height: 100%;
	display: block;
	outline: none;
    text-indent: -3000px;
}
.sidebtn li#btn1 {
	background:url(../img/site-btn-bk.png) 0 -49px no-repeat;
    height: 49px;
}

.sidebtn li#btn1 a:hover,.sidebtn li#btn1 a.active {
	background:url(../img/site-btn-bk.png) -78px -49px no-repeat;
}

.sidebtn li#btn2 {
	background:url(../img/site-btn-bk.png) 0 -98px no-repeat;
    height: 49px;
}

.sidebtn li#btn2 a:hover,.sidebtn li#btn2 a.active {
	background:url(../img/site-btn-bk.png) -78px -98px no-repeat;
}
@media (min-width: 961px) and (max-width: 1350px) {.s-logo {left: 10%;right: inherit;}
}

@media screen and (max-width:959px)  {
.snow1,.snow2,.snow3,.snow4,.snow5,.snow6,.snow7 { display: none;}
	
	.main-box{max-width: inherit;width: 90%;}
	.tour-box{max-width: inherit;width: 90%;}
	
}

@media (min-width: 769px) and (max-width: 959px) {.s-logo {left: 10%; right: 30%; right: inherit;top:120px;width: 50%;}}

/*---平板-----*/
@media screen and (max-width:768px)  {
.block-menu{display: none;}	
.s-logo {left: 10%; right: 30%; right: inherit;top:30px;width: 60%;}
	
.sidebtn {display: none;}



/*---手機版-----*/
@media screen and (max-width:479px)  {
	
.main-box{padding: 30px 0 30px 0;}	
.celebration .bbox .txt,.food .bbox .txt,.manor .bbox .txt{float: inherit;width: 100%;font-size: 15px;line-height: 25px;}
.celebration .bbox .ph,.food .bbox .ph,.manor .bbox .ph,.wonder .bbox .ph{float: inherit;width: 100%; }
.celebration .bbox02 .txt{font-size: 15px;line-height: 25px;}
.wonder .bbox .txt{font-size: 15px;line-height: 25px;}	
	

	
	.tour_list_box li{font-size: 15px;line-height:25px;}
}

/*---手機版-----*/
@media screen and (max-width:320px)  {}