@charset "utf-8";

/* global */
.sesamin_main {
    padding: 10px 0 2px 0;
    margin: 0;
    font-size: 14px;
    font-family: "微軟正黑體", Verdana, Geneva, sans-serif;
    color: #333;
}
.sesamin_main img {
    border: 0;
}
.sesamin_main .clear:after {
	content: '';
	clear: both;
	display: table;
}
.sesamin_main .hidden {
/*	overflow: hidden;*/
}
.sesamin_main .in > p {
	font-size: 20px;
	line-height: 1.7;
	padding-bottom: 40px;
}
.sesamin_main .in {
	padding: 0 15px;
}
.sesamin_main .u {
    border-bottom: 1px solid #000;
}
.sesamin_main b {
	font-weight: bold;
}
.sesamin_main .r {
	position: relative;
}
.sesamin_main .menu {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	padding: 0 .5vw;
	z-index: 102;
}
.sesamin_main .menu ul {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
.sesamin_main .menu .big a {
	height: 13vw;
	width: 100%;
}
.sesamin_main .menu a {
	display: block;
/*	background: red;*/
/*	opacity: .5;*/
	width: 33.33%;
	float: left;
	height: 16vw;
}
#p1 {
	background: #e7e1dc;
}
#p1 .box1 {
	margin-top: 8vw;
	margin-bottom: 10vw;
	padding: 7vw 15px 15px 29vw;
	line-height: 1.4;
	background: #ffd750;
	position: relative;
	min-height: 52vw;
	box-sizing: border-box;
	font-size: 4vw;
}
#p1 .box1 .item {
	position: absolute;
	max-width: 60%;
	left: 0;
    top: -4vw;
}
.tit_wrap {
	margin-bottom: 25px;
}
#p1 .box2 {
	background: #fff;
	border: 2px solid #333;
	padding: 15px;
	margin-top: 4vw;
	margin-bottom: 8vw;
	font-size: 3.4vw;
	line-height: 1.5;
}
#p1 .box2 .tit {
	font-weight: bold;
	font-size: 4.4vw;
	margin-bottom: 5px;
}
#p1 .box2 .item {
	float: left;
	max-width: 32%;
	margin-right: 15px;
}
#p2 .banner {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffc100+0,e29f0c+100 */
background: #ffc100; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #ffc100 0%, #e29f0c 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #ffc100 0%,#e29f0c 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #ffc100 0%,#e29f0c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc100', endColorstr='#e29f0c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	padding-top: 6vw;
	padding-left: 4vw;
}
#p2 .banner .tit {
	max-width: 76vw;
	margin-bottom: 5vw;
}
#p2 .banner .people {
	max-width: 45vw;
	float: right;
	margin-top: -17vw;
}
#p2 .banner p {
	font-size: 4vw;
	line-height: 1.7;
}
.sesamin_main .bg1 {
	background: url(../img/index/bg-01.jpg);
	padding-top: 25px;
}
#p3 .banner {
	background: #94d2d4;
	/* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, #94d2d4 0%, #5fc4cf 100%);
	/* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, #94d2d4 0%, #5fc4cf 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, #94d2d4 0%, #5fc4cf 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#94d2d4', endColorstr='#5fc4cf', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
	padding-top: 6vw;
}
#p3 ul {
	position: relative;
	padding: 3vw 0 6vw;
}
#p3 ul:before {
	position: absolute;
	content: '';
	background: url(../img/index/bg-line.png) top center repeat-y;
	width: 5px;
	height: 100%;
	background-size: 100% auto;
	left: 50%;
	margin-left: -3px;
	top: 0;
}
#p3 ul li {
/*    width: 50%;*/
	box-sizing: border-box;
}
#p3 ul .left {
	width: 56.5%;
/*    margin-right: 50%;*/
}
#p3 ul .right {
	width: 56.5%;
    margin-left: 43.5%;
}
#p3 ul .all {
/*	padding-right: 4vw;*/
}
#p3 ul img {
	position: relative;
	z-index: 1;
}
#p3 ul .left img {
/*	margin-left: 24vw;*/
}
#p3 ul .right img {
/*	margin-left: -6.5vw;*/
}
#p3 ul p {
	line-height: 1.5;
	font-size: 4vw;
}
#p3 ul .left p {
	padding-left: 4vw;
	padding-right: 12vw;
}
#p3 ul .right p {
	padding-left: 15vw;
	padding-right: 4vw;
}
#p3 .bg1 .now {
	padding: 0 8vw 12vw;
}
#p3 .bg1 .now p {
	line-height: 1.7;
	font-size: 4vw;
}
#p4 ul {
	position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    box-sizing: border-box;
    margin-top: 19vw;
	padding: 0 3vw;
}
#p4 li a {
	display: block;
	
