@charset "utf-8";
/* CSS Document */


body{
	overflow-x: hidden;
}

#main{
	font-family: Arial, "微軟正黑體";
	max-width: 1920px;
	width: 100%;
	margin: auto;
	overflow-y: auto;
}



#img_top{
	width: 100%;
	height: 900px;
	max-width: 1920px;
	z-index: 57;
	position: absolute;
	top: 0;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
	background-image: url(img_top.jpg);
	background-position: center top;

}



#img_top iframe {
	position: fixed;
	z-index: -999;
	pointer-events: none;
	max-width:  1920px;
	width: 100%;
	height: 900px;

}


 #img_top .slogan{
	position: absolute;
	z-index: 56;
	left:0%;
	right: 0%;
	width: 100%; 
	padding-top: 70px;
	height: 1300px;
	background-position: center center;	
	background-repeat: no-repeat;

}


 #img_top .v{
	position: absolute;
	z-index: 56;
	left:0%;
	right: 0%;
	width: 600px; 
	height: 600px;
	background-position: center center;	
	background-repeat: no-repeat;
	background-image: url("img_v.png");
	 background-size: contain;
	margin: 100px auto auto auto;
}


 #img_top .front{
	position: absolute;
	z-index: 54;
	left:0%;
	right: 0%;
	width: 100%;
	padding-top: 1100px;
	background-position: center bottom;	
	border-bottom: 100px solid #000;
	
}



.tag{
	width:100%;
	margin: 500px auto 0px auto;
	position: absolute;
	z-index: 55;
	cursor: pointer;
	
}

.tag img{
	max-width: 600px;
	width: 100%;
	display: block;
	margin: auto;
	transition: 1s ease;

}


.tag:hover img {

opacity: 1;
 -webkit-filter: contrast(130%); /* Safari */
    filter: contrast(130%);

}




#bg_main{
	position: absolute;
	z-index: 58;
	width:100%;
	max-width: 1920px;
	padding-top:0px;
	margin:800px auto 0 auto;
	background-color: #fff;
	background-position: center top;
	background-attachment: scroll,scroll;
	background-position: center top,center;
	background-repeat: no-repeat,no-repeat;
	background-size: 100% auto,auto;
	overflow-x: hidden;
	
	
	
}


.title_att{
	width: 400px;
	position: relative;
	top:50px;
	left: 0;
}

.attractions{
	width: 100%;
	clear: both;
	padding: 50px 0px 100px 0px;
}

.float_r{float:right;}

.float_l{float:left;}


#content1 .att_text{ background-color: rgba(42,81,112,1.00); }
#content2 .att_text{ background-color: rgba(151,96,101,1.00); }
#content3 .att_text{ background-color: rgba(81,102,68,1.00); }
#content4 .att_text{ background-color: rgba(120,104,87,1.00); }





.float_l{float:left;}


.border_r{
	border-bottom-right-radius: 150px; 
	border-top-right-radius: 150px; 
	padding:30px 150px 30px 40px ; 
	background: url("img_bg_lb.png"), url("img_bg_lt.png");
	background-position: left bottom,left top;
	background-repeat: no-repeat;
	text-align:justify;
	
}

.border_l{
	border-bottom-left-radius: 150px; 
	border-top-left-radius: 150px;
	padding:30px 30px 30px 150px; 
	background: url("img_bg_rb.png"), url("img_bg_rt.png");
	background-position: right bottom, right top;
	background-repeat: no-repeat;
	text-align:justify;
}


.att_text{
	width: 550px;
	min-height: 300px;
	background-color: rgba(42,81,112,1.00);
	line-height: 28px;
	color: #E3E3E3;
	text-align: left;

}


.att_text span{ 	
	background-color: rgba(23,21,18,1.00);
	color:rgba(224,187,108,1.00);
	padding: 3px 15px 3px 15px;
	border-left:solid 5px #B4A996;
	letter-spacing: 3px;
	font-size: 20px;
	line-height: 50px;
}


