body { font-family: 微軟正黑體, Microsoft JhengHei, SimSun, Arial, Helvetica, sans-serif; font-size: 100%; line-height: 1.5em; 
background-image:url(../images/bg_index.jpg); background-repeat:no-repeat; background-color:#e1c19e;
	      -moz-background-size:cover; -webkit-background-size:cover;-o-background-size:cover;background-size:cover; }
a:link { text-decoration: none;}
a:visited { text-decoration: none;}
a:hover { text-decoration: none; color: #CFF;}
a:active {text-decoration: none;}
a:hover, a:active, a:focus {  outline: 0; }
	
	h1 { font-size: 1.5em; line-height: 1em;}
	h2 { font-size: 1.375em; line-height: 1.091em;}
	h3 { font-size: 1.25em; line-height: 1.2em;}
	h4 { font-size: 1.125em; line-height: 1.333em;}
	h5 { font-size: 1em; line-height: 1.5em;}
	h6 { font-size: 1em; line-height: 1.5em;}
	p { font-size: 1em; line-height: 1.5em;}
	.copy h1, .copy h2, .copy h3, .copy h4, .copy h5, .copy h6, .copy p, .copy ul { margin-top:1.5em;}
	footer {color: #F0F0F0;}
	footer a {color: #F0F0F0;}
 
    

/*-------------------------------------------------------------------------------------------
	LAYOUT
-------------------------------------------------------------------------------------------*/

    /* Header  		  	  -------------------------------------------------------*/
	header { background:url(../images/bg_header.jpg); width:100%; height:50px;}
	
	.sticky {box-shadow: -3px 0 3px rgba(45,175,235,.25);}
    /* Footer  			  -------------------------------------------------------*/

	
    /* Sections  	      	  -------------------------------------------------------*/
	section {position: relative;}


/*-------------------------------------------------------------------------------------------
font
-------------------------------------------------------------------------------------------*/
.f1{ font-size: 17px; line-height: 30px; text-indent: 45px; margin: 5px 0px; text-shadow: 1px 1px #fff; color:#000;}
.f2{ font-size: 17px; line-height: 30px; margin: 10px 0px;}
.title { background-color:rgba(0,51,153,.7); color:#fff; padding: 10px; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;}
.red { color:#C00;}	
.blue { color:#039;}
.green { color:#066;}
.blue_r { font-size: 15px; line-height: 28px; color:#fff; background-color:rgba(0,170,170,.8); padding: 3px 10px; margin: 5px 0px; display:inline-block; }
.green_r { font-size: 15px; line-height: 28px; color:#fff; background-color:rgba(0,170,85,.8); padding: 3px 10px; margin: 5px 0px; display:inline-block;  }
.copyright {font-size: 12px; text-align:center; }
.note { font-size: 11px; color:#990000;	margin: 5px 0px 0px 30px; padding: 2px; background-color:rgba(255,255,255,.2);display:inline-block;  }
.padding1{ margin-left: 10px; margin-top: -3px;}
/*-------------------------------------------------------------------------------------------
 btn
-------------------------------------------------------------------------------------------*/	

.btn_login {
    margin-left: 30px;	
	font-size:16px;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #03a8db;
	padding:9px 18px;
	height: 40px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #91ddf4), color-stop(100%, #08b2e7) );
	background:-moz-linear-gradient( center top, #91ddf4 5%, #08b2e7 100% );
	background:-ms-linear-gradient( top, #91ddf4 5%, #08b2e7 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#91ddf4', endColorstr='#08b2e7');
	background-color:#91ddf4;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #287ace;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #cae3fc;
 	-moz-box-shadow:inset 1px 1px 0px 0px #cae3fc;
 	box-shadow:inset 1px 1px 0px 0px #cae3fc;
	font-weight:bold;
}.btn_login:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #08b2e7), color-stop(100%, #91ddf4) );
	background:-moz-linear-gradient( center top, #08b2e7 5%, #91ddf4 100% );
	background:-ms-linear-gradient( top, #08b2e7 5%, #91ddf4 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#08b2e7', endColorstr='#91ddf4');
	background-color:#08b2e7;
	color:#ffffff;
}.btn_login:active {
	position:relative;
	top:1px;
}
.btn_add {
    margin-left: 5px;	
	font-size:16px;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #03a8db;
	padding:7px 9px;
	height: 40px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #91ddf4), color-stop(100%, #08b2e7) );
	background:-moz-linear-gradient( center top, #91ddf4 5%, #08b2e7 100% );
	background:-ms-linear-gradient( top, #91ddf4 5%, #08b2e7 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#91ddf4', endColorstr='#08b2e7');
	background-color:#91ddf4;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #287ace;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #cae3fc;
 	-moz-box-shadow:inset 1px 1px 0px 0px #cae3fc;
 	box-shadow:inset 1px 1px 0px 0px #cae3fc;
}.btn_add:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #08b2e7), color-stop(100%, #91ddf4) );
	background:-moz-linear-gradient( center top, #08b2e7 5%, #91ddf4 100% );
	background:-ms-linear-gradient( top, #08b2e7 5%, #91ddf4 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#08b2e7', endColorstr='#91ddf4');
	background-color:#08b2e7;
	color:#ffffff;
}.btn_add:active {
	position:relative;
	top:1px;
}
.iframe_v1{	border-radius:8px; border:10px solid rgba(255,255,255,.6); 	-webkit-box-shadow:inset 1px 1px 0px 0px #cae3fc;
 	-moz-box-shadow:inset 1px 1px 0px 0px #cae3fc;
 	box-shadow:inset 1px 1px 0px 0px #cae3fc;}

/* ~~ 表單按鈕 ~~ */
input.type1 {border:0; padding:2px; font-size:14px; color:#3b5835; border:solid 1px #ccc; margin:0 0 5px; font-family: 微軟正黑體;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5); -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5); box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);}
select.type1 {border:0; padding:2px; font-size:14px; color:#3b5835; border:solid 1px #ccc; margin:0 0 5px; width:206px; font-family: 微軟正黑體;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: auto;
-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5); -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5); box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);}	
	
/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 1281px) {
.titlesize { width: 630px; height:auto; margin-left: 8%; margin-right: 320px;}
.f3 {font-size: 16px; padding-left: 30px; text-shadow: 0 0 8px #fff; color:#0046a9;	line-height: 30px;	margin: 5px 0px; font-weight:bold;}
footer {padding:0.5em 0;background: #222; position: absolute; bottom:0; width:100%;}
.space { width: 280px; padding: 40px 5px; background-color:rgba(255,255,255,.2); margin: 8% 0px 0px 0px; -webkit-border-radius: 10px; border-radius: 10px;  }
}

@media (min-width: 1024px) and (max-width: 1280px) {
.titlesize { width: 530px; height:auto; margin-left: 6%; margin-right: 150px;}
.f3 {font-size: 15px; padding-left: 30px; text-shadow: 0 0 8px #fff; color:#0046a9;	line-height: 30px;	margin: 5px 0px; font-weight:bold;}
footer {padding:0.5em 0;background: #222; position: absolute; bottom:0; width:100%;}
.space { width: 280px; padding: 40px 5px; background-color:rgba(255,255,255,.2); margin: 8% 0px 0px 0px; -webkit-border-radius: 10px; border-radius: 10px;  }
}

@media (max-width: 1023px) {
.titlesize { width: 420px; height:auto; margin-right: 2%;}
.f3 {font-size: 15px; padding-left: 30px; text-shadow: 0 0 8px #fff; color:#0046a9;	line-height: 20px;	margin: 3px 0px; font-weight:bold;}
footer {padding:0.5em 0;background: #222; position:relative; margin-top:30px; width:100%;}
.space { width: 280px; padding: 40px 5px; background-color:rgba(255,255,255,.2); margin: 1% 0.5% 0px 0px; -webkit-border-radius: 10px; border-radius: 10px;  }
}