@import '/css/menu-official.css';
@import '/css/footer-official.css';
@import '/css/icon.css';
body {
	overflow: auto;
	margin: 0;
	background: #fff;
}

body.mobile {
	overflow: hidden;
	position: fixed;
}

html,
body {
	height: 100%;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	font-size: 17px;
	color: #333;
	font-family: Helvetica, "segoe ui", "microsoft jhenghei", "microsoft mhei", Arial Unicode MS, Arial;
}

p,
ul,
h3 {
	padding: 0;
	margin: 0;
}

#gototop {
	position: fixed;
	z-index: 1;
	border-radius: 30px;
	right: 15px;
	bottom: 15px;
	font-size: 21px;
	background: rgba(4, 80, 153, .65);
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 55px;
	cursor: pointer;
	z-index: 100;
	display: none;
}

.main,
#footer,
button.accordion,
#slide.smooth,
#clang,
#lrb,
#gototop {
	transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
}

#footer {
	display: none;
}

/*======  #Banner start ========*/

#banner {
	position: relative;
}

#banner .biologo {
	position: relative;
	width: 65px;
	margin: 0 7px;
	top: 5px;
}

#banner .hero {
	position: fixed;
	width: 250px;
	height: 100%;
	top: 95px;
	left: 0;
	z-index: 0;
	background-image: url(/images/product/cona-pc.jpg);
	background-color: #045099;
	background-position: center center;
	background-size: cover;
	min-height: 50%;
	color: white;
	text-align: center;
	overflow: hidden;
	-webkit-transition: all .5s ease-in;
	-moz-transition: all .5s ease-in;
	-o-transition: all .5s ease-in;
	transition: all .5s ease-in;
	margin: 0 auto;
	overflow: hidden;
	z-index: 100;
}

#banner .hero.kanpeki {
	background-image: url(/images/product/kanpeki-pc.jpg);
}

#banner .hero.conchic {
	background-image: url(/images/product/chic-pc.jpg);
	background-position: right bottom;
}

#banner .hero:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	opacity: .2;
	width: 100%;
	height: 100%;
	z-index: -1;
}

#banner .hero:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
	opacity: .35;
	width: 100%;
	height: 100%;
	z-index: -2;
}

#banner .hero .hero-child {
	width: 100%;
	height: 85%;
	text-align: center;
	margin: 0 auto;
	-webkit-overflow-scrolling: touch;
	overflow: hidden auto;
}

#banner .hero .hero-container {
	max-width: 900px;
	margin: 28px auto;
}

#banner .hero .title {
	width: 85%;
	margin: 0 auto 30px 10px;
	text-align: right;
	line-height: 0;
}

#banner .hero .title a,
#banner .hero .tag a {
	text-decoration: none;
}

#banner .hero .title p {
	color: #fff;
	font-size: 25px;
	font-size: 17px;
	font-weight: 900;
	letter-spacing: 0px;
	text-shadow: #333 0px 0px 2px;
}

#banner .hero .title p img {
	width: 225px;
}

#banner .hero .tag {
	width: 85%;
	text-align: left;
	margin: 0 auto 25px auto;
}

#banner .hero .tag p {
	color: #fff;
	letter-spacing: 1px;
	line-height: 1.2em;
	margin-bottom: 1em;
	text-shadow: #333 1px 1px 10px;
}

#banner .content {
	position: relative;
	margin-left: 250px;
	top: 0px;
	background: #fff;
}

#banner .content .margin {
	position: relative;
	margin: 0;
	display: flex;
    flex-wrap: wrap;
    gap: 0px;
}

#banner .content .margin:first-child {
	padding-top: 95px;
}

#banner .content #conaimages1.margin,
#banner .content #kanpekiimages1.margin,
#banner .content #kanpekihead.margin {
	padding-top: 95px;
}

#banner .content #conaimages2.margin,
#banner .content #conaimages3.margin,
#banner .content #conaimages4.margin {
	padding-top: 0px;
}

#banner .content #geherbs.margin {
	padding: 100px 0;
}

#banner .content .description .title {
	color: #277EAE;
	font-size: 1.2em;
	font-weight: 700;
	line-height: 2em;
	margin-right: 5px;
}

#banner .content .description .title.t602 {
	color: #931d5a;
}

#banner .content .description .title.t603 {
	color: #944e8c;
}

#banner .content .description .title.t605 {
	color: #db4a11;
}

#banner .content .description .paragraph,
#banner .content .description .paragraph p {
	color: #666;
	font-size: 15px;
	line-height: 30px;
	text-align: justify;
	margin-bottom: 20px;
}

#banner .conaimages1 .description .paragraph ul li,
#banner .conaimages2 .description .paragraph ul li,
#banner .conaimages2 .description .news a,
#banner .cona602 .description .paragraph ul li {
	color: #666;
	list-style-type: square;
	font-size: 15px;
	padding-bottom: 2px;
}

#banner a {
	text-decoration: none;
	position: relative;
}

#banner span.show {
	display: none;
}

#banner span.hidden {
	display: inline;
}

#banner .heading p {
	font-size: 25px;
	font-weight: 900;
	border-bottom: solid 1px #ddd;
	padding-bottom: 5px;
}

#banner .content .description .desc-padding .saying {
	margin-top: 3%;
	font-weight: 600;
	line-height: 28px;
}

#banner .conaimages2 .description .news a:hover {
	border-bottom: dashed 1px #045099;
}

/* -------- SERIES -------- */

/* ----------- conaimages1 ---------- */

#banner .conaimages1 {
	position: relative;
	background: url('/images/product/cona/cona-image-1.png') no-repeat center center;
	background-size: cover;
	height: 100%;
}

#banner .conaimages1 .description {
	position: relative;
	background: rgba(255, 255, 255, 0.6);
}

#banner .conaimages1 .description .desc-padding {
	width: 80%;
	padding: 4% 15px;
	margin: 0 auto;
}

#banner .conaimages1 .description .desc-padding .ptitle {
	width: 50%;
}

#banner .conaimages1 .description .desc-padding .saying {
	color: #674844;
	text-align: justify;
}

/* ----------- conaimages2 ---------- */

#banner .conaimages2 {
	position: relative;
	background: url('/images/product/cona/cona-image-2.png') no-repeat center center;
	background-size: cover;
	height: 100%;
}

#banner .conaimages2 .description {
	position: relative;
	background: rgba(255, 255, 255, 0.6);
}

#banner .conaimages2 .description .desc-padding {
	width: 80%;
	padding: 4% 15px;
	margin: 0 auto;
}

#banner .conaimages2 .description .desc-padding .ptitle {
	width: 25%;
}

#banner .conaimages2 .description .desc-padding .ptitle.en {
	width: 42.5%
}

#banner .conaimages2 .description .desc-padding .ptitle.vn {
	width: 42.5%;
}

#banner .conaimages2 .description .desc-padding .saying {
	color: #003432;
}

/* ----------- conaimages3---------- */

#banner .conaimages3 {
	position: relative;
	background: url('/images/product/cona/cona-image-3.png') no-repeat center center;
	background-size: cover;
	height: 100%;
}

#banner .conaimages3 .description {
	position: relative;
	background: rgba(255, 255, 255, 0.6);
}

#banner .conaimages3 .description .desc-padding {
	width: 80%;
	padding: 4% 15px;
	margin: 0 auto;
}

#banner .conaimages3 .description .desc-padding .ptitle {
	width: 50%;
}

#banner .conaimages3 .description .desc-padding .saying {
	color: #1e2963;
}

/* ---------- proof ---------- */

#banner .conaimages4 {
	position: relative;
	background: url('/images/product/cona/cona-image-4.png') no-repeat center center;
	background-size: cover;
	height: 100%;
}

#banner .conaimages4 .description {
	position: relative;
	background: rgba(255, 255, 255, 0.6);
}

#banner .conaimages4 .description .desc-padding {
	width: 80%;
	padding: 4% 15px;
	margin: 0 auto;
}

#banner .conaimages4 .description .solamargine {
	position: absolute;
	width: 23%;
	right: 20%;
	top: -20%;
}

#banner .conaimages4 .description .desc-padding .ptitle {
	width: 40%;
}

#banner .conaimages4 .description .desc-padding .ptitle.en {
	width: 50%
}

#banner .conaimages4 .description .desc-padding .ptitle.vn {
	width: 60%
}

#banner .conaimages4 .description .desc-padding .saying {
	color: #003432;
}

/* ---------- cona_product_link ---------- */

#banner .cona_product_link {
	position: relative;
	height: 100%;
}

#banner .cona_product_link .description .desc-padding {
	width: 80%;
	padding: 4% 15px;
	margin: 0 auto;
}

#banner .cona_product_link .description .solamargine {
	position: absolute;
	width: 23%;
	right: 20%;
	top: -16%;
}

#banner .cona_product_link .description .desc-padding .ptitle {
	width: 40%;
}

#banner .cona_product_link .description .desc-padding .saying {
	color: #003432;
}

#banner .cona_product_link .description .link-box {
	margin: 50px 0;
	text-align: center;
}

#banner .cona_product_link .description .link-box .link {
	margin: 15px 20px;
	width: 25%;
	max-width: 280px;
	display: inline-block;
	text-align: center;
	box-shadow: 8px -5px 20px #ccc;
}

#banner .cona_product_link .description .link-box .link img {
	position: relative;
	width: 102%;
	top: 0;
	left: -5px;
}

#banner .description .patent-box {
	background: #fff;
	margin-top: 50px;
	text-align: center;
	padding: 50px 10px 0 10px;
}

#banner .description .patent-box .title {
	font-size: 27px;
	color: #000;
}

#banner .description .patent-box .patent-desc {
	line-height: 28px;
	padding-bottom: 50px;
	width: 90%;
	margin: 0 auto;
}

#banner .description .patent-box .patent-desc .point {
	font-size: 23px;
	font-weight: 600;
	color: #23a22e;
	margin: 0 5px;
}

/* ---------- proof ---------- */

#banner .proof {
	position: relative;
	margin-top: 50px;
}

#banner .proof .heading {
	position: relative;
	text-align: left;
	width: 300px;
	margin-bottom: 30px;
}

#banner .proof .description .paragraph {
	width: 100%;
	text-align: center;
}

#banner .proof .description .paragraph .trophy {
	display: inline-block;
	padding-bottom: 10px;
}

#banner .proof .description .paragraph .trophy span {
	width: 100%;
}

#banner .proof .description .paragraph .trophy img {
	max-width: 200px;
	width: 150px;
	margin: 15px;
	border: solid 2px #eee;
}

#banner .proof .description .sgs-box {
	padding: 50px 0;
	margin-top: 50px;
	text-align: center;
}

#banner .proof .description .sgs-box img {
	width: 65%;
	min-width: 500px;
}

/* ----------- kanpekiimages1 ---------- */

#banner .kanpekiimages1 {
	position: relative;
	background: url('/images/product/kanpeki/kanpeki-image-1.jpg') rgba(0, 0, 0, 0.005) no-repeat center center;
	background-size: cover;
	height: 100%;
}

#banner .kanpekiimages1 .description {
	position: relative;
}

#banner .kanpekiimages1 .description .desc-padding {
	position: relative;
	width: 70%;
	padding: 4% 0;
	margin: 0 auto;
	left: -11%;
}

#banner .kanpekiimages1 .description .desc-padding .ptitle {
	width: 50%;
}

#banner .kanpekiimages1 .description .desc-padding .ptitle.en,
#banner .kanpekiimages1 .description .desc-padding .saying.en {
	position: relative;
	top: -60px;
}

#banner .kanpekiimages1 .description .desc-padding .product-image,
#banner .kanpekiimages2 .description .desc-padding .product-image {
	display: none;
	width: 90%;
	margin: 0 auto;
}

#banner .kanpekiimages1 .description .desc-padding .saying {
	color: #674844;
	width: 50%;
}

/* ----------- conaimages2 ---------- */

#banner .kanpekiimages2 {
	position: relative;
	background: url('/images/product/kanpeki/kanpeki-image-2.jpg') rgba(0, 0, 0, 0.005) no-repeat center center;
	background-size: cover;
	height: 100%;
}

#banner .kanpekiimages2 .description {
	position: relative;
}

#banner .kanpekiimages2 .description .desc-padding {
	position: relative;
	width: 70%;
	padding: 4% 0;
	margin: 0 auto;
	left: -11%;
}

#banner .kanpekiimages2 .description .desc-padding .ptitle {
	width: 30%;
}

#banner .kanpekiimages2 .description .desc-padding .ptitle.en {
	width: 50%;
}

#banner .kanpekiimages2 .description .desc-padding .saying {
	color: #003432;
	width: 50%;
}

/* ----------- conaimages3---------- */

#banner .kanpekiimages3 {
	position: relative;
	background: url('/images/product/kanpeki/kanpeki-image-3.jpg') no-repeat center center;
	background-size: cover;
	height: 100%;
}

#banner .kanpekiimages3 .description {
	position: relative;
}

#banner .kanpekiimages3 .description .desc-padding {
	width: 80%;
	padding: 0 15px 4% 15px;
	margin: 0 auto;
}

#banner .kanpekiimages3 .description .desc-padding .kanpeki-inline {
	display: inline-block;
	width: 40%;
	text-align: center;
	vertical-align: middle;
	padding: 20px 25px;
	border-radius: 4px;
}

