@charset "utf-8";
/* CSS Document */




.input_scale_multiline, .input_multiline_noscale {
	
	font-family:"Proxima Nova Light", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	font-size:16px;
	
	resize: none; 
	color:#333333;
	 /*height:44px;*/
	 line-height:44px; /*IE*/
	 -webkit-border-radius: 5px; 
	 -moz-border-radius: 5px;
	 border-radius: 5px;
	 border:1px solid #cccccc;
     outline:none;
	 padding-left:10px;
	 padding-right:10px;
	 
	 height: 200px !important;
	 
}

.input_scale_multiline:focus {
	resize: none; 
	color:#333333;
    -webkit-box-shadow: 0 0 25px #ccc;
    -moz-box-shadow: 0 0 25px #ccc;
    box-shadow: 0 0 25px #ccc;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05);
}

.input_multiline_noscale:focus {
	
	border:1px solid #39B5AA;
	color:#333333;
    -webkit-box-shadow: 0 0 25px #ccc;
    -moz-box-shadow: 0 0 25px #ccc;
    box-shadow: 0 0 25px #ccc;
	
}

.input_scale_multiline:disabled{
	background-color:#EEEEEE;
	color:#999999;
}

.input_scale_multiline:-moz-read-only { /* For Firefox */
    background-color:#EEEEEE;
	color:#999999;
}

.input_scale_multiline:read-only { 
    background-color:#FFF;
	color:#999999;
}

.input_multiline_noscale:disabled{
	background-color:#EEEEEE;
	color:#999999;
}

.input_multiline_noscale:-moz-read-only { /* For Firefox */
    background-color:#EEEEEE;
	color:#999999;
}

.input_multiline_noscale:read-only { 
    background-color:#FFF;
	color:#999999;
}









.StripeElement,
.input_scale, .input_noscale {
	
	font-family:"Proxima Nova Light", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	font-size:16px;
	
	 color:#333333;
	 height:44px;
	 line-height:44px; /*IE*/
	 -webkit-border-radius: 5px; 
	 -moz-border-radius: 5px;
	 border-radius: 5px;
	 border:1px solid #cccccc;
     outline:none;
	 padding-left:10px;
	 padding-right:10px;
	

}


.StripeElement--focus,
.input_scale:focus {
	
	
	border:1px solid #39B5AA;
	color:#333333;
    -webkit-box-shadow: 0 0 25px #ccc;
    -moz-box-shadow: 0 0 25px #ccc;
    box-shadow: 0 0 25px #ccc;
	
	
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05);
	
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	
}

.input_noscale:focus {
	
	border:1px solid #39B5AA;
	color:#333333;
    -webkit-box-shadow: 0 0 25px #ccc;
    -moz-box-shadow: 0 0 25px #ccc;
    box-shadow: 0 0 25px #ccc;
	
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	
}




.StripeElement--invalid {
  border: 1px solid #FF8000;
}




.input_select, .input_select_noscale{
	
	font-family:"Proxima Nova Light", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	font-size:16px;
	
	color:#333333;
	height:44px;
	line-height:44px; /*IE*/
	
	background: #FFF url('../img/form/dropdown_arrow.png')  no-repeat;
	background-position: 98% 0px;     
	
	background-size: 44px 44px;
	-webkit-background-size: 44px 44px;
	-moz-background-size: 44px 44px;
	
	appearance:none;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #cccccc;
    outline:none;
	padding-left:10px;
	padding-right:10px;
	
	display: inline-block;
	
	
}



.input_select_ie8, .input_select_noscale_ie8{
	
	font-family:"Proxima Nova Light", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	font-size:16px;
	
	color:#333333;
	height:44px;
	line-height:44px; /*IE*/
	
	background: #FFF url('../img/form/dropdown_arrow_ie8.png')  no-repeat;
	background-position: 98% 0px;             /*Position of the background-image*/
	
	background-size: 44px 44px;
	-webkit-background-size: 44px 44px;
	-moz-background-size: 44px 44px;
	
	
	appearance:none;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #cccccc;
    outline:none;
	padding-left:10px;
	padding-right:10px;
	
}



.input_select:focus, .input_select_ie8:focus {
	
	border:1px solid #39B5AA;
	color:#333333;
	-webkit-box-shadow: 0 0 25px #ccc;
    -moz-box-shadow: 0 0 25px #ccc;
    box-shadow: 0 0 25px #ccc;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05);
	
}


.input_select_noscale:focus, .input_select_noscale_ie8:focus{
	
	border:1px solid #39B5AA;
	color:#333333;
	-webkit-box-shadow: 0 0 25px #ccc;
    -moz-box-shadow: 0 0 25px #ccc;
    box-shadow: 0 0 25px #ccc;
	
}



