body {
	padding: 0;
	margin: 0;
	background: #fff;	
	color: #8b8e94;
	line-height: 24px;
	font-size: 18px;
	font-family: "Microsoft JhengHei","微軟正黑體","Arial", sans-serif!important;
}
body a {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	text-decoration: none;
}
body a:hover {
	text-decoration: none;
}
body a:focus, a:hover {
	text-decoration: none;
}
input[type="button"], input[type="submit"] {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight:normal;
		
}
p {
	margin: 0;
	color:#777;
	letter-spacing:1px;
	line-height:1.8em;
	font-size:15px;
	
}
/*
.row{
	margin:0px;
	padding:0px;
}
*/
ul {
	margin: 0;
	padding: 0;
}
label {
	margin: 0;
}
a{
	color:#000;
}
a:focus, a:hover {
	text-decoration: none;
	outline: none;
}
a:focus, a:hover {
    
    text-decoration:none;
}
/*-- //Reset-Code --*/

 /*--top hover--*/
#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 20px;
    right: 2%;
    overflow: hidden;
    z-index: 999;
    width: 32px;
    height: 32px;
    border: none;
    text-indent: 100%;
    background: url(../images/arrow.png) no-repeat 0px 0px;
}
#toTopHover {
    width: 32px;
    height: 32px;
    display: block;
    overflow: hidden;
    float: right;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
}
/*--/tophover--*/
/*滾動固定MENU*/
.top,.bottom{position:fixed;width:100%;z-index:999}.top{top:0;left: 0;}.bottom{bottom:0;left: 0;}
.hide{display:none!important}
.ttittle {width: 100%!important;}
/*#滾動固定MENU*/

