@charset "utf-8";
body{
	margin:0px;
	padding:0px;
	}
html, body { margin: 0; padding: 0; height: 100%; border:none; }
#container {
	width:100%;
	margin: auto;
}
#header{
	width:100%;
	height:105px;
	}
	
.topbarbg {
	width: 100%;
	background-image: url("../images/bg01.jpg");
	height: 0px;
}

.topbar {
	position: relative;
	width: 979px;
	margin: 0px auto;
}	
.topbarmenu {
	top: 25px;
	background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to right, #00bcd4, #4caf50) border-box;
	font-family: 微軟正黑體;
	font-size: 14px;
	padding: 6px 12px;
	text-align: center;
	text-decoration: none;
	color: #333;
	right: 0px;
	border: 3px solid transparent;
	border-radius: 20px;
	margin-right: 6px;
}
.main-menu ul,
.main-menu li ul,
.submenu,
.subsubmenu {
  list-style: none !important;
  padding-left: 0;
}
.topbarmenu a {
	color: #0fa2b2;
	text-decoration: none;
	font-weight: 600;
}	
.logo {
	position: absolute;
	width: 385px;
	height: 91px;
	top: 5px;
	background-image: url("../images/logo.jpg");
}
.searchbar {
	width: 170px;
	height: 28px;
}

.searchbar .input-group {
	position: relative;
	display: table;
	border-collapse: separate;
	background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to right, #00bcd4, #4caf50) border-box;
	border: 3px solid transparent;
	border-radius: 20px;
}

.searchbar .form-control {
	font-size: 14px;
	line-height: 1.428571429;
	color: #555;
	background-color: transparent;
	border: 0px solid #ccc;
	border-radius: 20px;

}

.input-group-btn .btn-default {
	color: #333;
	background-color: transparent;
	border-color: transparent;
}

.navbg{
	height:101px;
	}	
.nav1 {
	width: 979px;
	height: 55px;
	margin: 0px auto;
	z-index: 99;
	border-radius: 12px;
	background-color: #fff;
}

.nav1>ul {
	width: 979px;
	height: 40px;
	margin: 0px auto;
	list-style: none;
	position: relative;
	border-radius: 12px;
	z-index: 80;
}

.nav1>ul>li {
	float: left;
	z-index: 99;
	transition: all 0.6s ease 0s;
	-moz-transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;

}

.nav1>ul>li>a {
	display: block;
	height: 55px;
	width: 96px;
	color: #07a7b7;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	padding: 13px 10px 0px 10px;
	font-family: "微軟正黑體";
	font-size: 15px;
	z-index: 99;
	border-radius: 12px;
}

.nav1>ul>li>a:hover {
	color: #333;
	transition: all 0.6s ease 0s;
	-moz-transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
	z-index: 99;
	border-radius: 12px;
}



.main-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	background: #fff;
	font-family: "微軟正黑體", sans-serif;
}

.main-menu>li {
	position: relative;
}

.main-menu>li>a {
	display: block;
	padding: 12px 16px;
	text-decoration: none;
	color: #07a7b7;
	font-weight: 600;
	white-space: nowrap;
}

.main-menu>li:hover>a {
	background: #ffffffed;
	color: #333;
}

.submenu,
.subsubmenu {
	display: none;
	position: absolute;
	left: 0;
	background: #fff;
	white-space: nowrap;
	z-index: 999;
	border: 1px solid #e7e7e7;
}

.submenu li:hover>a,
.subsubmenu li:hover>a {
	background: #07a7b7;
	color: #fff;
	font-weight: 600;
}

.main-menu li:hover>.submenu {
	display: block;
}

.submenu li {
	position: relative;
}

.submenu li:hover>.subsubmenu {
	display: block;
	top: 0;
	left: 100%;
}

.submenu a,
.subsubmenu a {
	display: block;
	padding: 10px 16px;
	color: #333;
	text-decoration: none;
	border-bottom: 1px dotted #CCC;
}

.liline {
	position: absolute;
	width:-webkit-fill-available;
	border-right: 1px solid #e7e7e7;
	margin-top: 0px;
	height: 30px;
}

.liline.noline {
	border-right: none;
}

.nacitemen {
	font-family: "Arial";
	font-size: 10px;
	color: #b7b7b7;
	line-height: 10px;
	padding-top: -20px;
	text-align: center;
	text-decoration: none;
}

.nav2all{
	position:relative;
	width:965px;
	margin:0px auto;
	padding-top:25px;
	z-inex:1;
	}
.nav2{
	position:absolute;
	width:261px;
	height:403px;
	padding-left:21px;
	padding-top:20px;
	background-image:url("../images/index01.png");
	z-inex:1;
	}
.nav2_tv{
	z-inex:1;

	}

	
.nav2_item{
	float:left;
	padding:10px;
	}
 
/* 照片輪播*/
 #pics{
  width:690px;
  height:350px;
  overflow:hidden;
  position:absolute;
  top:3px;
  left:2px;
  }
.pics{
  width:680px;height:350px;
  position:relative;
  left:0;
  }
  
.pics>li{position:absolute;opacity:;filter:alpha(opcity:0);}