/*	background: red;*/
/*	opacity: .5;*/
}
#p4 li {
	width: 50%;
	float: left;
	height: 50vw;
	box-sizing: border-box;
}
#p4 li a {
	width: 47vw;
    height: 9vw;
    margin: 41vw 0 0 0vw;
}
#p4 li.big {
	width: 100%;
	height: 34vw;
    margin-bottom: 30vw;
}
#p4 li.big a {
	width: 64vw;
    margin: 21vw 0 0 22vw;
}
#SESA {
	background: #e6e37a;
	/* Old browsers */
	background: -moz-linear-gradient(left, #e6e37a 0%, #e8d21b 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, #e6e37a 0%, #e8d21b 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #e6e37a 0%, #e8d21b 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e37a', endColorstr='#e8d21b', GradientType=1);
	/* IE6-9 */
	padding: 10vw 0 4vw;
	overflow-x: hidden;
}
#SESA .r .buy_self {
    display: block;
    /* background: red; */
    /* opacity: .5; */
	width: 64vw;
    height: 9vw;
    position: absolute;
    top: 41vw;
    left: 28vw;
}
#SESA .box1 {
	background: #fff;
	margin: 0 2.3vw 4vw;
	padding: 12vw 2vw 1vw;
	border-radius: 8vw 8vw 0 0;
}
#SESA .box1 > .tit {
	max-width: 50%;
	margin: -16.5vw auto 0;
}
#SESA .box2 {
	border-radius: 3vw;
	border: 1px solid #d6c251;
	background: #fffef4;
	/* Old browsers */
	background: -moz-linear-gradient(top, #fffef4 0%, #fbf391 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fffef4 0%, #fbf391 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fffef4 0%, #fbf391 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffef4', endColorstr='#fbf391', GradientType=0);
	/* IE6-9 */
	margin: 0 0 8vw;
	padding: 10vw 3vw 6vw;
}
#SESA .box2 > .tit {
	max-width: 65%;
	margin: -18vw auto 0;
}
#SESA .box2 .data {
	max-width: 45%;
	float: left;
	margin-top: 5vw;
	margin-right: 1vw;
}
#SESA .box2 p {
	margin-top: 5vw;
	line-height: 1.5;
	font-size: 4vw;
}
.cycle-wrap .cycle-arrows {
    position: absolute;
    top: 50%;
	left: 0;
    margin-top: -22px;
    z-index: 101;
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
}
.cycle-wrap .cycle-arrows > * {
    width: 43px;
    height: 43px;
    cursor: pointer;
    display: inline-block;
}
.cycle-wrap .prev {
	background: url(../img/index/btn-left-01.png);
	background-size: 100% 100%;
}
.cycle-wrap .next {
    background: url(../img/index/btn-right-01.png);
	background-size: 100% 100%;
    float: right;
}
.btn_buy {
	display: block;
	max-width: 90%;
	margin: auto;
}
#RJ {
	background: #e5a299;
	padding: 10vw 0 4vw;
	overflow-x: hidden;
}
#RJ .r .buy_self {
    display: block;
    /* background: red; */
    /* opacity: .5; */
	width: 64vw;
    height: 9vw;
    position: absolute;
    top: 41vw;
    left: 28vw;
}
#RJ .box1 {
	background: #fff;
	margin: 0 2.3vw 4vw;
	padding: 12vw 2vw 1vw;
	border-radius: 8vw 8vw 0 0;
}
#RJ .box1 > .tit {
	max-width: 50%;
	margin: -16.5vw auto 0;
}
#RJ .box2 {
	border-radius: 3vw;
	border: 1px solid #e67582;
	background: #f5e0e0;
	margin: 6vw 0 8vw;
	padding: 10vw 3vw 6vw;
}
#RJ .box2 > .tit {
	max-width: 65%;
	margin: -19vw auto 0;
}
#RJ .box2 .data {
	margin-top: 5vw;
}
#RJ .box2 p {
	margin-top: 5vw;
	line-height: 1.5;
	font-size: 4vw;
}
#DHA {
	background: #80b8ef;
	padding: 10vw 0 4vw;
	overflow-x: hidden;
}
#DHA .r .buy_self {
    display: block;
    /* background: red; */
    /* opacity: .5; */
	width: 64vw;
    height: 9vw;
    position: absolute;
    top: 41vw;
    left: 28vw;
}
#DHA .box1 {
	background: #fff;
	margin: 0 2.3vw 4vw;
	padding: 12vw 2vw 1vw;
	border-radius: 8vw 8vw 0 0;
}
#DHA .box1 > .tit {
	max-width: 50%;
	margin: -16.5vw auto 0;
}
#DHA .box2 {
	border-radius: 3vw;
	border: 1px solid #449cd2;
	background: #cef1f5;
	margin: 6vw 0 8vw;
	padding: 10vw 3vw 6vw;
}
#DHA .box2 > .tit {
	max-width: 65%;
	margin: -19vw auto 0;
}
#DHA .box2 .data {
	margin-top: 5vw;
}
#DHA .box2 p {
	margin-top: 5vw;
	line-height: 1.5;
	font-size: 4vw;
}
#QA {
	background: #ffe4d1;
	padding: 15vw 0 2vw;
	margin-bottom: 29vw;
}
#QA .box1 {
	background: #fff;
	margin: 0 2.3vw 0;
    padding: 8vw 2vw 1vw;
	box-sizing: border-box;
	border-radius: 8vw 8vw 0 0;
}
#QA ul li {
	margin-bottom: 5vw;
}
#QA .Q {
	padding: 0 0 1vw 0;
	margin-bottom: 2vw;
	cursor: pointer;
}
#QA .Q:after {
	position: absolute;
	content: '';
	background: url(../img/index/bg-qa.jpg);
	background-size: auto 100%;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
}
#QA .A {
	font-size: 3.5vw;
	color: #9b6f48;
	padding: 0 0 0 3vw;
	box-sizing: border-box;
	line-height: 1.5;
	
	display: none;
}
#QA .A a {
	color: #9b6f48;
}
#QA .maintit {
	max-width: 95%;
	margin: 0 auto 5vw;
}
#QA .subtit {
	margin-bottom: 5vw;
}