.att_text h{
	font-size: 18px;
	line-height: 52px;
	text-align: left;
	color: #C3DEE9;
	border:solid 1px #B4A996;
	border-left:solid 0px #B4A996;
	padding: 3px 15px 0px 18px;
	letter-spacing: 3px;
	color:rgba(191,183,165,1.00);
}




.att_pic{
	width: 400px;
	height: 300px;
	background-color: rgba(139,139,139,1.00);
	background-size: cover;
	background-position: center center;
}



#end{
    background:url(img_bot.jpg);
    width: 100%;
    max-width: 1920px;
    padding-bottom: 25%;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
	margin: auto;
	border-radius: 0%;
	background-color: #000;
	
}


.ball{
	cursor: pointer;
	width: 45px;
	padding-top: 280px;
	background-image: url(img_down.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
	position: fixed;
	z-index: 78;
	right: 30px;
	top:200px;
	cursor: pointer;
	animation: move .5s ease-in-out infinite alternate;
-webkit-writing-mode: vertical-lr; 
writing-mode: vertical-lr ;
text-align:justify-all;
color:#fff;
line-height:45px;
	
  }




@-moz-keyframes move {
  0% { transform: translateY(-10px); }
  100% {  transform: translateY(5px);}
}
@-webkit-keyframes move {
  0% {   transform: translateY(-10px); }
  100% { transform: translateY(5px); }
}
@-o-keyframes move {
  0% {  transform: translateY(-10px);}
  100% { transform: translateY(5px);  }
}

@keyframes move {
  0% { transform: translateY(-10px);}
  100% { transform: translateY(5px);  }
}






.scroll span{
	font-size: 18px;
	text-shadow: 0px 0px 2px #C4F1FF;
	transition: 0.2s ease-in;
}

.scroll span:hover{
	font-size: 23px;
	text-shadow: 0px 0px 5px #fff;

}

.img_title img{
	display: block;
	margin: auto;
	width: 100%;
	max-width: 768px;
}






#menu{
	overflow: inherit;
	margin: 0px auto 0 auto;
	width: 100%;
	text-align: center;

}


.light_ico{
	
	width: 130px;
	height: 200px;
	float: right;
	margin-top:-65px;
	background-size: 100% auto;
	position:absolute;
	z-index: 66;
	top:0;
	right:0;
}


.o_div {
	width: 220px;
	height: 70px;
	display: inline-block;
	background-repeat: no-repeat;
	cursor: pointer;
	margin:0px;
	background-position: center center;
	background-size: contain;
	-o-transition: all .0s linear;
    -webkit-transition: all .0s linear;
    -moz-transition: all .0s linear;
    transition:  all .0s linear;
	transition: ease 0.5s;
	opacity: 0.9;
	vertical-align: top;
}

.o_div:hover,
.o_div:focus {

opacity: 1;
 -webkit-filter: contrast(150%); /* Safari */
    filter: contrast(180%);
	padding-top: 20px;
	height: 120px;
}





#img_t0,#img_t1,#img_t2,#img_t3,#img_t4{
	width: 100%;
	max-width: 768px;
	
}


.content {
	width: 100%;
	position: relative;
	z-index: 0;

}

.title_country{ 
	font-size: 40px;
	color: rgba(31,15,7,1.00);
	text-align: center;
	max-width: 1300px;
	width: 100%;
	margin: 0 auto;
	padding-top: 50px;

}



@keyframes fade {
            from {  opacity: 0.6;}
             70% {  opacity: 1.0;}
            to {	opacity: 0.6; }
         }
         @-webkit-keyframes fade {
            from { opacity: 0.6;  }
            70% {  opacity: 1.0;  }
             to {  opacity: 0.6; }
         }

.title_country img{
	width: 100%;
	max-width: 500px;
}



.title_btn{
	background-color: rgba(30,12,4,1.00);
	width: 100%;
	margin: 60px auto 20px auto;
	max-width: 1300px;
	padding: 10px;
	text-align: center;
	
}

#content2 .title_btn{
		margin: 0px auto 0px auto;
}