#banner .kanpekiimages3 .description .desc-padding .desc {
	background: rgba(255, 255, 255, 0.7);
}

#banner .kanpekiimages3 .description .desc-padding .ptitle {
	width: 100%;
	max-width: 400px;
}

#banner .kanpekiimages3 .description .desc-padding .saying {
	color: #1e2963;
	text-align: left;
}

#banner .kanpekiimages3 .description .desc-padding .saying h1 {
	font-size: 29px;
	color: #1e2963;
	line-height: 40px;
}

#banner #kanpeki_product_link {
	background: #fff;
	position: relative;
	height: 100%;
	background: #fff;
	padding-top: 100px;
}

#banner .kanpeki_product_link {
	border-top: solid 1px #C8C9C7;
	border-bottom: solid 1px #C8C9C7;
	width: 90%;
	margin: 0 auto;
}

#banner .kanpeki_product_link .product-list {
	width: 200px;
	font-size: 21px;
	letter-spacing: 5px;
	padding: 5px 10px;
	position: relative;
	top: -21px;
	margin: 0 auto;
	text-align: center;
	background: #fff;
}

#banner .kanpeki_product_link .description .desc-padding {
	width: 80%;
	padding: 4% 15px;
	margin: 0 auto;
}

#banner .kanpeki_product_link .description .desc-padding .ptitle {
	width: 40%;
}

#banner .kanpeki_product_link .description .desc-padding .saying {
	color: #003432;
}

#banner .kanpeki_product_link .description .link-box {
	padding: 20px 0 80px 0;
	text-align: center;
}

#banner .kanpeki_product_link .description .link-box .link {
	padding: 15px 3px 30px 3px;
	width: 17%;
	display: inline-block;
	text-align: center;
	z-index: 1;
}

#banner .kanpeki_product_link .description .link-box .link img {
	position: relative;
	width: 110%;
	top: 0;
	cursor: pointer;
}

#banner .kanpeki_product_link .description .link-box .link .link-layer {
	position: relative;
	color: #333;
	left: 10px;
	top: -2px;
	width: 100%;
	text-align: center;
	z-index: 2;
	text-shadow: 0 0 5px #fff, 0 0 10px #fff, 1px 1px 2px #fff, 0 0 20px #fff;
	font-size: 15px;
}

#banner .kanpeki_product_link .description .link-box .link:hover img {
	background: rgba(0, 0, 0, 0.2);
}

#banner .kanpeki_product_link .description .link-box .link:hover .link-layer {
	display: block;
}

#banner .kanpeki_proof {
	margin: 0;
	position: relative;
}

#banner .kanpeki_proof .description .patent-box {
	margin: 0;
	background: #fff;
	text-align: center;
	padding: 50px 10px 0 10px;
	transition: all 0.1s cubic-bezier(0.4, 0.03, 0.51, 0.71);
}

#banner .kanpeki_proof .description .sgs-box {
	text-align: center;
	padding: 30px 0 150px 0;
}

#banner .kanpeki_proof .description .sgs-box img {
	width: 100%;
}

/* ---- SERIES END ---- */

/* Product list in menu */

#banner .choose_area_menu {
	display: none;
	position: fixed;
	width: 280px;
	height: 92%;
	top: 95px;
	left: 0;
	z-index: 3;
	background-color: #045099;
	min-height: 50%;
	color: white;
	text-align: center;
	overflow: hidden;
	-webkit-transition: all .5s ease-in;
	-moz-transition: all .5s ease-in;
	-o-transition: all .5s ease-in;
	transition: all .5s ease-in;
	margin: 0 auto;
	overflow: hidden;
}

#banner .choose_area_menu:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	opacity: .2;
	width: 100%;
	height: 100%;
	z-index: -1;
}

#banner .choose_area_menu:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
	opacity: .35;
	width: 100%;
	height: 100%;
	z-index: -2;
}

#banner .choose_area_menu .hero-child {
	width: 100%;
	height: 100%;
	text-align: center;
	margin: 0 auto;
	overflow: auto;
}

#banner .choose_area_menu .hero-container {
	max-width: 900px;
	margin: 70px auto 0;
	padding-bottom: 30px;
}

#banner .choose_area_menu .title {
	width: 85%;
	margin: 10px auto;
	text-align: center;
	padding-bottom: 5px;
	cursor: pointer;
}

#banner .choose_area_menu .title:hover {
	text-shadow: 0px 0px 15px #000;
}

#banner .choose_area_menu .title a {
	text-decoration: none;
}

#banner .choose_area_menu .title p {
	color: #fff;
	font-size: 25px;
	font-size: 1.2rem;
	font-weight: 900;
	text-shadow: #333 0px 0px 2px;
	padding: 1em 0;
	cursor: pointer;
	border-radius: 3px;
	background: rgba(255, 255, 255, 0.1);
}

#banner .choose_area_menu .tag {
	width: 85%;
	text-align: left;
	margin: 0 auto 25px;
	border-bottom: 1px #045099 solid;
	border-top: 1px #045099 solid;
	padding: 20px 0 10px;
	min-height: 300px;
}

#banner .choose_area_menu .tag div {
	cursor: pointer;
}

#banner .choose_area_menu .tag p {
	padding-left: 3%;
	color: #fff;
	letter-spacing: 1px;
	line-height: 35px;
	text-shadow: #333 1px 1px 10px;
	margin-bottom: 10px;
	font-weight: 700;
	width: 68%;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
}

#banner .choose_area_menu .tag a {
	margin-bottom: 5px;
	display: block;
	padding: 8px 9px 7px;
	border-radius: 5px;
}

#banner .choose_area_menu .tag a:hover {
	background: #22619f;
	background: -moz-linear-gradient(left, #22619f 0%, #499bea 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #22619f), color-stop(100%, #499bea));
	background: -webkit-linear-gradient(left, #22619f 0%, #499bea 100%);
	background: -o-linear-gradient(left, #22619f 0%, #499bea 100%);
	background: -ms-linear-gradient(left, #22619f 0%, #499bea 100%);
	background: linear-gradient(to right, #22619f 0%, #499bea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#22619f', endColorstr='#499bea', GradientType=1);
}

#banner .choose_area_menu .tag p>.desc {
	display: block;
	color: #ddd;
	font-size: 12px;
	line-height: 18px;
	font-weight: 400;
}

#banner .choose_area_menu .product-img {
	display: inline-block;
	width: 30%;
	width: 25%;
	max-width: 95px;
	vertical-align: middle;
}

#banner .content #map_msg {
	position: fixed;
	top: 55px;
	left: 29px;
	z-index: 4;
	background: rgba(5, 151, 148, .9);
	color: #fff;
	border-radius: 6px;
	padding: 8px 20px;
	cursor: pointer;
	box-shadow: 0 2px 0 #fff;
	display: none;
	min-width: 85px;
	text-align: center;
	transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
}

#banner .content #map_msg .pin {
	position: fixed;
	top: 63px;
	left: 0;
	border: solid 11px transparent;
	border-left-color: rgba(5, 151, 148, .9);
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	/* IE 9 */
	-moz-transform: rotate(180deg);
	/* Firefox */
	-webkit-transform: rotate(180deg);
	/* Safari 和 Chrome */
	-o-transform: rotate(180deg);
	/* Opera */
	/* -webkit-animation: map_msg 2s infinite;
	        -moz-animation:    map_msg 2s infinite;
	        -o-animation:      map_msg 2s infinite;
	        animation:         map_msg 2s infinite;  */
}

/* ====== animation ======*/

@-webkit-keyframes map_msg {
	0% {
		right: 70px;
	}
	20% {
		right: 68px;
	}
	40% {
		right: 66px;
	}
	50% {
		right: 65px;
	}
	60% {
		right: 66px;
	}
	80% {
		right: 68px;
	}
	100% {
		right: 69px;
	}
}

@-moz-keyframes map_msg {
	0% {
		right: 70px;
	}
	20% {
		right: 68px;
	}
	40% {
		right: 66px;
	}
	50% {
		right: 65px;
	}
	60% {
		right: 66px;
	}
	80% {
		right: 68px;
	}
	100% {
		right: 69px;
	}
}

@-o-keyframes map_msg {
	0% {
		right: 70px;
	}
	20% {
		right: 68px;
	}
	40% {
		right: 66px;
	}
	50% {
		right: 65px;
	}
	60% {
		right: 66px;
	}
	80% {
		right: 68px;
	}
	100% {
		right: 69px;
	}
}

@keyframes map_msg {
	0% {
		right: 70px;
	}
	20% {
		right: 68px;
	}
	40% {
		right: 66px;
	}
	50% {
		right: 65px;
	}
	60% {
		right: 66px;
	}
	80% {
		right: 68px;
	}
	100% {
		right: 69px;
	}
}

/* -----  入口頁  ----- */

/* each box in details */

.cona-patent .bg {
	background: url(/images/product/cona-patent.jpg) center center;
}

.cona-trophy .bg {
	background: url(/images/product/cona-trophy.jpg) center center;
}

.cona-paper .bg {
	background: url(/images/product/cona-paper.jpg) center center;
}

.cona-sgs .bg {
	background: url(/images/product/cona-sgs.jpg) center center;
}

.cona-mit .bg {
	background: url(/images/product/cona-mit.jpg) left center;
}

.cona-solamargine .bg {
	background: url(/images/product/cona-solamargine.jpg) center center;
}

.cona-product-list .bg {
	background: url(/images/product/cona-product-list.jpg) left 160px center;
}

#banner .content .cona-product-list {
	margin-bottom: 100px;
}

/* each product */

.cona-101-first .bg {
	background: url(/images/product/cona-solamargine.jpg) bottom 100px right -60px;
}

.cona-101-second .bg {
	background: url(/images/product/101-second.jpg) center center;
}

.cona-102-first .bg {
	background: url(/images/product/102-first.jpg) top right -60px;
}

.cona-102-second .bg {
	background: url(/images/product/102-second.jpg) top center;
}

.cona-602-first .bg {
	background: url(/images/product/602-first.jpg) top -100px right -60px;
}

.cona-602-second .bg {
	background: url(/images/product/602-second.jpg) center center;
}

.cona-605-first .bg {
	background: url(/images/product/605-first.jpg) top -120px right -60px;
}

.cona-605-second .bg {
	background: url(/images/product/605-second.jpg) center center;
}

.realbox .product-photo {
	max-width: 280px;
	width: 80%;
}

/* .cona-602-second .realbox{background:#eee;} */

/* scrolling setup - write afrer details setup (Background of each)  */

/* 基本設定 */