.pics>ul{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 260px;
	float: left;
	}



  .pics_pre{
  width:32px;height:32px;
  position:absolute;top:45%;left:0;
  background:url("img/arrow_left.png");
  cursor:pointer;display:none;
  }
   .pics_next{
  width:32px;height:32px;
  position:absolute;top:45%;right:0;
  background:url("img/arrow_right.png");
  cursor:pointer;display:none;
  }
  .pics_list{
  width:100%;height:8%;
  position:absolute;bottom:0;
  /*background:#8B8878;opacity:0.8;filter:alpha(opacity:80);*/
  cursor:pointer;text-align:center;display:none;
  }
  .pics_list>li{
  width:10px;height:10px;
  border-radius:5px;
  background:#ffffff;
  cursor:pointer;
  float:left;margin:5px;left:40%;position:relative;
  list-style:none;
  }
  /* 照片輪播*/

.nav3{
	float:left;
	position:absolute;
	width:705px;
	height:388px;
	background:#ffffff;
	margin-left:265px;
	margin-top:8px;
	}

.nav4{
	float:left;
	position:absolute;
	width:680px;
	height:20px;
	margin-left:280px;
	margin-top:372px;
	font-family:"微軟正黑體";
	font-size:15px;
	color:#955DE9;
	}
	
.newsitemall{
	position:relative;
	width:965px;
	top:160px;
	margin:0px auto;
	}
.newsitemall2{
	position:relative;
	width:965px;
	top:390px;
	margin:0px auto;
	}
	
/* NEW選單*/
#tab,#tab2{
  width:400px;height:140px;
  margin:0px;position:relative;
  }
#tab,#tab2 a{
  height:25px ;
  
  display:block;cursor:pointer;float:left;
  text-decoration:none;text-align:right;
  }
#tab,#tab2 a:hover{
  color:#2B73A8;
  }
#tab>div,#tab2>div{
  width:400px ;height:140px;
  position:absolute;
  background:#FFFFFF;
  font-family:"微軟正黑體";
  font-size:12px;
  color:#333;
  letter-spacing:0.5px
  }
#div1:target,#div2:target,#div3:target,#div4:target,#div5:target{
  font-family:"微軟正黑體";
  font-size:12px;
  color:#333;
  z-index:2;
  
  }
#div1{
	padding-top:10px; 
	 }

#div1 p{
	border-bottom:1px dotted #CCC; 
	line-height:12px;
	padding-bottom:4px;
	letter-spacing:0px;
	}
#div1 a:hover{
	color:#2B73A8;
	text-decoration:none;
	}
#div1 a:focus{
	color:#2B73A8;
	text-decoration:none;
	}


#div2{
	padding-top:10px; 
	 }
#div2 a:hover{
	color:#2B73A8;
	text-decoration:none;
	}
#div2 a:focus{
	color:#2B73A8;
	text-decoration:none;
	}
#div2 p{
	border-bottom:1px dotted #CCC; 
	line-height:15px;
	padding-bottom:4px;
	letter-spacing:0px;
	}
#div4 p{
	border-bottom:1px dotted #CCC; 
	line-height:15px;
	padding-bottom:4px;
	letter-spacing:0px;
	}
#div5 p{
	border-bottom:1px dotted #CCC; 
	line-height:15px;
	padding-bottom:4px;
	letter-spacing:0px;
	}
	
	
 /* 衛教專區*/
#div3 p{
	border-bottom:1px dotted #CCC; 
	line-height:15px;
	padding-bottom:4px;
	letter-spacing:0px;
	}
#div3{
  font-family:"微軟正黑體";
  font-size:13px;
  color:#333;
  height:25px;
  padding-top:12px;
  text-decoration:none;
  width: 275px;
  z-index:3;
	}
#div3 a{
  font-family:"微軟正黑體";
  font-size:13px;
  color:#333;
  text-decoration:none;
	}
#div3 a:hover{
  color:#2B73A8;
	}
	

 /* NEW選單*/
.divline{
  position:absolute;
  top:38px;
  width:400px;  height:4px;
  background:#ffd5d5;
  }
 .divline2{
  position:absolute;
  top:38px;
  width:400px;  height:4px;
  background:#c5e7e1;
  }
.more01{
	width:100%;
	text-align:right;
	margin-top: -5px;
	}
.more01 a{
	width:100%;
	text-align:right;
	margin-top: -5px;
	}
.new01{
	position:absolute;
	z-index:3;
	
	}
.new02{
	position:absolute;
	padding-left:430px;
	padding-top:12px;
	z-index:2;
	}
.new03{
	position:absolute;
	padding-left:750px;
	padding-top:5px;
	z-index:1;
	}
.new04{
	position:absolute;
	padding-left:450px;
	padding-top:5px;
	z-index:2;
	}
.new04 img{
	margin:8px 0px;
	}
.eventalbum{
	position:relative;
	width:100%;
	background-color:#f5f5f5;
	height:300px;
	margin-top: 635px;
	}
.eventalbum_title{
	position:relative;
	width:975px;
	margin:0px auto;
	padding:25px 0px;
}
.event_album{
	position:relative;
	width:975px;
	margin:0px auto;
	padding:0px 0px;
	}

/*相簿*/	
#recommended-item-carousel .carousel-inner .item {
  padding-left: 0;
}

.recommended-item-control {
  position: absolute;
  top: 41%;
}

.recommended-item-control i {
  background: none repeat scroll 0 0 #FF8282;
  color: #FFFFFF;
  font-size: 20px;
  padding: 4px 10px;
}

.recommended-item-control i:hover {
  background: #ccccc6;
}

.recommended_items  h2 {
}
.item button:hover {
  background: #FE980F;
}