.title_btn span{
	font-size: 28px;
	display: inline-block;
	margin: auto;
	cursor: pointer;
	color: #FCD5A9;
	text-shadow: 6px 6px 3px #000;
	padding: 10px 20px;
}


.title_btn span:hover{ color:#FF8E69;  	text-shadow: 2px 2px 2px rgba(0,0,0,0.00); }


#content1,#content2,#content3,#content4{
	background-image:url(img_w-g.png), url(img_bg_l.png), url(img_bg_r.png);
	background-position: center,left center,right center;
	background-attachment: scroll,fixed,fixed;
	background-repeat: no-repeat,no-repeat,no-repeat;
	background-size: cover, auto, auto;
	mix-blend-mode: multiply;
		
}

.content0{	
	width: 100%; 
	padding-bottom: 0px; 
	overflow: auto;
	text-align: center;
	padding-top: 50px;
background-color: rgba(248,248,248,1.00);
} 


#content1 {z-index: 50;}
#content2 {	display: none;z-index: 49;}
#content3 {	display: none;	z-index: 48;}
#content4 {	display: none;	z-index: 47;}


#contentA1 {z-index: 51;}
#contentA2 {display: none;	z-index: 52;}
#contentA3 {display: none;	z-index: 53;}
#contentA4 {display: none;	z-index: 54;}
#contentA5 {display: none;	z-index: 55;}
#contentA6 {display: none;	z-index: 55;}
#contentA7 {display: none;	z-index: 55;}



#contentB1 {z-index: 56;}
#contentB2 {display: none;	z-index: 57;}
#contentB3 {display: none;	z-index: 58;}
#contentB4 {display: none;	z-index: 58;}

#contentB_crab2{z-index: 60;}
#contentB_crab2{display: none;	z-index: 60;}

#contentC1 {z-index: 61;}
#contentC2 {display: none;	z-index: 61;}


.hideme{ opacity:1;}


.maple_pic_R,.maple_pic_L{
	width: 100%;
	max-width: 1920px;
	margin: 0px auto 40PX auto;
	letter-spacing: 2px;
	min-height: 450px;
	opacity:0.8;
	background-position: center center;
	border-bottom: 1px dashed #053841;
	transition: 1s ease;
	background-repeat: no-repeat;

}

.maple_pic_R{
	padding: 20px 20px 20px 40%;
	box-shadow: 8px -8px 8px rgba(88,204,185,0.00);

}


 .maple_pic_L{
	padding: 20px 40% 20px 20px ;
	box-shadow: -8px 8px 8px rgba(88,204,185,0.00);

}

/*.maple_pic_R:hover{
	box-shadow: 0px -2px 12px rgba(233,245,243,0.24);
}


 .maple_pic_L:hover{
	box-shadow: 0px 2px 12px rgba(233,245,243,0.24);
}
*/
.textR,.textL{
	color: #E5F9FF;
	font-size: 16px;
	text-align: left;
	padding: 25px;
	max-width: 350px;
	width:100%;
	margin: 0 auto;
	letter-spacing: 2px;
	min-height: 300px;
	transform: rotate(-1deg);
		box-shadow: 2px 2px 5px rgba(6,35,32,0.82);

}

.textR{
	background-color: rgba(8,68,90,0.60);}

.textL{
	
	background-color: rgba(16,50,130,0.08);

}





.textL span,.textR span{
	color: #FFFFFF;
	border-bottom: 1px dotted rgba(116,222,255,0.51);
	line-height: 40px;
	padding:4px;
	
}


.title_s{
	color: #525252;
	font-size: 20px;
	text-align: center;
	padding-bottom: 15px;
	margin: 0 auto;
	letter-spacing: 1px;
}
.text_title{
	font-size: 27px;
	font-weight: 800;
	display: block;
	text-shadow: 1px 1px 2px rgba(30,7,8,0.61);
}


.text_date{
	color: rgba(51,34,19,1.00);

}
.textR .text_date{
	background-color: rgba(231,230,90,0.0);
}