.margin .parallax,
.margin .parallax-in-product {
	position: relative;
	opacity: 1;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	text-align: center;
	color: #fff;
	text-shadow: 0px 5px 20px #000;
	min-height: 280px;
	padding: 10% 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.parallax h1,
.parallax-in-product h1 {
	position: absolute;
	top: 23%;
	width: 100%;
	text-align: center;
	font-size: 3.5em;
	font-weight: 700;
	color: #fff;
	text-shadow: 0px 5px 20px #000;
	letter-spacing: 10px
}

.parallax p,
.parallax-in-product p {
	width: 100%;
	font-size: 3.5em;
	font-weight: 700;
	letter-spacing: 10px;
}

.parallax .series-title {
	text-shadow: 0px 5px 20px #000, 1px 1px 0px #1e2963, 2px 2px 0px #1e2963, 3px 3px 0px #1e2963, 4px 4px 0px #1e2963, 5px 5px 0px #1e2963;
	font-size: 4em;
	background: rgba(255, 255, 255, 0.4);
	padding: 1em;
	cursor: pointer;
}

.parallax .series-title:hover {
	background: rgba(255, 255, 255, 0.5);
}

.parallax .img-logo {
	max-width: 280px;
	width: 70%;
	cursor: pointer;
}

.parallax .img-logo:hover {
	opacity: 0.8;
}

.realbox {
	padding: 4em 0 6em;
	text-align: center;
}

.realbox .align-center {
	text-align: center;
}

/*標題*/

.realbox h1 {
	text-align: center;
	color: #1e2963;
	font-weight: 700;
	font-size: 3em;
	line-height: 1.2em;
	display:inline-table;
}

.realbox h2 {
	text-align: center;
	color: #1e2963;
	font-weight: 700;
	font-size: 2em;
	line-height: 1.2em;
	margin: 2em auto 1em;
	width: 85%;
	max-width: 960px;
}

/* ------------- Headline 2 ----------- */

/* ---- 101 -Headline2 */

.realbox h2.blue {
	color: #277EAE;
	font-size: 1.8em;
}

/* ---- 102 -Headline */

.realbox h2.green {
	color: #059794;
	font-size: 1.8em;
}

/* ---- 602 -Headline2 */

.realbox h2.purple-red {
	color: #931D5A;
	font-size: 1.8em;
}

/* ---- 603 -Headline2 */

.realbox h2.purple {
	color: #944E8C;
	font-size: 1.8em;
}

/* ---- 利  -Headline2 */

.realbox h2.orange-light {
	color: #F18229;
	font-size: 1.8em;
}

/* ---- 605 -Headline2 */

.realbox h2.orange {
	color: #DB4A11;
	font-size: 1.8em;
}

/* ---- conchic -Headline2 */

.realbox h2.pink {
	color: #E52F82;
	font-size: 1.8em;
}

.realbox h3 {
	margin: 0;
}

/* ------------- Headline 3 ----------- */

/* ---- 101 -Headline3 */

h3.blue {
	color: #277EAE;
	font-size: 1.2em;
}

/* ---- 102 -Headlin3 */

h3.green {
	color: #059794;
	font-size: 1.2em;
}

/* ---- 602 -Headline3 */

h3.purple-red {
	color: #931D5A;
	font-size: 1.2em;
}

/* ---- 603 -Headline3 */

h3.purple {
	color: #944E8C;
	font-size: 1.2em;
}

/* ---- 利  -Headline3 */

h3.orange-light {
	color: #F18229;
	font-size: 1.2em;
}

/* ---- 605 -Headline3 */

h3.orange {
	color: #DB4A11;
	font-size: 1.2em;
}

/* ---- conchic -Headline3 */

h3.pink {
	color: #E52F82;
	font-size: 1.2em;
}

.zhtw-title-font {
	font-family: "AR Mingti B5 Heavy", Helvetica, "segoe ui", "microsoft jhenghei", "microsoft mhei", Arial Unicode MS, Arial;
}

.serif-title-font {
	font-family: Georgia, serif;
	font-size: 4em;
	letter-spacing: 1px;
	display: inline-block;
	margin-bottom: 0.5em;
	border-bottom: 2px solid #fff;
	position: absolute;
	top: 35%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/*黃水茄*/

.parallax .solanum,
.parallax-in-product .solanum {
	bottom: 30%;
	position: absolute;
	left: 0;
}

.lg-fontsize {
	font-size: 1.5em;
}

/*段落*/

.realbox p {
	padding: 0 10%;
	line-height: 2em;
	margin: 1em auto;
	color: #555;
	max-width: 960px;
}

.realbox p.title {
	padding: 0 20px;
	color: #277EAE;
	font-size: 21px;
	font-weight: 900;
	line-height: 1.5em;
	margin: 1em auto;
}

.realbox p.little-word {
	font-size: 17px;
	color: #666;
}

/*圖片*/

.visible-xs {
	display: none;
}

.visible-lg {
	display: block;
}

.realbox img.ptitle {
	margin: 10px auto 40px;
	display: block;
}

.realbox img.width-8-5 {
	width: 50%;
	max-width: 500px;
}

/*清單*/

.realbox .list-container {
	text-align: left;
	padding-left: 15%;
}

.realbox .list-container ul {
	width: 90%;
	margin: 0 auto;
}

.realbox .list-container ul>li {
	color: #666;
	list-style-type: square;
	font-size: 17px;
	padding-bottom: 2px;
	line-height: 2em;
}

.realbox .list-container .title {
	margin: 1em;
}

/*深綠色*/

.realbox .deep-green {
	color: #059794;
}

/* 各區塊屬性 */

.cona-patent .realbox .content-img {
	max-width: 200px;
	width: 15%;
	margin: 2px 3px;
	cursor: pointer;
}

.cona-trophy .realbox .content-img {
	max-width: 500px;
	width: 80%;
	margin: 0 auto;
	display: block;
}

.cona-paper .realbox .content-img {
	width: 80%;
	max-width: 800px;
}

.cona-mit .realbox .content-img {
	width: 80%;
	max-width: 800px;
}

.cona-solamargine .realbox .content-img {
	width: 80%;
	max-width: 800px;
}

.cona-product-list .realbox .link {
	display: inline-block;
	width: 20%;
	vertical-align: middle;
	font-size: 2em;
	font-weight: 700;
	margin: 0.5%;
}

.cona-product-list .realbox .content-img {
	width: 100%;
	max-width: 280px;
	box-shadow: 0px 2px 15px #ccc;
}

/*國際專利證書*/

.realbox .certificate {
	display: inline-block;
	width: 49.5%;
}

.realbox .certificate:nth-child(odd) {
	text-align: right;
}

.realbox .certificate:nth-child(even) {
	text-align: left;
}

.realbox .certificate img {
	max-width: 135px;
	margin: 10px;
	width: 100%;
	border: 1px solid #ccc;
}

/*國際文獻刊載*/

.realbox .essay img {
	width: 40%;
	max-width: 450px;
}

/*SGS合格證書*/

.realbox .report {
	display: inline-block;
}

.realbox .report img {
	max-width: 130px;
	max-height: 175px;
	margin: 20px 10px;
	border: 1px solid #ccc;
}

.realbox .report-3-jpg {
	width: 45%;
	text-align: right;
}

.realbox .report-2-jpg {
	width: 30%;
	text-align: left;
}

.realbox .report-3-jpg img {
	width: 26%;
}

.realbox .report-2-jpg img {
	width: 40%;
}

/* ---- 101 content ---- */

/* ---- 101 head ---- */

#banner .conahead101 {
	position: relative;
	background: url('/images/product/cona/cona-desc-bg.jpg') no-repeat right bottom;
	background-size: cover;
	height: 100%;
}

#banner .conahead101 .description {
	position: relative;
	height: 100%;
	min-height: 550px;
}

#banner .conahead101 .description .box_conahead101 {
	position: relative;
}

#banner .conahead101 .description .box_conahead101 .cona-101-photo {
	position: absolute;
	width: 270px;
	top: 58px;
	left: 85px;
	z-index: 2;
}

#banner .conahead101 .description .box_conahead101 .desc-padding {
	position: absolute;
	width: 100%;
	padding: 15px 0;
	margin: 0 auto;
	background: rgba(255, 255, 255, 0.6);
	top: 265px;
	z-index: 1;
}

#banner .conahead101 .description .box_conahead101 .desc-padding .ptitle {
	width: 50%;
}

#banner .conahead101 .description .box_conahead101 .desc-padding .saying {
	color: #323537;
	font-size: 15px;
	font-weight: 500;
	width: 52%;
	margin-left: 410px;
	margin-top: 0;
}

#banner .conahead101 .description .box_conahead101 .desc-padding .saying h3 {
	font-size: 17px;
	font-weight: 600;
	color: #323537;
	margin-bottom: 5px;
}

#banner .conahead101 .description .box_conahead101 .desc-padding .cona-101-logo {
	width: 260px;
	position: absolute;
	margin-left: 410px;
	top: -230px;
}

#banner .conahead101 .description .box_conahead101 .desc-padding .cona-603-logo {
	width: 390px;
	top: -150px;
}

/* ---- 101 advertisement ---- */

#banner .conaad101 {
	position: relative;
	background: url('/images/product/cona/cona-desc-bg.jpg') no-repeat center center;
	background-size: cover;
	height: 100%;
}

#banner .conaad101 .description {
	position: relative;
	height: 100%;
}

#banner .conaad101 .description .box_conaad101 {
	position: relative;
}

#banner .conaad101 .description .box_conaad101 .cona-101-photo,
#banner .conaad101 .description .box_conaad101 .cona-101-photo.cona-603-photo {
	position: absolute;
	width: 275px;
	top: 75px;
	left: 100px;
	z-index: 2;
}

#banner .conaad101 .description .box_conaad101 .desc-padding {
	position: absolute;
	width: 100%;
	height: 134px;
	padding: 15px 0;
	margin: 0 auto;
	top: 55px;
	z-index: 1;
}

#banner .conaad101 .description .box_conaad101 .desc-padding .ptitle {
	width: 50%;
}

#banner .conaad101 .description .box_conaad101 .desc-padding .saying {
	position: relative;
	color: #000;
	font-size: 15px;
	font-weight: 500;
	width: 51%;
	margin-left: 400px;
	margin-top: 0;
	background: rgba(255, 255, 255, 0.6);
	padding: 15px;
	border-radius: 4px;
}

#banner .conaad101 .description .box_conaad101 .desc-padding .saying h3 {
	font-size: 21px;
	font-weight: 600;
	color: #277EAE;
	text-shadow: 0px 0px 10px #fff, 1px 1px 2px #fff;
	margin-bottom: 10px;
}

#banner .conaad101 .description .box_conaad101 .desc-padding .saying h3.blue {
	color: #277EAE;
	font-size: 1.2em;
}

#banner .conaad101 .description .box_conaad101 .desc-padding .saying h3.green {
	color: #059794;
	font-size: 1.2em;
}

#banner .conaad101 .description .box_conaad101 .desc-padding .saying h3.purple-red {
	color: #931D5A;
	font-size: 1.2em;
}

#banner .conaad101 .description .box_conaad101 .desc-padding .saying h3.purple {
	color: #944E8C;
	font-size: 1.2em;
}

#banner .conaad101 .description .box_conaad101 .desc-padding .saying h3.orange-light {
	color: #F18229;
	font-size: 1.2em;
}

#banner .conaad101 .description .box_conaad101 .desc-padding .saying h3.orange {
	color: #DB4A11;
	font-size: 1.2em;
}

#banner .conaad101 .description .box_conaad101 .desc-padding .saying h3.pink {
	color: #E52F82;
	font-size: 1.2em;
}

#banner .conaad101 .description .box_conaad101 .desc-padding .saying p {
	font-weight: 600;
	margin-bottom: 10px;
	font-size: 15px;
}

#banner .conaad101 .description .box_conaad101 .desc-padding .saying.t603,
#banner .conaad101 .description .box_conaad101 .desc-padding .saying.t605 {
	top: 100px;
}

#banner .conaad101 .description .box_conaad101 .desc-padding .saying .t602 {
	position: relative;
	color: #931d5a;
	margin-right: 5px;
	font-weight: 700;
}

#banner .conaad101 .description .box_conaad101 .desc-padding .saying .t603 {
	position: relative;
	color: #944e8c;
	margin-right: 5px;
	font-weight: 700;
}

#banner .conaad101 .description .box_conaad101 .desc-padding .saying .t605 {
	position: relative;
	color: #db4a11;
	margin-right: 5px;
	font-weight: 700;
}

#banner .conaad101 .description .box_conaad101 .desc-padding .cona-101-logo {
	max-width: 275px;
	width: 90%;
	position: absolute;
	padding-left: 410px;
	top: -183px;
}

#banner .conaad101 .description .box_conaad101 .desc-padding .cona-603-logo {
	top: 0;
}

#banner .conaad101 .description .box_conaad101 .desc-padding .cona-605-logo {
	width: 200px;
	top: -65px;
}

#banner .conaad101 .description .box_conaad101 .materials {
	position: relative;
	top: 575px;
	text-align: center;
}

#banner .conaad101 .description .box_conaad101 .materials-main-block {
	position: relative;
	display: inline-block;
	width: 13%;
	margin: 0 20px;
	border-radius: 50%;
	line-height: 10px;
}

#banner .conaad101 .description .box_conaad101 .materials-sub-block {
	position: relative;
	display: inline-block;
	width: 9%;
	margin: 0 10px;
	border-radius: 50%;
	line-height: 10px;
}

#banner .conaad101 .materials-main-block:hover,
#banner .conaad101 .materials-sub-block:hover {
	cursor: pointer;
	top: -5px;
	box-shadow: 0px 0px 40px #23a22e;
}

/* ---- 101 desc ---- */

#banner .conadesc101 {
	position: relative;
	background: #fff;
}

#banner .conadesc101 .description {
	position: relative;
}

#banner .conadesc101 .description .box_conadesc101 {
	position: relative;
}

#banner .conadesc101 .description .desc-padding {
	padding: 30px 0;
}

#banner .conadesc101 .description .desc-padding .row {
	text-align: center;
	line-height: 30px;
}

#banner .conadesc101 .description .desc-padding .row .product-box {
	display: inline-block;
	width: 38%;
	margin: 30px 10px;
	vertical-align: top;
}

#banner .conadesc101 .description .desc-padding .row .product-box .photo {
	max-width: 400px;
	width: 100%;
}

#banner .conadesc101 .description .desc-padding .row .product-box .detail {
	text-align: center;
	margin-top: 15px;
}

#banner .conadesc101 .description .desc-padding .row .product-box .detail .name {
	font-size: 21px;
	color: #277EAE;
	font-weight: 700;
}

#banner .conadesc101 .description .desc-padding .row .product-box .detail .name.t602 {
	color: #931d5a;
}

#banner .conadesc101 .description .desc-padding .row .product-box .detail .name.t603 {
	color: #944e8c;
}

#banner .conadesc101 .description .desc-padding .row .product-box .detail .name.t605 {
	color: #db4a11;
}

#banner .conadesc101 .description .desc-padding .row .product-box .detail .location {
	font-size: 15px;
	color: #323537;
	line-height: 25px;
}

#banner .conadesc101 .description .desc-padding .row .product-box .detail .purchase {
	position: relative;
	left: -15px;
	font-size: 15px;
	color: #fff;
	background: green;
	padding: 0 20px;
	border-radius: 15px;
	margin: 5px auto;
	width: 25%;
	text-align: center;
}

#banner .conadesc101 .description .desc-padding .row .product-box .detail a {
	display: none;
}

#banner .conadesc101 .description .desc-padding .row .product-box .detail .purchase:hover {
	cursor: pointer;
}

#banner .conadesc101 .description #ingredient-box {
	background: rgba(0, 0, 0, 0.06);
	line-height: 2em;
	padding: 30px 0 100px 0;
}

#banner .conadesc101 .description .desc-padding .ingredient {
	width: 80%;
	margin: 15px auto;
	text-align: justify;
}

