@charset "utf-8";
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 不支援最大寬度，因此寬度預設為 100% */
.ie6 img { width:100%; }
ul 		 { -webkit-padding-start: 0px; }
div 	 { transition: 0s; }
body{
		background-color: #000000;
		color:#000;
		font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
}

/*---form---*/

*{margin:0;padding:0;list-style-type:none;}

*html,*html body /* 修正IE6振动bug */{
	background-image:url(about:blank);
	background-attachment:fixed;
}

a,img{border:none;text-decoration:none;}
a{color:#333;blr:expression(this.onFocus=this.blur());} /*去掉a标签的虚线框，避免出现奇怪的选中区域*/
/*a:active {test:expression(target="_blank");}*/
a:hover, a:focus { text-decoration: none;}
:focus{outline:0;}
label{cursor:pointer;}
img{vertical-align:middle;}
table{empty-cells:show;border-collapse:collapse;border-spacing:0;}
h1{font-size:1.6em;}h2,h3,h4{font-size:1.4em;}h5,h6{font-size:1.2em;}
input{border:none;}
textarea{overflow:scroll;}

a, input,textarea, .hover-delay {
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;

}
input.none-radius{
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}

::-ms-clear{ display:none;}
::-ms-reveal { display: none; }


/*input[type=text],input[type=tel],input[type=email], input[type=button], button{
	-webkit-appearance: none;
	box-shadow: none;
}*/
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    box-shadow: 0 0 0 60px #fff inset;
    -webkit-text-fill-color: #676767;
    background-color: #f9f9f9;
}


/*---form end---*/


/*--- 相容性提示 ---*/
.aytips{
	width:100%;
	height:40px;
	line-height:40px;
	text-align:center;
	color:#000;
	background-color:#f9be00;
	
}
.aytips-close{
	display:block;
	float:right;
	width:22px;
	height:22px;
	margin:9px;
	background:url("../images/closeie.png") no-repeat;
	cursor:pointer;
}
.aytips a{
	color:#ff0000;
	text-decoration:underline;
}

/*--- 相容性提示 end---*/



.all{
	width: 100%;
	position: relative;
	margin: 0 auto;
	overflow-x:hidden;
}

.inside{width:1200px;margin: 0 auto;}



.eventsale{
	width: 70%;
	margin: 40px auto 0px auto;
	background: #8a0f1d;
	padding: 2%;
	border-radius: 10px;
}

.in_block_a , .in_block_b{
	width: 100%;
	font-size: 18px;
	letter-spacing: 0.5px;
	line-height: 1.8;
	display: inline-table;
	float: left;
	text-align: center;
	position: relative;
	z-index: 1;
	background: #a01b2a;	
}

.in_block_a{
	padding: 0px 0px;
	color: #272f38;	
	background: #FFF;
}

.in_block_b{
	padding: 0px 0px;
	color: #272f38;	
	background: #FFF;
}


.in_block_b h2{
	color: #ffffff;
	background: #a01b2a;
	margin: 40px auto;
	width: 100%;
	max-width: 1200px;
}
.map{display: block;}
.map_s{display: none;}

/*album 2x2*/
.album{
 	width: 50%;
 	margin: 0px auto 0px auto;
	
	  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
          float: left;
    border : 5px transparent solid;
    
    
    position: relative;
}

.album_one{
	
	text-align: center;
	padding: 0px;
	
}
.in_block_b a{
	display: inline-block;
    background: #facf00;
    width: 100%;}

