/*--------------copyright by alva start-------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	list-style:none;
}

body {
    line-height:1;
	letter-spacing:1px;
	color:#3f3f45;
	background:url(../../images/pattern1.png) repeat;
	font-family: Arial, sans-serif, 微軟正黑體, "Microsoft JhengHei";
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

a:hover {
	text-decoration:none;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

.clear {
	clear:both;
}

/****************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/*gotop*/
#gotop {
	cursor:pointer;
	z-index:5;
	position:fixed;
	bottom:2%;
	right:1%;
	display:none;
}
.fa-long-arrow-alt-up {
	font-size:40px;
	color:#adbaff;
}
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
.carousel-fade .carousel-inner .item {
	transition-property: opacity;
}
.carousel-fade .carousel-inner .item,  
.carousel-fade .carousel-inner .active.left,  
.carousel-fade .carousel-inner .active.right {
   opacity: 0;
}
.carousel-fade .carousel-inner .active,  
.carousel-fade .carousel-inner .next.left,  
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-inner .next,  
.carousel-fade .carousel-inner .prev,  
.carousel-fade .carousel-inner .active.left,  
.carousel-fade .carousel-inner .active.right {
    left: 0;
    transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
    z-index: 2;
}
/*---header-------------------------------------------------------------------------------------------------------------------------------------*/
header {
	background: url(../../images/bg.png) top center no-repeat;
	background-size:cover;
	width:100%;
	text-align:right;
}
	/*logo*/
	.logo {
		display:inline-block;
		vertical-align:bottom;
		width:20%;
		padding-top:5%;
	}
		.logo img {
			max-width:100%;
		}
	/*carousel*/
	.carousel {
		display:inline-block;
		vertical-align:bottom;
		width:69%;
	}
	/*ideco*/
	.ideco {
		padding: 5% 11% 2% 2%;
	}
		.ideco img {
			max-width:100%;
		}
		@media screen and (max-width:1440px) {
			header {
				height:100vh;
			}
		}
		@media screen and (max-width:1200px) {
			header {
				padding-top:3em;
			}
			.logo {
				width:24%;
			}
			.carousel {
				width:70%;
			}
			.ideco {
				padding: 9% 6% 2% 2%;
			}
				.ideco img {
					width:55%;
				}
		}
		@media screen and (max-width:991px) {
			.logo {
				display: block;
				width: 100%;
				padding: 5em 4em 1em;
				text-align: center;
			}
				.logo img {
					width:40%;
				}
			.carousel {
				width: 90%;
				display: inline-block;
			}
			.ideco {
				padding: 3% 6% 2% 2%;
			}
				.ideco img {
					width: 60%;
				}
		}
		@media screen and (max-width:768px) {
			.logo {
				padding: 4em 4em 0em;
			}
			.carousel {
				width:95%;
			}
			.ideco {
				padding: 6% 6% 2% 2%;
			}
				.ideco img {
					width:70%;
				}
		}
		@media screen and (max-width:600px) {
			.logo {
				padding: 4em 4em 1em;
			}
				.logo img {
					width: 56%;
				}
			.ideco {
				padding: 7% 6% 2% 2%;
			}
		}
		@media screen and (max-width:430px) {
			.logo img {
				width:75%;
			}
			.carousel {
				width: 97%;
			}
		}
/*---nav_area---------------------------------------------------------------------------------------------------------------------------------*/
.nav_area {
	background:url(../../images/bg_top.png) top center no-repeat;
	background-size:auto;
	text-align:center;
	padding:12em 1em 0;
}
	/*text_deco*/
	.text_deco {
	}
		.text_deco img {
			-webkit-filter: drop-shadow(1px 4px 0px rgba(51, 51, 51, 0.5));
			filter: drop-shadow(1px 4px 0px rgba(51, 51, 51, 0.5));
		}
	/*ibuttons*/
	.ibuttons {
		padding:1em 0 2em;
	}
		.ibuttons ul {
		}
			.ibuttons li {
				display:inline-block;
				vertical-align:top;
				width:10%;
				text-align:center;
			}
				.ibuttons li a {
					display:block;
					position: relative;
				}
				img.ibtn {
					max-width:100%;
					transition:.2s ease-in-out;
				}
				img.ibtn1 {
					position:absolute;
					top:0;
					left:50%;
					transform:translateX(-50%);
					max-width:100%;
					opacity:0;
					transition:.2s ease-in-out;
				}
				/*hover*/
				.ibuttons li a:hover img.ibtn1 {
					opacity:1;
				}
				.ibuttons li a:hover img.ibtn {
					opacity:0;
				}
	/*proposal*/
	.proposal {
		text-align:center;
		padding:1em 0;
	}
		.proposal ul {
		}
			.proposal li {
				display:inline-block;
				vertical-align:top;
				width:35%;
				padding:0 1%;
			}
				.proposal li a {
					display:block;
					position: relative;
				}
					img.pro {
						max-width:100%;
						transition:.1s linear;
					}
					img.pro1 {
						position:absolute;
						top:0;
						left:50%;
						transform:translateX(-50%);
						max-width:100%;
						opacity:0;
						transition:.1s linear;
					}
					/*hover*/
					.proposal li a:hover img.pro {
						opacity:0;
					}
					.proposal li a:hover img.pro1 {
						opacity:1;
					}