#banner .conadesc101 .description .desc-padding .ingredient .ingredient-box .item,
#banner .conadesc101 .description .desc-padding .ingredient .ingredient-box .detail {
	display: inline-block;
	vertical-align: middle;
	font-size: 17px;
}

#banner .conadesc101 .description .desc-padding .ingredient .ingredient-box .item {
	min-width: 150px;
	width: 100%;
	margin-right: 2%;
	text-align: left;
	font-weight: 700;
}

/*標重點*/

#banner .ingredient .point,
#banner .conaad101 .description .box_conaad101 .desc-padding .saying .title {
	height: 17px;
	width: 17px;
	background: #277EAE;
	display: inline-block;
	border-radius: 50%;
	vertical-align: middle;
	margin-top: -3px;
}

#banner .ingredient .point.blue,
#banner .conaad101 .description .box_conaad101 .desc-padding .saying .title.blue {
	background: #277EAE;
}

#banner .ingredient .point.green,
#banner .conaad101 .description .box_conaad101 .desc-padding .saying .title.green {
	background: #059794;
}

#banner .ingredient .point.purple-red,
#banner .conaad101 .description .box_conaad101 .desc-padding .saying .title.purple-red {
	background: #931D5A;
}

#banner .ingredient .point.purple,
#banner .conaad101 .description .box_conaad101 .desc-padding .saying .title.purple {
	background: #944E8C;
}

#banner .ingredient .point.orange-light,
#banner .conaad101 .description .box_conaad101 .desc-padding .saying .title.orange-light {
	background: #F18229;
}

#banner .ingredient .point.orange,
#banner .conaad101 .description .box_conaad101 .desc-padding .saying .title.orange {
	background: #DB4A11;
}

#banner .ingredient .point.pink,
#banner .conaad101 .description .box_conaad101 .desc-padding .saying .title.pink {
	background: #E52F82;
}

#banner .conadesc101 .description .desc-padding .ingredient .ingredient-box .detail {
	list-style-type: decimal;
}

#banner .conadesc101 .description .desc-padding .ingredient .ingredient-box .detail li {
	font-size: 17px;
	margin-left: 15px;
}

#banner .conadesc101 .description .desc-padding .ingredient .ingredient-box .detail .important {
	color: #dd0000;
	font-size: 17px;
}

#banner .conadesc101 .description .desc-padding .ingredient .ingredient-box #notice {
	margin-top: 6px;
}

/* ---- 603 content ---- */

/* ---- 603 image ---- */

#banner .conaimage603 {
	position: relative;
	background: url('/images/product/cona/cona603-desc-bg.jpg') no-repeat right bottom;
	background-size: cover;
	height: 100%;
}

#banner .conaimage603 .description {
	position: relative;
	height: 100%;
}

#banner .conaimage603 .description .box_conaimage603 {
	position: relative;
}

#banner .conaimage603 .description .box_conaimage603 .product-logo-box {
	position: relative;
	left: 50px;
	width: 30%;
	text-align: center;
	padding-top: 150px;
	padding-bottom: 50px;
	background: rgba(255, 255, 255, 0.6);
}

#banner .conaimage603 .description .box_conaimage603 .logo-box .cona-603-logo {
	width: 80%;
	max-width: 230px;
}

#banner .conaimage603 .description .box_conaimage603 .desc-padding {
	position: absolute;
	width: 100%;
	height: 134px;
	padding: 15px 0;
	margin: 0 auto;
	background: rgba(255, 255, 255, 0.6);
	top: 265px;
	z-index: 1;
}

#banner .conaimage603 .description .box_conaimage603 .desc-padding .ptitle {
	width: 50%;
}

#banner .conaimage603 .description .box_conaimage603 .desc-padding .saying {
	color: #323537;
	font-size: 15px;
	font-weight: 500;
	width: 52%;
	margin-left: 410px;
	margin-top: 0;
	text-align: justify;
}

#banner .conaimage603 .description .box_conaimage603 .desc-padding .saying h3 {
	font-size: 17px;
	font-weight: 600;
	color: #323537;
	margin-bottom: 5px;
}

#banner .conaimage603 .description .box_conaimage603 .desc-padding .cona-101-logo {
	width: 275px;
	position: absolute;
	margin-left: 410px;
	top: -183px;
}

#banner .conaimage603 .description .box_conaimage603 .desc-padding .cona-603-logo {
	width: 390px;
	top: -150px;
}

/* ---- 603 advertisement ---- */

#banner .conaad603 {
	position: relative;
	background: url('/images/product/cona/cona603-desc-bg.jpg') no-repeat center center;
	background-size: cover;
	height: 100%;
	top: 95px;
}

#banner .conaad603 .description {
	position: relative;
	height: 100%;
}

#banner .conaad603 .description .box_conaad603 {
	position: relative;
}

#banner .conaad603 .description .box_conaad603 .desc-padding {
	background: rgba(255, 255, 255, 0.6);
	padding: 35px 0;
}

#banner .conaad603 .description .box_conaad603 .desc-padding .function-box {
	width: 80%;
	text-align: center;
}

#banner .conaad603 .description .box_conaad603 .desc-padding .function-box .function-photo {
	display: inline-block;
	width: 16%;
	margin-right: 3%;
	margin-bottom: 1%;
}

#banner .conaad603 .description .box_conaad603 .desc-padding .function-box .function-photo img {
	width: 70%;
	max-width: 75px;
}

#banner .conaad603 .description .box_conaad603 .desc-padding .function-box .function-text {
	display: inline-block;
	width: 50%;
	text-align: left;
	vertical-align: top;
	font-size: 31px;
	font-weight: 800;
	color: #40210f;
	line-height: 65px;
}

#banner .conaad603 .description .box_conaad603 .cona-101-photo,
#banner .conaad101 .description .box_conaad603 .cona-101-photo.cona-603-photo {
	position: absolute;
	width: 275px;
	top: 75px;
	left: 100px;
	z-index: 2;
}

#banner .conaad101 .description .box_conaad603 .desc-padding {
	position: absolute;
	width: 100%;
	height: 134px;
	padding: 15px 0;
	margin: 0 auto;
	top: 55px;
	z-index: 1;
}

/* ---- 603 head ---- */

#banner .conahead603 {
	position: relative;
	background: -webkit-gradient(linear, top, bottom, from(transparent), to(#E1E668));
	background: -webkit-linear-gradient(top, transparent, #E1E668);
	background: -moz-linear-gradient(top, transparent, #E1E668);
	background: -ms-linear-gradient(top, transparent, #E1E668);
	background: -o-linear-gradient(top, transparent, #E1E668);
	background: linear-gradient(top, transparent, #E1E668);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='transparent', endColorstr='#E1E668');
	height: 100%;
	top: 95px;
}

#banner .conahead603 .description {
	position: relative;
	height: 100%;
}

#banner .conahead603 .description .box_conahead603 {
	position: relative;
}

#banner .conahead603 .description .box_conahead603 .cona-603-photo {
	position: absolute;
	width: 350px;
	top: 0;
	left: 65px;
	z-index: 2;
}

#banner .conahead603 .description .box_conahead603 .desc-padding {
	position: absolute;
	padding: 15px 0;
	margin-left: 170px;
	background: rgba(255, 255, 255, 0.6);
	top: 220px;
	z-index: 1;
}

#banner .conahead603 .description .box_conahead603 .desc-padding .ptitle {
	width: 50%;
}

#banner .conahead603 .description .box_conahead603 .desc-padding .saying {
	color: #323537;
	font-size: 15px;
	font-weight: 500;
	width: 63%;
	height: 114px;
	margin-left: 260px;
	margin-top: 0;
	text-align: justify;
}

#banner .conahead603 .description .box_conahead603 .desc-padding .saying h3 {
	font-size: 17px;
	font-weight: 600;
	color: #323537;
	margin-bottom: 5px;
}

#banner .conahead603 .description .box_conahead603 .desc-padding .cona-101-logo {
	width: 275px;
	position: absolute;
	margin-left: 410px;
	top: -183px;
}

#banner .conahead603 .description .box_conahead603 .desc-padding .cona-603-logo {
	position: absolute;
	width: 390px;
	top: -215px;
	left: 260px;
}

/* ---- 603 desc ---- */

#banner .conadesc603 {
	position: relative;
	background: #fff;
	top: 95px;
}

#banner .conadesc603 .description {
	position: relative;
	background: rgba(0, 0, 0, 0.06);
}

#banner .conadesc603 .description .box_conadesc603 {
	position: relative;
}

#banner .conadesc603 .description .desc-padding {
	padding: 30px 0;
	background: #fff;
}

#banner .conadesc603 .description .desc-padding .row {
	text-align: center;
	line-height: 30px;
}

#banner .conadesc603 .description .desc-padding .row .product-box {
	display: inline-block;
	width: 40%;
	margin: 30px 10px;
	vertical-align: top;
}

#banner .conadesc603 .description .desc-padding .row .product-box .photo {
	max-width: 500px;
	width: 70%;
}

#banner .conadesc603 .description .desc-padding .row .product-box .detail {
	text-align: center;
	padding-left: 20px;
	margin-top: 15px;
}

#banner .conadesc603 .description .desc-padding .row .product-box .detail .name {
	font-size: 21px;
	color: #277EAE;
	font-weight: 700;
}

#banner .conadesc603 .description .desc-padding .row .product-box .detail .name.t603 {
	color: #f18229;
}

#banner .conadesc603 .description .desc-padding .row .product-box .detail .name.t605 {
	color: #db4a11;
}

#banner .conadesc603 .description .desc-padding .row .product-box .detail .location {
	font-size: 15px;
	color: #323537;
	line-height: 25px;
}

#banner .conadesc603 .description .desc-padding .row .product-box .detail .purchase {
	position: relative;
	left: -15px;
	font-size: 15px;
	color: #fff;
	background: green;
	padding: 0 20px;
	border-radius: 15px;
	margin: 5px auto;
	width: 25%;
	text-align: center;
}

#banner .conadesc603 .description .desc-padding .row .product-box .detail a {
	display: none;
}

#banner .conadesc603 .description .desc-padding .row .product-box .detail .purchase:hover {
	cursor: pointer;
}

#banner .conadesc603 .description #ingredient-box {
	background: transparent;
	line-height: 2em;
	padding: 30px 50px;
	margin: 0 auto;
	width: 70%;
	text-align: center;
}

#banner .conadesc603 .description .desc-padding .ingredient {
	display: inline-block;
	width: 40%;
	margin: 15px auto;
	text-align: justify;
	vertical-align: top;
	padding: 20px 0 100px 0;
}

#banner .conadesc603 .description .desc-padding .ingredient .ingredient-box {
	margin-bottom: 15px;
}

#banner .conadesc603 .description .desc-padding .ingredient .ingredient-box .item,
#banner .conadesc101 .description .desc-padding .ingredient .ingredient-box .detail {
	display: inline-block;
	vertical-align: top;
	font-size: 17px;
	margin-bottom: 1em;
}

#banner .conadesc603 .description .desc-padding .ingredient .ingredient-box .item {
	background: #f17f26;
	color: #fff;
	text-align: center;
	min-width: 150px;
	width: 20%;
	letter-spacing: 3px;
}

#banner .conadesc603 .description .desc-padding .ingredient .ingredient-box .item span.point {
	color: #277EAE;
}

#banner .conadesc603 .description .desc-padding .ingredient .ingredient-box .detail {
	width: 100%;
	list-style-type: decimal;
	font-size: 15px;
	line-height: 28px;
	margin-top: 5px;
}

#banner .conadesc603 .description .desc-padding .ingredient .ingredient-box .detail li {
	font-size: 15px;
	margin-left: 15px;
}

#banner .conadesc603 .description .desc-padding .ingredient .ingredient-box .detail .important {
	color: #dd0000;
	font-size: 15px;
}

#banner .conadesc603 .description .desc-padding .ingredient .ingredient-box #notice {
	margin-top: 6px;
}

/* kanpeki product content */

/* kanpekihead */

#banner .kanpekihead {
	position: relative;
	height: 100%;
}

#banner .kanpekihead .description {
	position: relative;
}

#banner .kanpekihead .description .desc-padding {
	background: url('/images/product/kanpeki/kanpeki-desc-bg.png') no-repeat center center;
	background-size: cover;
	width: 100%;
	padding: 0;
	margin: 0 auto;
	text-align: left;
	min-height: 250px;
}

#banner .kanpekihead .description .desc-padding .kanpeki-inline {
	display: inline-block;
	width: 38%;
	text-align: right;
	vertical-align: bottom;
	padding: 0;
	margin: 20px 0 0 20px;
}

#banner .kanpekihead .description .desc-padding .desc {
	text-align: left;
	width: 55%;
	margin: 0;
}

#banner .kanpekihead .description .desc-padding .ptitle {
	width: 100%;
	max-width: 750px;
}

#banner .kanpekihead .description .desc-padding .first {
	margin: 0 0 20px 20px;
}

#banner .kanpekihead .description .desc-padding .saying {
	color: #1e2963;
	text-align: left;
}

#banner .kanpekihead .description .desc-padding .saying h1 {
	font-size: 29px;
	color: #1e2963;
	line-height: 40px;
}