.bg-g{background-color: #ccc !important;}
.bg-o{background-color: #f9c270 !important;}
.bg-bk{background-color: #000 !important;}
.bg-yellow{background-color: #fcde83 !important;}

.bg-blue2{background-color: #598fef !important;}
.bg-blue{background-color: #003d75 !important; }
.bg-green{background-color: #87ddab !important; }
.bg-yellow2{background-color: #eef1c3 !important;}
.bg-pink{background-color: #e75e4b !important; }
.bg-part2-1{background-color: #eca503 !important; border: 4px solid #3146b8;}
.bg-part2-2{background-color: #e75e4b !important; color: #fff;}
.bg-part4-1{background-color: #f7e6ba !important; border: 4px solid #3146b8;}
.bg-part5-1{background-color: rgba(255,255,255,0.6) !important; border: 4px solid #3146b8;border-radius: 30px;}
.b3{ border: 3px solid #3146b8;}

.bg_th1{
	background-image: url("../images/banner.png");
	background-position:top;
	background-size: cover;
}
.bg_th2{
	background-image: url("../images/bg.png");
	background-size: cover;
	background-position:center top;
	background-attachment: fixed;
   }
.bg_th3{
	background-image: url("../images/part6-bg-11.png");
	background-position:left top;
	background-repeat: repeat;
   }

a.h_big:hover img{width: 102%!important;}
a.h_op:hover img{opacity: 0.8!important;}
a.h_shadow:hover img{
-webkit-box-shadow: 0px  4px 8px #875409;
-moz-box-shadow: 0px 4px 8px #875409;
box-shadow: 0px  4px 8px #875409;
}

/*btn*/
.btn-yel{color:#003d75;background-color:#fac721;border-color:#fac721}
.btn-yel:hover{color:#fbc841;background-color:#ff8500;border-color:#ff8500}
.btn-yel.focus,.btn-yel:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}
.btn-yel.disabled,.btn-yel:disabled{color:#003d75;background-color:#fac721;border-color:#fac721}
.btn-yel:not(:disabled):not(.disabled)
.active,.btn-yel:not(:disabled):not(.disabled):active,.show>.btn-yel.dropdown-toggle{color:#003d75;background-color:#ff8500;border-color:#ff8500}.btn-yel:not(:disabled):not(.disabled)
.active:focus,.btn-yel:not(:disabled):not(.disabled):active:focus,.show>.btn-yel.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}


/*header*/
header{padding-top: 2rem;padding-bottom: 2rem;}
.circle{position: relative; }
.board{position: absolute;top: 3%;left: 50%;text-align: center;margin-left:-25%;}
.board img{width: 100%;}

#login{position: fixed;top: 5%;right: 50px;z-index: 1000; text-align: center;margin: auto;}
#login a{
	padding: 20px 16px; 
	color: #fff;
	vertical-align:middle;
	background-color: #1f52a2;
	border: 5px solid #ee6e2c;
	border-radius: 50%;
	width: 80px;
	height: 80px;
	margin: 5px;
	display: block;
	text-align: center;	
}
#login a:hover{background-color: #ee6e2c;border: 5px solid #1f52a2;}

/*#header*/

/*part1--活動說明*/
#part1 hr{width: 94%;}
#part1 img{width: 60%;}
.part1-title{
	position: absolute;
	left: 32%;
	top: 5px;
	color: #fff;
	font-size: 1.2rem;
	font-weight: bolder;
}
.part1-title-con{
	color: #1f52a2;
	font-size: 1.5rem;
	font-weight: bolder;
}
.part1-title-p{
	color: #303030;
	font-size: 1.1rem;
	line-height: 1.6rem;
	list-style-type: decimal; /*阿拉伯數字*/
	list-style-position: outside!important;
	padding-right: 15px;
}
ul.part1-title-p{
	margin-left: 15px;
}
.part1-title-p span{
	color: #e75e4b;
	font-size: 1.1rem;
	font-weight: bolder;
}
/*#part1--活動說明*/
/*PART2*/
#part2-top{text-align: center;}
#part2-top h2{text-align: center; font-size: 2.2rem;color: #1f52a2; line-height: 4rem;border-bottom: 5px solid #ee6e2c;font-weight: bolder;width: 40%;display: inline-block;}
#part2-top input[type="image"]{width: 260px;}
#part2-top .table {margin-bottom: 0!important;}
#part2-top .wo {color:#1f52a2; font-size: 1.2rem;}
#part2-down{color:#474c54;font-weight: bolder; }

/*part4*/
#part4 input{width: 100%;border: 3px solid #1f52a2;}
#part4 select{width: 100%;border: 3px solid #1f52a2;}
#form2{padding: 1.6rem;}
#form2 label{color: #1f52a2;font-weight: bolder;font-size: 1.2rem;}
#form2 select option:hover{background-color: #f00;}

/*login*/
#part5 input[type="text"],#part5 input[type="password"],#part5 input[type="password"]{width: 100%;border: 3px solid #ee6e2c;}
#part5 .form-row{
    margin-right: 10px;
    margin-left: 10px;
}

#ctl00{padding: 1.6rem;}
#ctl00 label{color: #1f52a2;font-weight: bolder;font-size: 1.2rem;}

/*end_login*/

/*footerstyle*/
footer{padding:1em 0 1em 0;}
footer h4{color: #fff;font-size: 16px;margin-bottom: 1em ;}
/*end_footerstyle*/


/*---------------------------media------------------------------*/
/*1400以下*/
@media screen and (max-width: 1399px) {
.board{top: 8%;}
#login {
    top: 13%;
    right: 15px;
}	
}
/*1200以下*/
@media screen and (max-width: 1199px) {
.board{top: 6%;}
#part1 img{width: 80%;}
.part1-title {left: 50px;}	
}
/*0~991*/
@media screen and (max-width: 991px) {
.pmd4{padding: 1rem;	}	
.board{top: 8%;}	

#part1 img{width: 92%;}
.part1-title {left: 46px;top:8px;}
.part1-title-con {font-size: 1.2rem;text-align: center;}	
.part1-title-p {
    font-size: 0.9rem;
    line-height: 1.2rem;
    padding-right: 0;
}	
	
.part1-title-p span { font-size: 0.9rem;}
}

/*0~767*/
@media screen and (max-width: 767px) {
.type_pc{display: none;}	
.board {
    top: 0;
    left: 0;
    margin-left: 0;
}
#login{position: fixed;bottom: 0;left: 0;width: 100%;top: unset;background-color: #1f52a2;text-align: center;}
#login a{padding: 10px 8px;height: auto; color: #fff;background-color: #ee6e2c;border: none;border-radius:20px;width: 40%;margin: 10px 10px;display: inline-block;font-size: 1.2rem;font-weight: bolder;}
#login a:hover{background-color: #fff;border: none;color: #ee6e2c;}

#part2-down tbody,#part2-down thead {font-size: 0.78em;}
#part2-down .td1,#part2-down .td4{display: none;}
#part2-down .table td,#part2-down .table th {padding: .3rem;}
#part2-down{line-height: 20px; }
}

/*手機板575*/
@media screen and (max-width: 575px) {
.board {
    top: 4%;
}
.part1-title {
    left: 28%;
    top: 10px;
}
}
/*480*/
@media screen and (max-width: 480px) {
.part1-title {
    left: 25%;
    top: 6px;
}
}

@media screen and (max-width: 430px) {
.part1-title {
    left: 20%;
    top: 4px;
}
}
@media screen and (max-width: 340px) {

}
/*-----------------------------------------------------------------------*/

/*767以上*/
@media screen and (min-width: 767px) {
.type_ph{display: none;}
	
}