.textL .text_date{
	background-color: rgba(255,141,159,0.0);
}






**行程區塊{}

.list{
	max-width: 1920px;
	margin: 100px auto;
	width: 100%;
	text-align: center;
	background-position: center top;
	padding: 80px 0px 0px 0px;
	background-image: url("img_top_bg.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	
	border-top: 15px solid #C6C9DF;
}



.position{
	vertical-align: top;
	
	
}

.list_block{
	cursor: pointer;
	width: 28%;
	max-width: 400px;
	display: inline-block;
	margin: 10px;
	padding:10px;
	background-image: url("img_block_bg.png");
	background-color: rgba(47,67,122,1.00);
	background-position: center bottom;
	border: 1px solid rgba(255,255,255,0.39);
	background-size: cover;
	min-height: 515px;
	overflow: hidden;
	border-radius: 10px;
	transition: 0.3s ease-in ;
}



.Xan_A{
	
	animation:ghostUpdownA 1s infinite alternate;
		-webkit-animation:ghostUpdownA 1s infinite alternate;
}
	@keyframes ghostUpdownA{
		from{margin-top:100px;}
		to{margin-top:60px;}
	}
	@-webkit-keyframes ghostUpdownA{
		from{margin-top:100px;}
		to{margin-top:60px;}
	}



.list_block:hover{
	opacity: 1;
	box-shadow: 0px 0px 10px rgba(97,253,251,0.57);
	text-shadow: 1px 1px 2px rgba(172,225,255,0.34);
		background-color: rgba(0,20,78,1.00);

}

.list_block .note{
	height: 50px;
	background-position: center center;
	text-align: center;
	color: #39383B;
	padding-top:7px;
	background-image: url(img_L_title.png);
	background-size: 100% 100%;
	font-size: 16px;
	margin-top: 10px;
}


.list_block:hover .note{
	-webkit-filter: brightness(110%); /* Safari */
    filter: brightness(110%);
}




.list_block .pic{
	width: 100%;
	height: 250px;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-transition: all 0.5s ease-in-out;
	border: 1px solid rgba(255,255,255,0.36);
	border-radius: 8px;
	background-size:  cover;	

	transition: all 1s ease-in-out;
	
	 -webkit-filter: brightness(100%); /* Safari */
    filter: brightness(100%);
}

.list_block:hover .pic{
	 -webkit-filter: brightness(110%); /* Safari */
    filter: brightness(110%);
	}



.list_block .pic .area{
	width: 50px;
	height: 50px;
	border: 0px solid #fff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3232+0,ef017c+100 */
	background: rgb(255,50,50); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(255,50,50,1) 0%, rgba(239,1,124,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(255,50,50,1) 0%,rgba(239,1,124,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(255,50,50,1) 0%,rgba(239,1,124,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3232', endColorstr='#ef017c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	color:#F3FF2D;
	border-radius: 50%;
	float: left;
	padding-top: 5%;
	margin-top: 3%;
	margin-left:3%;
	text-align: center;
	font-size: 15px;
	transform: rotateZ(-15deg);
}





.list_block .special{
	position: relative;
	width:180px;
	height: 53px;
	color:#253C7C;
	float: left;
	padding:9px 0px;
	margin-top: 0px;
	text-align: center;
	font-size: 14px;
	transform: rotate(-45deg);
	background-color: rgba(255,255,255,0.91);
	z-index: 77;
	left: -60px;
	box-shadow: 0px 2px 5px rgba(26,37,77,0.65); 
	line-height: 18px;
}

.list_block .special span{
	font-weight: 800;
	display: block;
	font-size: 13px;

}
.bot_title{
	min-width:100px;
	background-color: rgba(0,0,0,0.68);
	margin: auto;
	color: #fff;
	text-align: center;
}


.list_block .title{
	text-align: center;
	padding: 5px 15px ;
	color: #E9F7FF;
	margin-bottom: 0px;
	font-size: 16px;
	font-weight: 500;
	pointer-events: none;
	letter-spacing: 2px;
}

.list_block .title span{
	color:#FFFFFF;
	font-size: 25px;
	font-weight: 400;
	letter-spacing: 1px;
	display: block;
}

.list_block .bg_black{
border-top: 1px dotted #fff;
}


.list_block .text{
	width: 94%;
	margin: 0px 3% 0px 3%;
	font-size: 11pt;
	line-height: 16pt;
	color: #1D1D1D;
}


.list_block .price_block{
font-family: 'Arapey', serif;
	text-align: center;

}


.list_block .price{
font-family: 'Arapey', serif;
	font-size: 30pt;
	color: #FFFDCF;
	margin: 0 auto;


}

.list_block .price:before{
font-family: 'Arapey', serif;
	content: "NT$";
	font-size: 11pt;
	color: #B6EEFF;
}


.list_block .price:after{
	content: "起";
	font-size: 11pt;
	color: #B6EEFF;
}
















.preview {
			padding: 13px;
		    text-align: center;
	
}

.preview a{
		  display: inline-block;
		  margin: 1px 3px;
		  color:#875626;
		  font-size: 16px;
		  padding: 3px 5px;
		}


.active {	
		color:#fff;
		background-color: #FCF8ED;
		box-shadow: 1px 1px 5px rgba(107,83,60,0.78);
	
		}



.v-t{
	position: absolute;
	z-index: 53;
	height: 100px;
	width: 200px;
	margin: auto;
	left: 0%;
	right: 0%;
	top: 0;
	font-size: 25px;
	text-align: center;
	background-position: center top;
}

#a,#b,#c,#d,#e,#f,#g,#h,#i,#j,#k{
}


#a1,#b1,#c1,#d1,#e1,#f1{

}



#a:hover,#b:hover,#c:hover,#d:hover,
#e:hover,#f:hover,#g:hover,#h:hover,
#i:hover,#j:hover,#k:hover{
}






*{list-style-type:none;}
		/* flexslider */

.htmleaf-container{
	width: 100%;

	margin: auto;
}
		

#晃動動畫{}
.view_3d{

color:#000;
	display: inline-block;
	padding: 5px;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fceabb+0,fccd4d+50,f8b500+51,fbdf93+100;Orange+3D+%235 */
background: rgb(252,234,187); /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
	
	
}

	
	.centered{
	text-align: center;
}
@keyframes setup{
  0% {
    opacity: 0;
  }
  75% {
    opacity: 1;
    transform: none;
  }
  100% {
    opacity: 1;
    transform: rotateZ(2deg);
  }
}
@keyframes dance{
  0% {
    transform: rotateZ(2deg);
  }
  50% {
    transform: rotateZ(-2deg);
  }
  100% {
    transform: rotateZ(2deg);
  }
}


@media screen and (max-width: 1500px) {


#img_top iframe {

  
}

}

