body{
	margin:0px;margin-top:50px;color:#444444;
	font-size:16px;font-family:Verdana,Geneva,"微軟正黑體","新細明體",sans-serif;
}
img{vertical-align:middle;}
h1{font-size:1.2em;margin:15px 0px;}
a{color:inherit;text-decoration:none;}
a.button{
	font-size:1.2em;border-radius:4px;
	background-color:#6099ff;color:#ffffff;
	padding:10px 25px;cursor:pointer;
	transition:background-color 0.5s;
}
a.button:hover, a.button:active{
	background-color:#3069cf;
}
a.button-small{
	font-size:0.9em;padding:6px 12px;border-width:1px;
}
.view{
	width:1100px;max-width:100%;margin:0px auto;
}
.col{
	margin:1%;display:inline-block;vertical-align:middle;
}
section{padding:20px 0px;padding-bottom:30px;}
section:nth-of-type(2n){background-color:#f0f0f0;}
section:nth-of-type(2n+1){background-color:#ffffff;}
/* cta */
.cta-mobile{display:none;text-align:center;}
.cta-mobile>a.button{background-color:#f98942;color:#ffffff;}
@media (max-width:600px){
	.cta{display:none;}
	.cta-mobile{display:block;}
}
/* header */
header{
	width:100%;height:50px;line-height:50px;
	position:fixed;top:0px;left:0px;
	border-bottom:1px solid #cccccc;
	background-color:#ffffff;
}
header .brand{
	float:left;margin-left:10px;height:50px;
	font-size:20px;font-weight:600;
	color:#003344;
}
header .cta{
	float:right;margin-right:10px;margin-left:10px;
}
header .menu{
	float:right;height:50px;
	text-align:right;
}
header .menu>.item{margin-right:15px;cursor:pointer;color:#888888;transition:color 0.25s;}
header .menu>.item:hover,
header .menu>.item:active{color:#222222;}
@media (max-width:600px){
	header .menu>.item{margin-right:5px;font-size:0.9em;}
	header .menu>.item:last-child{margin-right:10px;}
}
/* main */
main{
	padding:20px 0px;padding-bottom:30px;background-color:#f0f0f0;
	line-height:2em;text-align:center;
}
main .icon{width:300px;text-align:right;}
main .icon>img{width:256px;height:256px;}
main .welcome{
	width:600px;margin-left:50px;text-align:left;
	color:#003344;
}
main .welcome>h1.desktop{font-size:1.8em;}
main .welcome>h1.mobile{font-size:1.5em;display:none;}
main .welcome>h2{font-size:1.2em;color:#666666;}
main .welcome>.cta{margin-top:30px;margin-bottom:20px;}
main .welcome>.cta>.env{color:#888888;font-size:0.8em}
@media (max-width:1000px){
	main .welcome{text-align:center;}
	main .icon{display:block;margin:0px auto;text-align:center;}
	main .welcome{display:block;width:90%;margin:0px auto;}
	main .welcome>h2{font-size:1em;}
}
@media (max-width:600px){
	main .welcome>h1.desktop{display:none;}
	main .welcome>h1.mobile{display:block;}
}
/* feature */
.feature{text-align:center;}
.feature .story{line-height:2em;margin-top:20px;}
.feature .story>.item{display:inline-block;width:300px;white-space:nowrap;}
.feature .story>.item>img{width:48px;height:48px;}
@media (max-width:1000px){
	.feature .story>.item{display:block;width:300px;margin:10px auto;text-align:left;}
	.feature .story>.item>img{width:30px;height:30px;margin-right:10px;}
	.feature .story>.item>br{display:none;}
}
/* beautify */
.beautify{text-align:center;}
.beautify .story{margin-bottom:10px;line-height:1.5em;}
.beautify .demo>img{width:45%;margin:5px;}
.beautify .demo>img:first-child{margin-left:10px;}
.beautify .demo>img:last-child{margin-right:10px;}
@media (max-width:500px){
	.beautify .demo>img{width:100%;margin:10px 0px;}
	.beautify .demo>img:first-child{margin-left:0px;}
	.beautify .demo>img:last-child{margin-right:0px;}
}
/* paint */
.paint{text-align:center;}
.paint .story{margin-bottom:10px;line-height:1.5em;}
.paint .cta{margin:30px 0px;}
@media (max-width:500px){
	.paint .demo>iframe{width:100%;height:250px;}
}
/* profession */
.profession{text-align:center;}
.profession .story{margin-bottom:10px;line-height:1.5em;}
.profession .demo>iframe{width:480px;height:270px;margin:5px;}
.profession .demo>iframe:first-child{margin-left:10px;}
.profession .demo>iframe:last-child{margin-right:10px;}
@media (max-width:1000px){
	.profession .demo>iframe{width:560px;height:315px;margin:10px 0px;}
	.profession .demo>iframe:first-child{margin-left:0px;}
	.profession .demo>iframe:last-child{margin-right:0px;}
}
@media (max-width:500px){
	.profession .demo>iframe{width:100%;height:250px;}
}
/* reviews */
.reviews{text-align:center;}
.reviews .cta{margin:30px 0px;}
@media (max-width:500px){
	.reviews .demo>img{width:100%;}
}
/* language */
.language{text-align:center;padding:10px 0px;font-size:0.9em;}
.language .lang{margin:0px 5px;}
/* footer */
footer{
	text-align:center;line-height:1.5em;
	padding:30px 0px;padding-bottom:50px;
	color:#ffffff;background-color:#002233;
}