/* 思源黑體 */

@import url(/assets/css/cwtexhei.css);

/* OVERVIEW */

body {
	font-family: Helvetica, Arial, 'cwTeXHei', 'Microsoft JhengHei', 'LiHei Pro', 'Raleway', sans-serif;
}

.desktopheader,
.rwdshow {
	display: block;
}

.mobileheader,
.rwdhide {
	display: none;
}

.desktopkv,
.rwdhshow {
	display: block;
}

.mobilekv,
.rwdhide {
	display: none;
}

.desktopvod,
.rwdshow {
	display: block;
}

.desktopproductNavBack,
.rwdshow {
	display: block;
}

.desktopfloatMenu,
.rwdshow {
	display: block;
}

.desktopContent,
.rwdshow {
	display: block;
}

.mobileContent,
.rwdhide {
	display: none;
}

.desktopfooter,
.rwdshow {
	display: block;
}

.padfooter,
.rwdhide {
	display: none;
}

.mobilefooter,
.rwdhide {
	display: none;
}

.bottomnav_mobile,
.rwdhide {
	display: none;
}

.desktopquote,
.rwdshow {
	display: block;
}

.desktopdoctorwords,
.rwdshow {
	display: block;
}

.mobiledoctorwords,
.rwdhide {
	display: none;
}

.desktopsubmenu,
.rwdshow {
	display: block;
}

.desktopevent,
.rwdshow {
	display: block;
}

.mobileevent,
.rwdhide {
	display: none;
}

.desktoplist,
.rwdshow {
	display: block;
}

.mobilelist,
.rwdhide {
	display: none;
}

.babybanner,
.rwdshow {
	display: block;
}

.babybanner_two,
.rwdshow {
	display: block;
}

.babybanner_m,
.rwdhide {
	display: none;
}

.babybanner_two_m,
.rwdhide {
	display: none;
}


/*navigation選單樣式清除*/

ul.navigation,
ul.navigation li,
ul.navigation ul,
a {
	margin: 0;
	padding: 0;
	font-size: 16px;
	text-decoration: none;
}

ul.navigation,
ul.navigation li {
	list-style: none;
	float: right;
}


/* 最上層選單-位置 */

ul.navigation li {
	position: relative;
	float: left;
}


/* 最上層選單-樣式 */

ul.navigation li a {
	display: block;
	padding: 8px 15px;
	color: #8e631e;

}


/* 最上層，hover */

ul.navigation>li>a:hover {
	color: #0b318f;
	text-decoration: none;
}


/* 特定在第一層 > 第二層之後下拉部分之樣式 */

ul.navigation li ul {
	display: none;
	float: left;
	position: absolute;
	left: 0;
	margin: 0;
}


/* 當第一層選單被觸發時，指定第二層顯示 */

ul.navigation li:hover>ul {
	display: block;
}


/* 特定在第二層或之後下拉部分 li 之樣式 */

ul.navigation ul li {
	border-bottom: 1px solid #DDD;
}


/* 特定在第二層或之後下拉部分 li 最後一項不要底線）之樣式 */

ul.navigation ul li:last-child {
	border-bottom: none;
}


/* 第二層或之後 選單 li 之樣式 */

ul.navigation ul a {
	width: 130px;
	padding: 10px 15px;
	color: #FFF;
	background: #0b318f;
	zoom: 1;
	filter: alpha(opacity=85);
	opacity: 0.85;
}

ul.navigation ul a:hover {
	color: #0b318f;
	background: #FFF;
	text-decoration: none;
}


/* 第三層之後，上一層的選單觸發則顯示出來（皆為橫向拓展） */

ul.navigation ul li:hover>ul {
	display: block;
	position: absolute;
	top: 0;
	left: 100%;
}


/*navigation整體樣式*/

.headerGold {
	position: fixed;
	z-index: 500;
	width: 100%;
	background: url("../images/nav-back.png") center -10px repeat-x;
	background-repeat: no-repeat;
}
@media (max-width: 6000px) and (min-width: 1920px){
	.headerGold{
		background-size: 100% ;
	}
}
.S26logo {
	margin-top: 0px;
}

@media (max-width: 1152px) {
	.S26logo img {
		width: 150px
	}
}
@media (max-width: 414px) {
	.headerGold {
		background-size: 100% 150%;
	}
}
.membership {
	display: block;
	padding-top: 16px;
	padding-right: 16px;
	float: right;
	width: inherit;
}

.cart {
	display: block;
	padding-top: 16px;
	padding-right: 4px;
	float: right;
	width: inherit;
}

.cart_two {
	float: right;
	margin-top: -23px;
	margin-right: 47px;
	color: #fff;
}

.FB {
	display: block;
	padding-top: 18px;
	padding-right: 13px;
	float: right;
	width: inherit;
}


/*navigation手機版*/

.mobileheader {
	position: fixed;
	z-index: 30;
	width: 100%;
	background:
}



/*次選單樣式*/

.productNavBack {
	background: url("../images/1.1filter.png") center -7px repeat-x;
	background-repeat: no-repeat;
}

.productNavBack0 {
	background: url("../images/1.0filter.png") center -7px repeat-x;
	background-repeat: no-repeat;
}

.productNavBack3 {
	background: url("../images/1.2filter.png") center -7px repeat-x;
	background-repeat: no-repeat;
}

.productNavBack4 {
	background: url("../images/1.3filter.png") center -7px repeat-x;
	background-repeat: no-repeat;
}

.productNavBack5 {
	background: url("../images/1.4filter.png") center -7px repeat-x;
	background-repeat: no-repeat;
}

.productNavBack2 {
	background: url("../images/4.0filter.png") center -7px repeat-x;
	background-repeat: no-repeat;
}
@media (max-width: 6000px) and (min-width: 1920px){
	.productNavBack,.productNavBack0,.productNavBack2,.productNavBack3,.productNavBack4,.productNavBack5 {background-size: 100% 100%;}
}
.productNav ul {
	width: 960px;
	padding-top: 20px;
	margin: 0 auto;
}

.productNav ul li {
	list-style: none;
	text-decoration: none;
	float: left;
	text-align: center;
	margin-bottom: 20px;
	width: 25%
}

.productNav2 ul {
	width: 500px;
	padding-top: 25px;
	margin: 0 auto;
}

.productNav2 ul li {
	list-style: none;
	text-decoration: none;
	float: left;
	text-align: center;
	margin-bottom: 70px;
}

.productNavBack .productNav ul li a {
	display: block;
	font-size: 24px;
	color: #FFF;
}

.productNavBack3 .productNav ul li a {
	display: block;
	font-size: 22px;
	color: #FFF;
}

.productNavBack4 .productNav ul li a {
	display: block;
	font-size: 24px;
	color: #FFF;
}

.productNavBack5 .productNav ul li a {
	display: block;
	font-size: 24px;
	color: #FFF;
}

.productNavBack .productNav2 ul li a {
	display: block;
	font-size: 24px;
	color: #FFF;
}

.productNavBack3 .productNav2 ul li a {
	display: block;
	font-size: 24px;
	color: #FFF;
}

.productNavBack4 .productNav2 ul li a {
	display: block;
	font-size: 24px;
	color: #FFF;
}

.productNavBack5 .productNav2 ul li a {
	display: block;
	font-size: 24px;
	color: #FFF;
}

.productNavBack,
.productNav ul li a:hover {
	color: #0b318f;
	text-decoration: none;
}

.productNavBack3,
.productNav ul li a:hover {
	color: #0b318f;
	text-decoration: none;
}

.productNavBack4,
.productNav ul li a:hover {
	color: #0b318f;
	text-decoration: none;
}

.productNavBack5,
.productNav ul li a:hover {
	color: #0b318f;
	text-decoration: none;
}

.productNavBack,
.productNav2 ul li a:hover {
	color: #0b318f;
	text-decoration: none;
}

.productNavBack3,
.productNav2 ul li a:hover {
	color: #0b318f;
	text-decoration: none;
}

.productNavBack4,
.productNav2 ul li a:hover {
	color: #0b318f;
	text-decoration: none;
}

.productNavBack5,
.productNav2 ul li a:hover {
	color: #0b318f;
	text-decoration: none;
}

.productNavBack .productNav ul li a {
	display: block;
	font-size: 22px;
	/*24px*/
	color: #FFF;
}

.productNavBack3 .productNav ul li a {
	display: block;
	font-size: 22px;
	/*24px*/
	color: #FFF;
}