/*---pro_top---*/
.pro_top {
	background:url(../../images/pro_top.png) bottom center repeat-x;
	background-size:auto;
	min-height:79px;
	width:100%;
}
/*---proposal_inner----------------------------------------------------------------------------------------------------------------------------*/
.proposal_inner {
	background:url(../../images/pattern2.png) repeat;
	text-align:center;
}
	/*pro_pattern*/
	.pro_pattern {
		width: 1520px;
		margin: 0 auto;
		max-width:90%;
	}
		/*frame_top*/
		.frame_top {
			min-height:68px;
		}
		.frame_top1 {
			background:url(../../images/frame1_01.png) bottom center no-repeat;
			background-size:contain;
		}
		.frame_top2 {
			background:url(../../images/frame2_01.png) bottom center no-repeat;
			background-size:contain;
		}
		/*frame_in*/
		.frame_in {
			min-height:200px;
		}
		.frame_in1 {
			background:url(../../images/frame1_02.png) top center repeat-y;
			background-size:contain;
		}
		.frame_in2 {
			background:url(../../images/frame2_02.png) top center repeat-y;
			background-size:contain;
		}
			/*sub*/
			.sub {
				padding: 0 8em 0 3em;
				text-align:right;
			}
				.sub img {
					max-width:100%;
				}
			/*intro*/
			.intro {
				padding:0 5em;
			}
				/*spot*/
				.spot {
					padding:1em 0;
				}
					/*pic*/
					.pic {
						display: inline-block;
						vertical-align: top;
						width: 48%;
					}
						.pic img {
							max-width:100%;
						}
					/*text*/
					.text {
						float:right;
						width: 48%;
						text-align: right;
						padding: 5em 3em 0 0;
					}
						.text img {
							max-width:100%;
						}
						.text span {
							display:block;
							text-align:left;
							font-size: 18px;
							line-height: 33px;
							letter-spacing: 2px;
							padding: 1em 0 0 6em;
							min-height:230px;
						}
						.text ul {
						}
							.text li {
								display: inline-block;
								vertical-align: baseline;
								width: 40%;
								padding: 2%;
							}
								.text li a {
									display:block;
									transition:.2s linear;
								}
									.text li a:hover {
										animation:flash .8s ease-in-out;
									}
									.text img {
										max-width:100%;
									}
						/*2n+0*/
						.spot:nth-of-type(even) .text {
							float: left;
							text-align: left;
							padding: 5em 0em 0 3em;
						}
						.spot:nth-of-type(even) .text span {
							padding: 1em 6em 0 0em;
						}
				/*ftpr*/
				.ftpr {
					text-align:center;
				}
					.ftpr img {
						max-width:70%;
					}
		/*frame_bottom*/
		.frame_bottom {
			min-height:46px;
		}
		.frame_bottom1 {
			background:url(../../images/frame1_03.png) top center no-repeat;
			background-size:contain;
		}
		.frame_bottom2 {
			background:url(../../images/frame2_03.png) top center no-repeat;
			background-size:contain;
		}
	/*flag*/
	.flag {
		text-align:center;
	}
		.flag ul {
		}
			.flag li {
				display:inline-block;
				vertical-align:bottom;
				width:35%;
				padding:2% 1% 0;
			}
				.flag a {
					display:block;
				}
					.flag a:hover {
						animation:flash .8s ease-in-out;
					}
					.flag img {
						max-width:100%;
					}
					@keyframes flash {
						0% {
							opacity:.5;
						}
						100% {
							opacity:1;
						}
					}