@media screen and (max-width: 1199px) {



.list_block .pic{
	height: 200px;
	background-position: center center;
	}

.content .text span{ 	border:0px; }	
}


@media screen and (max-width: 992px) {	
	
	
.attractions{
	width: 100%;
	clear: both;
	padding: 50px 0;
}

.float_r{float:right;}

.float_l{float:left;}


.border_r{
	border-bottom-right-radius: 150px; 
	border-top-right-radius: 150px; 
	padding:30px 150px 30px 30px ; 
}
.border_l{
	border-bottom-left-radius: 150px; 
	border-top-left-radius: 150px;
	padding:30px 30px 30px 150px; 
}


.att_text{
	width: 550px;
	min-height: 300px;
	background-color: rgba(42,81,112,1.00);
	line-height: 28px;
	color: #C3DEE9;
	text-align: left;

}


.att_text h{
	font-size: 20px;
	line-height: 40px;
	text-align: left;
	color: #C3DEE9;
	border:solid 1px #fff;
	padding: 3px 15px;
	letter-spacing: 3px;
	color:rgba(191,183,165,1.00);

}




.att_pic{
	width: 400px;
	height: 330px;
	background-color: rgba(139,139,139,1.00);
	background-size: cover;
	border: 8px solid #fff;
	box-shadow: 3px 3px 5px #999;
	margin: 25px 15%;
	
	
	}




	
}
	
	
@media screen and (max-width: 880px) {
	
	
#img_top{
	width: 100%;
	height: 900px;
	background-image: url("img_top2.jpg");
	background-position: center top;

}
	