.productNavBack4 .productNav ul li a {
	display: block;
	font-size: 22px;
	/*24px*/
	color: #FFF;
}

.productNavBack5 .productNav ul li a {
	display: block;
	font-size: 22px;
	/*24px*/
	color: #FFF;
}

.productNavBack2 .productNav2 ul li a {
	display: block;
	font-size: 24px;
	color: #FFF;
}

.productNavBack2,
.productNav ul li a:hover {
	color: #0b318f;
	text-decoration: none;
}

.productNavBack2,
.productNav2 ul li a:hover {
	color: #0b318f;
	text-decoration: none;
}

.productNav3 ul,
.productNav4 ul {
	width: 941px;
	margin: 0 auto;
}

.productNav3 ul li {
	list-style: none;
	text-decoration: none;
	float: left;
	text-align: center;
	margin-bottom: 60px;
	margin-left: 4%;
	margin-right: 4%;
}

.productNav4 ul li {
	list-style: none;
	text-decoration: none;
	float: left;
	text-align: center;
	margin-bottom: 60px;
	margin-left: 10%;
	margin-right: 11%;
}

.productNavBack2 .productNav3 ul li a:hover {
	color: #0b318f;
	text-decoration: none;
}

.productNavBack2 .productNav4 ul li a:hover {
	color: #0b318f;
	text-decoration: none;
}

.eventbigd,
.eventrecd,
.eventnrthd,
.eventmidd,
.eventsthd {
	display: block;
	font-size: 24px;
	color: #8e631e;
}

.memberinfo,
.membersignin,
.memberexchange {
	display: block;
	font-size: 24px;
	color: #FFF;
}

.eventbigd2 {
	display: block;
	font-size: 24px;
	color: #0b318f;
}


/*.productNavBack2 .productNav3 ul li a:active, .productNavBack2 .productNav3 ul li a:focus{
	color:#0b318f;
	text-decoration: none;
}

.productNavBack2 .productNav4 ul li a:active, .productNavBack2 .productNav4 ul li a:focus{
	color:#0b318f;
	text-decoration: none;
}*/


/* 浮動選單 */

#floatMenu {
	position: absolute;
	top: 50%;
	right: 0px;
	width: 135px;
	margin-top: -70px;
	padding: 0;
	font-size: 11px;
	z-index: 20;
}

@media (max-width: 1152px) {

	#floatMenu {
		width: 110px;
	}
}

#floatMenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#floatMenu ul li {
	display: block;
	width: 65%;
	height: 0;
	padding-bottom: 64%;
	border-radius: 50%;
	margin-top: 17px;
	overflow: hidden;
	background: #cc9e55;
}

#floatMenu ul li a {
	display: block;
	float: left;
	width: 100%;
	padding-top: 50%;
	padding-bottom: 50%;
	line-height: 1em;
	margin-top: -0.5em;
	text-align: center;
	color: #fff;
	font-size: 1.4em;
	font-weight: bold;
	text-decoration: none;
	font-family: Helvetica, Arial, 'Microsoft JhengHei', 'LiHei Pro', 'Raleway', sans-serif;
}

.floatMenuGold {
	background-color: #fee4a7;
	color: #8e631e!important;
	
}


/* quote */

.BIGquoteBack {
	background: /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9de99+0,fdeec5+67,f9e5a9+100 */
	background: #f9de99;
	/* Old browsers */
	background: -moz-linear-gradient(top, #f9de99 0%, #fdeec5 67%, #f9e5a9 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f9de99 0%, #fdeec5 67%, #f9e5a9 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f9de99 0%, #fdeec5 67%, #f9e5a9 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9de99', endColorstr='#f9e5a9', GradientType=0);
	/* IE6-9 */
	margin-top: -19px;
}

.BIGquoteBack_m {
	background: /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9de99+0,fdeec5+67,f9e5a9+100 */
	background: #f9de99;
	/* Old browsers */
	background: -moz-linear-gradient(top, #f9de99 0%, #fdeec5 67%, #f9e5a9 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f9de99 0%, #fdeec5 67%, #f9e5a9 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f9de99 0%, #fdeec5 67%, #f9e5a9 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9de99', endColorstr='#f9e5a9', GradientType=0);
	/* IE6-9 */
	margin-top: -25px;
	padding: 25px;
}

.BIGquoteBack2 {
	background: #FFF;
}

.BIGquote {
	padding-top: 40px;
	padding-bottom: 50px;
}

.BIGquote2 {
	padding-top: 60px;
	padding-bottom: 65px;
}

.BIGquote2_m {
	padding-bottom: 50px;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 50px;
}

.BIGquote3 {
	padding-top: 100px;
	padding-bottom: 100px;
	background-image: url(../images/2018_img/contbg-1.gif);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
}

.BIGquote3_video {
	background-position: center top;
	padding-bottom: 120px;
}

.BIGquote3 figure,
.BIGquote3_m figure {
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 0;
	width: 100%;
}

.BIGquote3 figure img,
.BIGquote3_m figure img {
	width: 100%;
	display: block;
	max-height:50px 
}

.BIGquote3_m {
	padding-bottom: 20%;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 15%;
	background-image: url(../images/2018_img/contbg-1.gif);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
}

.desktopvod {
	width: 100%
}

.pQuote {
	line-height: 30px;
	padding-top: 30px;
	padding-bottom: 30px;
}


/* 主視覺 */

.kv {
	padding-top: 84px;
	background-repeat: no-repeat;
	background-position: center 84px;
	background-size: 100%;
}

.kv_pgsg {
	background-image: url(../images/2018_img/1.1_1-3KV.jpg);
}

.kv_pmsg {
	background-image: url(../images/2018_img/1.1_3-7KV.jpg);
}

.kv a {
	display: block
}

.kv3 {
	padding-top: 0px;
}

.kv img {
	width: 100%;
}

.kv a:hover img {
	filter: alpha(opacity=1);
	opacity: 1;
}

.colmnfour {
	position: absolute;
	z-index: 6;
	text-align: center;
	padding-top: 14%;
	padding-left: 65%;
}

.colmnfour_m {
	position: absolute;
	z-index: 6;
	text-align: center;
	margin: 0 auto;
	width: 100%;
	padding-top: 67%;
}

#OtherP {
	position: absolute;
	z-index: 3000;
	top: 400px;
}

#OtherPtwo {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 100;
}


/* 手機主視覺 */

.mobile_kv {
	padding-top: 75px;
}

.mobile_kv img {
	width: 100%;
}


/* 主視覺2 */

.kv2 {
	padding-top: 65px;
}

.kv2 img {
	width: 100%;
}


/*文字*/

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	margin-top: 0;
	margin-bottom: 0;
}

.h1 {
	font-size: 36px;
	color: #0b318f;
	font-family: Helvetica, Arial, 'Microsoft JhengHei', 'LiHei Pro', 'Raleway', sans-serif;
}

.h1_m {
	font-size: 24px;
	color: #0b318f;
}

.h2 {
	font-size: 32px;
	color: #0b318f;
	padding-bottom: -10px;
	font-family: Helvetica, Arial, 'Microsoft JhengHei', 'LiHei Pro', 'Raleway', sans-serif;
}

.h2_mm {
	font-size: 28px;
	color: #0b318f;
	display: block;
	background: #FFF;
	margin-left: 20px;
}

.h3 {
	font-size: 28px;
	color: #0088d1;
	font-family: Helvetica, Arial, 'Microsoft JhengHei', 'LiHei Pro', 'Raleway', sans-serif;
}

.h4 {
	text-align: center;
	color: #0b318f;
	font-size: 20px;
	line-height: 200%;
	letter-spacing: 8px;
	font-family: Helvetica, Arial, 'Microsoft JhengHei', 'LiHei Pro', 'Raleway', sans-serif;
}

.h5 {
	font-size: 18px;
	color: #656565;
	text-align: center;
	line-height: 40px;
	letter-spacing: 9px;
	font-family: Helvetica, Arial, 'Microsoft JhengHei', 'LiHei Pro', 'Raleway', sans-serif;
}

.h5_m {
	font-size: 16px;
	color: #656565;
	text-align: center;
	line-height: 28px;
	letter-spacing: 9px;
	margin-top: -15px;
}


.h2_m {
	font-size: 32px;
	color: #0b318f;
	display: block;
	background: #FFF;
	width: 150px;
	margin: 0 auto;
}


.productinfo .h6 {
	margin-bottom: 5px;
	margin-top: 25px;
	color: #0088d1;
	font-size: 20px;
}

