@charset "utf-8";
/* CSS Document */
*{margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
::selection {background:#00a7ea;color:#FFF;}
::-moz-selection {background:#00a7ea;color:#FFF;}

#ph,.phbn,#phfooter,#ph_on,#top-bar-ph{display:none;}

@font-face {
  font-family:"微軟雅黑";
  src: url(../font/vista.ttf);
}
#wrapper img{
	text-align: center;
}
#body img,#banner2 img,#banner img,.nav-item img,nav img {display: block;}
#top-bar img {display: block;width: 100%;}
body{width:100%;font-family:"微軟雅黑" ;}
a{color: #2fa0ec;text-decoration: none;outline: none;}
a:hover,a:focus{color:#74777b;}
#wrapper{width:100%;float:left;}
/**首頁**/
#indexwra{
	width:100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
margin: 0px;
padding: 0px;
overflow:hidden;
}
.indeximg img{
	width: 100%;
}
.cow3img{
	margin-top: 100px;
}
.index_bom{
	padding:1% 12%;
}
.index_bom img{
	
}

/********about*******/

#about{width:100%;
float:left;
background-color:#f9f7f6;
background-repeat:no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.abg{
	width:85%;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/7.png);
	}
/********news*****/
.nbg{
	width:100%;
	height:200px;
	background-color:#fff;}

#news{
	width:100%;
	float:left;
	background-color:#fffbee;
	}
#news1{
	width:600px;
	height:300px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;}	
	
#newstable{
	width:600px;
	height:100px;
	text-align:center;
	padding-top:50px;
	margin-left:auto;
	margin-right:auto;}	
#newsimg{
	width:30%;
	float:left;
	}
	
#newscon{
	width:70%;
	height:700px;
	float:left;
	
	overflow:scroll;

	}	
.n1{
	background-color:#00a7ea;
	border:2px #03F;
	border-radius: 50px 20px 50px 20px;
	}

.n1 a:link {color:  #fff}
.n1 a:visited {color: #fff}
 .n1 a:active {color: #CCC}
.n1 a:hover {color: #ccc}
.n1 a { text-decoration: none}


.tst{
	color:#00a7ea;
	font-size:32px;
	font-family:"微軟雅黑";
	line-height:22px;
	font-weight:bold;
}
.h8{font-family:"微軟雅黑";
color:#00a7ea;
font-size:25px;
font-weight:bold;
margin-left:auto;
margin-right:auto;
}
#footer{background-color:#00a7ea;
float:left;
width:100%;
hight:60px;
}

h4{font-family:"微軟雅黑";
color:#FFF;
font-size:16px;
text-align:center;
}


h4 a:link {color:  #fff}
h4 a:visited {color: #fff}
h4 a:active {color: #CCC}
h4 a:hover {color: #ccc}
h4 a { text-decoration: none}

/**臉書電話跟信件*****/

h8{font-family:"微軟雅黑";
color:#666;
font-size:22px;
text-align:center;}

h1{font-family:"微軟雅黑";
text-shadow:0px 0px 10px #000000;
color:#666;
font-size:22px;
padding-left:120px;
padding-top:350px;
margin-left:250px;}
.blue{color:#FFF;
font-size:30px;
font-weight:bold;}
h2{font-family:"微軟雅黑";
color:#333;
font-size:22px;
padding-left:120px;
padding-top:250px;
margin-left:200px;
}
h3{
	line-height:30px;
 letter-spacing:3px;
color:#666;
font-size:16px;
text-align:center;
}
/***********************menu****************/
/***********選單1↓************/
#name{width:20%;
float:left;
background-color:#FFF;}
#top-bar{
	
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
	 width:100%;
	 z-index:999;
	position: fixed!important;
	top: 0;
}

#menuwar{
	background-color:#FFF;
	margin: 0 auto;
	width:100%;
    max-width: 1500px;
}
/**************選單1↑************/

/**************翻轉************/
#menupc a.v1 {
	width:139px; /* 圖片的寬 */
	background:url(../images/11_09.png) no-repeat 0 0;	
}
#menupc a.v2 {
	width:139px; /* 圖片的寬 */
	background:url(../images/11_10.png) no-repeat 0 0;	
}	
#menupc a.v3 {
	width:139px; /* 圖片的寬 */
	background:url(../images/11_11.png) no-repeat 0 0;	
}
#menupc a.v4 {
	width: 139px; /* 圖片的寬 */
	background:url(../images/11_12.png) no-repeat 0 0;	}
	#menupc a.v5 {
	width: 139px; /* 圖片的寬 */
	background:url(../images/11_13.png) no-repeat 0 0;	}
	#menupc a.v6 {
	width: 139px; /* 圖片的寬 */
	background:url(../images/11_14.png) no-repeat 0 0;	}
	#menupc a.v7 {
	width: 139px; /* 圖片的寬 */
	background:url(../images/11_15.png) no-repeat 0 0;	}