.in_block_b a:hover{background: #efc703;}


.min_album{min-height: 10%;}
.min_album_b{min-height: 377px;}

.album_B .top {
    width: 100%;
    float: left;
    font-size: 18px;
    line-height: 1.8;
    padding: 10px 0px;
}

.album .top {
	background: #FFF;
	width: 35%; 
	float: left;
	font-size: 18px;
	line-height: 1.8;
	padding-right: 3%; 
}

.album .down , .album_B .down ,.album_B .down_b{
	background: #FFF;
	width: 100%; 
	float: left;
}


.album_title{
	border-left: 12px solid #000;
	padding: 0px 0px 0px 5px;
	font-size: 28px;
}

.album_tag{
	width: 100%;
	display:inline-block;
	color: #a01b2a;
	margin-top: 10px;
	text-align: center;
}

.album_tag_no, .album_tag_no_b{
	display:inline-block;
	font-size: 16px;
	width: 46%; 
	margin: 1.5% 0.5%;
	text-align: center;
	border-radius: 30px;
	border: 1px solid #FFF;
}

.album_tag a{
	font-size: 15px;
	width: 46%; 
	margin: 1.5% 0.5%;
	display: inline-block;
	text-align: center;
	border-radius: 30px;
	border: 2px solid #a01b2a;
	color: #a01b2a;
}
.album_tag a:hover{
	color: #FFF;
	background: #a01b2a;
}
/*album 2x2 end*/

/*album 3x1*/
.album_B {
 	width: 33.3%;
 	margin: 0px auto 0px auto;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
          float: left;
    border : 5px transparent solid;
    position: relative;
}

/*album 3x1 end*/


.point{color: #ffe38c;font-size:20px;}

/*--- KV ---*/
.main_top{
	width: 100%;
	position: relative;
	height: 710px;
	z-index: 1;
	background: url(../images/bg_xl.jpg) center top no-repeat #fff;
	background-image: -webkit-image-set(url(../images/bg_xl.jpg));
	background-image: -moz-image-set(url(../images/bg_xl.jpg));
	background-image: -o-image-set(url(../images/bg_xl.jpg));
	background-image: -ms-image-set(url(../images/bg_xl.jpg));
	margin: 50px 0px 0px 0px;
	background-size: cover;
}

.maintitle{
	position: absolute;
	top:30%;
	left: 30%;
	max-width: 557px;
	height: calc(100% - 50px);
	overflow: hidden;
}

.section{
	background:#FFFFFF ;
	float: left;
	width: 100%;

}

.section1{
	padding: 0px 0;
}
.section1 .inside{
	/*width: 1200px;*/ 
	text-align: center;
}

/*--- content ---*/
.content{
	width: 100%;
	position: relative;
	float: left;
	background: #fff;

}

section.blockBG{
	width: 100%;
	/*background: #F2F2F2;*/
}

.introduction{
	padding: 20px 10px 0px 10px;
	text-align: center;
	margin: 0px 0px 0px 0px;
}

.introduction p{
	margin: 10px 0px 10px 0px;
	line-height: 1.8;
	font-size: 18px;
	color: #272f38;	
	padding: 0% 3%;

}

.search_title{
	font-size: 32px;
	margin: 10px auto;
	text-align: center;
	padding: 0px;
}

.event-title .title,.search_title{font-size: 32px;line-height: 1.4;}
.tt_colorA{
color: #ffe38c;
border: 1px solid #ffe38c;
}


.tt_colorB{
	color: #a01b2a;
	border: 1px solid #a01b2a;
}



.introduction img{
	width: 100%;
	max-width: 400px;
	margin: 0px;

}


.event-title{
	display: block; 
	text-align: center;
	line-height: 1.8;
	margin: 0px auto 0px auto;
	float: left;
	width: 95%;
	padding: 2.5%

}
.event-title .title{font-size: 24px;color: #008def;font-weight: bold;}
.event-title .info{font-size: 20px;color:#464646;}

.eventb{margin: 10px 0px 30px 0px;;}

.layout_block_icon{
	padding: 40px 0px;
	background: #f2f2f2;
	border-bottom: 0px #acacac solid;
}

.layout_block_partner{
	padding: 30px 0px 30px 0px;
	background: #f2f2f2;
}
.fourIconBox{
	width: 25%;
	float: left;
	margin-top: 30px;
}
.fourIconBox .pic {
	margin: 10px;
}

.fourIconBox .pic img{
	width: 50%;
	height: 50%;
	background-color: #FFFFFF;
	border-radius:50%;
}

.fourIconBox .info{
	line-height: 1.6;
}
.fourIconBox h4{
	font-size: 20px;
	line-height: 1.8;
	font-weight: bold;
}

.bloggers{
	margin: 0 auto;
	padding: 50px 0px 10px 0px;
	display: block;
	overflow: hidden;
	color: #000;

}


.bloggers .bloggers-content{
	display: block;
	float: left;
	width: 23%;
	margin: 10% 1% 3% 1%;
	padding: 10px 0px;
	border: 0px solid #000;
	background: #FFF;
}

.bloggers .bloggers-content .bc_photo{
	margin: -44px auto;
	position: relative;
}

.bloggers .bloggers-content .bc_photo img{
	width: 75%;
	height: 75%;
	background-color: #FFFFFF;
	border-radius:50%;
	top: -51px;
	position: relative;
	border: 0px #000 solid;
}


.bloggers .bloggers-content .bc_name{
	font-size: 19px;
	margin: 10px auto;
	color:#000;
}

.bloggers .bloggers-content .bc_title{
	font-size: 17px;
	background: #facf00;
	color: #000;
	margin: 10px auto;
	padding: 5px;
	width: 80%;

}
.bloggers .bloggers-content .bc_info{
	font-size: 18px;
	width: 90%;
	line-height: 1.8;
	margin: 0 auto;
}

.text{color:#1e439c;}

.introduction h2{
	color: #008def;
}

.gift_box{
	background: #FFF; 
	width: 100%;
	max-width: 700px; 
	margin:20px auto;
	display: inline-block;
}

.gift_in{
	float: left; 
	width: 50%; 
	display: block;
}

.gift_in img {max-width: 150px;}

.gift_box .btn{ 
	padding: 6px 20px; 
	background: #facf00; 
    display: inline-block;
	margin-top: 20px;
	font-size: 22px;}

.gift_box .btn:hover{
background: #efc703;	
}

.gift_title{
	font-size: 17px;
    background: #facf00;
    color: #000;
    margin: 10px auto;
    padding: 5px;
    width: 80%;
}

.dlappblock{
    text-align: center;
    display: block;
    /* float: left; */
    max-width: 430px;
    margin: 20px auto 40px auto;
	overflow: hidden;
    padding: 0px 14px;}

.titlename{float: left;font-size: 24px;}
.appDL{float: left;  margin:2%; max-width: 46%;}
.appDL img{width: 100%;}

.explain{
	width: 100%;
	margin: 0 auto;
	padding: 0px;
	display: block;
	/*float: left;*/
	overflow: hidden;
	color: #464646;
	text-align: left;
	background: #F2F2F2;
	padding: 0px 0px 0px 0px;
}

.explain .explain-photo{
	width: 50%;
	float: left;
}

.explain .explain-photo-in{
	font-size: 20px;

	width: 100%;
	position: relative;
	z-index: 1;
	background: url(../images/roomphoto.jpg) center center no-repeat #fff;
	background-image: -webkit-image-set(url(../images/roomphoto.jpg));
	background-image: -moz-image-set(url(../images/roomphoto.jpg));
	background-image: -o-image-set(url(../images/roomphoto.jpg));
	background-image: -ms-image-set(url(../images/roomphoto.jpg));

	padding-bottom: 89%;

	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


.explain .explain-in{
	width: 45%;
	float: left;
	padding: 5% 2% 3% 2%;
	line-height: 1.7;
	
}

.explain .explain-in ul{
	padding: 5px 0px 10px 10px;

}

.explain .explain-in ul li{
	margin: 0px auto;
    text-indent: -18px;
    max-width: 413px;
}


.explainb{
	width: 98%;
	margin: 0 auto 0px auto;
	padding: 10px 0px 50px 0px;
	display: block;
	/*float: left;*/
	overflow: hidden;
	color: #000;
	text-align: left;
	font-size: 13px;
	line-height: 2;
}

.explainb .title{
	color: #000;
	font-size: 16px;
	text-align:left;
	font-weight: 700;
}

.explainb a{
	color: #000;
	text-decoration: underline;
}

.explainb a:hover{
	background: #facf00;

	text-decoration: none;


}


.explainb ul li{margin-left: 15px;
text-indent: -15px;}



.btn_bday{
	margin: 0 auto;
    max-width: 600px;
    display: block;
    overflow: hidden;
}

.go_bday{
	margin: 10px;
	float: left;
	width: 46%;
    
    
	}

.go_bday a{
	background: #ff6e01;
    display: block;
    color: #FFF;
    border-radius: 10px;
    margin: 0 auto;
    text-align: center;
    border: 3px solid #000;
    text-decoration: none;
    font-size: 20px;
    padding: 3px;
   

}
	
.go_bday a:hover{
	background: #ff9647;
}
.gobtn a{
    display: block;
    background: #ffb500;
    max-width: 50%;
    margin: 0 auto;
    border-radius: 10px;
    color: #FFF;
    padding: 10px 5px;
    border-bottom: 5px #ff9000 solid;
    text-align: center;
    transition: none;
    font-size: 18px;
}

.gobtn a:hover{
	border-bottom: none;
	margin-top: 5px;
}

/*APP下單去*/

.gobtn_app_box{
	max-width:95%;
	margin:0 auto;

}
.gobtn_app a{
    display: block;
    background: #ffb500;
    width: 45%;
    margin: -5px 5px 15px 5px;
    border-radius: 10px;
    color: #FFF;
    padding: 10px 5px;
    border-bottom: 5px #ff9000 solid;
    text-align: center;
    transition: none;
    font-size: 18px;
    float: left;
}

.gobtn_app a:hover{
	border-bottom: none;
	margin-top: 0px;	
}
/*格子２*/

/*4格*/
.group-four {
 	width: 25%;
 	margin: 5px auto 0px auto;
	background: #FFFFFF;
	  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
          float: left;
    border-right : 5px #ffffff solid;
    border-bottom: 0px #ffffff solid;
    position: relative;
}
.group-four .photo-name{
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #FFF;
	text-shadow: 0.1em 0.1em 0.2em black;
}

.sss{
	padding: 10px;
	border: 3px #FFF solid;
}
/*4格 end*/

/*3格*/
.group-three {
 	width: 33%;
 	padding: 5px auto;
	background: #F2F2F2;
	  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
    float: left;
    border-right : 5px #fff0e4 solid;
    border-bottom: 6px #fff0e4 solid;
    position: relative;
}
.group-three .photo-name{
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #FFF;
	text-shadow: 0.1em 0.1em 0.2em black;

}
/*4格 end*/





/*--格子--*/
.showcase-group{
	width: 100%; 
	margin: 10px 0px;
	float: left;

}

.S_blockA,.S_blockB{ 
    width: 24%;
    float: left;
    margin: 5px 5px;
    background: #F2F2F2;   
}


.S_blockA{ 
    max-height: 338px;
}

.S_blockB{
    max-height:164px;  
}
/*--格子 end--*/


/*-- 伸縮QA --*/
.QandA{
	display: block;margin:20px auto;width: 100%;/*overflow: hidden;*/
}
.QandA h2{
	font-size: 24px;
	color: #5bc2c0;
}


#QandA .Question{ 
width: 40%;

margin:6px auto;
background: #5bc2c0;
color: #FFF;
}

#QandA .Answer{ /*內文的CSS定義*/
/*display: none;*/
max-width: 800px;
padding: 10px 0px;
background: #FFFFFF;
border-bottom: 0px #aaa dotted;
margin: 0 auto;
overflow: hidden;
}

#QandA .Question:hover{ 
/*background: #289997;*/
}

.ansinfo {
    width: 21%;
    border: 1px solid #000000;
    border-radius: 12px;
    padding: 1%;
	display: block;
	float: left;
	margin: 0.8%;
	line-height: 1.4;
}

.ansinfo .coupon{color:#5bc2c0;font-weight: bold;font-size: 26px;}
.ansinfo .tip{font-size: 14px;}
/*-- 伸縮QA --*/


.no-discount {
    background: #d8f5f8;
    max-width: 730px;
    margin: 30px auto 30px auto;
    padding: 20px;
    border-radius: 15px;
    line-height: 1.6;

}
.why_AsiaYo {
	width: 90%;
	max-width: 850px;
	/*background: #fff3ea;*/
	display: block;
	padding: 3%;
	margin: 0px auto 10px auto;
}


.bday_event{
	display: block;
	margin: 20px auto 35px auto;
	border: 3px #ff6e01 solid;
	padding: 2% 3% 5% 3%; 
	width: 85%;
	max-width: 1000px;
	line-height: 1.8;
	font-size: 20px;
	border-radius: 10px; 
	overflow: hidden;

}
.bday_event li{
    margin-left: 72px;
    text-indent: -72px;}


.bday_event h3{
	font-size: 26px;
	text-align: center;
	margin-bottom: 15px;
	color: #55c3e9;
}

.bday_event .coupon_num {
    max-width: 850px;
    width: 100%;
    margin: 0 auto;
    color: #464646;
}

.coupon_num th{
	text-align: left;
	border: 1px #FFF solid;
	background: #55c3e9;
	padding: 5px 3px;
	line-height: 1.4;
	width: 30%;
	color: #FFF;


}
.coupon_num td{
	text-align: center;
	border: 1px #FFF solid;
	padding: 3px;
	background: #ebf6ff;
	padding: 8px 0px;
}

.coupon_num tr .c_num_big{
	font-size: 18px;
	font-weight: 700;
	color: #000;
}

.coupon_num .s_icon{
	max-width: 46px;
	width: 50%;
	margin: 0 10px;
	vertical-align:-30%;
}

.coupon_num .s_icon img{
	width: 100%;
}

.coupon_num a, .coupon_air a{color:#333;
}

.coupon_num a:hover , .coupon_air a:hover{
	color: #ff6e01;
}


.fa-co{color:#ff6e01;}

.orange{
	
	color:#ff6e01;
}





.bday_event .coupon_air {
    max-width: 850px;
    width: 100%;
    margin: 0 auto;
    color: #464646;
}

.coupon_air th{
	text-align: center;
	border: 1px #FFF solid;
	background: #55c3e9;
	line-height: 1.4;
	width: 68%;
	color: #FFF;padding: 8px 0px;


}
.coupon_air td{
	text-align: center;
	border: 1px #FFF solid;
	padding: 3px;
	background: #ebf6ff;
	padding: 8px 0px;
}

.coupon_air .s_icon{
	max-width: 46px;
	width: 50%;
	margin: 0 5px;
	vertical-align:-30%;
}

.coupon_air .s_icon img{
	width: 100%;

}

@media only screen and (max-width: 1200px) {
.inside, .section1 .inside{
	width: 100%;
}
.section{
	width:100%;
	padding-right:0%;
	padding-left:0%;
}
.maintitle{
	position: absolute;
	top:25%;
	left: 15%;
	right: 2%;	
}


.album, .album_B{
 	width: 100%;
    border : 30px transparent solid;
    border-top:10px transparent solid;
    border-bottom: 0;
    position: relative;
    max-width: 768px;
    float: none;
}




.album_tag_no{
	display: none;
}
.album_one{
	display: inline-block;
	text-align: center;
	max-width: 769px;
}
.album .top, .album_B .top{
    padding-bottom: 0%;}

.album_B .top {
    width: 100%;
    float: left;
    font-size: 18px;
    line-height: 1.8;
}

.album .top {
	width: 100%; 
	float: left;
	font-size: 18px;
	line-height: 1.8;
	
}

.album .down , .album_B .down{
	background: #FFF;
	width: 100%; 
	float: left;
}


.in_block_b h2 {
    color: #ffffff;
    background: #a01b2a;
    margin: 40px auto 20px auto;
    width: 95%;
}

.explainb{
	width: 90%;
}

.bloggers {max-width: 1000px; width: 93%;}
.bloggers .bloggers-content .bc_photo img{width: 70%;height: 70%;}

}


@media only screen and (max-width: 1060px) {
.S_blockA,.S_blockB{ 
    width: 24%;
    float: left;
    margin: 4px;
    background: #F2F2F2;   
}
}

@media only screen and (max-width: 1040px) {
.explain .explain-in{
	width: 45%;
	float: left;
	padding: 3% 2%;
	line-height: 1.8;
}

.bloggers .bloggers-content{
	margin: 13% 1% 3% 1%;
}
}





@media only screen and (max-width: 940px) {
.event-title .title,.search_title{font-size: 28px;line-height: 1.4;  margin-bottom: 10px;}

.buynow .bn_list{font-size: 15px;}
.introduction p { font-size: 15px;}
.event-title .info{ font-size: 15px;}

.bloggers .bloggers-content .bc_info{ font-size: 15px;}
.explain .explain-in{font-size: 15px;}
.bloggers .bloggers-content .bc_info{ font-size: 15px;padding: 0px 5px;}
.bloggers .bloggers-content .bc_title{font-size: 15px;}
.bloggers .bloggers-content .bc_name{font-size: 17px;}

.fourIconBox .info{font-size: 15px;}

.bday_event{
	max-width:730px; padding:10px 12px 30px 12px; 
}
.bday_event h3{font-size: 18px;}
.bday_event li{font-size: 15px;
    margin-left: 54px;
    text-indent: -54px;}
.bday_event .coupon_num{font-size: 15px;}
.bday_event .coupon_air{font-size: 15px;}

.coupon_air .s_icon{
	vertical-align:-50%;
}

.album .top , .album_B .top{font-size: 15px;}
.eventsale {
    width: 90%;

}

.point {
    font-size: 18px;
}

}

@media only screen and (max-width: 920px) {
	.main_top{
		height: 0;
		padding-bottom: 70%;
		-webkit-background-size: cover;
		     -o-background-size: cover;
		        background-size: cover;
       margin: 60px 0px 0px 0px;
	}

	.in_block_a{
	width: 100%;
	padding: 0px 0px;
	font-size: 15px;
	height: 0;
	/*padding-bottom: 130%;*/
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

}

	.in_block_a img{width: 100%;}

}

	
@media only screen and (max-width: 900px) {
	.S_blockA,.S_blockB{ 
	    width: 24%;
	    float: left;
	    margin: 3.5px;
	    background: #F2F2F2;
	}
.min_album_b {
    min-height: 0;
}
	.album_B .top {
	    min-height: 0;
	}
}

@media only screen and (max-width: 880px) {
	.info_logo     { margin-right: 5px; }

}

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

	.buynow .bn_list{
		line-height: 1.8;
	    color: #464646;
	    padding: 15px 0;
	    margin: 20px 0px 0px 20px;
	}

	.buynow .bn_list li{
	    text-indent: -75px;
	    margin-left: 75px;	
	}
	.explain .explain-photo{width: 100%;}
	.explain .explain-in{width: 96%;}
	.explain .explain-in{padding-bottom: 35px; }
	.explain .explain-in ul li {
    margin: 0 auto;
    text-indent: -16px;
   	max-width: 435px;
   }

	.explain .explain-in ul{
	padding: 10px 0px 10px 20px;

}

   /**/
	.group-four {
	 	width: 	50%;
	 	margin: 5px auto 0px auto;
		background: #FFFFFF;
		  -webkit-box-sizing: border-box;
	     -moz-box-sizing: border-box;
	          box-sizing: border-box;
	          float: left;
	    border-left : 2.5px #ffffff solid;;
	    border-right : 2.5px #ffffff solid;

	    border-bottom: 0px #ffffff solid;
	    position: relative;
	}
	.group-four .photo-name{
		position: absolute;
		top:50%;
		left: 50%;
		transform: translate(-50%, -50%);
		color: #FFF;
		text-shadow: 0.1em 0.1em 0.2em black;
	}
	/*4格 換 2格 end*/

	.group-four .photo-name{font-size: 17px;}

}


@media only screen and (max-width: 860px) {
	.info_logo     { margin-right: 5px; }	
}

@media all and (max-width:790px){
.section1{
	width: 100%;
	padding: 0% 0%;
}
.layout_block_icon{
	padding: 40px 0px 30px 0px;
}
}

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

	.introduction p{
	margin: 10px 0px 0px 0px;
	}

	.bloggers .bloggers-content{
	font-size: 16px;	
	padding: 10px 0px;
	display: block;
	float: left;
	width: 46%;
	margin: 15% 2% 5% 2%;
	}

	.fourIcon{
		width: 95%;
		margin: 0 auto;
	}

	.fourIconBox{
		width: 45%;
		float: left;
		padding: 0% 2.5%;
	}

	.fourIconBox .pic img{
		width: 45%;height: 45%;
	}
}



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

.album .top , .album_B .top {
    width: 100%;
    padding-right: 0%;
    padding-bottom: 0%;
}
.album .down, .album_B .down, .album_B .down_b {
    width: 100%;
}
.album_tag a {
    font-size: 14px;
}

span#mb_warp{
		display: block;
		margin-top:0px; }

.album_title{font-size: 22px;}


.gift_in{
	float: left;  
	width: 100%; 
	display: block;
	margin:10px auto; 
}
.gift_in img{max-width: 130px;}

}


@media only screen and (max-width: 755px) {
	.S_blockA,.S_blockB{ 
    width: 24%;
    float: left;
    margin: 3px;
    background: #F2F2F2;   
	}
	.fourIconBox{
		width: 90%;
		float: none;
		margin: 30px auto;
	}
	.fourIconBox .pic img {
    width: 35%;
    height: 35%;
	}
}

@media only screen and (max-width: 730px) {
		.maintitle{
	position: absolute;
	top:20%;
	left: 5%;
	right: 5%;	
}
.ansinfo{width: 45%;}
}
}

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

	.S_blockA,.S_blockB{ 
    width: 23%;
    float: left;
    margin: 4px;
    background: #F2F2F2;   
	}	
}