.productinfo_m .h6 {
	margin-bottom: 5px;
	color: #0088d1;
	font-size: 20px;
}

p {
	font-size: 15px;
	color: #656565;
}

th {
	text-align: center;
	vertical-align: center;
	color: #FFF;
	background: #deb666;
}

th p {
	padding-left: 20px;
}

td {
	color: #656565;
}


/*.table, th, td {
    border: 1px solid #caa62d;
} */

.nothing {
	border-collapse: collapse;
}

.nothing td {
	border: none;
	outline: none;
}


/* 通路表格+手機 */

.WhereToBuy {
	margin-top: 20px;
}

.Realth {
	width: 33%;
	height: 60px;
	text-align: left;
}

.Realth2 {
	width: 12%;
	height: 15px;
	text-align: left;
	border: none;
	vertical-align: middle;
}

.Realth3 {
	width: 18%;
	height: 15px;
	text-align: left;
	border: none;
}

.thblue {
	color: #0088d1;
	padding-top: 21px;
	padding-left: 25px;
	font-size: 23px;
}

.thbluetitle {
	color: #0088d1;
}

.Nu_t2 {
	text-align: right;
}

.nu_center {
	text-align: center;
}

.WhereToBuy table tbody tr,
.WhereToBuy table tbody tr td,
{
	border-collapse: collapse;
	text-align: left;
}

.tr_back p {
	background: #fee4a7;
	color: #8e631e;
}

.tr_back {
	background: #fee4a7;
	color: #8e631e;
}

.table_m td p {
	font-size: 16px;
}

.table_m td p {
	padding: 0px;
	margin: 0px
}

.table_m .table>thead>tr>th {
	vertical-align: middle
}

.WhereToBuypage a {
	margin-right: 10px;
}

.Buypage {
	display: block;
	width: 330px;
	margin: 0 auto;
}

.Buypagem {
	display: block;
	width: 90%;
	margin: 0 auto;
	text-align: center;
}

.wholegold td {
	color: #656565;
}

.mobileevent {
	font-size: 18px;
	margin-bottom: 20px;
	margin-top: 35px;
}


/* 手機通路選擇器 */

.selector_m {
	width: 100%;
	margin: 0 auto;
	padding: 0 auto;
}

select#soflow_m,
select#soflow_m-color {
	-webkit-appearance: button;
	-webkit-border-radius: 2px;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-padding-end: 20px;
	-webkit-padding-start: 2px;
	-webkit-user-select: none;
	background-image: url(http://www.ericrasch.com/media/icon-selectbox.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
	background: #FFF;
	border: 1px solid #AAA;
	color: #555;
	font-size: inherit;
	margin-top: 20px;
	margin-right: 10px;
	overflow: hidden;
	padding: 5px 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 30%;
	border-color: #e9d373
}

select#soflow_mm {
	-webkit-appearance: button;
	-webkit-border-radius: 2px;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-padding-end: 20px;
	-webkit-padding-start: 2px;
	-webkit-user-select: none;
	background-image: url(http://www.ericrasch.com/media/icon-selectbox.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
	background: #FFF;
	border: 1px solid #AAA;
	color: #555;
	font-size: inherit;
	margin-top: 20px;
	overflow: hidden;
	padding: 5px 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 30%;
	border-color: #e9d373
}

select#soflow_mmm {
	-webkit-appearance: button;
	-webkit-border-radius: 2px;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-padding-end: 20px;
	-webkit-padding-start: 2px;
	-webkit-user-select: none;
	background-image: url(http://www.ericrasch.com/media/icon-selectbox.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
	background: #FFF;
	border: 1px solid #AAA;
	color: #555;
	font-size: inherit;
	margin-top: 20px;
	overflow: hidden;
	padding: 5px 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	border-color: #e9d373
}

select#soflow_mmmm {
	-webkit-appearance: button;
	-webkit-border-radius: 2px;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-padding-end: 20px;
	-webkit-padding-start: 2px;
	-webkit-user-select: none;
	background-image: url(http://www.ericrasch.com/media/icon-selectbox.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
	background: #FFF;
	border: 1px solid #AAA;
	color: #555;
	font-size: inherit;
	margin-top: 20px;
	overflow: hidden;
	padding: 5px 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 35%;
	border-color: #e9d373
}


/* 通路選擇器 */

select.soflow,
select#soflow-color {
	-webkit-appearance: button;
	-webkit-border-radius: 2px;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-padding-end: 20px;
	-webkit-padding-start: 2px;
	-webkit-user-select: none;
	background-image: url(http://www.ericrasch.com/media/icon-selectbox.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
	background: #FFF;
	border: 1px solid #AAA;
	color: #555;
	font-size: inherit;
	margin-top: 20px;
	margin-right: 10px;
	overflow: hidden;
	padding: 5px 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 160px;
	border-color: #e9d373
}

.custom-select select {
	display: inline-block;
	border: 2px solid #e9d373;
	padding: 4px 3px 3px 5px;
	margin-top: 0;
	width: 130px;
	font: inherit;
	outline: none;
	/* remove focus ring from Webkit */
	line-height: 1.2;
	background: #f8f8f8;

	-webkit-appearance: none;
	/* remove the strong OSX influence from Webkit */
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}


/* Since we removed the default focus styles, we have to add our own */

.custom-select select:focus {
	/*-webkit-box-shadow: 0 0 3px 1px #c00;*/
	-moz-box-shadow: 0 0 3px 1px #c00;
	/*  box-shadow: 0 0 3px 1px #c00;*/
}


/* Select arrow styling */