.menup{font-family:"微軟雅黑";
font-size:18px;
}


/*********已下是value******************/

h5{font-family:"微軟雅黑";
color:#333;
font-size:20px;
padding-left:120px;
padding-top:100px;
 line-height:30px;
width:1200px;;
margin-left:250px;
margin-right:50px;}
/***************************QA**************************/
ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#qaContent {
	width: 100%;
	font-size:20px;
}
#qaContent h6 {
	width: 100%;
	height: 30px;
}
#qaContent h6.qa_group_1 {
	background-color:#00a7ea;
	color:#FFF;
	font-size:24px;
	border-radius: 50px 20px 50px 20px;

}
#qaContent h6.qa_group_2 {
	background-color:#00a7ea;
	color:#FFF;
	font-size:24px;
	border-radius: 50px 20px 50px 20px;
    padding-left: 1rem;
}
#qaContent ul.accordionPart {
	margin: 10px 10px 50px 30px;
}
#qaContent ul.accordionPart>li {
	border-bottom: solid 1px #e3e3e3;
	padding-bottom: 12px;
	margin-top: 12px;
}
#qaContent ul.accordionPart li .qa_title {
	background: url(icon_q_a.gif) no-repeat 0px 3px;
	padding-left: 28px;
	color: #1186ec;
	cursor: pointer;
}
#qaContent ul.accordionPart li .qa_title_on {
	text-decoration: underline;
}
#qaContent ul.accordionPart li .qa_content {
	margin: 6px 0 0;
	background: url(icon_q_a.gif) no-repeat 0px -24px;
	padding-left: 28px;
	color: #666;
}





h6{font-family:"微軟雅黑";
color:#333;
font-size:20px;
margin-right:50px;}



/********NEW-FISH**********/

#n-1{width:90%;
	float:left;
	text-align:center;}
	
	.typeblock1 {
	width:110px;
	color: #FFF;
	background-color:#00a7ea;
	text-align: center;
	margin-left:12px;
	margin-right:12px;
	font-family:"Arial";
	font-size:14px;
	border-radius:5px;
	letter-spacing:2px;
	padding-top:2px;
	padding-bottom:2px;
	}
	
#n-1-3{
	width:95%;
    height:10px;
	float:left;
	margin-left:10px;
	text-align:center;
	background-image:url(../images/n_01.png);}
	
#n-2{float:left;
    width:80%;}
	
	.n-fs2{
	float:left;
	font-family:"微軟雅黑";
	font-size:17px;
	color:#00a7ea;
	font-weight:bold;}
	.n-fs3{
	float:left;
	font-family:"微軟雅黑";
	font-size:14px;
	letter-spacing:1px;
	color:#666;
	padding-top:3px;
	padding-bottom:5px;
	line-height:18px;
	}

#newschangepage{margin-left:auto;
margin-right:auto;}

#n-f{margin-left:auto;
margin-right:auto;}

#new1{float:left;
margin-top:2px;
margin-bottom:2px;
margin-left:5%;}


/********news-add**********/
#form1{float:left;}

/********NEW-admin**********/