#banner .kanpekihead .description .desc-padding2 {
	position: relative;
	background: #80BF25;
	text-align: left;
	padding: 4.5% 0;
}

#banner .kanpekihead .description .desc-padding2 .head {
	position: relative;
	left: 48%;
	color: #fff;
	line-height: 30px;
	font-weight: 600;
	width: 50%;
	z-index: 3;
	text-shadow: 0px 0px 10px #333;
}

#banner .kanpekihead .description .desc-padding2 .head sup.sup-white {
	color: #fff;
}

#banner .kanpekihead .description .desc-padding2 .product-number {
	position: absolute;
	background: #fff;
	width: 35%;
	height: 340px;
	border-radius: 100%;
	text-align: center;
	color: #80BF25;
	font-size: 230px;
	font-weight: 700;
	bottom: -170px;
	left: -5.5%;
	z-index: 2;
	padding-left: 1.5%;
}

#banner .kanpekihead .description .desc-padding2 .product-photo {
	position: absolute;
	z-index: 2;
	width: 50%;
	left: 12%;
	top: -15%;
	max-width: 600px;
}

#banner .kanpekihead .description .desc-padding2 .product-photo.no1 {
	left: 9.5%;
}

#banner .kanpekihead .description .desc-padding2 .product-name {
	position: absolute;
	left: 48%;
	color: #000;
	font-weight: 600;
	width: 50%;
	z-index: 3;
	bottom: -45%;
	font-size: 31px;
	line-height: 45px;
}

/* Kanpeki desc content */

#banner .kanpekidesc {
	position: relative;
	height: 100%;
}

#banner .kanpekidesc .description {
	position: relative;
	padding-top: 220px;
	background: #fff;
}

#banner .kanpekidesc .description .desc-padding {
	width: 90%;
	padding: 0 15px 20px 15px;
	margin: 0 auto;
	text-align: left;
}

#banner .kanpekidesc .description .desc-padding .kanpeki-inline {
	display: inline-block;
	width: 40%;
	text-align: right;
	vertical-align: bottom;
	padding: 0;
	border-radius: 4px;
}

#banner .kanpekidesc .description .desc-padding .desc {
	background: rgba(255, 255, 255, 0.7);
	text-align: center;
	width: 45%;
}

#banner .kanpekidesc .description .desc-padding .ptitle {
	width: 100%;
	max-width: 440px;
}

#banner .kanpekidesc .description .desc-padding .saying {
	color: #333;
	text-align: justify;
	padding-bottom: 50px;
	border-bottom: 1px solid #C8C9C7;
	margin-top: 0;
}

#banner .kanpekidesc .description .desc-padding .saying h1 {
	font-size: 29px;
	color: #80BF25;
	line-height: 40px;
	margin-top: 35px;
}

#banner .kanpekidesc .description .desc-padding .saying h2 {
	font-size: 19px;
}

#banner .kanpekidesc .description .desc-padding .saying sup {
	color: #333;
}

#banner .kanpekidesc .description .desc-padding .saying sup.sup-green,
#banner .kanpekidesc .description .desc-padding2 .saying sup.sup-green {
	color: #80BF25;
}

#banner .kanpekidesc .description .desc-padding .saying .desc-box {
	text-align: center;
	padding-top: 50px;
}

#banner .kanpekidesc .description .desc-padding .saying .desc-box .photo-box {
	width: 250px;
	height: 250px;
	margin: 0 auto;
	border-radius: 50%;
	background: #80BF25;
}

#banner .kanpekidesc .description .desc-padding .saying .desc-box .photo-box img {
	position: relative;
	width: 100%;
	top: 13px;
	left: 5px;
}

#banner .kanpekidesc .description .desc-padding .saying .desc-box .gold-triangle {
	margin-top: 20px;
	font-size: 41px;
	color: #80BF25;
	line-height: 45px;
}

#banner .kanpekidesc .description .desc-padding .saying .desc-box .gold-triangle2 {
	margin-top: 0;
}

#banner .kanpekidesc .description .desc-padding .saying .desc-box .head {
	font-size: 21px;
	color: #333;
}

#banner .kanpekidesc .description .desc-padding .saying .desc-box .triangle-box {
	display: inline-block;
	height: 200px;
	width: 200px;
	padding-top: 50px;
	background: #80BF25;
	border-radius: 50%;
	box-shadow: 0 8px 0 #555;
	vertical-align: middle;
	box-sizing: border-box;
}

#banner .kanpekidesc .description .desc-padding .saying .desc-box .triangle-box .title {
	color: #fff;
}

#banner .kanpekidesc .description .desc-padding .saying .desc-box .triangle-box .en-edition {
	position: relative;
	font-size: 17px;
	line-height: 22px;
}

#banner .kanpekidesc .description .desc-padding .saying .desc-box .triangle-box .vn {
	font-size: 13px;
	line-height: 23px;
}

#banner .kanpekidesc .description .desc-padding .saying .desc-box .triangle-box .hidden {
	display: none;
}

#banner .kanpekidesc .description .desc-padding .saying .desc-box .divider {
	position: relative;
	font-size: 50px;
	vertical-align: middle;
}

#banner .kanpekidesc .description .desc-padding .ingredient-box {
	text-align: center;
	padding-top: 50px;
}

#banner .kanpekidesc .description .desc-padding .ingredient-box .main-title {
	display: inline-block;
	background: #80BF25;
	color: #fff;
	padding: 10px 20px;
	font-weight: 600;
}

#banner .kanpekidesc .description .desc-padding .ingredient-box .main-ingredient {
	color: #80BF25;
	font-size: 21px;
	margin-top: 10px;
}

#banner .kanpekidesc .description .desc-padding .ingredient-box .main-content {
	line-height: 30px;
	margin: 20px auto 30px auto;
	width: 80%;
	text-align: justify;
}

#banner .kanpekidesc .description .desc-padding .ingredient-box .main-content .step-title {
	color: #80BF25;
	font-weight: 600;
}

#banner .kanpekidesc .description .desc-padding .ingredient-box sup.sup-green {
	color: #80BF25;
}

#banner .kanpekidesc .description .desc-padding2 {
	position: relative;
	background: #80BF25;
	text-align: left;
	padding: 4.5% 0;
}

/*  conchic image */

#banner .conchicimage {
	position: relative;
	background: url('/images/product/conchic/conchic-desc-bg.jpg') no-repeat left top -50px;
	background-size: cover;
	height: 100%;
}

#banner .conchicimage .description {
	position: relative;
	height: 100%;
}

#banner .conchicimage .description .box_conchicimage {
	position: relative;
}

#banner .conchicimage .description .box_conchicimage .product-logo-box {
	position: absolute;
	right: 45px;
	width: 30%;
	text-align: center;
	padding-top: 180px;
	padding-bottom: 50px;
	background: #fff;
}

#banner .conchicimage .description .box_conchicimage .product-logo-box .conchic-logo {
	width: 80%;
	max-width: 230px;
}

/* conchic advertisement */

#banner .conchicad {
	position: relative;
	height: 100%;
	top: 95px;
	background: #fff;
}

#banner .conchicad .description {
	position: relative;
	height: 100%;
	background: url('/images/product/conchic/conchic-desc-bg-2.png') no-repeat center center;
	background-size: 60%;
}

#banner .conchicad .description .box_conchicad {
	position: relative;
}

#banner .conchicad .description .box_conchicad .desc-padding {
	position: relative;
	margin-bottom: 20px;
}

#banner .conchicad .description .box_conchicad .desc-padding .title-box {
	background: rgba(229, 47, 130, 0.4);
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	width: 100%;
}

#banner .conchicad .description .box_conchicad .desc-padding .title-box .adv {
	background: #E52F82;
	color: #fff;
	padding: 15px 50px;
	font-size: 27px;
	width: 80%;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

#banner .conchicad .description .box_conchicad .desc-padding .icon {
	margin: 0 auto;
	margin-top: 6%;
	text-align: center;
}

#banner .conchicad .description .box_conchicad .desc-padding .icon img {
	width: 16%;
	max-width: 200px;
	min-width: 120px;
}

#banner .conchicad .description .box_conchicad .desc-padding .item {
	position: absolute;
	background: url('/images/product/conchic/conchic-desc-item-bg.png') no-repeat center center;
	background-size: 120px;
	width: 30%;
	padding: 20px 0;
}

#banner .conchicad .description .box_conchicad .desc-padding .item1 {
	bottom: -25%;
	left: 8%;
}

#banner .conchicad .description .box_conchicad .desc-padding .item2 {
	bottom: -60%;
	right: 20%;
}

#banner .conchicad .description .box_conchicad .desc-padding .item3 {
	bottom: 4%;
	right: 8%;
}

#banner .conchicad .description .box_conchicad .desc-padding .item .subtitle {
	color: #E52F82;
	font-size: 21px;
	font-weight: 700;
	border-bottom: solid 2px #E52F82;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

#banner .conchicad .description .box_conchicad .desc-padding .item .subcontent {
	text-align: justify;
	font-size: 17px;
}

/* conchic head */

#banner .conchichead {
	position: relative;
	top: 95px;
	background: #fff;
}

#banner .conchichead .description {
	position: relative;
	background: -webkit-gradient(linear, top, bottom, from(#fff), to(#F8FCFB));
	background: -webkit-linear-gradient(top, #fff, #F8FCFB);
	background: -moz-linear-gradient(top, #fff, #F8FCFB);
	background: -ms-linear-gradient(top, #fff, #F8FCFB);
	background: -o-linear-gradient(top, #fff, #F8FCFB);
	background: linear-gradient(top, #fff, #F8FCFB);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#fff', endColorstr='#E1E668');
}

#banner .conchichead .description .box_conchichead {
	position: relative;
	background: url('/images/product/conchic/conchic-desc-bg-3.png') no-repeat right bottom;
	background-size: 60%;
}

#banner .conchichead .description .box_conchichead .desc-padding {
	padding: 30px 0;
}

#banner .conchichead .description .box_conchichead .desc-padding .adv {
	background: #E52F82;
	color: #fff;
	padding: 15px 50px;
	font-size: 27px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

#banner .conchichead .description .box_conchichead .desc-padding .saying {
	display: inline-block;
	padding: 10px 100px 10px 25px;
	border: solid 1px #E52F82;
	margin: 3% auto 0 5%;
}

#banner .conchichead .description .box_conchichead .desc-padding .saying li {
	list-style-type: square;
	color: #E52F82;
	margin: 0 25px;
}

#banner .conchichead .description .box_conchichead .desc-padding .photo {
	display: block;
	width: 120px;
	position: relative;
	left: 8%;
	top: 20px;
	margin-bottom: 10px;
}

#banner .conchichead .description .box_conchichead .desc-padding .conchic-slogan {
	position: absolute;
	right: 4%;
	top: 60px;
	background: #4bbce2;
	color: #fff;
	padding: 10px 20px;
	font-size: 25px;
	box-shadow: 0 0 15px #E52F82;
	border-radius: 5px;
	width: 300px;
}

#banner .conchicdesc .description .desc-padding .ingredient .ingredient-box .detail {
	width: 68%;
}

/* conchic desc*/

#banner .conchicdesc {
	position: relative;
	background: #fff;
	top: 95px;
	margin-bottom: 50px;
}

#banner .conchicdesc .description {
	position: relative;
}

#banner .conchicdesc .description .box_conadesc101 {
	position: relative;
}

#banner .conchicdesc .description .desc-padding {
	padding: 30px 0;
}

#banner .conchicdesc .description .desc-padding .row {
	text-align: center;
	line-height: 30px;
}

#banner .conchicdesc .description .desc-padding .row .product-box {
	display: inline-block;
	width: 60%;
	margin: 30px 10px;
	vertical-align: top;
}

#banner .conchicdesc .description .desc-padding .row .product-box .photo {
	max-width: 500px;
	width: 100%;
}

#banner .conchicdesc .description .desc-padding .row .product-box .detail {
	text-align: center;
	padding-left: 20px;
	margin-top: 15px;
}

#banner .conchicdesc .description .desc-padding .row .product-box .detail .name {
	font-size: 21px;
	color: #E52F82;
	font-weight: 700;
}

#banner .conchicdesc .description .desc-padding .row .product-box .detail .location {
	font-size: 15px;
	color: #323537;
	line-height: 25px;
}

#banner .conchicdesc .description .desc-padding .row .product-box .detail .purchase {
	position: relative;
	left: -15px;
	font-size: 15px;
	color: #fff;
	background: green;
	padding: 0 20px;
	border-radius: 15px;
	margin: 5px auto;
	width: 25%;
	text-align: center;
}

#banner .conchicdesc .description .desc-padding .row .product-box .detail a {
	display: none;
}

#banner .conchicdesc .description .desc-padding .row .product-box .detail .purchase:hover {
	cursor: pointer;
}

#banner .conchicdesc .description .gotocal-box {
	margin: 55px auto 20px;
	position: relative;
}

#banner .conchicdesc .description .gotocal {
	background: #E52F82;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	line-height: 31px;
	width: 70%;
	padding: 15px;
	box-sizing: border-box;
	cursor: pointer;
	border-radius: 5px;
	margin: 0 auto;
	min-width: 280px;
}

#banner .conchicdesc .description .gotocal-word {
	margin-top: 20px;
	color: #E52F82;
	font-size: 21px;
	font-weight: 700;
	cursor: pointer;
	min-height: 150px;
}