.control-carousel {
  position: absolute;
  top: 50%;
  font-size: 60px;
  color: #C2C2C1;
}

.control-carousel:hover{
  color: #FE980F ;
}

.right {
  right: 0;
}
.fa-angle-left:before{content:"\f104"}
.fa-angle-right:before{content:"\f105"}
.fa{
	display:inline-block;
	font-family:FontAwesome;
	font-style:normal;
	font-weight:normal;line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;}
@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.0.3');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}
/*相簿*/	

#footer{
	bottom:0px;
	width:100%;
	background-color:#fff;
	height:320px;
	background:linear-gradient(top,#f1d8d9,#f7ecec),url(/images/yes.png) center bottom no-repeat;
background:-moz-linear-gradient(top,#FFD6D7,#f7ecec),url(/images/yes.png) center bottom no-repeat;
background:-webkit-linear-gradient(top,#FFD6D7,#f7ecec),url(/images/yes.png) center bottom no-repeat;
	}
.footer_menu {
	position: relative;
	width: 979px;
	margin: 0px auto;
	padding: 10px 0px;
	font-family: "微軟正黑體";
	font-size: 14px;
	color: #333;
	text-align: center;
}

.footer_menu a {
	color: #8f8f8f;
	text-decoration: none;
}

.footer_menu a:hover {
	color: #333;
	text-decoration: none;
	transition: all 0.9s ease 0s;
	-moz-transition: all 0.9s ease 0s;
	-webkit-transition: all 0.9s ease 0s;
	-o-transition: all 0.9s ease 0s;
}
.footer_menuline{
	font-family:"微軟正黑體";
  	font-size:12px;
 	color:#bababa;
	}

.fotdiv-a {
	width: 100%;
    display: flex;
}

.fotdiv-b {
	width: 100%;
    display: flex;
}

.fotdiv{
	width: 100px;
	margin:0px 8px;
	float:left;
	font-family:"微軟正黑體";
  	font-size:11px;
 	color:#999;
	line-height:25px;
	text-align:left;
	}
	
.fotdiv2{
	width: 180px;
	margin:20px 8px 0px 8px;
	float:left;
	font-family:"微軟正黑體";
  	font-size:11px;
 	color:#999;
	text-align:left;
	}
				
.fblogo {
	position: absolute;
    right: 0px;
    bottom: 20px;
}
	
.footerall{
	float:left;
	width:975px;
	position:relative;
	font-family:"微軟正黑體";
  	font-size:12px;
 	color:#999;
	}
	

.line01{
	position:absolute;
	height:1px;
	width:975px;
	background-color:#edbdbf;
	margin:20px 0px 20px 0px;
	}	
	
.footer_logo{
	width:210px;
	padding-top:35px;
	padding-left:5px;
	position:absolute;
	}
	
.footer_ssllogo{
	padding-top:35px;
	padding-left:5px;
	position:absolute;
	right: 0px;
	}
	
.footer_font{
	width:auto;
	float:left;
	font-family:"微軟正黑體";
  	font-size:13px;
 	color:#666;
	padding-top:25px;
	padding-left:255px;
	text-align:left;
	line-height:22px;
	}
	
.fotfont01{
	font-family:"微軟正黑體";
  	font-size:14px;
 	color:#333;
	}
	
	
	
.fa-angle-up:before{content:"\f106"}

a#scrollUp {
	bottom: 0px;
	right: 10px;
	padding: 5px 10px;
	background: #07a7b7;
	color: #FFF;
	-webkit-animation: bounce 2s ease infinite;
	animation: bounce 2s ease infinite;
}

a#scrollUp i {
	font-size: 30px;
}


.news_font01{
	font-family:Verdana, Geneva, sans-serif;
  	font-size:8px;
	}
	
	
	
	
#back_to_camera {
			clear: both;
			display: block;
			height: 80px;
			line-height: 40px;
			padding: 20px;
			z-index:5;
		}
.fluid_container {
			margin: 0 auto;
			width:680px;
			z-index:5;
  height:338px;
  overflow:hidden;
  position:absolute;
  top:10px;
  left:12px;
		}


/*main*/

.top{
	height:205px;
	width:100%;
	position:relative;
	
	}
#mainall{
	width:100%;
	top:205px;
	
	}

.main_all{
	width:979px;
	margin:-32px auto 0px auto;
	clear:both;
	min-height: 800px;
	position: relative;
}
.maincont{
	 width: 100%;
	}
.mainleft{
	float:left;
	z-index:12;
	display: flex;
	    margin-right: 15px;
	}
.mainright{
padding-left: 8px;
	}	

.mainfooter{
    height: fit-content;
    display: flex;
    border-top: 1px solid #ddd;
	margin-top: 30px;
	background:#f9f9f9;
	}
	