.custom-select:after {
	content: "▼";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	font-size: 60%;
	line-height: 30px;
	padding: 0 7px;
	background: /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cc9e55+33,cc9e55+33,fee4a7+88 */
	background: #cc9e55;
	/* Old browsers */
	background: -moz-linear-gradient(left, #cc9e55 33%, #cc9e55 33%, #fee4a7 88%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, #cc9e55 33%, #cc9e55 33%, #fee4a7 88%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #cc9e55 33%, #cc9e55 33%, #fee4a7 88%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc9e55', endColorstr='#fee4a7', GradientType=1);
	/* IE6-9 */
	color: white;

	pointer-events: none;

	-webkit-border-radius: 0 6px 6px 0;
	-moz-border-radius: 0 6px 6px 0;
	border-radius: 0 6px 6px 0;
}

.no-pointer-events .custom-select:after {
	content: none;
}

label.custom-select {
	position: relative;
	display: inline-block;
}


/* 手機表格 */

.table_m td {
	vertical-align: middle;
}

.tdwidth_1_m {
	width: 60%;
}

.tdwidth_2_m {
	width: 20%;
	text-align: right;
}

.tdwidth_3_m {
	width: 20%;
}

.tdwidth_4_m {
	width: 60%;
	text-align: left;
}

.tdwidth_5_m {
	padding-left: 10px;
	width: 40%;
}

.bluesmall {
	font-size: 16px;
}


/*金色按鈕*/

.Productoverview .doctorWords a.goldbut {
	display: block;
	font-size: 18px;
	float: right;
	padding: 5px 20px;
	color: #FFF;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cc9e55+33,cc9e55+33,fee4a7+88 */
	background: #cc9e55;
	/* Old browsers */
	background: -moz-linear-gradient(left, #cc9e55 33%, #cc9e55 33%, #fee4a7 88%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, #cc9e55 33%, #cc9e55 33%, #fee4a7 88%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #cc9e55 33%, #cc9e55 33%, #fee4a7 88%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc9e55', endColorstr='#fee4a7', GradientType=1);
	/* IE6-9 */
}

.Productoverview .productwords a.goldbut {
	display: block;
	font-size: 18px;
	float: right;
	padding: 5px 20px;
	color: #FFF;
	width: 136px;
	text-align: center;
	margin: 0 5px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cc9e55+33,cc9e55+33,fee4a7+88 */
	background: #cc9e55;
	/* Old browsers */
	background: -moz-linear-gradient(left, #cc9e55 33%, #cc9e55 33%, #fee4a7 88%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, #cc9e55 33%, #cc9e55 33%, #fee4a7 88%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #cc9e55 33%, #cc9e55 33%, #fee4a7 88%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc9e55', endColorstr='#fee4a7', GradientType=1);
	/* IE6-9 */
}

.productinfo a.goldbut {
	display: block;
	font-size: 18px;
	padding: 5px 20px;
	margin: 60px 10px;
	width: 115px;
	margin-left: auto;
	margin-right: auto;
	color: #FFF;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cc9e55+33,cc9e55+33,fee4a7+88 */
	background: #cc9e55;
	/* Old browsers */
	background: -moz-linear-gradient(left, #cc9e55 33%, #cc9e55 33%, #fee4a7 88%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, #cc9e55 33%, #cc9e55 33%, #fee4a7 88%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #cc9e55 33%, #cc9e55 33%, #fee4a7 88%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc9e55', endColorstr='#fee4a7', GradientType=1);
	/* IE6-9 */
}

.productinfo_m .goldbut {
	display: block;
	font-size: 18px;
	padding: 5px 20px;
	margin: 13px auto;
	text-align: center;
	width: 200px;
	text-decoration: none;
	color: #FFF;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cc9e55+33,cc9e55+33,fee4a7+88 */
	background: #cc9e55;
	/* Old browsers */
	background: -moz-linear-gradient(left, #cc9e55 33%, #cc9e55 33%, #fee4a7 88%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, #cc9e55 33%, #cc9e55 33%, #fee4a7 88%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #cc9e55 33%, #cc9e55 33%, #fee4a7 88%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc9e55', endColorstr='#fee4a7', GradientType=1);
	/* IE6-9 */
}

.Productoverview .doctorWords3 a.goldbut {
	display: block;
	font-size: 18px;
	float: right;
	padding: 5px 20px;
	color: #FFF;
	background-color: #0b318f
}

.Productoverview .doctorWords4 a.goldbut {
	display: block;
	font-size: 18px;
	float: right;
	padding: 5px 20px;
	color: #FFF;
	background-color: #0b318f
}

.Productoverview .doctorWords5 a.goldbut {
	display: block;
	font-size: 18px;
	float: right;
	padding: 5px 20px;
	color: #FFF;
	background-color: #0b318f
}

.milestoneBack a.goldbut {
	display: block;
	width: 166px;
	margin: 0 auto;
	font-size: 18px;
	padding: 15px 0px;
	color: #FFF;
	text-align: center;
	background-color: #0b318f
}

.selectorbtn {
	padding-top: 5px;
	margin-top: 20px;
	margin-left: -90px;
	width: 160px;
	height: 32px;
	text-align: center;
	color: #FFF;
	background-color: #0b318f
}

.selectorbtn_m {
	padding-top: 5px;
	margin: 20px auto;
	width: 160px;
	height: 32px;
	text-align: center;
	color: #FFF;
	background-color: #0b318f
}


/*金色按鈕手機*/

.Productoverview_m .doctorWords_m a.goldbut {
	display: block;
	font-size: 18px;
	width: 160px;
	height: 50px;
	padding: 13px 20px;
	margin: 0 auto;
	text-decoration: none;
	background-color: #0b318f
}

.doctorWords_m a.goldbut {
	display: block;
	font-size: 18px;
	width: 160px;
	height: 50px;
	padding: 13px 20px;
	margin: 0 auto;
	color: #FFF;
	text-align: center;
	background-color: #0b318f
}

.doctorWords_m a.goldbutblue {
	display: block;
	font-size: 18px;
	width: 160px;
	height: 50px;
	padding: 13px 20px;
	margin: 0 auto;
	color: #0b318f;
	text-align: center;
	background-color: #0b318f
}

.nothing a.goldbut {
	display: block;
	font-size: 18px;
	padding: 5px 20px;
	text-align: center;
	width: 60%;
	color: #FFF;
	background-color: #0b318f
}

.nothing a.goldbutblue {
	display: block;
	font-size: 18px;
	padding: 5px 20px;
	text-align: center;
	width: 60%;
	color: #0b318f;
	background-color: #0b318f
}

a.greybut {
	display: block;
	font-size: 18px;
	padding: 5px 20px;
	text-align: center;
	width: 60%;
	color: #FFF;
	background: #d8d8d8;
}

.doctorWords_m a.greybut {
	display: block;
	font-size: 18px;
	width: 160px;
	height: 50px;
	padding: 13px 20px;
	margin: 0 auto;
	color: #FFF;
	background: #d8d8d8;
}

.sublink_m {
	margin: 0 auto;
	width: 320px;
}

.sublink_m a {
	font-size: 16px;
	padding: 0 1.7%;
}

.sublink {
	margin-left: 13%;
}

.sublink a {
	font-size: 18px;
	padding: 0 3%;
}

.firstsec {
	margin-top: 60px;
}

.memberinfoinput {
	float: right;
	width: 70%;
	background: #fdf7c8;
	border: none;
}

.memberinfoinput_m {
	float: left;
	width: 100%;
	background: #fdf7c8;
	border: none;
}

.productthumb {
	padding-left: 4%;
	padding-top: 4%;
}

.productthumb_m {
	padding-top: 4%;
}

.productthumb img {
	width: 100%;
}

.giftpage_m {
	padding-left: 30px;
	padding-right: 30px;
}

.productthumb_m img {
	width: 100%;
}


/*醫生推薦部分*/

.subtitle {
	font-size: 20px;
	color: #656565;
	padding-top: 0px;
}

.doctor {
	padding-top: 50px;
}

.doctorName {
	font-size: 20px;
	color: #0b318f;
}

.productName {
	font-size: 24px;
	color: #0b318f;
	font-family: Helvetica, Arial, 'Microsoft JhengHei', 'LiHei Pro', 'Raleway', sans-serif;
}

.giftName {
	font-size: 20px;
	color: #0b318f;
	margin-top: 10px;
	letter-spacing: 3px;
	height: 86px;
	overflow: hidden;
}

@media (max-width: 1024px) {
	.giftName {
		height: 116px;
	}
}

@media (max-width: 800px) {
	.giftName {
		height: auto;
	}
}

.giftcontent {
	font-size: 18px;
	color: #656565;
}

.giftcontent_two {
	font-size: 22px;
	color: #656565;
}

.doctorWords {
	padding-top: 150px;
	padding-left: 63px;
	padding-right: 105px;
}

.doctorWords3 {
	padding-top: 200px;
	padding-left: 78px;
	padding-right: 100px;
}

.doctorWords4 {
	padding-top: 180px;
	padding-left: 60px;
	padding-right: 62px;
}

.doctorWords5 #PContent,
.doctorWords5 .goldbut {
	padding-top: 210px;
	padding-left: 122px;
	font-size: 39px;
	margin-left: -90px;
	margin-right: 70px;
}

.gift .productthumb a.goldbut {
	display: block;
	font-size: 18px;
	float: right;
	padding: 5px 20px;
	color: #FFF;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cc9e55+33,cc9e55+33,fee4a7+88 */
	background: #cc9e55;
	/* Old browsers */
	background: -moz-linear-gradient(left, #cc9e55 33%, #cc9e55 33%, #fee4a7 88%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, #cc9e55 33%, #cc9e55 33%, #fee4a7 88%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #cc9e55 33%, #cc9e55 33%, #fee4a7 88%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc9e55', endColorstr='#fee4a7', GradientType=1);
	/* IE6-9 */
}

.gift .productthumb_m a.goldbut {
	display: block;
	font-size: 18px;
	width: 65%;
	text-align: center;
	padding: 5px 20px;
	margin: 2% auto;
	color: #FFF;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cc9e55+33,cc9e55+33,fee4a7+88 */
	background: #cc9e55;
	/* Old browsers */
	background: -moz-linear-gradient(left, #cc9e55 33%, #cc9e55 33%, #fee4a7 88%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, #cc9e55 33%, #cc9e55 33%, #fee4a7 88%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #cc9e55 33%, #cc9e55 33%, #fee4a7 88%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc9e55', endColorstr='#fee4a7', GradientType=1);
	/* IE6-9 */
}

.doctorWords2 {
	position: absolute;
	left: 0;
	bottom: -19px;
}

.doctorWords6 {
	left: 0;
	bottom: -19px;
}

.docjusti {
	text-align: justify;
}


/*醫生推薦部分_手機版*/

.subtitle_m {
	font-size: 18px;
	color: #656565;
	padding: 30px 20px 10px 20px;
	text-align: center;
	line-height: 30px;
}

.doctor_m {
	width: 320px;
	padding-top: 15px;
	margin: 0 auto;
}

.doctor_m2 {
	width: 260px;
	padding-top: 38px;
	margin: 0 auto;
}

.doctorName_m {
	font-size: 20px;
	color: #0b318f;
}

.doctorName_m2 {
	font-size: 16px;
	color: #0088d1;
	text-align: center;
}

.doctorWords_m {
	padding-top: 20px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 20px
}

.doctorWords_m .doctorName {
	text-align: center;
}

.doctorWords_m .docjusti {
	text-align: justify;
}

.doctorWords_m p {
	font-size: 18px;
	text-align: center;
}

.doctorWords_m a {
	font-size: 18px;
	display: block;
	text-align: center;
	margin-bottom: -7%
}

.doctorWords2_m {
	position: absolute;
	left: 0;
	bottom: -19px;
}


/*醫生推薦VOD*/

html,
body {
	height: 100%;
}

.desktopvod {
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

.h_iframe {
	position: relative;
}

.h_iframe .ratio {
	display: block;
	width: 70%;
	height: auto;
}

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


/*產品特色*/

.ProductTitle {
	margin-top: 20px;
	background: url("../images/1.0_productBakLine.png") repeat-x;
}

.subtitle2 {
	font-size: 28px;
	color: #656565;
	padding-top: 0px;
}

.productinfo ul li {
	font-size: 15px;
}

.productinfo h3 {
	margin-bottom: 5px;
	margin-top: 25px;
}

.note ol {
	margin-top: 40px;
	padding-left: 12px;
}

.note ol li {
	padding-left: 0px;
}

.note {
	font-size: 12px;
	color: #0088d1;
}


/* 產品特色手機 */

.productinfo_m {
	margin-left: 20px;
	margin-right: 20px;
}

.ProductTitle_m {
	text-align: center;
	margin-top: 55px;
	background: url("../images/1.0_productBakLine_m.png") repeat-x;
}

.ProductTitle_mmm {
	text-align: center;
	margin-top: 25px;
	background: url("../images/1.0_productBakLine_m.png") repeat-x;
}

.ProductTitle_mm {
	margin-top: 100px;
}

.RTB_m {
	width: 320px;
	margin: 0 auto;
}

.note_m ol {
	margin-top: 40px;
	padding-left: 12px;
}

.note_m {
	padding-left: 60px;
	padding-right: 20px;
	font-size: 16px;
	color: #0088d1;
	line-height: 25px;
}

.note_m p {
	font-size: 16px;
	color: #0088d1;
}

.subtitle2_m {
	font-size: 28px;
}

.product {
	padding-top: 50px;
	padding-left: 15%;
}

.productwords {
	padding-top: 50px;
	padding-left: 78px;
	padding-right: 100px;
}


/* 沖調方式 */

.KnowHow {
	margin-top: 20px;
	background-color: #fff;
	text-align: left;
}

.td-th {
	text-align: center;
}

td p {
	padding-left: 25px;
	padding-right: 25px;
}


/* 沖調方式手機 */

.KnowHow {
	margin-top: 20px;
}

.td-th {
	text-align: center;
}

.table_m {
	padding-left: 20px;
	padding-right: 20px;
}

.table_m th,
.table_m td,
.table_m p,
.table_m li {
	font-size: 18px;
}


/* 通路促銷 */

.eventBack {
	background-color: #fee4a7
}


/*.eventBack p{
	margin: 25px 25px;
	color: #FFF;
}*/

.eventBack p {
	margin-top: 25px;
	margin-left: 25px;
	margin-right: 30px;
	color: #333;
}

.eventName {
	margin: 21px 25px;
	font-size: 26px;
	color: #0b318f;
}

.eventimg {
	display: block;
	width: 100%;
	height: auto;
}


/* 里程碑 */

.milestoneBack {
	background: /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#587ec6+0,5786bf+25,5494b3+50,539cae+77,55a8ad+100 */
	background: #587ec6;
	/* Old browsers */
	background: -moz-linear-gradient(45deg, #587ec6 0%, #5786bf 25%, #5494b3 50%, #539cae 77%, #55a8ad 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #587ec6 0%, #5786bf 25%, #5494b3 50%, #539cae 77%, #55a8ad 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #587ec6 0%, #5786bf 25%, #5494b3 50%, #539cae 77%, #55a8ad 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#587ec6', endColorstr='#55a8ad', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
}

.milestone {
	display: block;
	margin: 0 auto;
}

.milestone_m {
	width: 100%;
	display: block;
	margin: 0 auto;
	padding-left: 15px;
	padding-right: 15px;
}


/* 手風琴 */

button.accordion {
	background: #deb666;
	color: #FFF;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 20px;
	transition: 0.4s;
}

button.accordion.active,
button.accordion:hover {
	background: #deb666;
}

button.accordion:after {
	content: '\25B6';
	font-size: 13px;
	color: #FFF;
	float: right;
	margin-left: 5px;
	margin-top: 5px;
}

button.accordion.active:after {
	content: "\25BC";
}

div.panel {
	padding: 0 18px;
	background-color: white;
	max-height: 0;
	overflow: hidden;
	transition: 0.6s ease-in-out;
	opacity: 0;
}

div.panel.show {
	opacity: 1;
	max-height: 6000px;
}


/* 2.0 */

.growthslect {
	padding-top: 120px;
	margin-top: -1px;
	background-color: #fee4a7
}


.babybanner {
	padding-left: 0%;
}

.babybanner_m {
	padding-left: 0;
	margin-top: -120px;
}

.babybanner_two {
	width: 600px;
	position: absolute;
	z-index: 5;
	top: -25px;
	left: 50%;
	margin-left: -300px;
}

.babybanner_two_m {
	width: 100%;
	position: absolute;
	z-index: 5;
	top: -25px;
}

.indexiconbtn2 {
	margin-left: 4.7%;
}


/* Footer */

.desktopfooter {
	margin-top: -10px;
	padding-top: 220px;
	background: url("../images/footer-back.png") top center;
	width: 100%;
	height: 544px;
	background-repeat: no-repeat;
}
@media (max-width: 6000px) and (min-width: 1920px){
	.desktopfooter {background-size: 100%;}
}
@media (max-width: 1024px) {
	.desktopfooter {
		padding-bottom: 75px;
	}
}

.footerlogo {
	padding-top: 43px;
}



/* Footer手機版 */

.mobilefooter {
	margin-top: -40px;
	padding-top: 107px;
	padding-bottom: 30px;
	background: url("../images/footer-back_m.png") top center;
	background-repeat: no-repeat;
	width: 100%;
	position: absolute;
	z-index: 1;
	background-size: 100%;
}

.footer p {
	color: #000;
	font-size: 13px;
}

.mobilefooterlink {
	text-align: center;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 30px;
}

.mobilefooterlink a {
	font-size: 15px;
	display: inline-block;
}

.mobilefooterlogo {
	width: 180px;
	margin: 0 auto;
}

.footerFB {
	width: 100px;
	margin: 0 auto;
	padding-top: 20px;
}


/* Footer平版 */

.padfooter {
	padding-top: 200px;
	padding-bottom: 150px;
	margin-top: -70px;
	background: url("../images/footer-back_pad.png") top center;
	width: 100%;
	background-repeat: no-repeat;
	position: absolute;
}


.padfooterlink {
	text-align: center;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 30px;
}

.padfooterlink a {
	font-size: 18px;
}

.padfooterlogo {
	width: 180px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
}

.padfooterFB {
	width: 100px;
	margin: 0 auto;
	padding-top: 34px;
	padding-bottom: 10px;
}


/* 首頁輪播 */

.flexslider {
	margin: 0 0 0 0;
	border: none;
}

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 0px;
	text-align: center;
}

.flex-direction-nav a {
	height: 60px;
}

.index_btn {
	color: #fff;
	display: block;
	border: 2px solid #FFF;
	width: 130px;
	height: 47px;
	font-size: 21px;
	text-align: center;
	margin: 10px auto;
	padding-top: 5px;
	cursor: pointer;
	text-decoration: none;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	z-index: 101;
}

.indexiconbtn a {
	-webkit-transition: 0.3s;
	transition: 0.3s;
	display: block;
}

.index_btn:hover,
.indexiconbtn:hover a {
	-webkit-transform: scale(1.1);
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.indexiconbtn:hover a {
	padding-top: 10px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.indexiconbtn:hover a {
	text-decoration: none;
}

.index_btn_3 {
	color: #fff;
	display: block;
	border: 2px solid #FFF;
	text-align: center;
	margin: 10px auto;
	cursor: pointer;
	text-decoration: none;
}


.index_btn_2 {
	color: #fff;
	display: block;
	width: auto;
	height: auto;
	font-size: 21px;
	text-align: center;
	margin: 15px auto;
	padding-top: 7px;
	padding-bottom: 7px;
	text-decoration: none;
	font-size: 14px;
	box-shadow: 5px 5px 2px #888888;
	background: #deb666;
}


.index_btn_2gold {

	background-color: #cc9e55
}

.colmnfour>a:hover {
	color: #FFF;
	text-decoration: none;
	cursor: pointer;
}

.indexicon {
	display: block;
	margin: 0 auto;
	height: 130px;
}

.indexiconbtn {
	margin-left: 15px;
}


/* --------------------------------------
   Mobile Bottom Nav
-------------------------------------- */

#toggleButton {
	position: fixed;
	bottom: 0;
	z-index: 2000;
	background: #cc9e55;
	height: 45px;
	width: 100%;
	border: 1px solid #FFF;
	color: #FFF;
}

#disclaimer {
	position: fixed;
	/*bottom: -14px;*/
	bottom: 0;
	z-index: 2000;
	width: 100%;
	list-style-type: none;
	background: #cc9e55;
	padding-left: 0px;
	margin: 0px;
	left: 0px;
}

.productBtn,
.processBtn,
.nutritionBtn,
.backtotopBtn {
	display: block;
	height: 32px;
	border: 1px solid #FFF;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	padding: 4px 0 2px;
	width: 33.3%;
	float: left;
}

.salespromotionbtn,
.eventbtn {
	display: block;
	height: 32px;
	border: 1px solid #FFF;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	padding: 4px 0 2px;
	width: 50%;
	float: left;
}

.intro {
	background: /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a47821+7,fee4a7+89 */
	background: #a47821;
	/* Old browsers */
	background: -moz-linear-gradient(45deg, #a47821 7%, #fee4a7 89%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #a47821 7%, #fee4a7 89%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #a47821 7%, #fee4a7 89%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a47821', endColorstr='#fee4a7', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
}

a#btnevent:active {
	background: /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a47821+7,fee4a7+89 */
	background: #a47821;
	/* Old browsers */
	background: -moz-linear-gradient(45deg, #a47821 7%, #fee4a7 89%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #a47821 7%, #fee4a7 89%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #a47821 7%, #fee4a7 89%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a47821', endColorstr='#fee4a7', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
	;
}


#disclaimerr {
	position: fixed;
	bottom: 80px;
	z-index: 2000;
	width: 100%;
	list-style-type: none;
	background: #deb666;
	padding-left: 0px;
}

.kid_one,
.kid_two,
.kid_three,
.kid_four,
.kid_five,
.kid_six,
.eventBig,
.eventRec,
.eventNrth,
.eventMid,
.eventSth,
.member_three,
.member_two,
.member_one {
	display: block;
	height: 32px;
	border: 1px solid #FFF;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	padding: 4px 0 2px;
	width: 100%;
}

.yesblue {
	color: #0b318f;
}

.selectedpage {
	color: #ff0000;
	text-decoration: underline;
}

.firstblock,
.secondblock,
.thirdblock {
	height: auto;
}


/* --------------------------------------
   Mobile Nav
-------------------------------------- */

.logo_mobile {
	background-image: url("../images/S-26_logo.png");
	z-index: 1000;
	background-repeat: no-repeat;
	background-size: 100px auto;
	text-indent: -9999px;
	height: 100px;
	margin-left: -43px;
	margin-top: 0;
}

nav:not(.mm-menu) {
	display: none;
}

.mobile_menu {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 40px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	padding: 0 50px;
	text-align: left;
	position: fixed;
	z-index: 500
}

.mobile_menu a {
	background: center center no-repeat transparent;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 15px;
	right: 10px;
}

ul.lan_box {
	width: 400px;
	height: 50px;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-left: 20px;
	border-bottom: 1px solid #2c2c2c !important;
	border-top: 1px solid #2c2c2c !important;
}

li.lan a {
	color: #fff;
	font-size: 12px;
	background-color: #3c3c3c;
	padding: 7px 15px !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-right: 8px !important;
	text-decoration: none;
	float: left;
}

li.lan a:hover {
	background-color: #6f6b72;
}

.backhome {
	position: absolute;
	height: 100%;
	width: 27%;
	z-index: 3000;
}

.mobile_hone {
	color: #fff;
	text-align: center;
	font-size: 14px;
	padding-top: 19px;
}

.mm-listview>li.mm-vertical>.mm-next,
.mm-vertical .mm-listview>li>.mm-next {
	width: 100%;
}

.mm-menu .mm-listview>li.mm-opened.mm-vertical>a.mm-next,
.mm-menu.mm-vertical .mm-listview>li.mm-opened>a.mm-next {
	background: none;
}

.mm-menu.mm-right {
	z-index: 100;
}

.mm-menu {
	max-width: none \9;
	width: 53% \9;
}

.mm-opened .mobile_menu a {
	right: 53% \9;
}


/* RWD */

@media (min-width: 1200px) {}


/* 桌機 */

@media (min-width: 992px) and (max-width: 1199px) {
	/*醫生推薦VOD*/
	html,
	body {
		height: 100%;
	}
	.desktopvod {
		width: 100%;
		height: 100%;
		margin: 0 auto;
	}
	.h_iframe {
		position: relative;
	}
	.h_iframe .ratio {
		display: block;
		width: 70%;
		height: auto;
	}
	.h_iframe iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}


/* iPAD */

@media (min-width: 768px) and (max-width: 991px) {
	.desktopheader,
	.rwdhide {
		display: none;
	}
	.mobileheader,
	.rwdshow {
		display: block;
	}
	.desktopkv,
	.rwdhide {
		display: none;
	}
	.mobilekv,
	.rwdshow {
		display: block;
	}
	.desktopvod,
	.rwdshow {
		display: block;
	}
	.desktopproductNavBack,
	.rwdhide {
		display: none;
	}
	.desktopfloatMenu,
	.rwdhide {
		display: none;
	}
	.desktopContent,
	.rwdhide {
		display: none;
	}
	.mobileContent,
	.rwdshow {
		display: block;
	}
	.desktopfooter,
	.rwdhide {
		display: none;
	}
	.padfooter,
	.rwdshow {
		display: block;
	}
	.mobilefooter,
	.rwdhide {
		display: none;
	}
	.bottomnav_mobile,
	.rwdshow {
		display: block;
	}
	.desktopquote,
	.rwdhide {
		display: none;
	}
	.desktopdoctorwords,
	.rwdhide {
		display: none;
	}
	.mobiledoctorwords,
	.rwdshow {
		display: block;
	}
	.desktopsubmenu,
	.rwdhide {
		display: none;
	}
	.desktopevent,
	.rwdhide {
		display: none;
	}
	.mobileevent,
	.rwdshow {
		display: block;
	}
	.desktoplist,
	.rwdhide {
		display: none;
	}
	.mobilelist,
	.rwdshow {
		display: block;
	}
	#slides,
	.rwdhide {
		display: none;
	}
	#slidesp,
	.rwdshow {
		display: block;
	}
	#slidesm,
	.rwdhide {
		display: none;
	}
	.babybanner,
	.rwdhide {
		display: none;
	}
	.babybanner_two,
	.rwdhide {
		display: none;
	}
	.babybanner_m,
	.rwdshow {
		display: block;
	}
	.babybanner_two_m,
	.rwdshow {
		display: block;
	}
}


/* 手機 */

@media only screen and (max-width: 767px) {
	.desktopheader,
	.rwdhide {
		display: none;
	}
	.mobileheader,
	.rwdshow {
		display: block;
	}
	.desktopkv,
	.rwdhide {
		display: none;
	}
	.mobilekv,
	.rwdshow {
		display: block;
	}
	.desktopvod,
	.rwdshow {
		display: block;
	}
	.desktopproductNavBack,
	.rwdhide {
		display: none;
	}
	.desktopfloatMenu,
	.rwdhide {
		display: none;
	}
	.desktopContent,
	.rwdhide {
		display: none;
	}
	.mobileContent,
	.rwdshow {
		display: block;
	}
	.desktopfooter,
	.rwdhide {
		display: none;
	}
	.padfooter,
	.rwdhide {
		display: none;
	}
	.mobilefooter,
	.rwdshow {
		display: block;
	}
	.bottomnav_mobile,
	.rwdshow {
		display: block;
	}
	.desktopquote,
	.rwdhide {
		display: none;
	}
	.desktopdoctorwords,
	.rwdhide {
		display: none;
	}
	.mobiledoctorwords,
	.rwdshow {
		display: block;
	}
	.desktopsubmenu,
	.rwdhide {
		display: none;
	}
	.desktopevent,
	.rwdhide {
		display: none;
	}
	.mobileevent,
	.rwdshow {
		display: block;
	}
	.desktoplist,
	.rwdhide {
		display: none;
	}
	.mobilelist,
	.rwdshow {
		display: block;
	}
	.babybanner,
	.rwdhide {
		display: none;
	}
	.babybanner_two,
	.rwdhide {
		display: none;
	}
	.babybanner_m,
	.rwdshow {
		display: block;
	}
	.babybanner_two_m,
	.rwdshow {
		display: block;
	}

	/*醫生推薦VOD*/
	html,
	body {
		height: 100%;
	}
	.desktopvod {
		width: 100%;
		height: 100%;
		margin: 0 auto;
	}
	.h_iframe {
		position: relative;
	}
	.h_iframe .ratio {
		display: block;
		width: 100%;
		height: auto;
	}
	.h_iframe iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}


}

/* 手機 */
@media only screen and (max-width: 480px) {}


/* 解決橫向卷軸*/
@media (max-width: 1920px) and (min-width: 900px) {
	body {
		overflow-x: hidden;
	}
}


/* pop up */
.black_overlay {
	display: block;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index: 10000;
	-moz-opacity: 0.8;
	opacity: .50;
	filter: alpha(opacity=50);
}

.white_content {
	height: 480px;
	width: 702px;
	background-image: url('https://s26.wnclub.com.tw/assets/images/popup_bg.png');
	display: block;
	position: absolute;
	top: 200px;
	left: 50%;
	margin-left: -351px;
	z-index: 999999;
	overflow: auto;
	background-repeat: no-repeat;
	background-position: left top;
}


@media (max-width: 767px) {
	.white_content {
		height: 100%;
		width: 100%;
		background-image: url('https://s26.wnclub.com.tw/assets/images/popup_bg_m.jpg');
		display: block;
		position: absolute;
		top: 5px;
		left: 0%;
		margin-left: 0px;
		z-index: 999999;
		overflow: auto;
		background-repeat: no-repeat;
		background-position: center top;
	}

	#pop_bg2 {
		height: 354px;
		width: 360px;
		display: block;
		position: absolute;
		top: 38%;
		left: 50%;
		margin-left: -351px;
		margin-top: -240px;
		z-index: 999999;
		overflow: auto;
		background-repeat: no-repeat;
		background-position: left top;
	}

	.popclose {
		position: absolute;
		top: 0px;
		right: 0px;
	}


	.pop_btn {
		position: absolute;
		bottom: 85px;
		left: 105px;
	}

	.pop_btn:hover {
		-moz-opacity: 0.8;
		opacity: .80;
		filter: alpha(opacity=80);
	}
}


/*20181015新罐照*/
.div_clear {
	clear: both;
}
.index_h5 {
	color: #000
}
.index_h5 font {
	color: #0b318f
}
.icon_go0 {
	cursor: pointer;
}
.link_go0 {
	position: absolute;
	left: 0;
	bottom: 85px;
	z-index: 1
}
.link_go00 {
	position: absolute;
	left: 0;
	top: -100px;
	z-index: 1
}
.video_doc {
	position: relative;
	width: 100%;
	padding-bottom: 60px;
	display: block;
	background-color: #f3cf8b
}

.video_pgsg {
	background: -moz-linear-gradient(top, #fff 0%, #fff 100%);
	background: -webkit-linear-gradient(top, #fff 0%, #fff 100%);
	background: linear-gradient(to bottom, #fff 0%, #fff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff', GradientType=0);
}

.video_index {
	background-color: #f3cf8b;
	background-image: url(../images/2018_img/video_index.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100%;
}
.video_index>figure>img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%
}
.video_doc>div {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	max-width: 1200px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
	border: 3px solid #fff;
	-webkit-box-shadow: #8f7b4b 5px 5px 30px;
	box-shadow: #8f7b4b 5px 5px 30px;
}

.video_pgsg>div {
	width: 100%;
}
.video_pgsg img {
	width: 100%;
	max-width: 1200px;
}
.video_pgsg2 {
	margin-top: 40px
}

.video_smartbaby {
	padding-top: 65px;
	background: -moz-linear-gradient(top, #f9de99 0%, #f9de99 100%);
	background: -webkit-linear-gradient(top, #f9de99 0%, #f9de99 100%);
	background: linear-gradient(to bottom, #f9de99 0%, #f9de99 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9de99', endColorstr='#f9de99', GradientType=0);
}


.video_doc iframe {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden
}
.h1_m_center {
	margin-top: 30px;
	text-align: center
}
.div_center {
	text-align: center
}
.b_pgsg_txt {
	color: #0b318f;
	text-decoration: underline;
	font-family: 微軟正黑體;
}
.pgsg_tit_1,
.pgsg_tit_2 {
	position: relative;
	background-repeat: no-repeat;
	background-position: left 20px;
	background-size: 450px;
	padding-left: 90px;
	box-sizing: border-box;
	padding-top: 50px;
	padding-bottom: 10px;
}
.pgsg_tit_1 span,
.pgsg_tit_2 span {
	background-color: #fff;
	position: absolute;
	padding-left: 10px;
	padding-right: 10px;
	top: 0px;
	left: 80px;
	font-size: 33px;
	color: #cc9e55
}
.pgsg_tit_1 {
	background-image: url(../images/2018_img/tit_pmsg_1.png);
}
.pgsg_tit_2 {
	background-image: url(../images/2018_img/tit_pmsg_2.png);
}

.productinfo_pgsg h3:nth-of-type(2) {
	margin-top: 60px;
}
.pgsg_bg {
	display: block;
	width: 100%;
	background-repeat: no-repeat;
	background-image: url(../images/2018_img/pgsg_bg.gif);
	background-position: center bottom;
	height: 420px;
	margin-bottom: -120px;
}
.productinfo_pgsg ul li {
	max-width: 595px;
	line-height: 170%;
}
.doctorWords2 p {
	max-width: 700px;
}
.note {
	margin-left: 35px;
}
.note .note {
	margin-left: 0px;
}
.doctor_m img {
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.header_logo {
	display: block;
	padding-top: 16px;
	padding-right: 10px;
	padding-left: 16px;
	box-sizing: border-box;
	float: right;
	width: inherit;
}

.header_logo img {
	width: 130px;
	display: block;
	margin-top: 3px;
}
.video2_button,
.video1_button,
.video2_button_m,
.video1_button_m {
	position: absolute;
	z-index: 3px;
	left: 0px;
	top: 0px;
	cursor: pointer;
}
.font_txt {
	font-family: 微軟正黑體!important;
}
.pgsg_ul {
	width: 100%;
	margin-left: 0px;
	padding-left: 0px
}
.pgsg_ul li {
	display: inline-block;
	width: 24%;
	text-align: center;
	vertical-align: top;
	list-style-type: none;
}
.pgsg_ul li font {
	background-color: #0b318f;
	color: #fff;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	font-size: 22px;
	width: 130px;
	margin-top: 20px
}
.pgsg_ul li img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	max-width: 132px
}
.pgsg_ul li br {
	display: none
}
.index_4 figure,
.index_3 figure {
	position: absolute;
	width: 100%;
	z-index: 1;
	top: 0;
	left: 0px;
	width: 100%;
	overflow-x: hidden
}
.subtitle3 strong {
	color: #0088d1;
	font-size: 32px;
}
.index_kv5 {
	margin-bottom: -6px
}
.td_pgsg_m br {
	display: none
}
@media (max-width: 1152px) {
	.pgsg_ul li br {
		display: inline-block
	}

	.pgsg_ul li span {
		display: none
	}

	.video_index figure img {
		height: 50px;
	}

	.video_pgsg>div {
		width: 90%
	}

	.video_pgsg {
		padding-bottom: 40px;
	}

	.desktopfooter {
		height: 500px
	}
}
@media (max-width: 1024px) {
	.subtitle br {
		display: none
	}
}
@media (max-width: 800px) {
	.kv {
		padding-top: 75px;
	}

	.subtitle3 {
		text-align: center;
		margin-top: 0px;
	}

	.link_go0 {
		bottom: 75px;
	}

	.productinfo_pgsg {
		padding-top: 40px;
	}

	.pgsg_bg {
		height: 200px;
		margin-bottom: -0px;
		background-size: 1000px;
		margin-top: -50px;
	}

	.padfooter {
		padding-bottom: 40px;
	}

	.video_pgsg>div {
		width: 90%;
	}

	.footer p {
		line-height: 120%;
	}

	body {
		overflow-x: hidden;
	}

	.video_doc {
		padding-bottom: 35px;
	}

	.index_btn2 {
		background-color: rgba(255, 255, 255, 0.5);
	}

	.video_pgsg_m {
		margin-top: 90px;
	}

	.babybanner_mVideo .babybanner_two_m {
		margin-bottom: -100px;
		position: relative;
	}

	.video_smartbaby {
		padding-top: 45px;
	}

	.babybanner_m {
		margin-top: 0px;
		margin-bottom: -70px
	}

	.babybanner_two_m {
		position: relative;
		top: 0px;
	}
}
@media (max-width: 414px) {
	.babybanner_mVideo .babybanner_two_m {
		top: 0px;
		margin-bottom: -80px;
	}

	.footer p {
		padding-left: 5%;
		padding-right: 5%;
	}

	.pgsg_bg {
		height: 150px;
		background-size: 800px;
	}

	.pgsg_tit_1 {
		background-image: url(../images/2018_img/tit_pmsg_1_m.png),
		url(../images/2018_img/tit_pmsg_3_m.png);


		background-repeat: no-repeat,
		no-repeat;
		background-size: 100%, 100%;
	}

	.pgsg_tit_2 {
		background-image: url(../images/2018_img/tit_pmsg_2_m.png),
		url(../images/2018_img/tit_pmsg_3_m.png);


		background-repeat: no-repeat,
		no-repeat;
		background-size: 100%, 100%;
	}

	.pgsg_tit_1 span,
	.pgsg_tit_2 span {
		width: 100%;
		display: block;
		background-color: transparent;
		left: auto;
		position: relative;
	}

	.pgsg_tit_1,
	.pgsg_tit_2 {
		padding-top: 100px;
		padding-bottom: 10px;
		text-align: center;
		padding-left: 0px
	}

	.productinfo_pgsg h3:nth-of-type(2) {
		margin-top: 20px;
	}

	.productinfo_pgsg {
		padding-top: 0px;
	}

	.pgsg_bg {
		height: 100px;
		background-size: 600px;
	}

	.h5_m {
		letter-spacing: 5px;
	}

	.pgsg_ul li {
		width: 49%;
		margin-bottom: 20px;
	}

	.pgsg_ul {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}

	.productinfo_pgsg ul {
		padding-left: 25px;
		padding-right: 25px;
	}

	.video_pgsg_m {
		margin-top: 50px;
		padding-bottom: 0px;
	}

	.note_m {
		padding-left: 25px;
	}

	.table_m th,
	.table_m td,
	.table_m p,
	.table_m li {
		font-size: 16px;
	}

	.table_m td ul {
		padding-right: 25px;
		padding-left: 25px;
	}

	.BIGquote3_m {
		padding-left: 20px;
		padding-right: 20px;
		font-family: 微軟正黑體!important;
	}
}
@media (max-width: 375px) {
	.subtitle3 {
		font-size: 25px;
	}

	.pgsg_tit_2,
	.pgsg_tit_1 {
		padding-bottom: 20px;
		background-size: 100%, 100% 185px;
	}

	.productinfo_pgsg ul {
		padding-left: 20px;
		padding-right: 15px;
	}

	.footer p {
		padding-left: 6%;
		padding-right: 6%;
	}
}
@media (max-width: 360px) {
	.subtitle3 {
		font-size: 23px;
	}

	.pgsg_tit_1 span,
	.pgsg_tit_2 span {
		font-size: 32px;
	}

	.h5_m {
		letter-spacing: 2px;
	}

	.footer p {
		padding-left: 4%;
		padding-right: 4%;
	}

	.productinfo_pgsg ul {
		padding-left: 15px;
		padding-right: 0px;
	}
}
@media (max-width: 320px) {
	.subtitle3 {
		font-size: 20px;
	}

	.h5_m {
		letter-spacing: 1px;
	}

	.h3 {
		font-size: 24px;
	}

	.pgsg_tit_1 span,
	.pgsg_tit_2 span {
		font-size: 28px;
	}

	.pgsg_tit_2,
	.pgsg_tit_1 {
		padding-bottom: 10px;
		padding-top: 90px;
		background-size: 100%, 100% 155px;
	}

	.table_m th,
	.table_m td,
	.table_m p,
	.table_m li {
		font-size: 15px;
	}

	.table_m td ul {
		padding-right: 0px;
	}

	.td_pgsg_m br {
		display: inline-block
	}

	.mobilefooterlink {
		padding-left: 0px;
		padding-right: 0px;
	}

	.mobilefooter {
		padding-top: 67px;
	}

	.footerFB img,
	.footerFB {
		width: 60px
	}
}

/*20191009*/
.uni_m,.uni_m2{display: none!important}
.Right_menu div#floatMenu{ right: auto;left: 5% }
.uni_icon{ position:fixed; z-index:5; top:20%; right:20px;cursor: pointer;}
@media (max-width: 1700px) {
	.uni_icon img{ width:140px}
}
@media (max-width: 1366px) {
	.uni_icon{right: 0px;}
	.Right_menu div#floatMenu{ left:.5%}
}

@media (max-width: 800px) {
	.uni_icon {

    position: fixed;
    z-index: 501;
    top: 50%;}
	.uni_icon img {

    width: 100px;

}}
@media (max-width: 414px) {
	.uni_icon{ width:100%; bottom:0px; top:auto;z-index:15}
	.uni_icon a:hover img {

    filter: alpha(opacity=100);
    opacity: 1;

}
	.uni_icon img{ width:100%;}
	#toggleButton,.Right_menu ul#disclaimer{bottom: 55px!important;}
	.uni_m2{display:block!important;}
	.uni_pc2{display: none!important}

}

@media (max-width:375px) {
	#toggleButton,.Right_menu ul#disclaimer{bottom: 50px!important;}
}
@media (max-width:320px) {
	#toggleButton,.Right_menu ul#disclaimer{bottom: 45px!important;}
}

/* loading */
#loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f9e8b6;
  z-index: 9000000; }

#loading .load-line {
  position: fixed;
  top: 0;
  left: 0;
  margin-top: 20px;
  width: 100%;
  height: 100%;
  background-image: url(../images/load.gif);
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transition: all 1s .5s ease;
  -o-transition: all 1s .5s ease;
  transition: all 1s .5s ease; }

  /* 資兒樂 */
  .table{
  	background-color: #fff;
  }
  .pcl3BG{
  	background-image: url(../images/2020_pcl3/bg.jpg),url(../images/2020_pcl3/bg2.jpg);
  	background-attachment: fixed,fixed;
	background-position: center bottom,center bottom;
  	background-repeat: no-repeat,repeat-y;
  	background-size: 100%,100%;

  }
  .pcl_tit1{
  	color: #cc9e55;
  	margin-top: 25px;
  }
  .pcl_tit2{
  	color: #fff;
  	background-image: url(../images/2020_pcl3/tit1.png);
  	background-repeat: no-repeat;
  	background-position: center top;
  	width: 300px;
    background-size: 100%;
    padding-bottom: 20px;
    padding-left: 60px;
    padding-top: 5px;
    margin-top: 10px;
  }
  .pcl_tit2_2{
  	background-image: url(../images/2020_pcl3/tit2.png);
  }
.pcl_cnt{
      padding-top: 150px;}
  .pcl_cnt img{
  	width: 90%;
  	display: block;
  	max-width: 429px;
  	margin-right: auto;
  	margin-left: auto;
  	margin-bottom: 25px;
  }
  .pcl_img img{
  	width: 90%;
  	display: block;
  	max-width: 400px;
  	margin-right: auto;
  	margin-left: auto;
  }
  @media (max-width: 800px) {
  	.pcl3BG{
  		background-size: 150%,150%;
  	}
  	.pcl_cnt_m .h2_m{
  		background: #f2f7fe;
  	}
  	.pcl_cnt_m{
  		text-align: center;
  	}
  	.pcl_cnt {
    padding-top: 20px;
}
.pcl_tit1{ margin-top: 0px; text-align: center; }

  .pcl_tit2{
  	display: block;
    margin-left: auto;
    margin-right: auto;}
}