#banner .conchicdesc .description #ingredient-box {
	background: rgba(0, 0, 0, 0.06);
	line-height: 2em;
	padding: 30px 0 100px 0;
}

#banner .conchicdesc .description .desc-padding .ingredient {
	width: 80%;
	margin: 15px auto;
}

#banner .conchicdesc .description .desc-padding .ingredient .title {
	color: #E52F82;
}

#banner .conchicdesc .description .desc-padding .ingredient .ingredient-box .item,
#banner .conchicdesc .description .desc-padding .ingredient .ingredient-box .detail {
	display: inline-block;
	vertical-align: top;
	font-size: 17px;
}

#banner .conchicdesc .description .desc-padding .ingredient .ingredient-box .item {
	min-width: 150px;
	margin-right: 2%;
	margin-top: 10px;
}

#banner .conchicdesc .description .desc-padding .ingredient .ingredient-box .item span.point {
	color: #E52F82;
}

#banner .conchicdesc .description .desc-padding .ingredient .ingredient-box .detail {
	width: 100%;
	list-style-type: decimal;
}

#banner .conchicdesc .description .desc-padding .ingredient .ingredient-box .detail li {
	font-size: 17px;
	margin-left: 15px;
}

#banner .conchicdesc .description .desc-padding .ingredient .ingredient-box .detail .important {
	color: #dd0000;
	font-size: 17px;
}

#banner .calculator {
	top: 95px;
	position: relative;
}

#banner .calculator .description {
	position: relative;
	padding-bottom: 100px;
	background: -webkit-gradient(linear, top, bottom, from(#fff), to(#F8FCFB));
	background: -webkit-linear-gradient(top, #fff, #F8FCFB);
	background: -moz-linear-gradient(top, #fff, #F8FCFB);
	background: -ms-linear-gradient(top, #fff, #F8FCFB);
	background: -o-linear-gradient(top, #fff, #F8FCFB);
	background: linear-gradient(top, #fff, #F8FCFB);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#fff', endColorstr='#E1E668');
}

#banner .calculator .description .desc-padding .adv {
	background: #E52F82;
	color: #fff;
	padding: 15px 50px;
	font-size: 27px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

#banner .calculator .description .desc-padding .inline-block {
	display: inline-block;
	width: 49%;
	padding: 40px 50px;
	box-sizing: border-box;
	vertical-align: top;
}

#banner .calculator .description .desc-padding form {
	margin: 0 auto;
}

#banner .calculator .description .desc-padding .lineheight {
	position: relative;
	line-height: 30px;
	margin-bottom: 10px;
}

#banner .calculator .description .desc-padding .submit-btn {
	background: #ddd;
	width: 90%;
	border: none;
	padding: 20px;
	border-radius: 5px;
	cursor: pointer;
	font-weight: 700;
	-webkit-appearance: none;
	font-size: 19px;
	font-family: inherit;
}

#banner .calculator .description .desc-padding .submit-btn:hover {
	background: #277EAE;
}

#banner .calculator .description label.tag {
	position: absolute;
	left: 10px;
	top: 17px;
	color: #666;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

#banner .calculator .description input[data-empty="false"],
#banner .calculator .description input:valid,
#banner .calculator .description input[type=number]:focus {
	padding: 30px 10px 12px;
}

#banner .calculator .description input[type=text],
#banner .calculator .description input[type=number] {
	padding: 30px 10px 12px;
	font-size: 18px;
	font-weight: 700;
	color: #666;
	box-sizing: border-box;
	width: 90%;
	min-width: 200px;
	border-radius: 5px;
	border: 1px solid #ccc;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#banner .calculator .description select {
	padding: 17px 7px 20px;
	color: #666;
	box-sizing: border-box;
	width: 90%;
	min-width: 200px;
	border-radius: 5px;
	border: 1px solid #ccc;
	-webkit-appearance: none;
	font-size: 17px;
	font-family: inherit;
}

#banner .calculator .description input:focus {
	outline: 0;
}

#banner .calculator .description input[data-empty="false"]+label.tag,
#banner .calculator .description input[type=number]:valid+label.tag,
#banner .calculator .description input[type=number]:focus+label.tag {
	color: #E52F82;
	font-weight: 700;
	font-size: 12px;
	-webkit-transform: translate3d(0, -10px, 0);
	transform: translate3d(0, -10px, 0);
}

#banner .calculator .description select:hover,
#banner .calculator .description input[type=text]:hover,
#banner .calculator .description input[type=number]:hover,
#banner .calculator .description input[type=text]:focus,
#banner .calculator .description input[type=number]:focus {
	background: rgba(252, 232, 241, 0.4);
	border: 1px solid #999
}

#banner .calculator .description .desc-padding .sex-btn {
	padding: 12px 23px;
	background: #eee;
	position: relative;
	top: 30px;
	box-shadow: 0px 3px 0px #ccc;
	cursor: pointer;
	border-radius: 4px;
}

#banner .calculator .description .desc-padding input[type=radio] {
	width: 0;
	height: 0;
	opacity: 0;
	visibility: hidden;
	margin-bottom: 25px;
	display: none;
}

input.sex-btn+label {
	padding: 15px 35px;
	background: #ccc;
	box-shadow: 0px 3px 0px #666;
	position: relative;
	margin: 6px 0;
	border-radius: 5px;
	cursor: pointer;
	display: inline-block;
	box-sizing: border-box;
	display: -moz-inline-stack;
	vertical-align: baseline;
}

input.sex-btn:checked+label.male {
	color: #fff;
	background: #277EAE;
	box-shadow: 0px 3px 0px #014274;
	text-shadow: 0px 0px 2px #666;
}

input.sex-btn:checked+label.female {
	color: #fff;
	background: #E52F82;
	box-shadow: 0px 3px 0px #a2054c;
	text-shadow: 0px 0px 2px #666;
}

#banner .calculator .description .desc-padding .result {
	text-align: center;
	font-weight: 700;
}

#banner .calculator .description .desc-padding .big-name {
	font-weight: 800;
	color: #fff;
	background: #E52F82;
	max-width: 300px;
	padding: 9px;
	border-radius: 5px;
	margin: 5px auto 20px;
	font-size: 31px;
	box-shadow: 0px 3px 0px #a2054c;
	text-shadow: 0px 0px 2px #666;
}

#banner .calculator .description .desc-padding .result .name {
	margin-bottom: 15px;
}

#banner .calculator .description .desc-padding .result .data {
	color: #e52f82;
	font-size: 60px;
}

/* #banner end */

/* #tne_form */

#tne_form_bg {
	position: fixed;
	width: 100%;
	background: rgba(255, 255, 255, 0.65);
	z-index: 1000;
	top: 0;
	height: 700px;
	display: none;
}

#tne_form_box {
	position: absolute;
	position: fixed;
	top: 100px;
	z-index: 100;
	background: rgba(0, 0, 0, 0.75);
	padding: 35px 10px;
	overflow: auto;
	border-radius: 7px;
	width: 70%;
	left: 15%;
	height: 450px;
	z-index: 1001;
	max-height: 960px;
	max-width: 1280px;
	-webkit-overflow-scrolling: touch;
	display: none;
}

#tne_form_box #closeformbtn {
	position: absolute;
	right: 5%;
	top: 30px;
	color: #fff;
	font-size: 21px;
	cursor: pointer;
	background-color: red;
	border-radius: 50%;
	width: 45px;
	height: 45px;
	text-align: center;
	line-height: 43px;
	padding-right: 1px;
}

#tne_form_box .form-title {
	color: #fff;
	text-align: center;
	margin-bottom: 20px;
	font-size: 23px;
	font-weight: 800;
	letter-spacing: 2px;
}

#tne_form_box #tne_form {
	border-top: 1px solid #fff;
	padding: 35px 0;
}

i.glyphicon {
	font-family: 'Glyphicons Halflings';
	display: inline;
	font-style: normal;
	position: relative;
	top: 1px;
	color: #fff;
}

i.fontawesome {
	font-family: 'FontAwesome';
	display: inline;
	font-style: normal;
	position: relative;
	top: 1px;
}

i.top {
	font-size: 21px;
	color: #FFF;
}

i.out {
	font-size: 15px;
	color: #045099;
	text-shadow: 0px 0px 7px #fff;
}

i.out:hover {
	color: #666;
}

i.submenuout {
	font-size: 15px;
	color: #fff;
}

i.out:before,
i.submenuout:before {
	content: "\f08e";
}

i.mm {
	font-size: 16px;
	margin: 0 12px;
	font-weight: 500;
}

i.buyit {
	position: relative;
	top: -1px;
	font-size: 15px;
	color: #fff;
	margin-right: 5px;
}

i.buyit:before {
	content: "\f07a";
}

i.check {
	font-size: 33px;
	margin: 0 20px;
	color: #40210f;
}

i.check:before {
	content: "\f00c";
}