/*pro_bottom*/
.pro_bottom {
	background:url(../../images/pro_top.png) top center repeat-x;
	transform:rotate(180deg);
	min-height:79px;
	width:100%;
}
	@media screen and (max-width:1440px) {
		.ibuttons li {
			width:11%;
		}
		.sub {
			padding:0 3em;
		}
	}
	@media screen and (max-width:1200px) {
		.ibuttons li {
			width:14%;
		}
		.proposal li {
			padding:0 3%;
		}
		.text {
			padding:3em 3em 0 0;
		}
		.spot:nth-of-type(even) .text {
			padding:3em 0em 0 3em;
		}
		.text li {
			width:43%;
		}
	}
	@media screen and (max-width:991px) {
		.ibuttons li {
			width:16%;
		}
		.text_deco img {
			max-width:40%;
		}
		.proposal li {
			width:40%;
		}
		.sub {
			padding: 0 6em;
		}
		.pic {
			display: block;
			width: 53%;
			margin: 0 auto;
		}
		.text,.spot:nth-of-type(even) .text {
			float:none;
			width:100%;
			padding: 0em 0em 0 0;
			text-align:center;
		}
		.text span,.spot:nth-of-type(even) .text span {
			padding:1em 5em;
			min-height:inherit;
		}
	}
	@media screen and (max-width:800px) {
		.ibuttons li {
			width: 25%;
		}
		.proposal li {
			width: 43%;
		}
		.sub {
			padding: 0 3em;
		}
		.pic {
			width:70%;
		}
		.ftpr img {
			max-width: 20%;
		}
		.text span, .spot:nth-of-type(even) .text span {
			padding:1em 2em;
		}
		.flag li {
			width:40%;
		}
		.frame_top {
			min-height: 38px;
		}
	}
	@media screen and (max-width:600px) {
		.nav_area {
			padding:7em 1em 0;
		}
		.ibuttons li {
			width: 26%;
			padding: 1%;
		}
		.proposal li {
			width: 46%;
		}
		.frame_top {
			min-height: 25px;
			margin-top: -5%;
		}
		.sub {
			padding: 0 2em;
		}
		.intro {
			padding: 0 3em;
		}
		.pic {
			width: 75%;
		}
		.frame_bottom {
			min-height: 18px;
		}
	}
	@media screen and (max-width:430px) {
		.text_deco img {
			max-width: 50%;
		}
		.text span, .spot:nth-of-type(even) .text span {
			padding: 1em 1em;
		}
		.ibuttons li {
			width: 32%;
		}
		.frame_top {
			margin-top: -8%;
		}
		.intro {
			padding: 0 1em;
		}
		.text li {
			width: 46%;
		}
		.flag li {
			width: 45%;
		}
		.flag {
			text-align: center;
			margin-bottom: -8%;
			z-index: 5;
			position: relative;
		}
	}
