@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;}



	

/*======================
====Main Slider CSS=====
=======================*/



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

		#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: 700px;
			background-color: #999;
		}
		.demo-inner-content {
			position: relative; /* if position is not set, the script will set it to 'relative'. */
			z-index: 2; /* if z-index is not set, the script will set it to '2'. */
			margin: 0 auto;
           padding-left: 50%;
		}
.main-title {max-width: 960px;position: absolute;left: 20%;right: 20%;top:100px;}

.block_header {
	clear: both;
	width: 100%;	
}


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

/***按鈕列***/

.nav {
	width: 100%;
	height: 60px;
	margin: 0 auto;
	background:url(../img/nav_bg.jpg) center repeat;
	display:block;
	z-index:180;
}

.nav ul.lottenav {
	max-width: 960px;
	height: 60px;
	margin: 0 auto;	
	/*background: url(../img/nav.png) 0 0 no-repeat;*/
}

.nav li {
	float: left;
	display: block;	
	margin: 0;
}
.nav li div {
	text-indent: -5000px;
	height: 60px;
}
.nav li a {
	width: 100%;
	height: 100%;
	display: block;
	cursor: pointer;
	z-index:180;
}
.nav li a .nav01 {width: 216px; margin: 0 auto;background: url(../img/nav.png) 0px 0px no-repeat;}
.nav li a .nav01on {width: 216px; margin-left: 0;background: url(../img/nav.png) 0px -60px no-repeat;}
.nav li a .nav01:hover, .nav li.on a .nav01 {background: url(../img/nav.png) 0px -60px no-repeat;}

.nav li a .nav02 {width: 227px; margin: 0 auto;background: url(../img/nav.png) -216px 0px no-repeat;}
.nav li a .nav02on {width: 227px; background: url(../img/nav.png) -216px -60px no-repeat;}
.nav li a .nav02:hover, .nav li.on a .nav02{background: url(../img/nav.png) -216px -60px no-repeat;}

.nav li a .nav03 {width: 115px; margin: 0 auto;background: url(../img/nav.png) -443px 0px no-repeat;}
.nav li a .nav03on {width: 115px; background: url(../img/nav.png) -443px -60px no-repeat;}
.nav li a .nav03:hover, .nav li.on a .nav03{background: url(../img/nav.png) -443px -60px no-repeat;}

.nav li a .nav04 {width: 203px; margin: 0 auto;background: url(../img/nav.png) -558px 0px no-repeat;}
.nav li a .nav04on {width: 203px; background: url(../img/nav.png) -558px -60px no-repeat;}
.nav li a .nav04:hover, .nav li.on a .nav04{background: url(../img/nav.png) -558px -60px no-repeat;}

.nav li a .nav05 {width: 195px; margin: 0 auto;background: url(../img/nav.png) -761px 0px no-repeat;}
.nav li a .nav05on {width: 195px; background: url(../img/nav.png) -761px -60px no-repeat;}
.nav li a .nav05:hover, .nav li.on a .nav05{background: url(../img/nav.png) -761px -60px no-repeat;}



/* */
#r1{width: 100%;}

.r1-box{
	background: url(../img/bg01.jpg) top no-repeat;
	height: 800px;	
}

#r1 .txtbox{
	position: absolute;
	top:100px;
	left: 100px;
	/*background: rgba(100%,30%,50%,0.7);*/
	background: url(../img/r1_txtbox.png) top no-repeat;
	max-width: 457px;
	height: 324px;
	padding: 20px 0 0 0;	
	font-size: 15px;
	line-height: 25px;
	font-family: Verdana, "微軟正黑體";
	color: #fff;
}
#r1 .txt-title{max-width: 350px;display: block;margin: 0 auto 10px auto;}
#r1 p{padding: 0 30px;}
#r1 p em{font-style:normal; color: #f9fa86;	font-size: 13px;}
#r1 .ph{display: none;}

/* */
#r2{width: 100%;}

.r2-box{
	background: url(../img/bg02.jpg) top no-repeat;
	height: 800px;	
}

#r2 .txtbox{
	position: absolute;
	top:100px;
	right: 100px;
	/*background: rgba(10%,30%,70%,0.7);*/
	background: url(../img/r2_txtbox.png) top no-repeat;
	max-width: 457px;
	height: 349px;
	padding: 20px 0 0 0;	
	font-size: 15px;
	line-height: 25px;
	font-family: Verdana, "微軟正黑體";
	color: #fff;
}
#r2 .txt-title{max-width: 350px;display: block;margin: 0 auto 10px auto;}
#r2 p{padding: 0 30px;}
#r2 p em{font-style:normal; color: #f9fa86;	font-size: 13px;}
#r2 .ph{display: none;}

/* */
#r3{width: 100%;}

.r3-box{
	background: url(../img/bg03.jpg) top no-repeat;
	height: 800px;	
}

