@charset "UTF-8";

@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css);

.menu>ul>li {
	display: inline-block
}

* {
 outline: 0;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}

blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,pre,textarea,ul {
	margin: 0;
	padding: 0
}

abbr,acronym,fieldset,img {
	border: 0
}

q:after,q:before {
	content: ''
}

button,input,select {
	border: none;
	outline: 0
}

.cursor,button {
	cursor: pointer
}

textarea {
	outline: 0;
	resize: vertical;
	border: 1px solid #e4eff1;
	padding: 10px
}

body,html {
	width: 100%;
	height: 100%
}

body {
	letter-spacing: 2px;
	overflow-x: hidden;
	font-size: 18px;
	line-height: 32px;
	color: #333;
	font-family: 'Noto Sans TC',Microsoft JhengHei,Helvetica,sans-serif
}

/*表格*/
.buy_table>tbody>tr>td{
 line-height: 1.7em;
}

@media only screen and (max-width:576px) {
	body {
 /* [disabled]font-size: 15px; */
 /* [disabled]line-height: 30px; */
	}
}

a {
	text-decoration: none
}

.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev {
	background: url(../images/green_prev.png) left center no-repeat;
	background-size: contain;
	left: 0
}

@media only screen and (max-width:768px) {
	.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev {
		margin-left: -8px
	}
}

.carousel-control .glyphicon-chevron-left:before,.carousel-control .icon-prev:before {
	content: ""
}

.glyphicon-chevron-right {
	background: url(../images/green_next.png) left center no-repeat;
	background-size: contain;
	left: 0
}

@media only screen and (max-width:768px) {
	.glyphicon-chevron-right {
		margin-left: 10px
	}
}

.glyphicon-chevron-right:before {
	content: ""
}

.carousel-control {
	width: 30px
}

.carousel-control.left,.carousel-control.right {
	background: 0 0
}

.carousel-indicators li {
	padding-left: 30px;
	padding-right: 30px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	width: auto;
	text-indent: 0;
	height: 40px;
	line-height: 38px;
	background-color: #fff;
	border: 1px solid #77c40f;
	color: #77c40f;
	border-radius: 20px
}

@media only screen and (max-width:768px) {
	.carousel-indicators li {
		font-size: 13px;
		margin-bottom: 0;
		line-height: 28px;
		height: 30px;
		margin-right: 5px;
		margin-left: 10px;
		padding-left: 10px;
		padding-right: 5px
	}
}

.carousel-indicators .active {
	width: auto;
	text-indent: 0;
	background-color: #77c40f;
	height: 40px;
	line-height: 38px;
	color: #fff;
	margin-left: 10px;
	margin-right: 10px
}

@media only screen and (max-width:768px) {
	.carousel-indicators .active {
		font-size: 13px;
		margin-bottom: 0;
		line-height: 28px;
		height: 30px;
		margin-right: 5px;
		margin-left: 10px;
		padding-left: 10px;
		padding-right: 5px
	}
}

.carousel-indicators {
	line-height: 0;
	position: static;
	bottom: 10px;
	left: auto;
	z-index: 15;
	width: auto;
	padding-left: 0;
	margin-left: 0;
	text-align: center;
	list-style: none;
	margin-bottom: 10px
}

.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next {
	width: 30px;
	height: 30px
}

.pink_style {
	margin-bottom: 20px
}

.pink_style .glyphicon-chevron-left {
	background: url(../images/pink_prev.png) left center no-repeat;
	background-size: contain;
	left: 12px
}

.pink_style .glyphicon-chevron-left:before {
	content: ""
}

.pink_style .glyphicon-chevron-right {
	background: url(../images/pink_next.png) left center no-repeat;
	background-size: contain;
	left: 0
}

.pink_style .glyphicon-chevron-right:before {
	content: ""
}

.pink_style .carousel-indicators li {
	border: 1px solid #f90d6c;
	color: #f90d6c
}

.pink_style .carousel-indicators .active {
	color: #fff;
	background-color: #f90d6c
}

.container {
	padding: 0
}

.menu-container {
	width: 100%;
	margin: 0 auto
}

.m_subscription {
	height: 30px;
	line-height: 30px;
	background-color: #69b502;
	color: #fff;
	font-size: 14px;
	border-radius: 15px;
	display: inline-block;
	padding: 0 10px;
	margin-left: 20px
}