/*---sce_block-------------------------------------------------------------------------------------------------------------------------------*/
.sce_block {
	text-align:center;
	width:1315px;
	margin:0 auto;
	max-width:90%;
	padding:2em 0;
}
	/*sce*/
	.sce {
		padding:4em 0;
	}
		/*sce_title*/
		.sce_title {
			display:inline-block;
			vertical-align:top;
			width:32%;
			padding-right:2%;
		}
		h1 {
			font-size: 22px;
			color: #fff;
			font-weight: bold;
			letter-spacing: 4px;
			margin: 3px 0 10px;
		}
			.sce_title img {
				max-width:100%;
			}
			.sce_title span {
				display:block;
				color:#fff;
				line-height:27px;
				text-align:left;
				font-size:16px;
				letter-spacing:2px;
			}
		/*ig*/
		.ig {
			display: inline-block;
			vertical-align: top;
			width: 62%;
			padding-top:10em;
		}
			/*ig_deco*/
			.ig_deco {
				padding-bottom:1em;
			}
				.ig_deco img {
					max-width:70%;
				}
			/*ig_block*/
			.ig_block {
				-webkit-filter: drop-shadow(0px 0px 5px #132168);
				filter: drop-shadow(0px 0px 5px #132168);
			}
				.ig_top {
					background:url(../../images/ig_bg_01.png) bottom center repeat-x;
					background-size:auto;
					min-height:16px;
				}
				/*ig_pic*/
				.ig_pic {
					background:url(../../images/ig_bg_02.png) repeat;
					padding:1em;
				}
					.ig_pic img {
						padding:0 5px;
						max-width:100%;
						width:49%;
					}
					.ig_pic b {
						text-align:left;
						color:#5a5959;
						letter-spacing:2px;
						font-weight:bold;
						display:block;
						padding: 2% 0 0 2%;
					}
				.ig_bottom {
					background:url(../../images/ig_bg_01.png) bottom center repeat-x;
					background-size:auto;
					min-height:16px;
					transform:rotate(180deg);
				}
				@media screen and (max-width:930px) {
					.sce_block {
						width:98%;
						padding:0 0 2em 0;
					}
					.sce {
						padding: 2em 0;
					}
					.ig {
						width:65%;
					}
				}
				@media screen and (max-width:800px) {
					.sce:not(:last-of-type) {
						border-bottom: solid 1px #9fa4c1;
					}
					.sce_title {
						width:90%;
					}
					.sce_title img {
						width:50%;
					}
					.ig {
						width: 90%;
						padding-top:2em;
					}
				}
				@media screen and (max-width:500px) {
					.sce_title,.ig {
						width:100%;
					}
					.sce_title img {
						width: 62%;
					}
					.sce {
						padding:1em 0;
					}
					.ig_pic {
						padding:1%;
					}
					.ig_pic b {
						font-size:14px;
					}
				}
				@media screen and (max-width:430px) {
					.sce_title img {
						width: 65%;
					}
				}

/*---footer------------------------------------------------------------------------------------------------------------------------------*/
.footer {
	background:#dadada;
	text-align:center;
	margin-top:5em;
	line-height:1.7;
}
	/*travel*/
	.travel {
		padding:4% 0;
	}
		.travel ul {
		}
			.travel li {
				display:inline-block;
				vertical-align:top;
				padding:0 1%;
				width:20%;
			}
				.travel li:hover {
					animation:flash 0.5s ease-in;
				}
	/*footer_list*/
	.footer_list {
		color:#565353;
		padding-bottom:3%;
	}
		/*f_logo*/
		.f_logo {
			display:inline-block;
			vertical-align:bottom;
			width:20%;
		}
		/*f_service*/
		.f_service {
			display:inline-block;
			vertical-align:top;
			text-align:left;
			width:32%;
		}
			/*house*/
			.house {
			}
			.f_service ul {
			}
				.f_service li {
					padding:5% 0 0;
				}
					.f_service a {
						display:inline-block;
						font-size:18px;
						transition:.2s;
					}
						.f_service a:hover {
							color:#ff9d00;
						}
					.f_service li span {
						border-bottom:solid 1px #565353;
						width:85%;
						display:inline-block;
						vertical-align:top;
					}
			i {
				border-bottom:0px;
				width:8%;
				color:#f5a525;
				font-size:20px;
			}
		/*f_info*/
		.f_info {
			display:inline-block;
			vertical-align:top;
			text-align:left;
			width:32%;
		}
			.f_info ul {
			}
				.f_info li {
					padding:5% 0 0;
				}
					.f_info li span {
						border-bottom:dashed 1px #565353;
						display:inline-block;
						width:80%;
						vertical-align:top;
					}
	/*footer_link*/
	.footer_link {
		background:#ebebeb;
		padding:2% 1%;
		color: #f99b16;
		text-align: center;
		font-size: 14px;
		line-height:25px;
	}
		.footer_link table {
			width:100%;
		}
		.footer_link a {
			display:inline-block;
			color:#909090;
			transition:.2s;
			text-decoration:none;
			font-size:14px
		}
			.footer_link a:hover {
				color:#000;
			}
	/*copyright*/
	.copyright {
		background:#2d2d2d;
		color:#fff;
		padding:2%;
		font-size:14px;
	}
	@media screen and (max-width: 992px) {
		.travel {
			padding: 5% 0;
		}
			.travel li {
				padding:0 3%;
			}
				.travel li img {
					width:100%;
				}
		.f_logo {
			padding: 1%;
			display: block;
			margin: 0 auto;
			width: 25%;
		}
			.f_logo img {
				width:100%;
			}
		.house img {
			width:100%;
		}
		.footer_link {
			padding:2%;
		}
		.copyright {
			padding:3%;
		}
		.f_service,.f_info {
			width:45%;
		}
	}
	@media screen and (max-width: 768px) {
		.copyright img {
			width:16%;
		}
	}
	@media screen and (max-width: 650px) {
		.travel li {
			width:22%;
		}
		.f_logo {
			width:33%;
		}
		.f_service, .f_info {
			width: 80%;
			padding:2% 0;
		}
		.f_info li span {
			width:85%;
		}
	}
	@media screen and (max-width: 450px) {
		.travel li {
			width:23%;
			padding:0;
		}
		.f_logo {
			width:50%;
		}
		.f_service, .f_info {
			width: 90%;
			padding:2% 0;
		}
		.footer_link {
			padding: 3%;
		}
		.copyright {
			padding:4%;
			font-size:13px;
		}
	}
	@media screen and (max-width: 375px) {
		i {
			width:10%;
			font-size:18px;
		}
		.f_logo {
			width:53%;
		}
		.copyright img {
			width: 20%;
		}
	}
/***footer_v1****************************************/
.footer_list {
    vertical-align: top;
    font-size: 14px;
    color: #fff;
	text-align:left;
	background:#4a5960;
	padding:3% 0;
}

.footer_list p {
	text-align: center;
}
.footer_list img {
}

/*************************
**********footer**********
**************************/
.footer_list a {
	display:inline-block;
	color:#fff;
}
.footer_list a:hover,
.footer_list a:focus {
	color: #6fe5d1;
	text-decoration:none;
}
.footertop {
	background: url(../../images/footertop.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	min-height: 23px;
	margin-bottom: 40px;
}
.footerp {
	font-size: 14px;
}
.footer_list hr {
	margin-top: 10px;
	margin-bottom: 10px;
	border: 0;
	border-top: 1px solid #3e4549;
}
.footerp i {
	font-size: 30px;
	color: #6fe5d1;
}
.font18 {
	font-size: 18px;
}
.font22 {
	font-size: 22px;
}
.footersocial img:hover {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	
	100% {
		opacity: 1;
	}
}
.footertext {
	padding-top: 10px;
}
.footertext i {
	font-size: 20px;
	color: #6fe5d1;
}
.footertext hr {
	border-top: 1px dashed #3e4549;
	margin-top: 0px;
	margin-bottom: 5px;
}
.footerht hr {
	border-top: 1px solid #fff;
	margin: 3% 0 3% 0;
}
.webveiw img {
	float: right;
}
.Copyright {
	font-size: 13px;
	padding-top: 20px;
}
.Copyright a {
	color: #fff;
}
.Copyright a:visited,
.Copyright a:focus {
	color: #fff;
}
.Copyright a:hover {
	color: #6fe5d1;
}
.brs {
	display: none;
}
@media(max-width:991px) {
	.brs {
		display: block;
		height: 1px;
	}
	
	.Copyright {
		padding-top: 0px;
	}
	.footer_list img {
		margin:0 auto;
	}
}
@media(max-width:767px) {
	.footerp img {
		margin: 0 auto;
	}
	
	.footerp {
		text-align: center;
		padding-top:5%;
	}
	
	.footerp hr {
	}
	
	.footersocial {
		text-align: center;
	}
	
	.footertext {
		text-align: center;
	}
	
	.footertext hr {
		display: none;
	}
	
	.webveiw img {
		float: none;
		margin: 0 auto;
	}
	
	.Copyright {
		text-align: center;
	}
}
@media(max-width:500px) {
	.footer_list {
		padding:6%;
	}
}
/*---rain-----------------------------------------------------------------------------------------------------------------------------------*/
/*rain_title*/
.rain_title {
	text-align:center;
	padding:1em 2em;
}
	.rain_title img {
		max-width:100%;
	}
/*rain_filters*/
.rain_filters {
	text-align:center;
	width: 1200px;
    margin: 0 auto;
    max-width: 90%;
    padding: 2em 0;
}
	.rain_filters ul {
	}
		.rain_filters li {
			display:inline-block;
		}
			.rain_filters div {
				color:#583924;
				text-align:center;
				width:80px;
				height:80px;
				border-radius:100%;
				background:#fff;
				border:solid 4px #b4e1f8;
				cursor:pointer;
				position:relative;
				box-shadow: 5px 0px 5px rgb(86, 94, 134);
				margin:3px;
				transition:.2s ease-in-out;
				font-weight:bold;
				font-size:18px;
				letter-spacing:5px;
			}
			.rain_filters div a {
				display:block;
				color:#583924;
				position:absolute;
				top:50%;
				left:50%;
				width:100%;
				height:100%;
				transform:translate(-50%,-50%);
				padding-top:23%;
			}
				.rain_filters li span {
					display: block;
					letter-spacing: 1px;
					font-weight: normal;
					font-size: 12px;
					margin-top: 6px;
				}
				/*hover*/
				.rain_filters li:hover div {
					background:#b4e1f8;
				}
				.rain_filters li:hover div a {
					color:#fff;
				}
/*rdeco*/
.rdeco {
	display:inline-block;
	vertical-align:middle;
}
	.rdeco img {
		max-width:100%;
	}
/*city*/
.city {
	display:inline-block;
	vertical-align:middle;
	position:relative;
	margin:0 1%;
	width:115px;
	height:35px;
}
	/*city_s*/
	.city_s {
		background:#f8e773;
		box-shadow:4px 4px 3px rgba(0,0,0,.2);
		border-radius:5px;
		font-size:16px;
		color:#512c14;
		vertical-align:middle;
		display:inline-block;
		font-weight:bold;
		position:absolute;
		top:0;
		left:0;
		width:115px;
		height:auto;
		transition:.2s linear;
	}
		.city_s a {
			color:#512c14;
			padding: 6px 13px;
			display:block;
		}
		.city_s img {
			vertical-align:bottom;
		}
/*rian_sce*/
.rian_sce {
	text-align:center;
	padding:1em;
	width:80%;
	margin:0 auto;
	max-width:100%;
	min-height:500px;
}
	/*rs*/
	.rs {
		display:inline-block;
		vertical-align:top;
		width:24%;
		padding:1%;
		color:#512c14;
	}
		img.rs_pic {
			max-width:100%;
		}
		/*rs_title*/
		.rs_title {
			text-align:left;
		}
			img.rchicken {
				max-width:22%;
			}
			h2 {
				display:inline-block;
				vertical-align:bottom;
				text-align:right;
				width:70%;
				font-size: 20px;
				font-weight: bold;
				letter-spacing: 3px;
			}
			.rs_title b {
				font-size: 15px;
				font-weight: normal;
				letter-spacing: 1px;
			}
		/*rs span*/
		.rs span {
			text-align:left;
			display:block;
			line-height:30px;
			padding:3% 4% 0;
			font-size:15px;
		}
	/*media*/
	.media {
		text-align:right;
		padding:0 8%;
		color:#a8a8a8;
		font-size:14px;
		margin:0;
	}
		.media i {
			color:#512c14;
			width:auto;
		}
		@media screen and (max-width: 1440px) {
			.rian_sce {
				width:90%;
			}
		}
		@media screen and (max-width: 1200px) {
			.rian_sce {
				width:100%;
			}
			h2 {
				font-size:20px;
			}
			.rain_filters {
				max-width:60%;
			}
		}
		@media screen and (max-width: 990px) {
			.rain_title img {
				max-width: 60%;
			}
			.rain_filters {
				max-width: 80%;
			}
			.rs {
				width:32%;
			}
		}
		@media screen and (max-width: 775px) {
			.rain_filters {
				max-width: 90%;
			}
			.rdeco {
				width:55%;
			}
			.rs {
				width: 47%;
			}
		}
		@media screen and (max-width: 515px) {
			.rain_title img {
				max-width: 90%;
			}
			.rain_filters div {
				width:70px;
				height:70px;
			}
			.rain_filters li span {
				letter-spacing:0;
			}
			.rian_sce {
				padding:1em 2%;
			}
		}
		@media screen and (max-width:425px) {
			.rain_filters {
				max-width: 100%;
			}
			h2 {
				width:74%;
				letter-spacing:2px;
				font-size:22px;
			}
			.rian_sce {
				width:90%;
			}
			.rs {
				width:100%;
				margin:2% 0;
			}
			img.rchicken {
				max-width: 20%;
			}
			.rs span {
				padding:3% 3% 0;
			}
			.rs_title b {
				font-size:12px;
			}
			.media {
				padding: 0 8% 4%;
			}
			#gotop {
				right:4%;
			}
		}