i.double-down {
	display: inline-block;
	color: #999;
	font-size: 25px;
	animation-duration: 1s;
	animation-name: slidein;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

i.double-down:before {
	content: "\f103";
}

i.warning {
	color: gold;
	margin: 10px;
	font-size: 20px;
	text-shadow: 0px 0px 4px #5d4302;
}

i.warning:before {
	content: "\f071";
}

i.lb {
	position: absolute;
	opacity: 0.5;
	top: 0;
	font-size: 48px;
	padding: 0;
	left: 3%;
	height: 100px;
	line-height: 100px;
}

i.rb {
	position: absolute;
	opacity: 0.5;
	top: 0;
	font-size: 48px;
	padding: 0;
	right: 3%;
	height: 100px;
	line-height: 100px;
}

i.lb:hover,
i.rb:hover {
	opacity: 0.9;
	cursor: pointer;
}

i.male,
i.female {
	color: #fff;
	margin-right: 7px;
	position: relative;
	top: 0px;
	text-shadow: 0px 0px 5px #333;
}

i.male:before {
	content: "\f183";
}

i.female:before {
	content: "\f182";
}

/* menu */

i.dropdown {
	color: #fff;
	margin-left: 5px;
	top: -1px;
}

i.dropdown:before {
	content: "\f107";
}

i.team {
	color: #fff;
	font-weight: 500;
}

i.team:before {
	content: "\f0c0"
}

/* form */

i.minform {
	color: #fff;
	top: -1px;
}

i.footform {
	color: #C8C9C7;
	top: -1px;
	margin: 0 5px;
}

i.footform:before,
i.minform:before {
	content: "\f0e0";
}

@-webkit-keyframes slidein {
	from {
		padding-top: 10px;
	}
	to {
		padding-top: 20px;
	}
}

@-moz-keyframes slidein {
	from {
		padding-top: 10px;
	}
	to {
		padding-top: 20px;
	}
}

@keyframes slidein {
	from {
		padding-top: 10px;
	}
	to {
		padding-top: 20px;
	}
}

@media only screen and (min-width:900px) and (max-width:1150px) {
	/* #banner start */
	/* new cona product 2018 */
	.margin .parallax {
		min-height: 200px;
	}
	.parallax p,
	.parallax-in-product p {
		font-size: 3em;
	}
	.serif-title-font {
		font-size: 3em;
	}
	.realbox h1 {
		font-size: 2.5em;
	}
	.cona-patent .realbox .content-img {
		width: 17%;
	}
	.realbox .certificate img {
		max-width: 120px;
	}
	.realbox .essay img {
		max-width: 260px;
	}
	.cona-paper .realbox .content-img {
		max-width: 600px;
	}
	.realbox .report-2-jpg img {
		width: 38%;
	}
	.realbox .report-3-jpg img {
		width: 25%;
	}
	.realbox .report img {
		margin: 15px 5px;
	}
	/* cona image */
	#banner .hero {
		width: 220px;
	}
	#banner .hero .tag p {
		font-size: 15px;
	}
	#banner .hero .title p {
		font-size: 17px;
	}
	#banner .hero .title p img {
		width: 196px;
	}
	#banner .hero .hero-container {
		margin: 45px auto;
	}
	#banner .content {
		margin-left: 220px;
	}
	#banner .conaimages2 .non-covered,
	#banner .conaimages2 .date,
	#banner .conaimages2 .events {
		width: 90%;
	}
	#banner .conaimages1 .description .desc-padding {
		padding: 6% 15px;
	}
	#banner .conaimages2 .description .desc-padding {
		padding: 6% 15px;
	}
	#banner .conaimages3 .description .desc-padding {
		padding: 6% 15px;
	}
	#banner .conaimages4 .description .desc-padding {
		padding: 6% 15px;
	}
	#banner .conaimages1 .description {
		position: relative;
	}
	#banner .proof .description .paragraph .trophy img {
		width: 120px;
		margin: 11px;
	}
	/* kanpeki image */
	#banner .kanpekiimages1 .description .desc-padding,
	#banner .kanpekiimages2 .description .desc-padding {
		left: -12%;
	}
	#banner .kanpekiimages1 .description .desc-padding .saying,
	#banner .kanpekiimages2 .description .desc-padding .saying {
		width: 48%;
	}
	#banner .kanpekiimages1 .description .desc-padding .saying h1 {
		font-size: 21px;
	}
	#banner .kanpekiimages3 .description .desc-padding {
		width: 90%;
	}
	#banner .kanpekiimages3 .description .desc-padding .kanpeki-inline {
		width: 44%;
		padding: 20px 15px;
	}
	#banner .kanpekiimages3 .description .desc-padding .ptitle {
		width: 80%;
		max-width: 250px;
	}
	#banner .kanpeki_product_link {
		width: 93%;
	}
	#banner .kanpeki_product_link .description .link-box .link {
		width: 24%;
	}
	/* cona 101 */
	#banner .conahead101 .description .box_conahead101 .cona-101-photo {
		width: 210px;
		top: 54px;
		left: 50px;
	}
	#banner .conahead101 .description .box_conahead101 .desc-padding .cona-101-logo {
		width: 200px;
		margin-left: 300px;
		top: -180px;
	}
	#banner .conahead101 .description .box_conahead101 .desc-padding .cona-603-logo {
		width: 250px;
		top: -100px;
	}
	#banner .conahead101 .description .box_conahead101 .desc-padding {
		top: 200px;
	}
	#banner .conahead101 .description .box_conahead101 .desc-padding .saying {
		margin-left: 300px;
	}
	#banner .conaad101 .description .box_conaad101 .cona-101-photo {
		width: 200px;
		left: 60px;
		top: 40px;
	}
	#banner .conaad101 .description .box_conaad101 .cona-101-photo.cona-603-photo {
		width: 170px;
		left: 60px;
		top: 170px;
	}
	#banner .conaad101 .description .box_conaad101 .desc-padding .saying {
		margin-left: 278px;
		top: -30px;
	}
	#banner .conaad101 .description .box_conaad101 .desc-padding .cona-603-logo {
		width: 250px;
		padding-left: 280px;
	}
	#banner .conaad101 .description .box_conaad101 .desc-padding .cona-605-logo {
		top: -40px;
		width: 200px;
		padding-left: 280px;
	}
	#banner .conaad101 .description .box_conaad101 .materials {
		top: 650px;
	}
	#banner .conaad101 .description .box_conaad101 .materials-sub-block {
		width: 8%;
	}
	#banner .conaad101 .description .box_conaad101 .materials-main-block {
		width: 11%;
	}
	#banner .conadesc101 .description .desc-padding .row .product-box {
		min-width: 300px;
		width: 45%;
		margin: 30px 10px;
	}
	#banner .conadesc101 .description .desc-padding .row .product-box .photo {
		width: 80%;
	}
	#banner .conadesc101 .description .desc-padding .ingredient {
		width: 88%;
	}
	#banner .conadesc101 .description .desc-padding .ingredient .ingredient-box .detail {
		width: 100%;
	}
	/* Cona 603 */
	#banner .conaimage603 .description .box_conaimage603 .product-logo-box {
		width: 45%;
	}
	#banner .conahead603 .description .box_conahead603 .cona-603-photo {
		width: 340px;
		top: 47px;
		left: -25px;
	}
	#banner .conahead603 .description .box_conahead603 .desc-padding .cona-603-logo {
		width: 300px;
		top: -170px;
		left: 160px;
	}
	#banner .conahead603 .description .box_conahead603 .desc-padding .saying {
		height: 150px;
		margin-left: 160px;
		margin-top: 0;
	}
	#banner .conadesc603 .description #ingredient-box {
		width: 80%;
	}
	#banner .conadesc603 .description .desc-padding .ingredient {
		width: 48%;
	}
	/* kanpeki No.0 */
	#banner .kanpekihead .description .desc-padding2 .head {
		left: 47%;
		line-height: 30px;
	}
	#banner .kanpekihead .description .desc-padding2 .product-number {
		height: 300px;
		bottom: -160px;
		left: -42px;
	}
	#banner .kanpekihead .description .desc-padding2 .product-photo {
		width: 58%;
		left: 7%;
		top: 20%;
		max-width: 450px;
	}
	#banner .kanpekihead .description .desc-padding2 .product-photo.no1 {
		left: 5%;
	}
	#banner .kanpekihead .description .desc-padding2 .product-name {
		left: 47%;
		bottom: -105px;
		line-height: 40px;
		font-size: 27px;
	}
	#banner .kanpekidesc .description .desc-padding .saying .desc-box .photo-box {
		width: 230px;
		height: 230px;
	}
	#banner .kanpekidesc .description .desc-padding .saying .desc-box .triangle-box {
		width: 150px;
		height: 150px;
		padding-top: 25px;
		box-shadow: 0 5px 0 #555;
	}
	#banner .kanpekidesc .description .desc-padding .saying .desc-box .gold-triangle {
		font-size: 37px;
	}
	#banner .kanpekidesc .description .desc-padding .saying .desc-box .head {
		font-size: 19px;
	}
	#banner .kanpekidesc .description .desc-padding .saying .desc-box .triangle-box .title {
		font-size: 19px;
		width: 90%;
		margin: 5px auto;
	}
	#banner .kanpekidesc .description .desc-padding .saying .desc-box .triangle-box .en-edition {
		top: 5px;
		font-size: 14px;
		line-height: 18px;
		width: 90%;
		margin: 5px auto;
	}
	#banner .kanpekidesc .description .desc-padding .saying h1 {
		font-size: 25px;
	}
	#banner .kanpekidesc .description .desc-padding .saying h2 {
		font-size: 17px;
	}
	#banner .kanpekidesc .description .desc-padding .ingredient-box .main-content {
		width: 90%;
	}
	/* conchic */
	#banner .conchicimage {
		background-position: left top;
	}
	#banner .conchicimage .description .box_conchicimage .product-logo-box {
		width: 35%;
		right: 35px;
	}
	#banner .conchicad .description {
		background-position: top 55% center;
		background-size: 70%;
	}
	#banner .conchicad .description .box_conchicad .desc-padding .title-box .adv {
		font-size: 21px;
	}
	#banner .conchicad .description .box_conchicad .desc-padding .icon {
		margin-top: 12%;
	}
	#banner .conchicad .description .box_conchicad .desc-padding .icon img {
		width: 18%;
	}
	#banner .conchicad .description .box_conchicad .desc-padding .item {
		width: 36%;
	}
	#banner .conchicad .description .box_conchicad .desc-padding .item1 {
		bottom: -30%;
		left: 3%;
	}
	#banner .conchicad .description .box_conchicad .desc-padding .item2 {
		bottom: -70%;
		right: 24%;
	}
	#banner .conchicad .description .box_conchicad .desc-padding .item3 {
		bottom: -2%;
		right: 3%;
	}
	#banner .conchicad .description .box_conchicad .desc-padding .item .subtitle {
		font-size: 19px;
	}
	#banner .conchichead .description .box_conchichead {
		background-size: 80%;
	}
	#banner .conchichead .description .box_conchichead .desc-padding .adv {
		font-size: 21px;
	}
	#banner .conchichead .description .box_conchichead .desc-padding .conchic-slogan {
		font-size: 21px;
	}
	#banner .conchichead .description .box_conchichead .desc-padding .photo {
		width: 100px;
	}
	#banner .calculator .description .desc-padding .inline-block:first-child {
		width: 60%;
	}
	#banner .calculator .description .desc-padding .inline-block:last-child {
		width: 39%;
	}
	#banner .calculator .description input[type=text],
	#banner .calculator .description input[type=number],
	#banner .calculator .description select,
	#banner .calculator .description .desc-padding .submit-btn {
		width: 100%;
	}
}