@media only screen and (max-width: 630px) {
	.coupon_num th {
	    text-align: center;
	    border: 1px #FFF solid;
	    background: #55c3e9;
	    padding: 16px 3px 5px 3px;
	    line-height: 1.4;
	    width: 32%;
	    color: #FFF;
	}
	.go_bday{
	    width: 80%;
	    margin: 10px auto;
     	float: none; 
    	
	}

	.coupon_air .s_icon{
		margin: 10px 0px 5px 0px;
	}

	span#ma_warp{
		display: block;
		margin-top:-6px; }

}

@media only screen and (max-width: 600px) {
.bloggers .bloggers-content{
	margin: 22% 2% 5% 2%;}

}


@media only screen and (max-width: 570px) {
.search_title {
    max-width: 90%;
    width: 90%;

}
}

@media only screen and (max-width: 550px) {
	.S_blockA,.S_blockB{ 
	    width: 47%;
	    float: left;
	    margin: 0.9%;
	    background: #F2F2F2;   
	}
	#QandA .Question{width: 50%;}
}

@media only screen and (max-width: 480px) {
	.bloggers .bloggers-content{
	font-size: 16px;
	padding: 10px 0px;
	margin: 30% 2% 5% 2%;
	}

	.fourIconBox .pic img {
    width: 28%;
    height: 28%;
	}

	.gobtn_app_box{
	max-width: 95%;
    margin: 0 auto;
	}
	.gobtn_app a{
		width: 44%;
	}
	.ansinfo{width: 45%;}
	#QandA .Question{width: 75%;}

	.appDL{float: left;  margin: 2%; max-width: 46%;}

}


