.smart-search , .search-trend, .loginout, #header{
    display: none;
}
.member-page {
    padding: 80px 0 100px 0;
}
.container {
    max-width: 1500px;
    width: 100%;
}
.member-page .form-container {
    padding: 15px 40px;
}
.form-container h2 {
    text-align: center;
    font-size: 27px;
    border-bottom: 0;
    color: #54191a;
}
.form-container h2 img{
	width: 230px;
	margin-bottom: 10px;
	margin-left: 7px;
}
.form-container h2 span {
    margin-left: 0;
    display: block;
    color: #ff7913;
    font-size: 21px;
	}
.event-type .event-title .img-icon {
    background-color: transparent;
    padding: 10px;
    width: 65%;
	height: auto;
    left: 0;
    position: inherit;
    margin: auto;
	margin-top: 10px;
			}
.event-type {
    width: 80%;
    margin: 0 auto;
}
.s7 .event-type li{
    list-style: none;
    -webkit-filter: drop-shadow(0 0 5px rgba(0,0,0,.2));
	padding: 20px 40px;
}
.event-type .event-box {
    padding: 20px 0 30px 0;
	background-color: #fff;
    border: 0px;
    border-radius: 0 0 30px 30px;
}

.event-type .event-title h5 {
    line-height: normal;
    color: #fff;
    font-weight: normal;
    font-size: 36px;
    margin: 0;
    background-color: #ffba3c;
    border-radius: 30px 30px 0 0;
    padding: 15px;
}
.event-type p {
    padding-top: 20px;
    color: #000000;
    font-size: 28px;
	line-height: normal;
}

.footer {
    padding-top: 0;
}
.demo-button {
    display: block;
    width: 80%;
    background-color: #e85a71;
    color: #fff !important;
    padding: 10px 15px;
    margin: auto;
    border-radius: 6px;
	text-align: center;
		}
.go-top {
    float: right !important;
    margin: 40px 20px 20px;
}
.go-top a {
    color: #000;
    font-size: 21px;
    padding: 5px;
    display: block;
    border-bottom: 1px solid #ccc;
}
.go-top a i{
    color: #333;
    font-size: 17px;
}



@media (max-width: 1366px) and  (min-width: 1280px){
.member-page {
    padding: 15px 0;
}
	
}
@media (max-width: 1080px) {
.wrap {
    background-color: #fff;
}
.member-page {
    padding: 0;
}
.member-page .form-container {
    padding: 15px 20px 30px 20px;
}
.demo-button {
    width: 85%;
    padding: 10px 15px;
    border-radius: 6px;
}
	

	
}
@media (max-width: 991px) {
.demo-button {
    width: 60%;
	}
.go-top {
    margin: 10px 20px 20px;
}
}
@media (max-width: 767px) {

.event-type p {
}

.footer {
    margin-bottom: 0;
}
.copyright {
    text-align: left;
    float: right;
    font-size: 15px;
    line-height: 21px;
    margin-top: 7px;
    padding-left: 0;
    padding-right: 0;
}
.footer-logo {
	text-align: center;
	display: block;
}

.img-qrcode {
	display: none;
}
.live-type {
    margin: 30px -5px;
}
.live-type li{
	padding-left: 5px !important;
	padding-right: 5px !important;
}
.live-box h5 {
    font-size: 17px;
    margin: 15px;
}
}
@media (max-width: 479px) {
.form-container h2 {
    font-size: 25px;
	    margin-bottom: 0;
}
.form-container h2 img{
	width: 190px;
}
.form-container h2 span {
    font-size: 17px;
}
.event-type {
    margin-top: 15px;
}
.event-type.row li.col-xs-6 {
    width: 50%;
	padding-left: 0 !important;
    padding-right: 0 !important;
	margin-right: -1px;
	margin-left: -1px;
	margin-bottom: 30px;
}
.footer-logo img {
    height: 40px;
}
.copyright {
    margin-top: 3px;
}
}
@media (max-width: 360px) {
.copyright {
    font-size: 13px;
}
}




/*小嫻開始--------------------------------------------------------------------------------------------------------------*/

/*主頁開始*/

.c-navbar-wrapper.clearfix{
	position: relative;
}

.c-brand.c-pull-left a img.logo-b {
    height: 80px;
    transition: .2s;
    opacity: 0;
	position: absolute;
	top: 0;
	z-index: 1;
}

.c-brand.c-pull-left a img.logo-w {
    height: 80px;
    position: absolute;
    top: 17px;
    opacity: 1;
    transition: .2s;
}