#r3 .txtbox{
	position: absolute;
	top:100px;
	left: 20px;
	/*background: rgba(30%,10%,10%,0.7);*/
	background: url(../img/r3_txtbox.png) top no-repeat;
	max-width: 457px;
	height: 324px;
	padding: 20px 0 0 0;	
	font-size: 15px;
	line-height: 25px;
	font-family: Verdana, "微軟正黑體";
	color: #fff;
}
#r3 .txt-title{max-width: 350px;display: block;margin: 0 auto 10px auto;}
#r3 p{padding: 0 30px;}
#r3 p em{font-style:normal; color: #f9fa86;	font-size: 13px;}
#r3 .ph{display: none;}


/* */
#r4{width: 100%;clear: both;overflow: hidden;}
.r4-box{
	background: url(../img/bg04.jpg) top no-repeat;
	height: 142px;	
	clear: both;
	overflow: hidden;
}

.r4-main{max-width: 960px;margin: 0 auto;}
.r4-main .left-ph{max-width: 410px;float: left;}
.r4-main .right-txt{
	max-width: 400px;
	padding: 5% 10px 2% 10px;
	float: left;
	font-size: 15px;
	line-height: 25px;
	font-family: Verdana, "微軟正黑體";
	color: #fff;
}


.main-font{max-width: 960px;margin: 0 auto;position: relative;}


/*行程圖+文*/

#russia-tour{
	width: 100%;
	clear: both;
	background-color: #9abcd2;	
	padding-bottom: 50px;
	}

/*行程*/

.tour-title{	
	max-width: 554px;
	margin: 0 auto;
	padding: 50px 0 20px 0;
}

.tourbox {
	max-width: 960px;
	background-color: #fff;
	border-radius: 10px;
	padding:20px 0 20px 0;
	margin:0 auto;
	font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;
	clear: both;
}


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

