/* Reset & Basics
==================================================*/
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0;  }
	body{
		font-family: Arial, Helvetica, sans-serif, "微軟正黑體";}

/*mob_index
=====================================================*/
	.mob_top{
		position:fixed;
		z-index: 999;
		width: 640px;
		left: 570px;
		top: 5px;}
	.mob_top nav{
		font-family: Arial, Helvetica, sans-serif, "微軟正黑體";
		font-size: 20px;}
	.mob_index{
		background: url(../images/mob/mob_index_bg.png) no-repeat;
		width: 100%;
		height: 7378px;
		position: absolute;}
	.mob_index_btn{
		position: absolute;
		top: 648px;
		left: 416px;
		-webkit-animation: mob_index_btn 1.5s infinite;
		-o-animation: mob_index_btn 1.5s infinite;
		animation: mob_index_btn 1.5s infinite;}
		@keyframes mob_index_btn{
			0%{transform: scale(1);}
			50%{transform: scale(0.95);}
			100%{transform: scale(1);}
		}
	.mob_index_top{
		margin-top: 213px;}
	.mob_idex_bottom{
		background: url(../images/mob/mob_index_bottom.png);
		width: 640px;
		height: 486px;
		top: 16px;
		position: relative;}
	.index_product{
		position: absolute;
		top: 50px;
		left: 30px;}
	.index_product .index_bug1, .index_product .index_bug2{
		position: absolute;}
	.index_product .index_wash1, .index_product .index_wash2{
		position: absolute;
		top: 16px;
		left: 36px;}
	.index_product .index_bowl1, .index_product .index_bowl2{
		position: absolute;
		top: 34px;
		left: 20px;}
	.mob_index_product_small{
		position: absolute;
		top: 381px;
		left: 30px;}
	.mob_product1{
		background: url(../images/mob/mob_product1_bg.png) no-repeat;
		width: 100%;
		height: 1606px;
		margin-top: 40px;
		position: relative;}	
	.point200{
		background: url(../images/ponta200.png) no-repeat;
		width: 454px;
		height: 119px;
		position: absolute;
		top: 224px;
		left: 77px;}
	.mob_product_point{
		position: absolute;
		top: 25px;
		right: 0px;}
	.mob_product2{
		background: url(../images/mob/mob_product2_bg.png) no-repeat;
		width: 100%;
		height: 1301px;
		position: relative;
		margin-top: -27px;
		z-index: 1;}
	.point_card{
		background: url(../images/card_light.png) no-repeat;
		width: 221px;
		height: 163px;
		position: absolute;}
	.mob_product2 .card_loction{
		position: absolute;
		top: 1148px;
		left: 52px;}
	.mob_point_btn{
		position: relative;
		top: -40px;
		left: 444px;}
	.mob_product3{
		background: url(../images/mob/mob_product3_bg.png) no-repeat;
		width: 100%;
		height: 1102px;
		position: relative;
		margin-top:-80px; 
		z-index: 1;}
	.mob_product3 .card_loction{
		position: absolute;
		top: 960px;
		left: 45px;}
	.mob_product3_point_btn{
		position: relative;
		top: -60px;
		left: 444px;}
	.mob_product4{
		background: url(../images/mob/mob_product4_bg.png) no-repeat;
		width: 100%;
		height: 1233px;
		position: relative;
		margin-top:-110px; 
		z-index: 1;}
	.mob_product4 .card_loction{
		position: absolute;
		top: 1080px;
		left: 40px;}
	.mob_product4_point_btn{
		position: relative;
		top: -60px;
		left: 444px;}
	.bowl_pink{
		background: url(../images/bowl_pink_all.png) no-repeat;
		width: 293px;
		height: 333px;
		position: absolute;
		top: 600px;
		left: 16px;
		transition: 0.5s}
	.bowl_white{
		background: url(../images/bowl_white_all.png) no-repeat;
		width: 293px;
		height: 333px;		
		position: absolute;
		top: 600px;
		left: 314px;
		transition: 0.5s}
	.mob_sgs{
		position: absolute;
		top: 555px;
		left: 290px;}


/* notice
==================================================*/
	.notice_bg{
		background: url(../images/mob/mob_notice_bg.png) no-repeat;
		width: 1151px;
		height: 544px;
		top: 0px;
		left: 10px;
		position: relative;}
	.tab_contain{
		position: absolute;
		width: 590px;
		height:464px;
		top: 30px;
		left: 20px;
		overflow-y: auto;
		overflow-x:hidden ;}
	.tab{
		position: relative;
		width: 600px;
		top: -10px;
		left: 59px;}
	.notice ul li{
		position: relative;
		display: inline-block;}
	.fb_icon{
		position: relative;
		top: 134px;
		left: 334px;}
	.part2_fb_icon{
		position: relative;
		top: 105px;
		left: 334px;}
	#point30, #way{
		display: none;}

/*part2
====================================================*/
	.mob_part2_index{
		background: url(../images/mob/mob_part2_bg.png) no-repeat;
		width: 100%;
		height: 3720px;
		position: absolute;}
	.part2_taipei{
		background: url(../images/mob/mob_part2_taipei.png) no-repeat;
		width:640px;
		height: 859px;
		position: relative;
		top: 46px;
		z-index: 1;}
	.part2_taipei .address{
		position: absolute;
		top: 701px;
		left: 242px;}
	.part2_Kaohsiung{
		background: url(../images/mob/mob_part2_kaohsiung.png) no-repeat;
		width:640px;
		height: 882px;
		position: relative;
		top: -80px;}
	.part2_Kaohsiung .address{
		position: absolute;
		top: 731px;
		left: 242px;}