.c-page-on-scroll .c-brand.c-pull-left a img.logo-b {
    opacity: 1;
}

.c-page-on-scroll .c-brand.c-pull-left a img.logo-w {
    top: 0;
    opacity: 0;
    transition: .2s;
}
.c-layout-revo-slider {
    position: relative;
	display: flex;
}

.c-layout-revo-slider .text {
	text-align: center;
	    animation-delay: .5s;
}

.c-layout-revo-slider h3{
	font-size: 60px;
    letter-spacing: 3px;
    margin-bottom: 20px;
    color: #ffba3c;
    line-height: 60px;
}

.c-layout-revo-slider p{
    font-size: 36px;
	line-height: 36px;
    letter-spacing: 1px;	
}

.s1 {
	height:80vh;
}

.phone1{
    width: 33%;
    margin: 0 auto;
}

.secretary1{
	width: 50%;
    text-align: right;
        padding-right: 3%;
	position: relative;
}

.secretary1 img{
	width: 58%;
}

.introduction .images img.phone2{
	position: relative;
}

.width-70{
	width: 70%;
}

.width-60{
	width: 60%;
}

.width-50{
	width: 50%;
}

.dis-flex{
	display: flex;
}

.left-array,.right-array{
	width: 50%;
}

.speech-bubble{
	position: relative;
    margin: 0 15% 10% 5%;
	
}

.speech-bubble p{
	position: absolute;
    top: 32%;
    left: 29%;
    font-size: 28px;
    color: #000;
}

.title-bubble{
    background-color: #86c03f;
    margin-bottom: 20px;
    padding: 10px;
    border-radius: 50px;
	position: relative;
}

.title-bubble img{
	position: absolute;
    top: 0;
    right: -15px;
    width: 55px;
	z-index: -1;
}

.title-bubble.c-bg-white img{
    left: -15px;
}

.introduction{
	position: relative;
	display: flex;
}

.images{
	width: 50%;
	text-align: center;
    padding-right: 10%;
}

.shopping-car { width: 25%; bottom: -1px; right: 19%; animation-delay: .8s;}
.b-gift { width: 10%; bottom: 0; left: 19%; animation-delay: .5s;}
.w-gift { width: 15%; bottom: -1px; left: 7%; animation-delay: .4s;}
.o-bag { width: 10%; bottom: 0; left: 0; animation-delay: .3s;}
.y-bag { width: 20%; bottom: 0; left: 5%; animation-delay: .5s;}

.introduction .images img{
	position: absolute;
}

.introduction p{
    font-size: 20px;
    text-align: justify;
    color: #000;
}

.secretary2{
	width: 50%;
    text-align: center;
}

.secretary2 img{
	width: 50%;
}

.content-center{
	justify-content: center;
    align-items: center;
    display: flex;
}

.justify-content-left{
justify-content: left;
}
.s2 .text{
	font-size: 24px;
    line-height: 38px;
    color: #000;
}

.s2 .border-lr{
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
}

.s8 .c-content-box.c-size-md {
	background: url(../images/end.jpg);
	background-size: cover;
    padding-top: 120px;
}

/*聊天室*/
.owl-pos{
	position: absolute;
    width: 512px;
    bottom: 5%;
    left: 9%;
}

.chatroom{
	position: relative;
}
/*價格表*/
.month-price{
    font-size: 50px;
	font-family: arial;
}

.event-type p.original-price{
	font-size: 20px;
    color: #bdbdbd;
    text-decoration: line-through;
    padding-top: 0;
}

/*結尾*/
.c-content-feature-10 p.end-ps {
	font-size: 24px;
    color: #fff;
    line-height: normal;
    font-family: Microsoft JhengHei ,Arial;
}

.copyright-text{
	color: #fff;
	font-size: 13px;
	text-align: center;
	margin: 0;
}

.under_800{
	display:none;
}

.display-tablet {
	display: none;
}

.form-center {
    margin: 0 auto;
    float: none;
}

.form-control{
	    color: #333;
    width: 100%;
    padding: 25px 15px;
    border-radius: 5px;
    font-size: 22px;
    margin-bottom: 10px;
    letter-spacing: 1px;
    font-family: Microsoft JhengHei,Arial;
    font-weight: bold;
	border-color: #fff;
}