.o_div {
	width: 140px;
	height: 60px;

	margin:3px;

}
	
}
	
@media screen and (max-width: 768px) {
	

	
#goTop {right: 0px;}	
	
.list_block{
	width: 45%;
	margin: 1.3%;
}


.list_block .pic{
	background-position: center bottom;

	}
	

.title_btn img{
	display: block;
	margin: auto;
}
	
	
	
.ball{

	width: 40px;

	right: 3px;

	
  }
	
	
}



@media (max-width: 580px) {
	
	
.att_text{
	width: 95%	;
	min-height: 300px;
	background-color: rgba(42,81,112,1.00);
	line-height: 28px;
	color: #C3DEE9;
	text-align: left;
}

.border_r{
	border-bottom-right-radius: 200px; 
	border-top-right-radius: 200px; 
	padding:30px 100px 30px 30px ; 
}
.border_l{
	border-bottom-left-radius: 150px; 
	border-top-left-radius: 150px;
	padding:30px 30px 30px 150px; 
}



.att_pic{
	width:80%;
	height: 330px;
	background-color: rgba(139,139,139,1.00);
	background-size: cover;
	border: 8px solid #fff;
	box-shadow: 3px 3px 5px #999;
	margin: 25px 20px;
	
	
	}


 #img_top .v{
	width: 100%; 
	padding-top: 50px;
	height: 600px;
	background-size: contain;
}


.list_block{
	width: 80%;
	display: inline-block;
	margin: 15px;
	padding:15px;
}


	
	
.content .title{		}
	
		

.maple_pic_R,.maple_pic_L{
	width: 100%;
	max-width: 1300px;
	margin: 0px auto;
	letter-spacing: 2px;
	min-height: 350px;
	background-size: 200% auto;
	background-position: center top;
	padding: 20px;
	
}



.textR,.textL{
	font-size: 15px;
	margin:200px auto 25px auto;
	max-width: 500px;
	width:100%;
	letter-spacing: 2px;
	min-height: 350px;
	transform: rotate(0deg);
	background-color: rgba(0,74,73,0.34);
}

.textR{
}


.textL{
}

}

@media (max-width: 500px){
	
	



	
.o_div {
	width: 120px;
	height: 50px;
	margin:5px;

}
	.o_div:hover {
	width: 120px;
}
	
	

.border_r{
	border-bottom-right-radius: 80px; 
	border-top-right-radius: 80px; 
	padding:30px 100px 30px 30px ; 
}
.border_l{
	border-bottom-left-radius: 80px; 
	border-top-left-radius: 80px;
	padding:30px 30px 30px 100px; 
}
	
	/*
.title_btn span{
	font-size: 18px;
	padding: 10px 5px;
}
	
.title_country{ 
	margin-top: 100px;
}
	
	
#img_top,#img_top iframe , #img_top .front{ height:1000px; top:-70px;}
	
#img_top .front{	border-bottom: 50px solid #000;  }
#menu{	margin-top: 20px;	}	
#bg_main{ margin-top: 500px;}
	
 #img_top .logo{
	height: 700px;
	background-position: center 50%;;	
	background-size: 95% auto;
}



	
	
.tag{
	width:100%;
	margin: 650px auto 0px auto;
	pointer-events: none;
	position: relative;
	
}

.tag img{
	max-width: 400px;
	width: 100%;
	display: block;
	margin: auto;

}
	*/
	
}




@media (max-width: 460px) {



.hideme{ opacity:1;}

.textL span,.textR span{
	line-height: 30px;
	padding:3px;
	}
	



	
}
@media (max-width: 400px) {



}




@media (max-width: 360px) {
	

}