.m_subscription:hover {
	color: #fff;
	background-color: #589901;
	text-decoration: none
}

.m_subscription img {
	width: 15px
}

.menu-mobile {
	display: none;
	background-color: #fff;
	padding: 5px 20px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 500;
	width: 100%
}

.menu-mobile .menu_btn {
	background: url(../images/menu_btn.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: image-width("../images/menu_btn.png");
	height: image-height("../images/menu_btn.png");
	background-size: 100%,auto;
	width: 30px;
	height: 30px;
	content: "";
	padding: 0;
	float: left;
	position: relative;
	display: block;
	cursor: pointer
}

.menu-mobile .menu_btn.open {
	background: url(../images/menu_btn_close.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: image-width("../images/menu_btn_close.png");
	height: image-height("../images/menu_btn_close.png");
	background-size: 100%,auto
}

.menu {
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 0 20px;
	z-index: 500
}

.menu>ul {
	text-align: right;
	margin: 0 auto;
	width: 100%;
	list-style: none;
	padding: 0;
	position: relative
}

.menu>ul:after,.menu>ul:before {
	content: "";
	display: table
}

.menu>ul:after {
	clear: both
}

.menu>ul>li {
	padding: 0;
	margin: 0
}

.menu>ul>li a {
	color: #df5933;
	padding: 30px 15px;
	line-height: 30px;
	display: block;
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
	font-weight: 700
}

.menu>ul>li:hover a {
	color: #c7360d
}

.menu.scroll {
	position: fixed;
	background-color: #fff;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
	box-shadow: 0 0 5px rgba(0,0,0,.3)
}

.menu.scroll ul li a {
	padding-top: 20px;
	padding-bottom: 20px
}

@media only screen and (max-width:768px) {
	.menu {
		position: fixed;
		top: 0
	}
}

@media only screen and (max-width:768px) {
	.menu-container {
		width: 100%
	}

	.menu-mobile {
		display: block;
		-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
		box-shadow: 0 0 5px rgba(0,0,0,.3)
	}

	.menu {
		padding: 0
	}

	.menu>ul {
		display: none
	}

	.menu>ul>li {
		width: 100%;
		float: none;
		display: block;
		text-align: left;
		border-bottom: 1px solid #f8f8f8
	}

	.menu>ul>li a {
		padding: 10px 20px;
		width: 100%;
		display: block
	}

	.menu .show-on-mobile {
		position: fixed;
		top: 40px;
		left: 0;
		width: 100%;
		background-color: #fff;
		display: block
	}
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.clearfix {
	zoom: 1
}

.clear {
	clear: both
}

.fleft {
	float: left
}

.fright {
	float: right
}

.ul {
	list-style: none
}

.pos_r {
	position: relative
}

.row {
	margin-left: -10px;
	margin-right: -10px
}

.col-1 {
	padding: 0 10px;
	width: 8.33333%
}

.col-2 {
	padding: 0 10px;
	width: 16.66667%
}

.col-3 {
	padding: 0 10px;
	width: 25%
}

.col-4 {
	padding: 0 10px;
	width: 33.33333%
}

.col-5 {
	padding: 0 10px;
	width: 41.66667%
}

.col-6 {
	padding: 0 10px;
	width: 50%
}

.col-7 {
	padding: 0 10px;
	width: 58.33333%
}

.col-8 {
	padding: 0 10px;
	width: 66.66667%
}

.col-9 {
	padding: 0 10px;
	width: 75%
}

.col-10 {
	padding: 0 10px;
	width: 83.33333%
}

.col-11 {
	padding: 0 10px;
	width: 91.66667%
}

.col-12 {
	padding: 0 10px;
	width: 100%
}

@media only screen and (max-width:1024px) {
	.row {
		margin-left: -5px;
		margin-right: -5px
	}

	.col-md-1 {
		padding: 0 5px;
		width: 8.33333%
	}

	.col-md-2 {
		padding: 0 5px;
		width: 16.66667%
	}

	.col-md-3 {
		padding: 0 5px;
		width: 25%
	}

	.col-md-4 {
		padding: 0 5px;
		width: 33.33333%
	}

	.col-md-5 {
		padding: 0 5px;
		width: 41.66667%
	}

	.col-md-6 {
		padding: 0 5px;

		width: 50%
	}

	.col-md-7 {
		padding: 0 5px;
		width: 58.33333%
	}

	.col-md-8 {
		padding: 0 5px;
		width: 66.66667%
	}

	.col-md-9 {
		padding: 0 5px;
		width: 75%
	}

	.col-md-10 {
		padding: 0 5px;
		width: 83.33333%
	}

	.col-md-11 {
		padding: 0 5px;
		width: 91.66667%
	}

	.col-md-12 {
		padding: 0 5px;
		width: 100%
	}
}

@media only screen and (max-width:576px) {
	.row {
		margin-left: -5px;
		margin-right: -5px
	}

	.col-xs-1 {
		padding: 0 5px;
		width: 8.33333%
	}

	.col-xs-2 {
		padding: 0 5px;
		width: 16.66667%
	}

	.col-xs-3 {
		padding: 0 5px;
		width: 25%
	}

	.col-xs-4 {
		padding: 0 5px;
		width: 33.33333%
	}

	.col-xs-5 {
		padding: 0 5px;
		width: 41.66667%
	}

	.col-xs-6 {
		padding: 0 5px;
		width: 50%
	}

	.col-xs-7 {
		padding: 0 5px;
		width: 58.33333%
	}

	.col-xs-8 {
		padding: 0 5px;
		width: 66.66667%
	}

	.col-xs-9 {
		padding: 0 5px;
		width: 75%
	}

	.col-xs-10 {
		padding: 0 5px;
		width: 83.33333%
	}

	.col-xs-11 {
		padding: 0 5px;
		width: 91.66667%
	}

	.col-xs-12 {
		padding: 0 5px;
		width: 100%
	}
}

.main {
	max-width: 1280px;
	padding-left: 40px;
	padding-right: 40px;
	margin: auto
}

@media only screen and (max-width:768px) {
	.main {
		padding-left: 20px;
		padding-right: 20px
	}
}

img {
	max-width: 100%
}

.pc_show {
	display: block
}

@media only screen and (max-width:768px) {
	.pc_show {
		display: none
	}
}

.mb_show {
	display: none
}

@media only screen and (max-width:768px) {
	.mb_show {
		display: block
	}
}

.hor_scroll {
	font-size: 13px;
	color: #333
}

.hor_scroll img {
	max-width: 25px;
	margin-right: 10px
}

.ps {
	font-size: 16px;
	color: #888
}
.price_t{
 text-align: center;
 padding-top: 15px;
 padding-bottom: 15px;
 line-height: 38px;
}
.price_01{
 font-size: 3.5rem;
 color: #373737;
 font-weight: 900;
	
}
.price_02{
 font-size: 3.5rem;
 color: #EC6800;
 font-weight: bold;
}
.price_03{
 font-size: 20px;	
}
.price_04{
 font-size: 2.5em;
 color: #F80D6C;
 font-weight: bold;
}
.area01 {
	background: #fffa01 url(../images/banner.jpg) center top no-repeat;
	height: 653px;
	position: relative;
	z-index: 0
}

.area01 .banner_mb {
	display: none
}

@media only screen and (max-width:1150px) {
	.area01 {
		height: 500px;
		background-size: auto 100%
	}
}

@media only screen and (max-width:872px) {
	.area01 {
		height: 430px;
		background-size: auto 100%
	}
}

@media only screen and (max-width:768px) {
	.area01 {
		margin-top: 40px
	}
}

@media only screen and (max-width:767px) {
	.area01 {
		background-color: #ffc600;
		background-image: none;
		height: auto
	}

	.area01 .banner_mb {
		display: block;
		width: 100%
	}
}

.area {
	padding-top: 80px;
	padding-bottom: 135px;
	position: relative
}

.area .deco_wave {
	height: 55px;
	position: absolute;
	top: -55px;
	left: 0;
	width: 100%
}

.area .deco_wave.ly {
	background: url(../images/wave_ly.png) center bottom repeat-x;
	background-size: auto 100%
}

.area .deco_wave.my {
	background: url(../images/wave_my.png) center bottom repeat-x;
	background-size: auto 100%
}

.area .deco_wave.white {
	background: url(../images/wave_w.png) center bottom repeat-x;
	background-size: auto 100%
}

@media only screen and (max-width:768px) {
	.area {
		padding-top: 30px;
		padding-bottom: 55px
	}
}

@media only screen and (max-width:767px) {
	.area .deco_wave {
		height: 25px;
		top: -25px
	}
}

.title {
	text-decoration: none;
	text-align: center;
	font-size: 46px;
	color: #555;
	margin-bottom: 45px
}

.title img,.title span {
	vertical-align: middle
}

.title .i_title {
	margin-right: 5px
}

@media only screen and (max-width:768px) {
	.title {
		margin-bottom: 10px;
		font-size: 20px
	}

	.title .i_title {
 /* [disabled]max-width: 40px; */
	}
}

.area02 {
	background-color: #fffec6
}

.para_mar .para {
	margin-bottom: 20px
}

.para_mar .para:last-child {
	margin-bottom: 0
}

.seperat {
	margin-top: 70px;
	margin-bottom: 70px;
	height: 3px;
	background: url(../images/deco_dot.png) center top repeat-x;
	background-size: auto 100%;
	width: 100%
}

.seperat.white {
	background: url(../images/deco_dot_w.png) center top repeat-x;
	background-size: auto 100%
}

@media only screen and (max-width:768px) {
	.seperat {
		margin-top: 20px;
		margin-bottom: 20px
	}
}

.area02_title span {
	padding-left: 5%;
	padding-right: 5%
}

@media only screen and (max-width:768px) {
	.area02_title img {
		max-width: 60px
	}
}

.feature_list .item {
	margin-bottom: 30px
}

.feature_list .item:nth-child(odd) .top_info {
	color: #00a3e0
}

.feature_list .item:nth-child(2n) .top_info {
	color: #39b54a
}

.feature_list .item .top_info {
	font-weight: 700;
	margin-bottom: 10px
}

.feature_list .item .top_info .list_title {
	font-size: 28px
}

.feature_list .item .top_info .num {
	font-size: 50px;
	font-family: Arial,sans-serif;
	font-style: italic
}

.feature_list .item .top_info span {
	vertical-align: middle
}

.feature_list .item .txt {
	padding-left: 38px
}

@media only screen and (max-width:768px) {
	.feature_list .item {
		margin-bottom: 0
	}

	.feature_list .item .sub_item {
		margin-bottom: 20px
	}

	.feature_list .item .sub_item:nth-child(odd) .top_info {
		color: #00a3e0
	}

	.feature_list .item .sub_item:nth-child(2n) .top_info {
		color: #39b54a
	}

	.feature_list .item .top_info {
		margin-bottom: 0
	}

	.feature_list .item .top_info .list_title {
		font-size: 18px
	}

	.feature_list .item .top_info .num {
		font-size: 24px
	}

	.feature_list .item .txt {
		padding-left: 20px
	}
}

.area03 {
	background-color: #ffe00c
}

.leaf_list {
	text-align: center;
	font-size: 0;
	letter-spacing: 0;
	margin-bottom: 40px
}

.leaf_list .item {
	display: inline-block
}

@media only screen and (max-width:768px) {
	.leaf_list {
		margin-bottom: 20px
	}
}

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 80px;
	width: 100%
}

ul.tabs li {
	float: left;
	margin: 0;
	cursor: pointer;
	padding: 20px 30px;
	height: 80px;
	font-size: 24px;
	line-height: 24px;
	background-color: #f2a622;
	color: #fff;
	overflow: hidden;
	position: relative;
	top: 20px;
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
	margin-right: 15px;
	border-radius: 10px 10px 0 0
}

ul.tabs li:last-child {
	margin-right: 0
}

ul.tabs li:hover {
	background-color: #f28422
}

ul.tabs li.active {
	background-color: #df5933;
	display: block;
	top: 0
}

.tab_container {
	border: 3px solid #df5933;
	clear: both;
	width: 100%;
	background: #fff;
	position: relative;
	z-index: 2
}

.tab_content {
	padding: 40px;
	display: none
}

.tab_content .rwd_video {
	max-width: 710px;
	margin-right: 30px
}

@media only screen and (max-width:768px) {
	.tab_content .rwd_video {
		margin-right: 0;
		margin-bottom: 10px
	}
}

.tab_content .tb_img {
	margin-right: 40px
}

@media only screen and (max-width:768px) {
	.tab_content .tb_img {
		margin-right: 0;
		margin-bottom: 10px
	}
}

.tab_drawer_heading {
	display: none
}

@media screen and (max-width:1125px) {
	.tabs {
		display: none
	}

	.tab_content {
		padding: 20px
	}

	.tab_drawer_heading {
		background-color: #f2a622;
		color: #fff;
		border-top: 1px solid #f28422;
		margin: 0;
		padding: 10px 20px;
		display: block;
		cursor: pointer;
		font-size: 18px;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none
	}

	.d_active {
		background-color: #f28422;
		color: #fff
	}

	.tab_drawer_heading {
		display: block
	}
}

.rwd_video {
	width: 100%
}

.rwd_video .pos_r {
	padding-bottom: 56.33803%
}

.rwd_video .pos_r iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.tab_content_01 .l_part {
	float: left;
	width: 60.57692%
}

.tab_content_01 .l_part .main_img {
	width: 60.31746%
}

.tab_content_01 .l_part .else_img {
	width: 39.68254%;
	padding-left: 20px
}

.tab_content_01 .l_part .else_img .tb_img {
	margin-bottom: 20px
}

.tab_content_01 .r_part {
	float: right;
	width: 39.42308%;
	padding-left: 40px
}

@media only screen and (max-width:768px) {
	.tab_content_01 .r_part {
		padding-left: 0
	}

	.tab_content_01 .l_part,.tab_content_01 .r_part {
		float: none;
		width: 100%
	}
}

.tab_content_else .l_part {
	float: left;
	width: 67.88462%
}

.tab_content_else .r_part {
	float: right;
	width: 32.11538%;
	padding-left: 40px
}

.tab_content_else .r_part img {
	max-width: 200px
}

@media only screen and (max-width:768px) {
	.tab_content_else .r_part {
		padding-left: 0
	}

	.tab_content_else .l_part,.tab_content_else .r_part {
		float: none;
		width: 100%
	}
}

.img_show {
	display: none;
	z-index: 50000;
	overflow-y: auto;
	text-align: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(223,89,51,.9);
	padding: 40px 80px
}

.img_show .major_img {
	margin-bottom: 20px
}

.img_show .btn_close {
	cursor: pointer;
	width: 30px;
	height: 30px;
	background: url(../images/img_btn_close.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: image-width("../images/img_btn_close.png");
	height: image-height("../images/img_btn_close.png");
	background-size: 100%,auto;
	position: absolute;
	top: 20px;
	right: 20px
}

@media only screen and (max-width:768px) {
	.img_show {
		padding: 60px 0
	}
}

audio {
	width: 100%;
	height: auto
}

.table_list {
	margin-bottom: 20px;
	overflow-x: auto;
	font-size: 0;
	letter-spacing: 0
}

.table_list .item {
	display: inline-block;
	font-size: 18px
}

.table_list .table_title {
	height: 40px;
	padding: 4px 20px;
	background-color: #df5933;
	color: #fff;
	font-weight: 700;
	border-radius: 10px 10px 0 0
}

@media only screen and (max-width:768px) {
	.table_list {
		margin-bottom: 10px;
		margin-right: -20px
	}

	.table_list .item {
		font-size: 16px
	}
}

@media only screen and (max-width:768px) {
	.table_width {
		width: 700px
	}
}

.table_content {
	padding: 15px 20px;
	background-color: #fff
}

.table_content .item {
	vertical-align: middle;
	font-size: 16px;
	letter-spacing: 1px
}

.table_content .item:last-child {
	border-radius: 0 0 10px 10px
}

.table_content:nth-child(odd) {
	background-color: #fffec6
}

@media only screen and (max-width:768px) {
	.table_content {
		padding: 5px 10px
	}

	.table_content .item {
		font-size: 16px
	}
}

.col_pi {
	color: #f90d6c
}

.area04 {
	background-color: #fff
}

.area05 {
	background-color: #ffe00c
}

.pro_box {
	display: block;
	background-color: #fff;
	border-radius: 10px;
	padding: 20px
}

@media only screen and (min-width:1025px) {
	.pro_list .sub_item .pro_box {
 height: 530px
	}
}

.pro_list {
	margin-bottom: 40px
}

.pro_list .item {
	margin-bottom: 20px
}

@media only screen and (max-width:1024px) {
	.pro_list .item .sub_item:first-child {
		margin-bottom: 20px
	}
}

@media only screen and (max-width:768px) {
	.pro_list {
		margin-bottom: 20px
	}
}

.ribbon_title {
	position: relative;
	left: -38px;
	background-color: #ec6800;
	color: #fff;
	font-size: 24px;
	padding-left: 90px;
	padding-right: 0;
	display: inline-block;
	padding-top: 14px;
	padding-bottom: 14px;
	margin-bottom: 20px
}

.ribbon_title .deco {
	background: url(../images/ribbon_deco.png) right top no-repeat;
	height: 100%;
	width: 34px;
	background-size: auto 100%;
	position: absolute;
	right: -33px;
	top: 0
}

.ribbon_title .send {
	position: absolute;
	background: url(../images/i_send.png) center top no-repeat;
	width: 77px;
	height: 77px;
	background-size: contain;
	top: -8px;
	left: 7px
}

.ribbon_title .shadow {
	position: absolute;
	width: 18px;
	height: 14px;
	bottom: -14px;
	left: 0;
	background: url(../images/ribbon_shadow.png) center top no-repeat;
	background-size: auto 100%
}
.pic_dodo{

	
}
@media only screen and (max-width:768px) {
	.ribbon_title {
		padding-left: 45px;
		padding-top: 5px;
		padding-bottom: 5px;
		left: -30px
	}

	.ribbon_title h3 {
 /* [disabled]font-size: 13px; */
	}

	.ribbon_title .deco {
		width: 19px;
		right: -14px
	}

	.ribbon_title .send {
		width: 40px;
		height: 40px;
		left: 2px
	}

	.ribbon_title .shadow {
		width: 10px;
		height: 9px;
		bottom: -9px
	}
}

.en_icon {
	width: 40px;
	height: 40px;
	background-color: #ffc23a;
	font-size: 30px;
	border-radius: 50%;
	text-align: center;
	line-height: 37px;
	font-weight: 700;
	display: block;
	letter-spacing: 0
}

@media only screen and (max-width:768px) {
	.en_icon {
		width: 20px;
		height: 20px;
		line-height: 20px;
		font-size: 13px
	}
}

@media only screen and (max-width:768px) {
	.mb_20 {
		margin-bottom: 20px
	}
}

.pro_title p {
	text-align: left;
	margin-left: 45px;
	color: #338ac4
}

@media only screen and (max-width:768px) {
	.pro_title p {
 margin-left: 24px;
 /* [disabled]font-size: 13px; */
 /* [disabled]line-height: 20px; */
	}
}

.web_money {
	width: 310px
}

.buy_btn {
	background: #f90d6c;
	font-size: 28px;
	color: #fff;
	font-weight: 700;
	height: 80px;
	display: inline-block;
	border-radius: 40px;
	padding: 19px 70px;
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s
}

.buy_btn img {
	margin-left: 5px
}

.buy_btn img,.buy_btn span {
	vertical-align: middle
}

.buy_btn:hover {
	color: #fff;
	text-decoration: none;
	background-color: #d51950
}

.buy_btn.green {
	background: #69b502
}

@media only screen and (max-width:768px) {
	.buy_btn {
		font-size: 15px;
		height: 40px;
		line-height: 15px;
		padding: 11px 30px;
		border-radius: 20px
	}

	.buy_btn img {
		max-width: 20px
	}
}

.area06 {
	background-color: #fff
}

.video_list {
	margin-bottom: 40px
}

.video_list .rwd_video {
	width: 100%
}

@media only screen and (max-width:768px) {
	.video_list {
		margin-bottom: 20px
	}

	.video_list .item {
		margin-bottom: 20px
	}
}

.video_bg {
	position: relative;
	background-color: #df5933;
	border-radius: 5px;
	padding: 5px 5px 20px;
	background-size: contain
}

.video_bg .deco {
	width: 10px;
	height: 10px;
	background-color: #fff;
	border-radius: 50%;
	position: absolute;
	bottom: 5px;
	right: 10px
}

.recommend_list .pro_name {
	line-height: 46px;
	font-size: 28px;
	color: #f90d6c;
	font-weight: 700
}

@media only screen and (max-width:768px) {
	.recommend_list .pro_name {
		display: inline;
		font-size: 20px;
		line-height: 30px
	}
}

.recommend_list .send_txt {
	font-size: 25px;
	color: #39b54a;
	line-height: 40x;
	margin-bottom: 30px
}

.recommend_list .send_txt img {
	max-width: 73px
}

@media only screen and (max-width:768px) {
	.recommend_list .send_txt {
		font-size: 18px
	}

	.recommend_list .send_txt img {
		max-width: 35px
	}
}

.recommend_list .buy_btn {
	margin-bottom: 30px;
	margin-top: 5px
}

@media only screen and (max-width:768px) {
	.recommend_list .buy_btn {
		margin-bottom: 0
	}
}

.recommend_list .item {
	margin-bottom: 20px
}

.recommend_list .item:last-child {
	margin-bottom: 0
}

.price {
	margin-top: 20px
}

.price del {
	color: #888
}

.price .sale {
	font-size: 22px;
	font-weight: 700
}

.price .sale_price {
	font-size: 30px;
	font-weight: 700
}

@media only screen and (max-width:768px) {
	.price .sale {
		font-size: 16px
	}

	.price .sale_price {
		font-size: 18px
	}
}

.expert {
	padding-left: 50px;
	padding-right: 50px;
	left: 30px;
	min-height: 295px
}

.expert .green_title {
	color: #77c40f;
	font-size: 24px;
	margin-bottom: 5px
}

.expert .person {
	text-align: right;
	color: #df5933
}

@media only screen and (max-width:768px) {
	.expert {
		padding-left: 20px;
		padding-right: 20px
	}
}

.mom {
	padding-left: 50px;
	padding-right: 50px
}

.mom .pink_title {
	color: #f90d6c;
	font-size: 24px;
	margin-bottom: 5px
}

.mom img {
	float: left
}

@media only screen and (max-width:768px) {
	.mom img {
		width: 100px;
		float: none
	}
}

.mom .txt {
	padding-top: 20px;
	margin-left: 250px
}

@media only screen and (max-width:768px) {
	.mom .txt {
		padding-top: 0;
		margin-left: 0
	}
}

@media only screen and (max-width:768px) {
	.mom {
		text-align: center
	}
}

.gotop {
	background: url(../images/gotop_02.png) center top no-repeat;
	width: 126px;
	height: 42px;
	position: fixed;
	z-index: 300;
	right: 20px;
	bottom: 20px;
	cursor: pointer
}

@media only screen and (max-width:768px) {
	.gotop {
		width: 60px;
		height: 75px;
		background: url(../images/m_gotop.png) center top no-repeat;
		background-size: contain
	}
}

.talk {
 background: url(../images/gotop_03.png) center top no-repeat;
 width: 62px;
 height: 62px;
 position: fixed;
 z-index: 300;
 bottom: 196px;
 display: block;
 right: 20px;
}
.order {
	background: url(../images/gotop_01.png) center top no-repeat;
	width: 126px;
	height: 129px;
	position: fixed;
	z-index: 300;
	right: 20px;
	bottom: 62px;
	display: block
}

@media only screen and (max-width:768px) {
	.talk {
		display: none;
		width: 60px;
		height: 75px;
		bottom: 81px;
		background-size: contain
	}
 	.order {
		display: none;
		width: 60px;
		height: 75px;
		bottom: 81px;
		background-size: contain
	}
}

.footer {
	text-align: center;
	background-color: #3e3d43;
	line-height: 28px;
	font-size: 14px;
	background-color: #3e3d43;
	color: #fff
}

.info {
	border-bottom: 1px solid #717076;
	padding-top: 17px;
	font-size: 14px;
	text-align: center;
	padding-bottom: 17px
}

.contact_list {
	font-size: 14px
}

.contact_list a {
	letter-spacing: 1px;
	color: #fff;
	text-decoration: none;
	margin-left: 20px;
	margin-right: 20px;
	display: inline-block
}

.contact_list img {
	width: 17px
}

.copyright {
	background-color: #222127;
	line-height: 28px;
	font-size: 14px;
	padding-top: 17px;
	padding-bottom: 17px;
	color: #aaa;
	padding-left: 15px;
	padding-right: 15px;
	word-break: keep-all;
	letter-spacing: 1px
}

.pointer {
	cursor: pointer
}