.tour_list_box .toptxt{	
	display: inline-block;
	padding: 10px;
	margin: 20px 0 10px 0;
	border-radius: 10px;
	color: #fff;
	background-color: #46a76b;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

.tour_list_box p.toptxt em{
	color:#FF6600;
	font-style:normal;
	font-size:15px;
	font-weight: bold;
	padding-left:5px;
	font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;
}

.tour_list_box ul {
	width: 95%;
	margin:0 auto;
	padding: 10px;
}
	
.tour_list_box li{
	color: #007ac8;
	font-size: 16px;
	line-height:25px;	
	border-bottom:1px dashed #c8c9c9;
	margin-bottom: 8px;
	padding:0;
	font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;
}

.tour_list_box li em  {
	color:#FF9900;
	font-style:normal;
	font-size:13px;
	font-weight: bold;
	padding-left:5px;
	font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;
}
.tour_list_box li strong { color:#bb2e6a; font-weight: normal; font-size:13px; padding-left: 6px;}
.tour_list_box .price{	
	font-size:16px;	
	color:#bb2e6a;		
	/*font-weight: bold;*/
	float: right;
	font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;
}

.tour_list_box .price strong{	
	font-size:18px;	
	color:#bb2e6a;		
	font-weight: bold;	
}

.tour_list_box li a{	
	color:#007ac8;
	text-decoration:none;
	display:block;
	overflow:hidden;
	padding: 3px 5px;	
}
.tour_list_box li a:hover{
	color: #3c3c3c;
	background-color:#e8e8e8;
	z-index: 1;
}

.more-tour a{text-decoration:none;background-color: #0f75b0;color: #fff;padding: 5px;float: right;border-radius: 5px; margin-right: 10px;}
.more-tour a:hover{text-decoration:none;background-color: #0c4d72;color: #fff;}



.line-boxtop{
	display: none;
	width: 100%;
	height: 50px;
	background: url(../img/line_box.jpg) top repeat;
	clear: both;overflow: hidden;
}

.line-box{
	width: 100%;
	height: 50px;
	background: url(../img/line_box.jpg) top repeat;
	clear: both;overflow: hidden;
}

.line-box2{
	width: 100%;
	height: 150px;	
	clear: both;
	overflow: hidden;
}



/*======================
===========blog=========
=======================*/

#blog {}
.blog-in { max-width: 960px; margin: 0 auto; padding: 30px 0;}
.blog-box { max-width: 313px; position: relative; height: 135px; float: left;}
.blog-box a { display: block; width: 100%; height: 100%; }
.blog-box p { 
    position: absolute; right:0; top:0;
    font: 600 13px "微軟正黑體"; background: #5336b0; opacity: 0.9; color:#fff;  line-height: 26px;  padding:0 10px; 
}
.preword { 
    position: absolute; left:0; bottom:0;
    background: #000000; opacity: 0.7; color:#fffdf5; font: 600 15px "微軟正黑體"; line-height: 26px; width: 100%; padding:0 0;text-align: center;
}
.blog-box { margin-right: 10px; }
.blog-box:last-child { margin-right: 0; }


/*錨點*/
.anchor{
margin: -150px 0 0 0;
padding: 150px 0 0 0;}

	
.contents{}


@media screen and (min-width: 1300px) and (max-width: 2200px) {.main-title {left: 30%;right: 35%;top:120px;}}


@media screen and (max-width:959px)  {
	
	#demo-1 {min-height: 450px;}
	.main-title {left: 30%;right: 30%;top:150px;}

	
/***按鈕列***/
.nav {}

.nav ul.lottenav {}

.nav li {
	float: left;
	display: block;
	width: 20%;
	margin: 0;
	line-height: 60px;	
}
.nav li div {text-indent: inherit;}
.nav li a {text-decoration: none;}
.nav li a .nav01 {width: 100%; text-align: center; background:inherit;color: #3a3a3a;}
.nav li a .nav01on {width:100%;background:inherit; background-color:#fff; }
.nav li a .nav01:hover, .nav li.on a .nav01 {background:inherit; background-color:#fff; color: #bc6b7d;}

.nav li a .nav02 {width: 100%; text-align: center;background:inherit;color: #3a3a3a;}
.nav li a .nav02on {width: 100%; background:inherit;}
.nav li a .nav02:hover, .nav li.on a .nav02{background:inherit; background-color:#fff; color: #64bbc9;}

.nav li a .nav03 {width: 100%; text-align: center; background:inherit;color: #3a3a3a;}
.nav li a .nav03on {width: 100%; background:inherit;}
.nav li a .nav03:hover, .nav li.on a .nav03{background:inherit; background-color:#fff; color: #d17e34;}

.nav li a .nav04 {width: 100%; text-align: center; background:inherit;color: #3a3a3a;}
.nav li a .nav04on {width: 100%; background:inherit;}
.nav li a .nav04:hover, .nav li.on a .nav04{background:inherit; background-color:#fff; color: #6551a2;}
	
.nav li a .nav05 {width: 100%; text-align: center; background:inherit;color: #3a3a3a;}
.nav li a .nav05on {width: 100%; background:inherit;}
.nav li a .nav05:hover, .nav li.on a .nav05{background:inherit; background-color:#fff; color: #ff7200;}
	
	
	#r1 .txtbox{left: 10%;}
	#r2 .txtbox{right: 10%;}
	#r3 .txtbox{left: 10%;}
	
	
	.r4-box{
	background: inherit;
	height: inherit;
	background-color: #6551a2;
}

.r4-main{max-width: inherit;width: 95%;}
.r4-main .left-ph{max-width: inherit;width: 35%;}
.r4-main .right-txt{
	max-width: inherit;
	width: 60%;	
}
	
#blog{margin: 30px auto;}	
.blog-box { max-width: 650px; float:none; height: auto; }
    .blog-box { margin-right: 0px; margin-bottom: 10px; }
    .blog-in { padding: 0 6%;}
    .preword { bottom:8px; font-size: 16px;}
    .blog-box p { font: 600 15px "微軟正黑體"; }	
	
}

/*---平板-----*/
@media screen and (max-width:768px)  {
	#demo-1 {min-height: 350px;}
	.main-title {left: 10%;right: 10%;top:inherit;}		
	.nav{display: none;}

.line-boxtop{
	display: block;
	
}	
	
	
.main-font{max-width: inherit;position: inherit;width: 100%;}	
.r1-box{height: inherit;background: inherit;}	
#r1 .txtbox{
	position: inherit;
	background: rgba(90%,30%,50%,0.7);	
	max-width: inherit;
	height: inherit;
	padding: 10px;
}
#r1 .txt-title{max-width: inherit;width: 80%;}
#r1 .ph{display: block;width: 95%;margin:0 auto;padding: 10px 0 10px 0;}
		
.r2-box{height: inherit;background: inherit;}	
#r2 .txtbox{
	position: inherit;
	background: rgba(10%,30%,70%,0.7);
	max-width: inherit;
	height: inherit;
	padding: 10px;
}
#r2 .txt-title{max-width: inherit;width: 80%; }
#r2 .ph{display: block;width: 95%;margin:0 auto;padding: 10px 0 10px 0;}
	
	
.r3-box{height: inherit;background: inherit;}	
#r3 .txtbox{
	position: inherit;
	background: rgba(30%,10%,10%,0.7);	
	max-width: inherit;
	height: inherit;
	padding: 10px;
}
#r3 .txt-title{max-width: inherit;width: 80%; }
#r3 .ph{display: block;width: 95%;margin:0 auto;padding: 10px 0 10px 0;}
	
	

.r4-main .left-ph{width: 100%;float: none;}
.r4-main .right-txt{
	float: none;	
	width: 100%;}	
	
.tourbox {
	max-width:inherit;
	width: 95%;
	}	
	
/*錨點*/
.anchor{
margin: -80px 0 0 0;
padding: 80px 0 0 0;}


	
}

/*---手機版-----*/
@media screen and (max-width:479px)  {	
	
#demo-1 {min-height: 250px;}	
.main-title {left: 10%;right: 10%;top:inherit;}	
	
	}

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

	
	}