.form-group ::-webkit-input-placeholder {     color: #b5b5b5; letter-spacing: 1px; font-size: 18px; font-weight: normal;}
.form-group input::-moz-placeholder {     color: #b5b5b5; letter-spacing: 1px; font-size: 18px;  font-weight: normal;}
.form-group input::-moz-placeholder{    color: #b5b5b5; letter-spacing: 1px; font-size: 18px; font-weight: normal;}
.form-group:-ms-input-placeholder{    color: #b5b5b5; letter-spacing: 1px; font-size: 18px; font-weight: normal;}

.help-block{
	margin: 0;
	    color: #ffba3c;
	font-family: Microsoft JhengHei,Arial;
}

.s2 .text-wrap{
   display: block;
}

.comma{
	display: none;
}

.zoom-out{	display: inline;}
.zoom-in{	display: none;}

.phone-verification{
	padding: 11px 10px;
    background-color: #ffba3c;
    border-radius: 5px;
    display: block;
    font-size: 16px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    color: #fff;
    transition: .2s;
    text-align: center;
    font-weight: bold;
}
.phone-verification:hover{
    color: #FFF;
    background-color: #e69b13;
    transition: .2s;
}
.event-type p.att-text{
	font-size: 13px;
    color: #ff9595;
    padding-top: 0;
	line-height: 37px;
    margin: 0;
}
.col-xs-8.semicircle{
	 padding-right: 0;
}
.semicircle .form-control{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.col-xs-4.semicircle{
	 padding-left: 0;
}

.semicircle a{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.two-columns{
	clear: both;
    display: block;
    padding-left: 15px;
}

.s8{position: relative;}

.mask{    
	background: rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    font-size: 80px;
    color: #fff;
	display: flex;
    align-items: center;
}

.mask p{    
    text-align: center;
	width: 100%
}

.phone-block{
	display: none;
}

a:hover, a:focus {
	color: #fff;
}

.LINE-addFriend{
	position: fixed;
    z-index: 999;
    background-color: #8BC34A;
    top: 200px;
	right: 0;
	padding: 5px 10px;
	cursor: pointer;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	font-size: 28px;
	transition: .2s;
	box-shadow: 0 0 10px rgba(111, 111, 111, 0.68);
	color: #fff;
}

.LINE-addFriend:hover{
	background-color: #f9f9f9;
	box-shadow: 0 0 10px rgba(139, 195, 74, 0.68);
}

.addFriend-img{
	width: 50px;
	margin: 0 auto;
	display: block;
}

.addFriend-img2{
	width: 50px;
	margin: 0 auto;
	display: none;
}

a:hover .addFriend-img{
	display: none;
}

.LINE-addFriend-text{
	font-size: 16px;
	color: #fff;
}

.LINE-addFriend:hover .LINE-addFriend-text{
	color: #8BC34A;
}
a:hover .addFriend-img2{
	display: block;
}

.LINE-addFriend-fixed{
    position: fixed;
    z-index: 99999;
    top: 19px;
    right: 95px;
    width: 170px;
    height: 43px;
    cursor: pointer;
    font-size: 19px;
    color: #fff;
    text-align: center;
    font-family: Microsoft JhengHei,Arial;
    display: none;
    line-height: 14px;
    border-radius: 10px;
	background-color: transparent;
    border: 2px solid #fff;
	transition: .5s;}
.c-page-on-scroll .LINE-addFriend-fixed{
	background-color: #8BC34A;
	border: 2px solid rgba(255,255,255,0);
    transition: .5s;
}
/*主頁結束*/


/*RWD開始*/


@media (max-width: 1440px){
	.container { width: 1170px;}
	.phone1 { width: 40%;}
	.secretary1 img { width: 70%;}
	.width-70 { width: 90%;}
	.width-50 { width: 70%;}
	.width-60 { width: 80%;}
	.owl-pos { width: 450px; left: 11%;}
	.s7 .event-type li { padding: 20px 10px;}
	.event-type { width: 100%;}
	.no-padding { padding: 0;}
	.event-box .text-wrap{ display: block;}
	.event-type p.att-text { line-height: 18px;}
}

@media (max-width: 1366px){
	.phone1 { width: 38%;}
	.secretary1 img { width: 80%;}
}

@media (max-width: 1280px){
	.c-layout-revo-slider { background-position: center;}
	.phone1 { width: 41%;}
}

@media (max-width: 1024px){
	.container { width: 970px;}
	.owl-pos { width: 361px; left: 12%;}
	.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link{ padding: 40px 15px;}
	.c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-mega-menu .nav.navbar-nav > li > .c-link{ padding: 20px 15px;}
	.s1 { height: 615px;}
	.phone1 { width: 48%;}
	.width-70 { width: 100%;}
	.secretary2 img { width: 55%;}
	.width-60 { width: 90%;}
	#s5 .content-center{ align-items: normal;}
	.event-type { width: 100%;}
	.event-type ul{ padding: 0;}
	.s8 .c-content-box.c-size-md{ background-position: center;}
}
@media (max-width: 991px){
	.display-tablet { display: block;}
	.container { width: 95%;}
	.owl-pos { width: 510px;left: 16%;}
	.tp-banner-container{ height: 100vh !important;}
	.c-layout-revo-slider {	height: 95vh !important; overflow-x: hidden; background-image: url(../images/slider1-s.jpg); background-repeat: no-repeat; background-size: cover;}
	.c-layout-header .c-navbar { height: 80px;}
	.c-page-on-scroll .c-layout-header .c-navbar { background-color: #fff;}
	.c-navbar-wrapper.clearfix { height: 80px;}
	.c-brand.c-pull-left a p { top: 36%;}
	.s2 .border-lr { border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; border-right: 0px; border-left: 0px; padding: 50px 0; margin: 50px 0;}
	#s3 .c-content-box.c-size-md { padding-bottom: 0;}
	.dis-flex{ flex-wrap: wrap-reverse;}
	.secretary1 { width: 100%; text-align: center; padding: 0;}
	.up_800{ display: none;}
	.under_800{ display: block;}
	.secretary1 img { width: 60%; margin: 0 auto;}
	.speech-bubble p{ top: 30%; left: 28%;}
	.speech-bubble { margin: 0 5% 10% 5%;}
	#s4 .introduction, #s6 .introduction { display: block;}
	#s5 .introduction{ flex-wrap: wrap-reverse;}
	.introduction p { font-size: 24px; line-height: 36px;}
	.images { width: 100%; text-align: center; padding: 0; margin-top: 50px;}
	.shopping-car{ right: 9%;}
	.y-bag { left: 15%;}
	.o-bag{	left: 10%;}
	.w-gift{ left: 18%;}
	.b-gift{ left: 30%;}
	.secretary2 img { width: 33%;}
	.secretary2 {width: 100%;}
	.width-60 { width: 70%; margin: 0 auto;	margin-bottom: 50px;}
	.width-70 { width: 70%; margin: 0 auto;	margin-bottom: 30px;}
	.chatroom { text-align: center;}
	.event-type { width: 60%;}
	.c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-mega-menu .nav.navbar-nav > li > .c-link { padding: 40px 15px;}
	.s8 .c-content-box.c-size-md{padding: 80px 0 50px 0;}
	.s2 .text-wrap { display: inline;}
	.comma{ display: inline;}
	.zoom-out{ display: none;}
	.zoom-in{ display: inline;}
	.event-type p.att-text { line-height: 26px;font-size: 18px;}
	.phone-block{ display: block !important;}
	.phone-none{ display: none !important;}
	.LINE-addFriend-fixed.dis-flex{ display: flex !important;}
	.s7 .c-content-title-1 { margin-bottom: 30px;}
	.c-brand.c-pull-left a img.logo-w{ top:0;}
}
@media (max-width: 768px){
	.phone1 { width: 62%;}
	.secretary2 img { width: 50%;}
	.owl-pos { width: 507px; left: 15%;}
}
@media (max-width: 600px){
	.phone1 { width: 75%;}
	.s1 { height: 600px;}	
	.width-70 { width: 100%;}
	.owl-pos { width: 473px; left: 8%;}
	#s6 .width-70{ width: 90%;}
	.c-content-title-1 > p { font-size: 20px !important; margin-top: 20px;}
}
@media (max-width: 420px){
	.c-layout-revo-slider h3{ font-size: 38px; margin-bottom: 0;}
	.c-layout-revo-slider p { font-size: 26px;}
	.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link,
	.c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-mega-menu .nav.navbar-nav > li > .c-link{ padding: 25px 15px;}
	#s8 .c-content-title-1 > h3 { font-size: 32px; margin-bottom: 50px;}
	.phone1 { width: 95%;}
	.s1 { height: 550px;}
	.c-content-box.c-size-md{ padding: 50px 0;}
	.speech-bubble p{ top: 23%; font-size: 20px;}
	.introduction p{ font-size: 20px; line-height: 30px;}
	.width-50,.width-60,#s6 .width-70 { width: 100%; margin-bottom: 20px;}
	.y-bag { left: 0; z-index: 1;}
	.o-bag { left: 15%; z-index: 1;}
	.w-gift { left: 22%;}
	.b-gift { left: 34%;}
	.shopping-car { right: 0; width: 40%;}
	.images { margin-top: 0;}	
	.introduction .images img.phone2{ width: 75%;}
	.owl-pos { width: 316px; left: 9%; bottom: -2%;}
	.event-type { width: 80%;}
	.event-type .event-box { padding: 0 0 15px 0;}
	.event-type .event-title h5{ font-size: 28px;}
	.month-price{ font-size: 36px;}
	.event-type p{ font-size: 20px;}
	.s7 .event-type li { padding: 0 20px 40px 20px;}
	.c-content-feature-10 p.end-ps{ font-size: 20px;}	
	.text-wrap{ display: block;}
	.floating.circle,.floating.triangle,.floating.cross,.floating.square{ width: 20px; height: 20px;}
	.s2 .text {	font-size: 20px;}
	.event-type p.att-text { line-height: 22px; font-size: 16px;}
	.mask{ font-size: 50px;}
	.c-navbar .container{width: 100%;}
	.phone-verification{ font-size: 14px; line-height: 15px;}
	.LINE-addFriend-fixed{ font-size: 14px; line-height: 14px; width: 120px; right: 80px;}
}

@media (max-width: 411px){
	.owl-pos { width: 314px;}
}
@media (max-width: 375px){
	.c-layout-revo-slider h3{ font-size: 34px;	}
	.c-layout-revo-slider p { font-size: 22px;}
	.c-content-title-1 > h3 { font-size: 24px;}
	.c-content-title-1 { margin-bottom: 20px;}
	.s1 { height: 485px;}
	.width-70{ margin-bottom: 20px;	}
	.speech-bubble p { top: 18%; left: 26%;	}
	.owl-pos { width: 281px; left: 10%; bottom: -4%;}
	.c-content-feature-10 p.end-ps { font-size: 16px;}	
	.introduction p { font-size: 18px; line-height: 26px;}
	.phone-verification .text-wrap{ display: block;}	
	.c-content-title-1 > p { font-size: 18px !important;}
	.LINE-addFriend-fixed{font-size: 12px;  width: 90px; padding: 0 15px;}
}
@media (max-width: 320px){
	.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link,
	.c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-mega-menu .nav.navbar-nav > li > .c-link { padding: 20px 15px;}
	.c-layout-header .c-navbar .c-mega-menu.c-fonts-bold > .nav.navbar-nav > li > .c-link{ font-size: 20px;}
	.c-brand.c-pull-left a img.logo-b { height: 70px;}
	.c-layout-header .c-navbar,.c-navbar-wrapper.clearfix { height: 70px;}
	.c-layout-header-fixed.c-layout-header-mobile-fixed .c-layout-header.c-mega-menu-shown .c-mega-menu,
	.c-layout-header.c-layout-header-default-mobile .c-brand > .c-hor-nav-toggler{ top:18%;}
	.c-layout-revo-slider h3 { font-size: 30px;}
	.c-layout-revo-slider p { font-size: 20px;}
	.c-content-title-1 > h3 { font-size: 20px;}
	.s1 { height: 435px;}
	.s2 .text { font-size: 16px;}
	.speech-bubble p { font-size: 16px; top: 15%;}
	.width-50, .width-60, #s6 .width-70{ margin-bottom: 10px;}
	.owl-theme .owl-controls{ margin-top: 0;}
	.owl-pos { width: 237px; left: 10%; bottom: 13%;}
	.zoom-in { width: 80%;}	
	.introduction p { font-size: 16px; line-height: 21px;}
	.event-type p.att-text { line-height: 16px; font-size: 13px;}	
	.form-group ::-webkit-input-placeholder {font-size: 16px;}
	.form-group input::-moz-placeholder {font-size: 16px;}
	.form-group input::-moz-placeholder{font-size: 16px;}
	.form-group:-ms-input-placeholder{font-size: 16px;}
	.c-content-title-1 > p { font-size: 16px !important; margin-top: 0;}
	.c-brand.c-pull-left a img.logo-w {	height: 70px;}
	.c-layout-header-fullscreen.c-layout-header-mobile-fixed.c-layout-header-static .c-layout-header.c-mega-menu-shown .c-mega-menu, .c-layout-header-fixed.c-layout-header-mobile-fixed .c-layout-header.c-mega-menu-shown .c-mega-menu, .c-layout-header-fixed.c-layout-header-mobile-fixed.c-page-on-scroll .c-layout-header.c-mega-menu-shown .c-mega-menu{ top:70px;}
	.LINE-addFriend-fixed{ right: 75px; top: 12px; width: 70px; padding: 0 5px;}
}
/*RWD結束*/