.input_scale:disabled{
	background-color:#EEEEEE;
	color:#999999;
}
.input_scale:readonly{
	background-color:#f3f2f2;
	color:#333;
}

.input_scale:-moz-read-only { /* For Firefox */
    background-color:#f3f2f2;
	color:#333;
}

.input_scale:read-only { 
    background-color:#f3f2f2;
	color:#333;
}



.input_noscale:disabled { 
    background-color:#EEEEEE;
	color:#999999;
}

.input_noscale:readonly { 
    background-color:#f3f2f2;
	color:#333;
}

.input_noscale:-moz-read-only { /* For Firefox */
    background-color:#f3f2f2;
	color:#333;
}

.input_noscale:read-only { 
    background-color:#f3f2f2;
	color:#333;
}


.input_select:disabled, .input_select_ie8:disabled,
.input_select_noscale:disabled, .input_select_noscale_ie8:disabled {
	background: #EEEEEE;
	color:#999999;
}



.input_err{
	font-size:13px !important;
	line-height:22px !important;
	
	margin:4px 3px 4px 3px;
	color:#F30;
	font-weight:500;
}



.input_price{
	font-family:"Proxima Nova Light", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	line-height:16px;
	
	width:100% auto;
	margin:5px 18px 5px 3px;
	color:#0083A5;
	font-weight:500;
	text-align:right;
}


.input_quantity{
	font-family:"Proxima Nova Light", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	line-height:16px;
	
	width:100% auto;
	margin:6px 18px 5px 3px;
	color:#0083A5;
	font-weight:500;
	text-align:center;
}

.input_quantity_soldout{
	font-family:"Proxima Nova Light", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	line-height:16px;
	
	width:100% auto;
	margin:6px 18px 5px 3px;
	color:#BD55E4;
	font-weight:500;
	text-align:center;
}


.input_display_soldout{
	font-family:"Proxima Nova Light", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:22px;
	
	color:#FF8000;
	font-weight:500;
	text-align:center;
}









/* =================== Form Buttons ====================== */

