/*html5doctor.com Reset Stylesheetv1.6.1Last Updated:2010-09-17Author:Richard Clark - http://richclarkdesign.comTwitter:@rich_clark*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
/* change colours to suit your needs */
ins{background-color:#ff9;color:#000;text-decoration:none;}
/* change colours to suit your needs */
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
/* change border colour to suit your needs */
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}
.kv,.footer,.ct{display:none;}


/*1440以上*/
@media screen and (min-width: 1441px) {
	.wrapper_box{ box-sizing: border-box; background: url(../images/bg-2x.png); background-position: center 800px; background-size: 100% auto;}
	.wrapper {width:100%; margin:0 auto;}
	.topbar{ height:70px; background: #FFF;}
	.topbar .box01{ width:90px;height:50px; position:relative; left:30px; top:0px;}
	.topbar .box01 img{ width:100%; height:auto;}

	/*主視覺*/
	.box02_1920{ display:block; width:100%; }
	.box02_1920 img{ width:100%; height:auto; }

	/*銀湯匙與快樂的小貓*/
	.box03{ width:1200px; margin:0 auto; }
	.box03 img{ width:100%; height:auto;}
    .box03 .piece01{ position: relative; top:10px;}/*上段*/
 
	.box03 .piece02_pc{ display:block; position: relative; background: url(../images/03-3.png); background-size: 100%; }/*中段*/
	.box03 .piece02_pc::after{content:'';position:absolute;top:-80px;right:-36px;width:298px;height:374px;background:url(../images/03-4.png) no-repeat;background-size:contain;z-index:1;}
	.box03 .piece02_pc .part01{ width:90%; margin:0 auto;}
	.box03 .piece02_pc .sp{ padding-top:50px}
	.box03 .piece02_pc .part02{ width:90%; margin:30px auto;}
    .box03 .piece03{ position: relative; padding-bottom:100px;}/*下段*/
 	.box03 .piece03::after{content:'';position:absolute;bottom:62px;left:-35px;width:327px;height:307px;background:url(../images/03-5.png) no-repeat;background-size:contain;z-index:1;}

	/*footer*/
	.box04_pc{ display:block; width: 100%;}
	.box04_pc img{ width: 100%; position: relative; top:10px;}

	/*吸住*/
	.box05{width:338px; position:fixed; bottom:20px; right:20px; z-index:9999;}
	.box05 img{ width:100%;}
}

@media screen and (min-width: 720px) and (max-width: 1440px) {
	.wrapper_box{ box-sizing: border-box; background: url(../images/bg-2x.png); background-position: center 800px; background-size: 100% auto;}
	.wrapper {width:100%; margin:0 auto;}
	.topbar{ height:70px; background: #FFF;}
	.topbar .box01{ width:90px;height:50px; position:relative; left:30px; top:0px;}
	.topbar .box01 img{ width:100%; height:auto;}

	/*主視覺*/
	.box02_1440{ display:block; width:100%; }
	.box02_1440 img{ width:100%; height:auto; }

	/*銀湯匙與快樂的小貓*/
	.box03{ width:1200px; margin:0 auto; }
	.box03 img{ width:100%; height:auto;}
    .box03 .piece01{ position: relative; top:10px;}/*上段*/
 
	.box03 .piece02_pc{ display:block; position: relative; background: url(../images/03-3.png); background-size: 100%; }/*中段*/
	.box03 .piece02_pc::after{content:'';position:absolute;top:-80px;right:-36px;width:298px;height:374px;background:url(../images/03-4.png) no-repeat;background-size:contain;z-index:1;}
	.box03 .piece02_pc .part01{ width:90%; margin:0 auto}
	.box03 .piece02_pc .sp{ padding-top:50px}
	.box03 .piece02_pc .part02{ width:90%; margin:30px auto;}

    .box03 .piece03{ position: relative; padding-bottom:100px;}/*下段*/
 	.box03 .piece03::after{content:'';position:absolute;bottom:62px;left:-35px;width:327px;height:307px;background:url(../images/03-5.png) no-repeat;background-size:contain;z-index:1;}
	
	/*footer*/
	.box04_pc{ display:block; width: 100%;}
	.box04_pc img{ width: 100%; position: relative; top:10px;}

	/*吸住*/
	.box05{width:338px; position:fixed; bottom:20px; right:20px; z-index:9999;}
	.box05 img{ width:100%;}

}

@media screen and (min-width: 100px) and (max-width: 719px) {
	.wrapper_box{ box-sizing: border-box; background: url(../images/bg_m.png); background-position: center 620px; background-size: 100% auto;}
	.wrapper {width:100%; margin:0 auto;}
	.topbar{ height:58px; background: #FFF;}
	.topbar .box01{ width:75px;height:auto; position:relative; margin:0 auto;}
	.topbar .box01 img{ width:100%; height:auto;}

	/*主視覺*/
	.box02_720{ display:block; width:100%; }
	.box02_720 img{ width:100%; height:auto; }

	/*銀湯匙與快樂的小貓*/
	.box03{ width:90%; margin:0 auto; }
	.box03 img{ width:100%; height:auto;}
    .box03 .piece01{ position: relative; top:2px;}/*上段*/
 
	.box03 .piece02_m{ display:block; position: relative; background: url(../images/03-3.png); background-size: 100%;}/*中段*/
	.box03 .piece02_m::after{content:'';position:absolute;top:-4.5%;right:-3%;width:88px;height:110px;background:url(../images/03-4.png) no-repeat;background-size:contain;z-index:1;}
	.box03 .piece02_m .part01{ width:90%; margin:0 auto}
	.box03 .piece02_m .sp{ padding-top:30px}
	.box03 .piece02_m .part02{ width:90%; margin:20px auto;}

    .box03 .piece03{ position: relative; padding-bottom:30px;}/*下段*/
 	.box03 .piece03::after{content:'';position:absolute;bottom:78%;left:-2%;width:95px;height:89px;background:url(../images/03-5.png) no-repeat;background-size:contain;z-index:1;}
	
	/*footer*/
	.box04_m{ display:block; width: 100%;}
	.box04_m img{ width: 100%; position: relative; top:10px;}

	/*吸住*/
	.box05{width:108px; position:fixed; bottom:40px; right:10px; z-index:9999;}
	.box05 img{ width:100%;}

}