/***************************************************************************************
* BODY ELEMENTS
***************************************************************************************/
html{font-size:62.5%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body, button, input, select, textarea {font:13px/1.25 Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", sans-serif;font-size:1.3rem;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,tr,th,td{padding:0;margin:0}
table{font-size:1.3rem}
fieldset,img{border:0}
address,caption,cite,em,strong,b,u,i,th{font-weight:normal;font-style:normal;font-size:1.3rem}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
body{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:none;color:#333;margin:0}
optgroup, option{font-family: Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", sans-serif;}

/***************************************************************************************
* FORMS
***************************************************************************************/

label {display:block;margin-bottom:5px;color:#666;overflow:hidden;}
label span{display:inline;white-space:nowrap;}

/* Inputs */

select,
textarea,
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"]{
	display:inline-block;
	padding:8px;
	height:40px;
	background-color:#fff;
	border:1px solid #dcdcdc;
	color:#5b5b5b;
	vertical-align:middle;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	box-sizing:border-box;
	margin:0 10px 10px;
	width:-moz-calc(100% - 24px);
	width:-webkit-calc(100% - 24px);
	width:-o-calc(100% - 24px);
	width:calc(100% - 24px);
	}
textarea:focus, input:focus{outline:none;}
input, button, select, textarea {font-family: Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", sans-serif;}
label, input, button, select, textarea {font-size:1.3rem;line-height:24px;}
label, select, button, input[type="button"], input[type="radio"], input[type="checkbox"] {cursor:pointer;}
input[type="radio"], input[type="checkbox"] {margin:6px 0 0}
textarea {overflow:auto;vertical-align:top;height:auto;}
::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder, :-moz-placeholder{color:#eaeaea;}
.radio, .checkbox {
	margin:0 0 10px 10px;
	padding:8px 8px 8px 32px;
	font-size:1.6rem;
	height:40px;
	line-height:24px;
	vertical-align:middle;
	cursor:pointer;
	border:1px solid #dcdcdc;
	box-sizing:border-box;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	width:-moz-calc(100% - 24px);
	width:-webkit-calc(100% - 24px);
	width:-o-calc(100% - 24px);
	width:calc(100% - 24px);
	}
.radio input[type="radio"], .checkbox input[type="checkbox"] {float:left;margin-left:-20px;}
.radio.inline, .checkbox.inline {
	display:inline-block;
	vertical-align:middle;
	width:-moz-calc(50% - 18px);
	width:-webkit-calc(50% - 18px);
	width:-o-calc(50% - 18px);
	width:calc(50% - 18px);
}
.radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline {}

/* Other */
select {line-height:40px;}

/***************************************************************************************
* OTHER
***************************************************************************************/

.btn-row-1{
	width:-moz-calc(100%);
	width:-webkit-calc(100%);
	width:-o-calc(100%);
	width:calc(100%);
}
.btn-row-2{
	width:-moz-calc(50% - 10px);
	width:-webkit-calc(50% - 10px);
	width:-o-calc(50% - 10px);
	width:calc(50% - 10px);
}
.btn-row-3{
	width:-moz-calc(33.333% - 10px);
	width:-webkit-calc(33.333% - 10px);
	width:-o-calc(33.333% - 10px);
	width:calc(33.333% - 10px);
}
.btn-row-4{
	width:-moz-calc(25% - 10px);
	width:-webkit-calc(25% - 10px);
	width:-o-calc(25% - 10px);
	width:calc(25% - 10px);
}
.btn-row-5{
	width:-moz-calc(20% - 14.4px);
	width:-webkit-calc(20% - 14.4px);
	width:-o-calc(20% - 14.4px);
	width:calc(20% - 14.4px);
}
.btn {
	margin:0 10px 10px 0;
	display:inline-block;
	padding:8px 12px;
	font-size:1.7rem;
	line-height:24px;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	background-color:#666;
	border:none;
	box-sizing:border-box;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.btn-basic{background-color:#ff8a00;}
.btn-stress{background-color:#d91b1a;}
.btn-pro{background-color:#0c87dd;}
.btn-safe{background-color:#5f9907;}
.btn-calm{background-color:#dfdfdf;color: #333;}