.form_submitBtn_grey_disabled, .form_submitBtn_grey_disabled:link, .form_submitBtn_grey_disabled:visited,
.form_submitBtn_g, .form_submitBtn_g:link, .form_submitBtn_g:visited,
.form_submitBtn_fb, .form_submitBtn_fb:link, .form_submitBtn_fb:visited,
.form_submitBtn_blue, .form_submitBtn_blue:link, .form_submitBtn_blue:visited,
.form_submitBtn_red, .form_submitBtn_red:link, .form_submitBtn_red:visited,
.form_submitBtn_green, .form_submitBtn_green:link, .form_submitBtn_green:visited,
.form_submitBtn, .form_submitBtn:link, .form_submitBtn:visited{
	
	/*font-family:"Proxima Nova Bold", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	font-weight:normal;*/
	font-size:18px;
	line-height:26px;
	
	color: #FFFFFF;
	border:0px solid #03a876; 
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 20px 20px 20px 20px; 
	text-align:center;
	text-decoration:none; 
	/*text-shadow: -1px -1px 0 rgba(0,0,0,0.2);*/
	display:inline-block; 
	background-color: #39B5AA; 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#39B5AA), to(#38BDA3));
	background-image: -webkit-linear-gradient(top, #39B5AA, #38BDA3);
	background-image: -moz-linear-gradient(top, #39B5AA, #38BDA3);
	background-image: -ms-linear-gradient(top, #39B5AA, #38BDA3);
	background-image: -o-linear-gradient(top, #39B5AA, #38BDA3);
	background-image: linear-gradient(to bottom, #39B5AA, #38BDA3);
	
    /* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#39B5AA, endColorstr=#38BDA3)";
}



.form_submitBtn_g:hover,
.form_submitBtn_fb:hover,
.form_submitBtn_grey_disabled:hover,
.form_submitBtn_blue:hover,
.form_submitBtn_red:hover,
.form_submitBtn_green:hover,
.form_submitBtn:hover{
	
	cursor: pointer;
	
	color: #FFFFFF;
	border:0px solid #027b56;
	background-color: #5FCDC5;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#5FCDC5), to(#64D0BB));
	background-image: -webkit-linear-gradient(top, #5FCDC5, #64D0BB);
	background-image: -moz-linear-gradient(top, #5FCDC5, #64D0BB);
	background-image: -ms-linear-gradient(top, #5FCDC5, #64D0BB);
	background-image: -o-linear-gradient(top, #5FCDC5, #64D0BB);
	background-image: linear-gradient(to bottom, #5FCDC5, #64D0BB);
	
    /* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#5FCDC5, endColorstr=#64D0BB)";
}


.form_submitBtn_g img,
.form_submitBtn_fb img,
.form_submitBtn_grey_disabled img,
.form_submitBtn_blue img,
.form_submitBtn_red img,
.form_submitBtn_green img,
.form_submitBtn img {
	display:inline-block;
    vertical-align:middle;
	margin-left:10px;
}


.form_submitBtn_green, .form_submitBtn_green:link, .form_submitBtn_green:visited{
	
	background-color: #39B5AA !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#39B5AA), to(#38BDA3)) !important;
	background-image: -webkit-linear-gradient(top, #39B5AA, #38BDA3) !important;
	background-image: -moz-linear-gradient(top, #39B5AA, #38BDA3) !important;
	background-image: -ms-linear-gradient(top, #39B5AA, #38BDA3) !important;
	background-image: -o-linear-gradient(top, #39B5AA, #38BDA3) !important;
	background-image: linear-gradient(to bottom, #39B5AA, #38BDA3) !important;
	
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#39B5AA, endColorstr=#38BDA3)" !important;
}

.form_submitBtn_green:hover{
	background-color: #5FCDC5 !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#5FCDC5), to(#64D0BB)) !important;
	background-image: -webkit-linear-gradient(top, #5FCDC5, #64D0BB) !important;
	background-image: -moz-linear-gradient(top, #5FCDC5, #64D0BB) !important;
	background-image: -ms-linear-gradient(top, #5FCDC5, #64D0BB) !important;
	background-image: -o-linear-gradient(top, #5FCDC5, #64D0BB) !important;
	background-image: linear-gradient(to bottom, #5FCDC5, #64D0BB) !important;
	
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#5FCDC5, endColorstr=#64D0BB)" !important;
}



.form_submitBtn_red, .form_submitBtn_red:link, .form_submitBtn_red:visited{
	
	background-color: #c65b5b !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#c65b5b), to(#c6725b)) !important;
	background-image: -webkit-linear-gradient(top, #c65b5b, #c6725b) !important;
	background-image: -moz-linear-gradient(top, #c65b5b, #c6725b) !important;
	background-image: -ms-linear-gradient(top, #c65b5b, #c6725b) !important;
	background-image: -o-linear-gradient(top, #c65b5b, #c6725b) !important;
	background-image: linear-gradient(to bottom, #c65b5b, #c6725b) !important;
	
    /* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#c65b5b, endColorstr=#c6725b)" !important;
	
}




.form_submitBtn_red:hover{
	background-color: #e17e7e !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e17e7e), to(#e0a88a)) !important;
	background-image: -webkit-linear-gradient(top, #e17e7e, #e0a88a) !important;
	background-image: -moz-linear-gradient(top, #e17e7e, #e0a88a) !important;
	background-image: -ms-linear-gradient(top, #e17e7e, #e0a88a) !important;
	background-image: -o-linear-gradient(top, #e17e7e, #e0a88a) !important;
	background-image: linear-gradient(to bottom, #e17e7e, #e0a88a) !important;
	
    /* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e17e7e, endColorstr=#e0a88a)" !important;
}





.form_submitBtn_blue, .form_submitBtn_blue:link, .form_submitBtn_blue:visited{
	background-color: #32A1C0 !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#32A1C0), to(#3FB6C0)) !important;
	background-image: -webkit-linear-gradient(top, #32A1C0, #3FB6C0) !important;
	background-image: -moz-linear-gradient(top, #32A1C0, #3FB6C0) !important;
	background-image: -ms-linear-gradient(top, #32A1C0, #3FB6C0) !important;
	background-image: -o-linear-gradient(top, #32A1C0, #3FB6C0) !important;
	background-image: linear-gradient(to bottom, #32A1C0, #3FB6C0) !important;
	
    /* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#32A1C0, endColorstr=#3FB6C0)" !important;
}

.form_submitBtn_blue:hover{
	background-color: #5FE1F1 !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#5FE1F1), to(#63E9FF)) !important;
	background-image: -webkit-linear-gradient(top, #5FE1F1, #63E9FF) !important;
	background-image: -moz-linear-gradient(top, #5FE1F1, #63E9FF) !important;
	background-image: -ms-linear-gradient(top, #5FE1F1, #63E9FF) !important;
	background-image: -o-linear-gradient(top, #5FE1F1, #63E9FF) !important;
	background-image: linear-gradient(to bottom, #5FE1F1, #63E9FF) !important;
	
    /* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#5FE1F1, endColorstr=#63E9FF)" !important;
}



.form_submitBtn_fb, .form_submitBtn_fb:link, .form_submitBtn_fb:visited{
	background-color: #5184eb !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#5184eb), to(#5a90fd)) !important;
	background-image: -webkit-linear-gradient(top, #5184eb, #5a90fd) !important;
	background-image: -moz-linear-gradient(top, #5184eb, #5a90fd) !important;
	background-image: -ms-linear-gradient(top, #5184eb, #5a90fd) !important;
	background-image: -o-linear-gradient(top, #5184eb, #5a90fd) !important;
	background-image: linear-gradient(to bottom, #5184eb, #5a90fd) !important;
	
    /* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#5184eb, endColorstr=#5a90fd)" !important;
}


.form_submitBtn_fb:hover{
	background-color: #6493f3 !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#6493f3), to(#72a1ff)) !important;
	background-image: -webkit-linear-gradient(top, #6493f3, #72a1ff) !important;
	background-image: -moz-linear-gradient(top, #6493f3, #72a1ff) !important;
	background-image: -ms-linear-gradient(top, #6493f3, #72a1ff) !important;
	background-image: -o-linear-gradient(top, #6493f3, #72a1ff) !important;
	background-image: linear-gradient(to bottom, #6493f3, #72a1ff) !important;
	
    /* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#6493f3, endColorstr=#72a1ff)" !important;
}




.form_submitBtn_g, .form_submitBtn_g:link, .form_submitBtn_g:visited{
	background-color: #de5347 !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#de5347), to(#cf4438)) !important;
	background-image: -webkit-linear-gradient(top, #de5347, #cf4438) !important;
	background-image: -moz-linear-gradient(top, #de5347, #cf4438) !important;
	background-image: -ms-linear-gradient(top, #de5347, #cf4438) !important;
	background-image: -o-linear-gradient(top, #de5347, #cf4438) !important;
	background-image: linear-gradient(to bottom, #de5347, #cf4438) !important;
	
    /* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#de5347, endColorstr=#cf4438)" !important;
}


.form_submitBtn_g:hover{
	background-color: #f46c61 !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f46c61), to(#cd5d52)) !important;
	background-image: -webkit-linear-gradient(top, #f46c61, #cd5d52) !important;
	background-image: -moz-linear-gradient(top, #f46c61, #cd5d52) !important;
	background-image: -ms-linear-gradient(top, #f46c61, #cd5d52) !important;
	background-image: -o-linear-gradient(top, #f46c61, #cd5d52) !important;
	background-image: linear-gradient(to bottom, #f46c61, #cd5d52) !important;
	
    /* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f46c61, endColorstr=#cd5d52)" !important;
}



.form_submitBtn_grey_disabled, .form_submitBtn_grey_disabled:link, .form_submitBtn_grey_disabled:visited{
	
	cursor:default;
	
	background-color: #999999 !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#B9B9B9)) !important;
	background-image: -webkit-linear-gradient(top, #999999, #B9B9B9) !important;
	background-image: -moz-linear-gradient(top, #999999, #B9B9B9) !important;
	background-image: -ms-linear-gradient(top, #999999, #B9B9B9) !important;
	background-image: -o-linear-gradient(top, #999999, #B9B9B9) !important;
	background-image: linear-gradient(to bottom, #999999, #B9B9B9) !important;
	
	
    /* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#999999, endColorstr=#B9B9B9)" !important;
	
}





.form_submitBtn_white_selected, .form_submitBtn_white_selected:link, .form_submitBtn_white_selected:visited{
	color: #FFFFFF;
	border:0px solid #34A79B; 
	border-top:1px solid #34A79B;
	border-left:1px solid #34A79B;
	border-right:1px solid #34A79B;
	border-bottom:1px solid #34A79B;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	padding: 10px; 
	text-align:center;
	text-decoration:none; 
	/*text-shadow: -1px -1px 0 rgba(0,0,0,0.2);*/
	display:inline-block; 
	background-color: #FFFFFF; 
}


.form_submitBtn_white, .form_submitBtn_white:link, .form_submitBtn_white:visited{
	color: #FFFFFF;
	border:0px solid #e7e7e7; 
	border-top:1px solid #e7e7e7;
	border-left:1px solid #e7e7e7;
	border-right:1px solid #e7e7e7;
	border-bottom:1px solid #efefef;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	padding: 10px; 
	text-align:center;
	text-decoration:none; 
	/*text-shadow: -1px -1px 0 rgba(0,0,0,0.2);*/
	display:inline-block; 
	background-color: #FFFFFF; 
}


.form_submitBtn_white_selected:hover,
.form_submitBtn_white:hover{
	color: #FFFFFF;
	background-color: #FCFCFC;
}

.form_submitBtn_white img,
.form_submitBtn_white img {
	display:inline-block;
    vertical-align:middle;
}

/* === END ================ Form Buttons ====================== */



/* ============================ Form ============================= */

/* to be removed 
.form_header_error{
	font-size:15px;
	color:#FF0;
}
*/

/* === END ======================================================= */