@media only screen and (max-width: 415px) {
	.main_top{
		height: 0;
		padding-bottom: 90%;
		-webkit-background-size: cover;
		     -o-background-size: cover;
		        background-size: cover;
        margin: 60px 0px 0px 0px;
	}
	.in_block_a{
		height: 0;
		/*padding-bottom: 130%;*/
		-webkit-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		display: inline-table;
	}
}
	

@media only screen and (max-width: 450px) {
.bloggers .bloggers-content{
	margin: 28% 2% 5% 2%;}
}

@media all and (max-width:1000px){
	.inside{width: 100%;}
}


@media only screen and (max-width: 376px) {
		span#ms_warp{
		display: block;
		margin-top:0px; }
}

@media only screen and (max-width: 350px) {
	.ansinfo{
		width: 96%;
		margin: 0% 0% 4% 0%
	}

	.gobtn_app_box{
	max-width: 96%;
    margin: 0 auto;
	}

	.gobtn_app a{
		width: 44%;
	}

	.gobtn_app a{padding:10px 0px; }

}


@media all and (max-width:330px){
.S_blockA,.S_blockB{ 
    width: 97%;
    float: left;
    margin: 4px;
    background: #F2F2F2;   
}
.group-four .photo-name{font-size: 15px;}

.event-title .title, .search_title {
    font-size: 24px;
    line-height: 1.4;
}
.album_tag a{font-size: 13px;}

.album_one {
    padding: 0px;
}
.album, .album_B {
    border: 14px transparent solid;}
}


@media only screen and (min-width: 1921px){
	.main_top{
		background-size: cover;
		height: auto;
	}
	.main_top::before{
		display: block;
		content: "";
		padding-top: 37.3%;
	}
}