#nadmin{font-family:"微軟雅黑";
	width:100%;
	float:left;
	text-align:center;}

	ul, li {list-style: none; padding: 0; margin: 0;}
	img {border: none;}
	/* Table Styles */
	table {border-collapse: collapse;}
	th,td {padding: 8px;}
	tr.alt td {background : url(images/dot.gif) repeat-x bottom;}
	tr.alt:hover td {background:#E1E1E1 url(images/dot.gif) repeat-x bottom; cursor: pointer;}
	th {
	background: #E0E0E0 url(images/bg_th.png) repeat-x top;
	text-shadow: 1px 1px 1px #fff;
	font-size: 15px;
	}	
	table tr td a {
	text-decoration: none;
	font-weight: bold;
	color: #06F;
	}
	table tr td a:hover { color:#F60;}	
	.status {
	padding: 8px 10px 5px 10px;
	overflow: auto;
	clear: both;
	width: 90%;
	margin: 5px auto 10px auto;
}
	.status img {float: left; padding-right: 5px;}
	.status p {padding: 0; margin: 0;}
	.status p span {font-weight: 700;}
	.warning {background: #e0e0e0 url(images/bg_fade_yellow_med.png) repeat-x top;}
	.warning span {color:#F69;}
	.success {
		background: #e0e0e0  url(images/bg_fade_green_med.png) repeat-x top;}
	.success span {color: #39C;}
	.error {border: 3px solid #990000; background: #F5D0CD url(images/bg_fade_red_med.png) repeat-x top;}
	.error span {color: #990000;}
	.info {border: 3px solid #2FADD7; background: #92D6ED url(images/bg_fade_blue_med.png) repeat-x top;}
	.info span {color: #0E7A9F;}
	.simpletb tr td {padding: 0px;}
	.typeblock {
	color: #FFF;
	background-color: #F36;
	padding: 2px 5px;
	text-align: center;
	text-shadow: 1px 1px #333;
	border-radius: 5px;
	}
	/* Footer */
	
	#n-footer {
	font-size: 12px;
	padding: 15px 10px;
	clear: both;
	background: url(images/bg-footer-pattern.gif);
	margin-bottom: 20px;
	-moz-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
	text-shadow: 1px 1px 1px #CCC;
	text-align: center;
}
#nadmin-2{background-color:#00a7ea;
padding:10px 0px 10px 0px;
font-family:"微軟雅黑";
font-size:18px;
font-weight:bold;
letter-spacing:2px;
color:#FFF;}

.subject1{font-family:"微軟雅黑";
font-size:16px;
color:#333;
float:left;}

#edit1{
	padding: 5px 8px 5px 8px;
	float: left;
	width: 60px;
	height: 30px;
	border: 1px solid #666;
	margin: 2px;
}
#dele1{
	padding: 5px 8px 5px 8px;
	float: left;
	width: 60px;
	height: 30px;
	border: 1px solid #666;
	margin: 2px;
}
	
#edit1 a{font-family:"微軟雅黑"; letter-spacing:1px; color:#666;}
#dele1 a{font-family:"微軟雅黑"; letter-spacing:1px; color:#666;}
/********NEW-add**********/
	
#nadd{font-family:"微軟雅黑";
	width:100%;
	float:left;
	text-align:center;}
	
#nadd1{
	padding-left:10%;
	padding-top:2%;
	width:90%;
	float:left;
overflow:auto;}

.typeblock2 {
	width:150px;
	color: #FFF;
	background-color:#00a7ea;
	text-align: center;
	font-family:"微軟雅黑";
	font-family:"Arial";
	font-size:14px;
	border-radius:5px;
	letter-spacing:2px;
    padding: 4px 0;
	}
	
/********NEW-edit**********/
	
#nedit{font-family:"微軟雅黑";
	width:100%;
	float:left;
	text-align:center;}
	
#top-bar2{width:100%;}
	
/********NEW-detail**********/
	
#nde{font-family:"微軟雅黑";
	width:100%;
	float:left;
	text-align:center;}

#nde2{
	padding-left:5%;
	padding-top:2%;
	width:95%;
	float:left;
overflow:auto;}

.ndet1{
font-family:"微軟雅黑";
font-size:22px;
color:#00a7ea;
font-weight:bold;
}

.ndet2{font-family:"微軟雅黑";
font-size:16px;
color:#666;
letter-spacing:3px;}



#ndet3{width:70%;
margin-left:auto;
margin-right:auto;
}

.typeblock3 {
	width:120px;
	background-color:#00a7ea;
	text-align: center;
    margin: 0 15px;
	font-family:"微軟雅黑";
	font-size:14px;
	border-radius:5px;
	letter-spacing:2px;
    padding: 4px 0;
	color:#FFF;
	}
.typeblock3 a {
	color:#FFF;
	}
	
	.b{color:#000;}
	
/**************message****************/

#rep{float:left;
width:100%;

}

#rep2{

float:left;
width:80%;
}


#mcon{padding:10px 80px 10px 20px;}

#msub{font-family:"微軟雅黑";
font-size:30px;
font-weight:bold;
color:#00a7ea;
margin-top:5px;
margin-bottom:5px;}

/**************mess-login****************/

#mess-login{float:left;
padding-left:200px;
padding-top:150px;}


/**************mess-admin****************/
#mess-admin{float:left;
margin-left:100px;}

.contentDiv{font-family:"微軟雅黑";
			}
.htstyle{
	line-height:30px;
 letter-spacing:3px;
color:#666;
font-size:16px;
padding-top:30px;
width:100%;
font-weight:bold;
}
#gotop{
    display: none;
float:left;
    bottom: 20px;    
    padding: 10px 15px;    
    font-size: 20px;
background-color:#FFFFFF;
}


#phph{
	float:left;
	width:100%;
	text-align:center;
	padding-left:80px;
	padding-top:50px;}

#butoom{float:left;
max-width:40%;}
#form1 td{padding: 5px;}
#n-1 h1,#nde2 h1,#n-footer h1{text-shadow: none;margin: 0;padding: 0;}
@media screen and (max-width:959px){#top-bar img{width: auto;}}