@media only screen and (min-width:150px) and (max-width:899px) {
	/* #banner start */
	/* new cona product 2018 */
	#banner .content .margin:first-child {
		padding-top: 45px;
	}
	.margin .parallax,
	.margin .parallax-in-product {
		min-height: 0px;
		background-attachment: scroll;
		max-height: 0px;
		padding: 0;
	}
	.parallax .series-title {
		padding: 1em 0;
		font-size: 3em;
		position: absolute;
		margin-top: 150px;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.parallax p {
		letter-spacing: 5px;
		font-size: 2em;
	}
	.parallax-in-product p {
		letter-spacing: 5px;
		font-size: 1.8em;
	}
	.parallax .img-logo {
		padding-top: 16%;
		max-width: 220px;
	}
	.serif-title-font {
		font-size: 2em;
		position: absolute;
		margin-top: 21%;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	/*黃水茄標題*/
	.parallax .solanum,
	.parallax-in-product .solanum {
		position: absolute;
		margin-top: 35%;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.realbox {
		padding: 2em 0;
	}
	.realbox h1 {
		font-size: 2em;
	}
	.realbox h2 {
		margin: 2em auto 0.5em;
	}
	.realbox h2.blue {
		font-size: 1.6em;
	}
	.realbox p {
		padding: 0 2.5%;
	}
	.visible-xs {
		display: block;
		line-height: 0.4em;
	}
	.visible-lg {
		display: none;
	}
	.margin .picture {
		max-width: 100%;
	}
	.cona-patent .realbox .content-img {
		max-width: 150px;
		width: 25%;
	}
	.cona-paper .realbox .content-img {
		width: 90%;
	}
	.realbox .list-container {
		padding-left: 0;
	}
	.realbox .list-container ul {
		width: 80%;
	}
	.realbox .certificate {
		width: 48%;
	}
	.realbox .report-3-jpg,
	.realbox .report-2-jpg {
		width: 100%;
		text-align: center;
	}
	.realbox .report-3-jpg img,
	.realbox .report-2-jpg img {
		width: 25%;
	}
	.realbox .report img {
		margin: 10px;
	}
	.cona-product-list .realbox .link {
		width: 35%;
	}
	.cona-mit .bg,
	.cona-solamargine .bg {
		background-position: top -15px center;
	}
	.cona-solamargine .bg {
		display: block;
	}
	.cona-product-list .bg {
		background-position: bottom 20% center;
	}
	.cona-101-first .bg {
		background-position: center center;
	}
	/* product list in mobile */
	#banner .choose_area_menu {
		top: 45px;
	}
	#banner .content .cona-product-list {
		margin-bottom: 80px;
	}
	#banner .hero {
		display: none;
	}
	#banner .content {
		margin: 0;
	}
	#banner .content #conaimages1.margin {
		padding-top: 45px;
	}
	#banner span.show {
		display: inline;
	}
	#banner span.hidden {
		display: none;
	}
	/* conaimages1 */
	#banner .conaimages1 .description .desc-padding {
		padding: 6% 10px;
	}
	#banner .description .desc-padding .ptitle {
		width: 85%;
		font-family: "AR Mingti B5 Heavy", sans-serif;
	}
	/* conaimages2 */
	#banner .conaimages2 .description .desc-padding {
		padding: 6% 10px;
	}
	#banner .conaimages2 .description .desc-padding .ptitle {
		width: 42.5%;
	}
	#banner .conaimages2 .description .desc-padding .ptitle.en {
		width: 70%;
	}
	/* conaimages3 */
	#banner .conaimages3 .description .desc-padding {
		padding: 6% 10px;
	}
	#banner .conaimages3 .description .desc-padding .ptitle {
		width: 85%;
	}
	/* conaimages4 */
	#banner .conaimages4 .description .desc-padding {
		padding: 6% 10px;
	}
	#banner .conaimages4 .description .desc-padding .ptitle {
		width: 85%;
	}
	#banner .conaimages4 .description .solamargine {
		width: 15%;
		right: 3%;
		top: -8%;
	}
	#banner .cona_product_link .description .link-box .link {
		margin: 5px 10px;
		width: 40%;
	}
	#banner .description .patent-box .patent-desc {
		font-size: 14px;
	}
	#banner .description .patent-box .patent-desc .point {
		font-size: 17px;
		margin: 0 2px;
	}
	#banner .proof .description .paragraph {
		text-align: center;
	}
	#banner .proof .description .paragraph .trophy {
		padding-bottom: 25px;
	}
	#banner .proof .description .paragraph .trophy img {
		width: 110px;
		margin: 10px;
	}
	#banner .proof .description .sgs-box img {
		min-width: 280px;
	}
	/* kanpeki image */
	#banner .content #conaimages1.margin,
	#banner .content #kanpekiimages1.margin,
	#banner .content #kanpekihead.margin {
		padding-top: 45px;
	}
	#banner .kanpekiimages1,
	#banner .kanpekiimages2 {
		height: auto;
		background: none;
	}
	#banner .kanpekiimages1 .description,
	#banner .kanpekiimages2 .description {
		padding-top: 20px;
	}
	#banner .kanpekiimages1 .description .desc-padding,
	#banner .kanpekiimages2 .description .desc-padding {
		width: 100%;
		left: 0;
		text-align: center;
		background: rgba(0, 0, 0, 0.005);
	}
	#banner .kanpekiimages1 .description .desc-padding .ptitle,
	#banner .kanpekiimages1 .description .desc-padding .saying,
	#banner .kanpekiimages2 .description .desc-padding .ptitle,
	#banner .kanpekiimages2 .description .desc-padding .saying {
		width: 90%;
		max-width: 500px;
		margin: 15px auto;
		text-align: left;
	}
	#banner .kanpekiimages1 .description .desc-padding .ptitle.en,
	#banner .kanpekiimages1 .description .desc-padding .saying.en {
		top: 0px;
	}
	#banner .kanpekiimages2 .description .desc-padding .ptitle.en {
		width: 95%;
	}
	#banner .kanpekiimages1 .description .desc-padding .product-image,
	#banner .kanpekiimages2 .description .desc-padding .product-image {
		display: block;
	}
	#banner .kanpekiimages3 .description .desc-padding {
		padding: 4% 0;
	}
	#banner .kanpekiimages3 .description .desc-padding .kanpeki-inline {
		display: block;
		width: 100%;
		padding: 20px 0;
	}
	#banner .kanpekiimages3 .description .desc-padding .desc {
		background: transparent;
	}
	#banner .kanpekiimages3 .description .desc-padding .saying h1 {
		font-size: 21px;
	}
	#banner .kanpeki_product_link .product-list {
		letter-spacing: 3px;
	}
	#banner .kanpeki_product_link .description .link-box .link {
		width: 46%;
		max-width: 200px;
	}
	#banner .kanpeki_product_link .description .link-box .link .link-layer {
		padding: 70px 0;
	}
	/* 101 */
	#banner .content .margin#conadesc101 {
		top: 0;
	}
	#banner .conahead101 .description .box_conahead101 {
		text-align: center;
	}
	#banner .conahead101 .description .box_conahead101 .cona-101-photo {
		position: relative;
		width: 70%;
		max-width: 300px;
		top: 0;
		left: 0;
		margin: 0 auto;
	}
	#banner .conahead101 .description .box_conahead101 .desc-padding {
		top: 430px;
	}
	#banner .conahead101 .description .box_conahead101 .desc-padding .cona-101-logo {
		display: none;
	}
	#banner .conahead101 .description .box_conahead101 .desc-padding .saying {
		width: 94%;
		margin-left: 3%;
		margin-top: 0;
	}
	#banner .conaad101 .description .box_conaad101 {
		text-align: center;
	}
	#banner .conaad101 .description .box_conaad101 .cona-101-photo {
		position: relative;
		width: 70%;
		max-width: 300px;
		top: 0;
		left: 0;
	}
	#banner .conaad101 .description .box_conaad101 .cona-101-photo.cona-603-photo {
		position: relative;
		width: 50%;
		margin: 150px auto 0 auto;
		left: 0;
		top: 0;
	}
	#banner .conaad101 .description .box_conaad101 .cona-101-photo.cona-605-photo {
		position: relative;
		width: 50%;
		margin: 225px auto 0 auto;
		left: 0;
		top: 0;
	}
	#banner .conaad101 .description .box_conaad101 .desc-padding .saying {
		width: 100%;
		margin: 80% 0 0 0;
		padding: 25px 0;
	}
	#banner .conaad101 .description .box_conaad101 .desc-padding .saying h3,
	#banner .conaad101 .description .box_conaad101 .desc-padding .saying p {
		padding: 0 15px;
	}
	#banner .conaad101 .description .box_conaad101 .desc-padding .saying.t603,
	#banner .conaad101 .description .box_conaad101 .desc-padding .saying.t605 {
		margin-top: 55%;
		top: 0;
		padding: 10px 0;
	}
	#banner .conaad101 .description .box_conaad101 .desc-padding .cona-603-logo,
	#banner .conaad101 .description .box_conaad101 .desc-padding .cona-605-logo {
		position: relative;
		top: -50px;
		padding: 0;
	}
	#banner .conaad101 .description .box_conaad101 .materials {
		top: 0;
		margin-top: 30px;
	}
	#banner .conaad101 .description .box_conaad101 .materials-sub-block {
		width: 15%;
	}
	#banner .conaad101 .description .box_conaad101 .materials-main-block {
		width: 20%;
	}
	#banner .conadesc101 .description .desc-padding .row .product-box {
		min-width: 280px;
		width: 45%;
		margin: 30px 5px;
	}
	#banner .conadesc101 .description .desc-padding .ingredient {
		width: 87%;
		margin-bottom: 50px;
	}
	#banner .conadesc101 .description .desc-padding .ingredient .ingredient-box {
		margin-bottom: 10px;
	}
	#banner .conadesc101 .description .desc-padding .ingredient .ingredient-box .item,
	#banner .conadesc101 .description .desc-padding .ingredient .ingredient-box .detail {
		width: 100%;
	}
	/* cona 603 */
	#banner .conaimage603 .description .box_conaimage603 .product-logo-box {
		left: 0;
		margin: 0 auto;
		width: 60%;
	}
	#banner .conaimage603 .description .box_conaimage603 .logo-box .cona-603-logo {
		width: 70%;
	}
	#banner .conaad603 .description .box_conaad603 .desc-padding .function-box {
		width: 100%;
	}
	#banner .conaad603 .description .box_conaad603 .desc-padding .function-box .function-photo {
		position: relative;
		width: 14%;
		top: 5px;
		left: 25px;
		margin: 0;
	}
	#banner .conaad603 .description .box_conaad603 .desc-padding .function-box .function-photo img {
		width: 100%;
		max-width: 55px;
	}
	#banner .conaad603 .description .box_conaad603 .desc-padding .function-box .function-text {
		width: 75%;
		text-align: left;
		line-height: 50px;
		margin-bottom: 50px;
		margin-left: 20px;
		font-size: 21px;
	}
	i.check {
		font-size: 23px;
	}
	#banner .conahead603 .description .box_conahead603 {
		text-align: center;
	}
	#banner .conahead603 .description .box_conahead603 .cona-603-photo {
		position: relative;
		width: 80%;
		top: 0;
		left: -4%;
		max-width: 300px;
	}
	#banner .conahead603 .description .box_conahead603 .desc-padding {
		margin-left: 0;
		top: 350px;
	}
	#banner .conahead603 .description .box_conahead603 .desc-padding .cona-603-logo {
		display: none;
	}
	#banner .conahead603 .description .box_conahead603 .desc-padding .saying {
		width: 90%;
		height: 180px;
		margin: 0 auto;
	}
	#banner .conadesc603 {
		top: 0;
	}
	#banner .conadesc603 .description .desc-padding .row .product-box {
		width: 90%;
	}
	#banner .conadesc603 .description .desc-padding .row .product-box .photo {
		max-width: 300px;
	}
	#banner .conadesc603 .description #ingredient-box {
		padding: 20px 0;
		width: 90%;
		position: static;
	}
	#banner .conadesc603 .description .desc-padding .ingredient {
		display: block;
		width: 90%;
		padding: 0 20px;
	}
	#banner .conadesc603 .description .desc-padding .ingredient .ingredient-box .detail {
		width: 100%;
	}
	/* Kanpeki No 0 */
	#banner .kanpekihead .description .desc-padding {
		width: 100%;
		padding-top: 25px;
	}
	#banner .kanpekihead .description .desc-padding .ptitle {
		width: 80%;
		max-width: 450px;
	}
	#banner .kanpekihead .description .desc-padding .first {
		margin: 0;
	}
	#banner .kanpekihead .description .desc-padding .desc {
		text-align: center;
	}
	#banner .kanpekihead .description .desc-padding .kanpeki-inline {
		width: 100%;
		display: block;
		text-align: center;
		margin: 0;
	}
	#banner .kanpekidesc .description .desc-padding .saying h1 {
		margin: 20px 0;
	}
	#banner .kanpekihead .description .desc-padding2 {
		text-align: center;
		padding: 9% 0;
	}
	#banner .kanpekihead .description .desc-padding2 .product-number {
		position: relative;
		width: 135px;
		height: 130px;
		text-align: center;
		font-size: 90px;
		top: 40px;
		left: 0;
		padding-top: 20px;
		padding-right: 10px;
		margin: 0 auto;
	}
	#banner .kanpekihead .description .desc-padding2 .head {
		line-height: 30px;
		font-weight: 500;
		width: 90%;
		margin: 0 auto;
		left: 0;
		text-align: justify;
		border-bottom: 1px solid #fff;
		padding-bottom: 40px;
		display: none;
	}
	#banner .kanpekihead .description .desc-padding2 .product-photo {
		position: relative;
		width: 90%;
		left: 2%;
		margin-top: 35px;
	}
	#banner .kanpekihead .description .desc-padding2 .product-photo.no1 {
		left: -1%;
	}
	#banner .kanpekihead .description .desc-padding2 .product-name {
		position: relative;
		left: 0;
		top: 50px;
		font-size: 23px;
		line-height: 35px;
		margin: 0 auto;
		width: 95%;
	}
	#banner .kanpekidesc .description {
		padding-top: 20px;
	}
	#banner .kanpekidesc .description .desc-padding .saying .desc-box .photo-box {
		width: 220px;
		height: 220px;
	}
	#banner .kanpekidesc .description .desc-padding .saying .desc-box .gold-triangle {
		font-size: 31px;
	}
	#banner .kanpekidesc .description .desc-padding .saying .desc-box .head {
		font-size: 17px;
	}
	#banner .kanpekidesc .description .desc-padding .saying h1 {
		font-size: 19px;
		margin: 30px auto 10px auto;
		line-height: 25px;
	}
	#banner .kanpekidesc .description .desc-padding .saying h2 {
		font-size: 17px;
	}
	#banner .kanpekidesc .description .desc-padding .saying .desc-box .triangle-box {
		display: inline-block;
		height: 160px;
		width: 160px;
		padding-top: 20px;
		margin: 0 10px 20px 10px;
	}
	#banner .kanpekidesc .description .desc-padding .saying .desc-box .triangle-box .title {
		width: 80%;
		margin: 0 auto;
	}
	#banner .kanpekidesc .description .desc-padding .saying .desc-box .triangle-box .title~div {
		margin-top: 10px;
	}
	#banner .kanpekidesc .description .desc-padding .saying .desc-box .triangle-box .en-edition {
		font-size: 14px;
	}
	#banner .kanpekidesc .description .desc-padding .ingredient-box .main-content {
		width: 95%;
	}
	#banner .kanpeki_product_link .description .link-box .link:hover img {
		background: rgba(0, 0, 0, 0);
	}
	#banner .kanpeki_product_link .description .link-box .link .link-layer {
		display: block;
		top: 6px;
		padding: 0;
		width: 105%;
	}
	/* conchic */
	#banner .conchicimage {
		background-position: left center;
	}
	#banner .conchicimage .description .box_conchicimage .product-logo-box {
		left: 0;
		margin: 0 auto;
		width: 60%;
	}
	#banner .conchicad .description {
		background: none;
	}
	#banner .conchicad .description .box_conchicad .desc-padding .title-box .adv {
		padding: 15px 25px;
		font-size: 19px;
	}
	#banner .conchicad .description .box_conchicad .desc-padding .icon {
		margin-top: 9%;
		background: url(/images/product/conchic/conchic-desc-bg-2.png) no-repeat center center;
		background-size: 60%;
		padding: 30px 0;
	}
	#banner .conchicad .description .box_conchicad .desc-padding .item {
		position: relative;
		width: 90%;
		margin: 0 auto;
		background: none;
	}
	#banner .conchicad .description .box_conchicad .desc-padding .item1,
	#banner .conchicad .description .box_conchicad .desc-padding .item2,
	#banner .conchicad .description .box_conchicad .desc-padding .item3 {
		bottom: 0;
		left: 0;
	}
	#banner .conchichead {
		top: 45px;
	}
	#banner .conchichead .description .box_conchichead {
		background: none;
	}
	#banner .conchichead .description .box_conchichead .desc-padding .adv {
		padding: 15px 25px;
		font-size: 19px;
	}
	#banner .conchichead .description .box_conchichead .desc-padding .conchic-slogan {
		position: relative;
		top: 0;
		right: 0;
		font-size: 19px;
		border-radius: 0 10px 10px 0;
		width: 86%;
	}
	#banner .conchichead .description .box_conchichead .desc-padding .saying {
		display: block;
		margin: 25px auto;
		border-right: none;
		border-bottom: none;
		border-top: solid 7px #E52F82;
	}
	#banner .conchichead .description .box_conchichead .desc-padding .photo {
		left: 0;
		bottom: 0;
		margin: 15px auto;
		width: 50%;
		max-width: 150px;
	}
	#banner .conchicdesc {
		top: 45px;
	}
	#banner .conchicdesc .description .desc-padding .row .product-box {
		width: 90%;
	}
	#banner .conchicdesc .description .desc-padding .row .product-box .detail {
		padding-left: 0;
	}
	#banner .conchicdesc .description .desc-padding .ingredient .ingredient-box {
		width: 100%;
		margin-bottom: 10px;
	}
	#banner .conchicdesc .description .desc-padding .ingredient .ingredient-box .item {
		width: 100%;
	}
	#banner .conchicdesc .description .desc-padding .ingredient .ingredient-box .detail {
		width: 100%;
	}
	#banner .calculator {
		top: 45px;
	}
	#banner .calculator .description .desc-padding .inline-block {
		display: block;
		width: 100%;
		padding: 20px 20px 150px;
	}
	#banner .calculator .description input[type=text],
	#banner .calculator .description input[type=number],
	#banner .calculator .description select,
	#banner .calculator .description .desc-padding .submit-btn {
		width: 100%;
	}
	input.sex-btn+label {
		display: inline-block;
		width: 49%;
		margin: 0px auto 10px;
		text-align: center;
	}
	#banner .calculator .description .desc-padding .adv {
		font-size: 19px;
	}
	#banner .calculator .description .desc-padding input[type=radio] {
		margin: 0;
	}
	#banner .calculator .description .desc-padding .big-name {
		margin: 30px auto 20px;
	}
}