.line01 {
    position: absolute;
    height: 1px;
    width: 979px;
    background-color:#dddddd;
    margin: 20px 0px 20px 0px;
}
.mainfootere{
	clear:both;
	position:absolute;
	bottom:0px;
	width:100%;
	top:1200px;
	background-color:#ffdddd;
	height:320px;
	background:linear-gradient(top,#f1d8d9,#f7ecec),url(/images/yes.png) center bottom no-repeat;
background:-moz-linear-gradient(top,#FFD6D7,#f7ecec),url(/images/yes.png) center bottom no-repeat;
background:-webkit-linear-gradient(top,#FFD6D7,#f7ecec),url(/images/yes.png) center bottom no-repeat;
	}
.main_rightfont{

	font-family:"微軟正黑體";
	font-size:14px;
	color:#333;
	margin: 0; 
	padding: 0; 
	}
.main_rightfont_title{
    font-family: "微軟正黑體";
    font-size: 20px;
    color: #333;
    line-height: 20px;
    border-bottom: 2px solid #EFEFEF;
    text-align: center;
	margin-bottom: 15px;
	margin-top: 40px;
	}
.main_rightfont_titlee{
    font-family: "微軟正黑體";
    font-size: 13px;
    color: #B9B9B9;
	}
.main_rightfont_cont{
    font-family: "微軟正黑體";
    font-size: 14px;
    color: #333;
	    padding-top: 20px;
		display: grid;
	}
	
	.main_rightfont_cont1{
    font-family: "微軟正黑體";
    font-size: 14px;
    color: #333;
		display: grid;
	}
	
	
.main_rightpage{
	font-family:"微軟正黑體";
	font-size:14px;
	color:#7b7b7b;
	top:-32px;
	}
.main_rightpage a{
	font-family:"微軟正黑體";
	font-size:14px;
	color:#7b7b7b;
	top:-32px;
	text-decoration:none;
	}
.main_rightpage a:hover{

	color:#333;;
	}
	
.leftmenubg{
	top:-40px;
	left:0px;
	background:#fff;
	 border-radius: 18px;
	z-inex:1;
	display: inline-block;
	}
	
	.leftmenubg1{
	top: -40px;
    left: 0px;
background: linear-gradient(45deg, #22bdce 0%, #bff4dc 100%);
    border-radius: 18px;
    color: #fff;
    height: 120px;
	width: 269px;
	}
	
	.leftmenubg2{

background: #fff;
    border-radius: 18px;
    color: #fff;
	display: block;
	margin: auto;
    width: 95%;
	 box-shadow: 0 4px 18px rgba(57, 170, 170, 0.08);
	}
	
.maintitle{
	font-family:"微軟正黑體";
	font-size:19px;
	color:#fff;
	font-weight: 500;
	text-align:center;
	padding-top:10px;
	}
.maintitlee{
	font-family:"Arial";
	font-size:10px;
	color:#fff;
	text-align:center;
	}
.mainlist{
	line-height: 19px;
    font-family: "微軟正黑體";
    font-size: 14px;
    color: #6C6C6C;
    text-align: left;
    margin: 0px;
    border-bottom: 1px dotted #d7d7d7;
    padding: 10px;
	}
.mainlist a{
	text-decoration:none;
	color:#6C6C6C;
	font-size: 14px;
	line-height: 20px;
}
	
.mainlist a:hover{
    font-family: "微軟正黑體";
    font-size: 14px;
    color:#07a7b7;
	line-height: 20px;
	font-weight:600;
}


.mainlistitem{
    height: 35px;
	line-height: 35px;
	font-family:"微軟正黑體";
	font-size:15px;
	color:#c64f51;
	padding-bottom:10px;
	margin: 6px 30px;
	padding-left:5px;
	background-color:#ffe7e8;
	}
.mainlistitem a{
	text-decoration:none;
	color:#c64f51;
	font-size:15px;
}
	
.mainlistitem a:hover{
	color:#333;
	display:block;
}

	
	
.mainitem{margin-left:8px;}
.mainicon{margin:8px 8px 8px 8px;float:left;}
.clear{clear:both;}


.mainnews{
 	clear: both;
	line-height: 35px;
	font-family:"微軟正黑體";
	padding-bottom:10px;
	padding-top:10px;
	margin: 6px 12px;
	padding-left:0px;
	position:relative;
	}
.mainnews_title{
	font-family:"微軟正黑體";
	font-size:16px;
	color:#00a192;
	font-weight:600;
	padding:5px;
	text-align:center;
	border-radius:10px;
	background-color:#e1e1e1;
	background:-webkit-linear-gradient(bottom,#edfbef,#eafcf5),url() center bottom no-repeat;
	}
.mainnews_cont{
	border: 1px solid #d0f1d9;
    padding: 5px 0px 1px 0px;
    border-radius: 15px;
	}
.mainnews_cont p{
	font-family:"微軟正黑體";
	font-size:13px;
	line-height:15px;
	padding:3px 5px 0px 10px;
	}
.mainnews_cont p a{
	text-decoration:none;
	color:#555;
	font-size:14px;
	    line-height: 25px;
	}
.mainnews_cont p a:hover{
	text-decoration:none;
	color:#000;
	font-size:14px;
	border-bottom:1px solid #CCC;
	}
.mainnews_more{
	font-family:"微軟正黑體";
	font-size:12px;
	color:#333;
	text-align:right;
	padding:0px 15px 0px 0px;
	}
	
	.news_more {
  text-align: right;
  margin-top: 5px;
}
.news_more a {
  font-size: 12px;
  color: #37a7ae;
  font-weight: bold;
  text-decoration: none;
}

.news_more a:hover {
  font-size: 12px;
  color:#296f74;
  font-weight: bold;
  text-decoration: none;
}


#allcont{
	margin:0px;
	padding:0px;
	height:100%;
	}

.pagenum{
	width: 690px;
	padding:10px;
	text-align:center;
	line-height:60px;
	font-family:"微軟正黑體";
	font-size:14px;
	color:#888;
	}
.pagenum a{
	width: 690px;
	padding:10px;
	text-align:center;
	line-height:60px;
	font-family:"微軟正黑體";
	font-size:14px;
	color:#000000;
	}
	
	
.newsall{
	margin: 16px 0px;
	width: 690px;
	float:left;
	display:block;
	padding-left:10px;
	}
.newstitle{
	font-family:"微軟正黑體";
	font-size:16px;
	color:#06a6b6;
	float:left;
	line-height:30px;
	padding:0px 5px;
	letter-spacing: 0.5px;
	}
.newstitle a{ 
	font-size:16px;
	color:#06a6b6;
	text-decoration:none;
	}
.newstitle a:hover{ 
	font-size:16px;
	color:#5b982a;
	text-decoration:none;
	}
.newsfile{
	float:left;
	padding:0px 5px;
	line-height:25px;
	}
.newsdate{
	font-family:"微軟正黑體";
	font-size:12px;
	color:#999;
	float:left;
	line-height:30px;
	}
.newsline{
	width: 690px;
    line-height: 20px;
    text-align: center;
    margin-bottom: 5px;
    margin-top: 5px;
    border-bottom: 2px dotted #e8e8e8;
	float:left;
	}
.newsline2{
	width: 590px;
    line-height: 20px;
    text-align: center;
    margin-bottom: 25px;
    margin-top: 5px;
    border-bottom: 2px dotted #e8e8e8;
	float:left;
	}
.newscont{
	width: 690px;
	font-family:"微軟正黑體";
	font-size:14px;
	color:#333;
	float:left;
	line-height:23px;
	}
.newscont a{
	font-size:14px;
	color:#999;
	text-decoration:none;
	}
.newscont a:hover{
	font-size:14px;
	color:#333;
	text-decoration:none;
	}
.newsicon{
	width: 690px;
	}
.newslinkicon{
	color:#666;
	width: 100%;
	margin-left:10px;
	float:left;
	font-size:12px;
	}
.newslinkicon a{
	color:#628a97;
	font-size:12px;
	text-decoration:none;
	}
.newsdownicon{
	color:#666;
	width: 100%;
	margin-left:10px;
	float:left;
	font-size:12px;
	}
.newsdownicon a{
	color:#8761ae;
	font-size:12px;
	text-decoration:none;
	}
	
	
.enrollall{
	margin: 0 auto;
	margin-top:20px;
	}
	
	
.enrollleft{
	width: 640px;
	margin-top: 40px;
	margin-left:30px;
	float:left;
	padding:10px 20px 20px 20px;
	border:2px solid #ffd9da;

	}
.enrollleft h1{
	font-family:"微軟正黑體";
	font-size:22px;
	color:#07a7b7;
	line-height:20px;
	padding:5px 0px;
	text-align:center;
	}
.enrollleft p{
	}	
.enrollleft h2{
	width:248px;
	height:40px;
	font-family:"微軟正黑體";
	font-size:16px;
	color:#fff;
	background-color:#e68b8d;
	line-height:40px;
	padding:0px;
	margin:0px;
	text-align:center;
	}
.enrollleft h2 a{
	font-family:"微軟正黑體";
	font-size:16px;
	color:#fff;
	text-decoration:none;
	background-color:#e68b8d;
	padding:0px;
	margin:0px;
	}
.enrollleft h2 a:hover{
	color:#fff;
	background-color:#666666;
	display: block;
	text-decoration:none;
	padding:0px;
	margin:0px;
	}
	
.enrollleft2{
	width: 660px;
	margin-top: 0px;
	margin-left:30px;
	float:left;
	padding:0px 20px 0px 0px;
	border:0px solid #ffd9da;
	}	
.enrollleft2a{
	width: 660px;
	margin-top: 20px;
	margin-left:30px;
	float:left;
	padding:0px 20px 0px 0px;
	border:0px solid #ffd9da;
	}
.enrollleft3{
	width: 635px;
	margin-top: 20px;
	margin-left:30px;
	float:left;
	padding:15px;
	border:2px solid #ffd9da;
	}	

.mb-3 {
	padding: 10px 0px;
}	

.button {
	width:100%;
	height:40px;
    font-family:"微軟正黑體";
	font-size:16px;
	color:#fff;
	background:linear-gradient(20deg, #22bdce 0%, #a9f6d3 100%);
    border-radius: 10px;
    border: none;
    line-height:40px;
	padding:0px;
	margin: 10px;
	text-align:center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
}

.button a:active{
	font-family:"微軟正黑體";
	font-size:16px;
	color:#fff;
	text-decoration:none;
	background-color:#e68b8d;
	}
	
.button a:hover{
	color:#fff;
	background-color:#666666;
	display: inline-block;
	text-decoration:none;
	}
	
	
.button1 {
	width:580px;
	height:40px;
    font-family:"微軟正黑體";
	font-size:16px;
	color:#fff;
	background-color:#e68b8d;
    border: none;
    line-height:40px;
	padding:0px;
	margin:0px;
	text-align:center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
}

.button1 a:active{
	font-family:"微軟正黑體";
	font-size:16px;
	color:#fff;
	text-decoration:none;
	background-color:#e68b8d;
	padding:0px;
	margin:0px;
	}
	
.button1 a:hover{
	color:#fff;
	background-color:#666666;
	display: inline-block;
	text-decoration:none;
	padding:0px;
	margin:0px;
	}
	
.button2 {
	width:318px;
	height:50px;
    font-family:"微軟正黑體";
	font-size:16px;
	color:#fff;
	background-color:#e68b8d;
    border: none;
    line-height:50px;
	padding:0px;
	margin:0px;
	text-align:center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
}
.button2 a:active{
	font-family:"微軟正黑體";
	font-size:16px;
	color:#fff;
	text-decoration:none;
	background-color:#e68b8d;
	padding:0px;
	margin:0px;
	}
.button2 a:hover{
	color:#fff;
	background-color:#666666;
	display: inline-block;
	text-decoration:none;
	padding:0px;
	margin:0px;
	}	
.button3 {
	width:318px;
	height:50px;
    font-family:"微軟正黑體";
	font-size:16px;
	color:#fff;
	background-color:#e68b8d;
    border: none;
    line-height:50px;
	padding:0px;
	margin:0px;
	text-align:center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
}
.button3 a:active{
	font-family:"微軟正黑體";
	font-size:16px;
	color:#fff;
	text-decoration:none;
	background-color:#e68b8d;
	padding:0px;
	margin:0px;
	}
.button3 a:hover{
	color:#fff;
	background-color:#666666;
	display: inline-block;
	text-decoration:none;
	padding:0px;
	margin:0px;
	}	
		

.enrollright{
	width: 640px;
	margin-top: 40px;
	margin-left:30px;
	float:left;
	padding:0px 20px 20px 20px;
	border:2px solid #ffd9da;
	display:none;
	}
.enrollright h1{
	font-family:"微軟正黑體";
	font-size:22px;
	color:#07a7b7;
	line-height:20px;
	padding:5px 0px;
	text-align:center;
	}
.enrollright h2{
	width:248px;
	height:40px;
	font-family:"微軟正黑體";
	font-size:16px;
	color:#fff;
	background-color:#e68b8d;
	line-height:40px;
	padding:0px;
	margin:0px;
	text-align:center;
	
	}
.enrollright h2 a{
	font-family:"微軟正黑體";
	font-size:16px;
	color:#fff;
	text-decoration:none;
	background-color:#e68b8d;
	padding:0px;
	margin:0px;
	}
.enrollright h2 a:hover{
	color:#fff;
	background-color:#666666;
	display: block;
	text-decoration:none;
	padding:0px;
	margin:0px;
	}
.formint{
	width: 250px;
	font-family:"微軟正黑體";
	font-size:14px;
	color:#666;
	padding:5px;
	margin:0px;
	border-radius: 5px;
	border:1px solid #1baebd;
	background-color:#fff;
	}
.formint1{
	width: 285px;
	font-family:"微軟正黑體";
	font-size:14px;
	color:#666;
	padding:5px;
	margin:0px;
	border:1px solid #1baebd;
	background-color:#fff;
	}

	
.enrollright2{
	width: 400px;
	text-align: center;
	    padding: 20px;
    margin-top: 30px;
    border-radius: 20px;
	border:2px solid #b4ecec;
	}
.enrollright2 h1{
	font-family:"微軟正黑體";
	font-size:22px;
	color:#07a7b7;
	line-height:20px;
	padding:5px 0px;
	text-align:center;
	}
	
.albumall{
	text-align:center;
	margin:0px auto;
	}
.albumimg{
	/*float:left;*/
	column-count: 3;
    column-gap: 12px;
    display: inline-flex;
	}
.albumimg img{
	/*width: auto;
    min-width: 190px;
    height: auto;
    padding: 0px;
    margin: 25px 18px 8px 18px;*/
	width: 100%;
    margin-bottom: 12px;
    display: block;
    border-radius: 4px;
	}
	
.albumimg2{
	float:left;
	}
.albumimg2 img{
	width: 190px;
	height: 150px;
    padding: 0px;
    margin: 25px 13px 8px 13px;
	box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.3);
	border:6px solid #fff;
	}
	
.linktitle{
	font-family:"微軟正黑體";
	font-size:15px;
	color:#333333;
	float:left;
	line-height:25px;
	padding:0px 3px;
	}
.linktitle a{
	color:#333333;
	}
.linktitles{
	font-family:"微軟正黑體";
	font-size:13px;
	color:#999;
	float:left;
	line-height:25px;
	padding:0px 3px;
	}

.downloadpage{
	width: 690px;
	text-align:center;
	line-height:45px;
	font-family:"微軟正黑體";
	font-size:15px;
	color:#3291b8;
}	
.downloadall{
	width: 690px;
	padding:0px;
	text-align:center;
	line-height:38px;
	font-family:"微軟正黑體";
	font-size:15px;
	color:#666;
	height:38px;
	background-color:#f3f3f3;
}

.downloadall2{
	width: 690px;
	border-bottom:1px solid #ededed;
	padding:0px;
	margin:0px;
	float:left;
}

.downloada{
width: 400px;
padding:5px;
line-height:25px;
float:left;
border-right:1px solid #ededed;
font-family:"微軟正黑體";
font-size:14px;
color:#333;
	

}
.downloadb{
width: 100px;
padding:5px;
line-height:25px;
text-align:center;
float:left;
border-right:1px solid #ededed;
font-family:"微軟正黑體";
	font-size:14px;
	color:#999;
}
.downloadc{
width: 100px;
padding:5px;
line-height:25px;
text-align:center;
float:left;
border-right:1px solid #ededed;
font-family:"微軟正黑體";
	font-size:14px;
	color:#999;
}
.downloadd{
	width: 60px;
	padding:5px;
	line-height:25px;
	text-align:center;
	float:left;
	border-right:0px solid #ededed;
	font-family:"微軟正黑體";
	font-size:14px;
	color:#17769e;
}
.downloadd a{
	color:#17769e;
	text-decoration:none;
}


.memberfont01{
	width: 250px;
	text-align:center;
	font-family:"微軟正黑體";
	font-size:15px;
	color:#999;
	line-height:25px;
	padding-top:15px;
	}
.memberfont01 a{
	text-decoration:none;
	color:#17769e;
	}
	
.loginleft{
	width: 300px;
	margin-top: 40px;
	margin-left:30px;
	float:left;
	padding:0px 20px 20px 20px;
	border:0px solid #ffd9da;
	}

.forgetright{
	width: 500px;
	margin-top: 40px;
	margin-left:100px;
	float:left;
	padding:0px 20px 20px 45px;
	border: 2px solid #c7e9e4;
	}
.forgetright h1{
	font-family:"微軟正黑體";
	font-size:22px;
	color:#07a7b7;
	line-height:20px;
	padding:5px 0px;
	text-align:center;
	}
.forgetright h2{
	width:400px;
	height:40px;
	font-family:"微軟正黑體";
	font-size:16px;
	color:#fff;
	line-height:40px;
	padding:0px;
	margin:0px;
	text-align:center;
	
	}
.forgetright h2 a{
	font-family:"微軟正黑體";
	font-size:16px;
	color:#fff;
	text-decoration:none;
	background-color:#e68b8d;
	padding:0px;
	margin:0px;
	}
.forgetright h2 a:hover{
	color:#fff;
	background-color:#666666;
	display: block;
	text-decoration:none;
	padding:0px;
	margin:0px;
	}
.forgetright h3{
	font-family:"微軟正黑體";
	font-size:15px;
	color:#07a7b7;
	line-height:20px;
	padding:5px 0px;
	text-align:left;
	}
.formint2{
	width: 400px;
	font-family:"微軟正黑體";
	font-size:14px;
	color:#666;
	padding: 6px 8px;
    border-radius: 5px;
	margin:0px;
	border:1px solid #07a7b7;
	}
	
	
	
	
.contright{
	width: 600px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left:60px;
	float:left;
	padding:0px 20px 20px 45px;
	border:2px solid #07a7b7;
	}
.contright h1{
	font-family:"微軟正黑體";
	font-size:22px;
	color:#07a7b7;
	line-height:20px;
	padding:5px 0px;
	text-align:center;
	}
.contright h2{
	width:500px;
	height:40px;
	font-family:"微軟正黑體";
	font-size:16px;
	color:#fff;
	background-color:#07a7b7;
	line-height:40px;
	padding:0px;
	margin:0px;
	text-align:center;
	
	}
.contright h2 a{
	font-family:"微軟正黑體";
	font-size:16px;
	color:#fff;
	text-decoration:none;
	background-color:#2bcfed;
	padding:0px;
	margin:0px;
	}
.contright h2 a:hover{
	color:#fff;
	background-color:#666666;
	display: block;
	text-decoration:none;
	padding:0px;
	margin:0px;
	}
.contright h3{
	font-family:"微軟正黑體";
	font-size:15px;
	color:#07a7b7;
	line-height:20px;
	padding:5px 0px;
	text-align:left;
	}
.formint3{
	width: 200px;
	font-family:"微軟正黑體";
	font-size:14px;
	color:#666;
	padding: 6px 8px;
    border-radius: 5px;
	margin:0px;
	border:1px solid #07a7b7;
	}




.memright{
	width: 650px;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left:40px;
	float:left;
	padding:0px 20px 20px 45px;
	border:2px solid #caf1e8;
	}
.memright h1{
	font-family:"微軟正黑體";
	font-size:22px;
	color:#07a7b7;
	line-height:20px;
	padding:5px 0px;
	text-align:center;
	}
.memright h2{
	width:550px;
	height:40px;
	font-family:"微軟正黑體";
	font-size:16px;
	color:#fff;
	background-color:#07a7b7;
	line-height:40px;
	padding:0px;
	margin:0px;
	text-align:center;
	
	}
.memrighth2{
	width:550px;
	height:40px;
	font-family:"微軟正黑體";
	font-size:16px;
	color:#fff;
	background-color:#07a7b7;
	line-height:40px;
	padding:0px;
	margin:0px;
	border-radius: 10px;
	text-align:center;
	border:none;
	}
.memrighth2:hover{
	background-color:#333;
}

.memright h2 a{
	font-family:"微軟正黑體";
	font-size:16px;
	color:#fff;
	text-decoration:none;
	background-color:#07a7b7;
	padding:0px;
	margin:0px;
	}
.memright h2 a:hover{
	color:#fff;
	background-color:#6bd8e2;
	display: block;
	text-decoration:none;
	padding:0px;
	margin:0px;
	}
.memright h3{
	font-family:"微軟正黑體";
	font-size:15px;
	color:#07a7b7;
	line-height:20px;
	padding:5px 0px;
	text-align:left;
	}
.formint4{
	width: 200px;
	font-family:"微軟正黑體";
	font-size:14px;
	color:#666;
	padding:5px;
	margin:0px;
	border:1px solid #caf1e8;
	}
.formint5{
	width: 80px;
	font-family:"微軟正黑體";
	font-size:14px;
	color:#666;
	padding:5px;
	margin:0px;
	border:1px solid #caf1e8;
	}
.formint6{
	width: 520px;
	font-family:"微軟正黑體";
	font-size:14px;
	color:#666;
	padding:5px;
	margin:0px;
	border:1px solid #caf1e8;
	background-color:#fff;
	}
.memrightline{
	width:550px;
	height:1px;
	background-color:#caf1e8;
	margin:15px 0px;
	}	
.memrightfont01{
	font-family:"微軟正黑體";
	font-size:15px;
	color:#07a7b7;
	float:left;
 line-height:20px;
 margin-top: 6px;
	margin-bottom: 0px;
	}
	



.mainform_all{
	width:690px;
	padding:0px;
	text-align:center;
	line-height:38px;
	font-family:"微軟正黑體";
	font-size:15px;
	color:#333;
	height:38px;
	background-color:#f3f3f3;
}

.mainformall2{
	border-bottom:1px solid #e3e3e3;
	padding:0px;
	margin:0px;
	float:left;
	width:690px;
}


.mainforma{
width: 110px;
padding:8px 5px;
line-height:25px;
text-align:center;
float:left;
border-right:0px solid #ededed;
font-family:"微軟正黑體";
font-size:13px;
color:#333;

	

}
.mainformb{
width: 450px;
padding:8px 5px 5px 5px;
line-height:25px;
text-align:left;
float:left;
border-right:0px solid #ededed;
font-family:"微軟正黑體";
	font-size:15px;
	color:#333;
	
}

.mainformb a{
	text-decoration:none;
	color:#333;
	font-size:15px;
	}
.mainformb a:hover{
	text-decoration:none;
	font-weight:600;
	color:#00a192;
	}	
.mainformb a:link{
	text-decoration:none;
	font-weight:600;
	}
.mainformb a:visited{
	text-decoration:none;
	font-weight:600;

	}
.mainformb a:active{
	text-decoration:none;
	font-weight:600;
	
	}		
.mainformc{
width: 120px;
padding:8px 5px;
line-height:25px;
text-align:center;
float:left;
border-right:0px solid #ededed;
font-family:"微軟正黑體";
	font-size:13px;
	color:#333;
}
.mainformd{
	width: 60px;
	padding:5px;
	line-height:25px;
	text-align:center;
	float:left;
	border-right:0px solid #ededed;
	font-family:"微軟正黑體";
	font-size:15px;
	color:#17769e;
}
.mainforme{
width: 450px;
padding:0px 3px;
padding-bottom:5px;
text-align:left;
float:left;
border-right:0px solid #ededed;
font-family:"微軟正黑體";
	font-size:9px;
	color:#999;

}
.mainforme a{
width: 450px;
padding:0px 3px;
text-align:left;
float:left;
border-right:0px solid #ededed;
font-family:"微軟正黑體";
	font-size: 13px;
    color: #636363;
	text-decoration:none;
} 

.mainformd a{
	color:#17769e;
	text-decoration:none;
}
.mainformball{
	width: 450px;
	padding-left:120px;
	float:left;
	padding:0px;
	margin:0px;
	}

#txtusername{
	background-color:#fff;}
	
.enrollleftmsg{
	width: 100%;
	text-align:center;
	padding:10px 0px;
	color:#0381b0;
	}
	
.enroll01all {
	display: block;
    padding: 10px 0px;
    text-align: center;
}	
	
.enroll01{
	color:#666;
	font-family:"微軟正黑體";
	font-size:14px;
	padding:5px;
	}
.enroll02{
	color:#0381b0;
	font-family:"微軟正黑體";
	font-size:13px;
	}
.enroll02 a:hover{
	color:#0381b0;
	}
.enroll01 a:link{
	color:#666;
	}
.enroll01 a:hover{
	color:#666;
	text-decoration:none;
	}

.enrollleft02{
	width: 100%;
	padding:10px 0px;
	color:#0381b0;
}
.contsuss{
	font-family:"微軟正黑體";
	font-size:18px;
	color:#f6848c;
	text-align:center;
	margin:-5px 20px 5px 20px;
	padding-top:30px;
	}
.album01{
	color:#666;
	font-family:"微軟正黑體";
	font-size:11px;
	padding:3px;
	}
.album01 a:link{
	color:#666;
	}
.album01 a:hover{
	color:#666;
	text-decoration:none;
	}
	
.fontblue{
	font-family:"微軟正黑體";
	font-size:14px;
	color:#39a6aa;	
	}
	
.nodata{
    height: 200px;
    color: #07a7b7;
    font-family: "微軟正黑體";
    font-size: 18px;
    padding: 50px;
    margin: 0 auto;
    border-radius: 30px;
}
.adimgline {
	border:1px solid #eee;
}
.backicon{
	width: 120px;
    height: 40px;
    line-height: 15px;
    background-color: #fff;
    color: #19aeb6;
    border-radius: 8px;
    font-family: "微軟正黑體";
    font-size: 15px;
    padding: 10px;
    text-align: center;
    float: right;
    border: 2px solid #49cbd2;
	}
.error3{
	color:#cc0000;
	font-family:"微軟正黑體";
	font-size:15px;
	}
	
	
.mfont01{
	font-family:"微軟正黑體";
	font-size:13px;
	color:#999;
	line-height:20px;
	    padding-left: 40px;
	}

.album_name{
font-family:"微軟正黑體";
	font-size:13px;
	color:#333;
	width:220px;
	text-align:center;
}
	
	
.viewtimes {
	font-size: 11.5px;
	color:#999;
}