@charset "utf-8";

/* initial setting */
*{margin:0; padding:0; box-sizing:border-box; font-family:"微軟正黑體", 新細明體, Verdana, sans-serif; text-decoration:none; line-height:150%;}

h1, h2, h3, h4, h5, h6, p, a{margin:0; padding:0;}

input,
textarea,
select,
option{font-family:"微軟正黑體", 新細明體, Verdana, sans-serif;}

a:focus{outline:rgba(252,160,56,1.00) 2px dotted;}
input:focus,
textarea:focus
{
	outline:rgba(252,160,56,1.00) 2px dotted;
}

html{font-size:10px; font-size:62.5%; height:100%;}
body{font-size:14px; font-size:1.4rem; height:100%; background-color:#fff;}

ul, ol, li{list-style:none;}
a{text-decoration:none; color:#000;}

img{max-width:100%; height:auto;}
table{border-collapse:collapse; border-spacing:0;}

/* shared css */
.clear{clear:both}

.mx-1920{max-width:1920px;}
.mx-1400{max-width:1400px;}

/* hide text */
.hidden-text {
	/*position:absolute;*/
	clip:rect(1px,1px,1px,1px);
    height:1px!important;
    width:1px!important;
}



/* Product search */
	#search {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.8);
		-webkit-transition: all 0.5s ease-in-out;
		   -moz-transition: all 0.5s ease-in-out;
			-ms-transition: all 0.5s ease-in-out;
			   -o-transition: all 0.5s ease-in-out;
				transition: all 0.5s ease-in-out;
		-webkit-transform: translate(0px, -100%) scale(0, 0);
			 -moz-transform: translate(0px, -100%) scale(0, 0);
			  -ms-transform: translate(0px, -100%) scale(0, 0);
			 -o-transform: translate(0px, -100%) scale(0, 0);
				  transform: translate(0px, -100%) scale(0, 0);    
		opacity: 0;
		display: none;
	}
	
	#search.open {
		-webkit-transform: translate(0px, 0px) scale(1, 1);
		   -moz-transform: translate(0px, 0px) scale(1, 1);
			  -ms-transform: translate(0px, 0px) scale(1, 1);
			   -o-transform: translate(0px, 0px) scale(1, 1);
				   transform: translate(0px, 0px) scale(1, 1); 
		opacity: 1;
		z-index: 9999999;
		display: block;
	}

	#search .sc-box {
		position: absolute;
		top: 50%;
		left: 0;
		right: 0;
		margin-top: -51px;
		width: 78%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

	#search .sc-box input[type="search"] {
		position:relative;
		margin:0 auto;
		width: 100%;
		color:#000;
		background: rgba(255, 255, 255, 1);
		border:none;
		border-radius:8px;
		font-family:"Microsoft JhengHei", PMingLiU, Verdana, sans-serif;
		font-size: 24px;
		text-align: center;
		outline: none;
		padding: 8px;
		
	}
	  
	#search .close {
		position: fixed;
		display:block;
		top: 15px;
		right: 15px;
		opacity: 1;
		font-size: 28px;
		color: #fff;
		font-family:"Microsoft JhengHei", PMingLiU, Verdana, sans-serif;
		font-weight:bold;
	}
	
	#search .close:hover{
		color: #f2802c;
		cursor: pointer;
	}

	.confirm-block-s{position:relative; padding:10px 0 10px 0; width:100%; overflow:hidden; font-size:16px; text-align:center;}
	.confirm-block-s .form-btn{margin:2px 6px; padding:10px 16px; line-height:16px; color:#fff; border:none; background:#133984; cursor:pointer; font-family:"微軟正黑體", 新細明體, Verdana, sans-serif; font-weight:bold; border:#ccc 1px solid;}
	.confirm-block-s .form-btn:hover{background:#019cdc;}





/* main css */
.bDtM{margin-top:212px;}

.nc-header{position:relative; margin:0 auto; width:100%; z-index:2000;}

.nc-header.smaller{position:fixed; top:0; left:0; right:0; margin:0 auto; width:100%; transition:all ease-in-out 0.3s;}

.nc-header.smaller .t-bg{display:none;}

.nc-header.smaller .top-intro{position:relative; background:linear-gradient(to right, #023344 0%, #2175bd 15%, #312e85 30%, #bd1688 45%, #d21478 60%, #96102b 75%, #7c3515 100%);}

.nc-header.smaller .top-intro ul{padding:6px 10px; box-shadow:none;}

.nc-header.smaller .top-intro ul li{display:inline-block; margin:auto 3px; font-size:15px; line-height:24px; vertical-align:middle; box-shadow:#000 1px 2px 5px;}
.nc-header.smaller .top-intro ul li a{padding:2px 6px;}
.nc-header.smaller .top-intro .ti-tri{
		margin:0 2px 0 0;
		border-style:solid;
		border-width:5px 3px 0 3px;
		border-color:#fff transparent transparent transparent;
	}


.nc-header.smaller .t-menu{position:relative; background:rgba(14,110,178,1);}

.nc-header.smaller .t-menu .top-menu .tm-blk .acc-item,
.nc-header.smaller .t-menu .top-menu .tm-blk .logo,
.nc-header.smaller .t-menu .top-menu .tm-blk > li,
.nc-header.smaller .t-menu .top-menu .tm-right .tms-blk .tms-item,
.nc-header.smaller .t-menu .top-menu .tm-right .tm-sm-blk .tm-sm-item{line-height:66px;}
.nc-header.smaller .t-menu .top-menu .logo{margin:0 20px 0 10px; width:203px;}
.nc-header.smaller .t-menu .top-menu .tm-item{margin:0; padding:6px 4px; font-size:13px;}
.nc-header.smaller .t-menu .top-menu .tm-item .tm-i-pic{width:70%;}
.nc-header.smaller .t-menu .top-menu .tms-item{margin:0 2px;}
.nc-header.smaller .t-menu .top-menu .tms-item .tms-i-pic{width:26px;}
.nc-header.smaller .t-menu .top-menu .tm-sm-item{margin:0 2px;}
.nc-header.smaller .t-menu .top-menu .tm-sm-item .tm-sm-i-pic{width:26px;}












.nc-header.smaller .t-search{display:none;}

	.top-intro{/*position:relative;*/ margin:auto; width:100%; position:absolute; top:0; right:0; z-index:1101; text-align:right;}
	.top-intro ul{display:inline-block; margin:0 auto; padding:8px 10px; font-size:0; text-align:right;}
	.top-intro ul li{display:inline-block; margin:auto 4px; font-size:16px; line-height:24px; vertical-align:middle; box-shadow:#000 1px 2px 5px;}
	.top-intro ul li a{display:inline-block; padding:2px 8px; color:#fff; text-shadow:rgba(19,57,132,1) 1px 1px 2px; background:#00b7ee; vertical-align:middle;}
	.top-intro .ti-tri{
		margin:0 4px 0 0;
		display:inline-block;
		width:0;
		height:0;
		border-style:solid;
		border-width:6px 4px 0 4px;
		border-color:#fff transparent transparent transparent;
		vertical-align:middle;
	}
	
	.top-intro ul li:hover{transition:all linear .3s; transform:scale(0.9,0.9);}
	




	.t-bg{position:relative; width:100%; z-index:1010; overflow:hidden;}
	.t-bg img{display:block; width:100%; margin:0 auto;}
	
	.t-menu{position:absolute; bottom:0; padding:0 10px; width:100%; background:rgba(14,110,178,0.9); z-index:1100; font-size:0;}
	
	
	.top-menu{display:block; float:left; width:100%;}
	
	/* line-height set (normal) */
	.top-menu .tm-blk .acc-item,
	.top-menu .tm-blk .logo,
	.top-menu .tm-blk > li,
	.top-menu .tm-right .tms-blk .tms-item,
	.top-menu .tm-right .tm-sm-blk .tm-sm-item{line-height:80px;}
	
	
	
	.tm-blk{float:left;}
	.tm-blk > li{display:inline-block;}
	.tm-right{float:right;}
	.tms-blk{float:left;}
	.tm-sm-blk{float:left;}
	
	
	
	.acc-item{display:inline-block; padding:0 3px; font-size:16px; color:#fff; overflow:hidden;}
	
	.logo{display:inline-block; margin:0 30px 0 10px; width:236px; text-align:center;}
	.logo img{display:inline-block; margin:0 auto; width:100%; vertical-align:middle;}

	.tm-item{display:inline-block; margin:0 6px; padding:10px 8px; font-size:14px; text-align:center; vertical-align:middle;}
	.tm-item .tm-i-pic{display:block; margin:0 auto; width:80%;}
	.tm-item .tm-i-txt{display:block; width:100%; color:#fff; text-shadow:rgba(12,57,106,1) 1px 1px 2px; text-align:center;}
	.tm-item:hover{background:#44a0e1;}
	/* for dropdown-style */
	.tm-blk:hover .tm-item{background:#44a0e1;}
	.tm-blk.active .tm-item{background:#44a0e1;}
	
	.tms-item{display:inline-block; margin:0 3px; text-align:center;}
	.tms-item .tms-i-pic{display:inline-block; width:30px; vertical-align:middle; margin:0 auto; border:transparent 1px solid;}
	.tms-item .tms-i-pic:hover{border:#fff 1px solid;}
	/* for dropdown-style-a */
	.tms-blk:hover .tms-item .tms-i-pic{border:#fff 1px solid;}
	.tms-blk.active .tms-item .tms-i-pic{border:#fff 1px solid;}
	
	.tm-sm-item{display:inline-block; margin:0 3px; text-align:center;}
	.tm-sm-item .tm-sm-i-pic{display:inline-block; width:30px; vertical-align:middle; margin:0 auto; border:transparent 1px solid;}
	.tm-sm-item .tm-sm-i-pic:hover{border:#fff 1px solid;}
	/* for dropdown-style-b */
	.tm-sm-blk:hover .tm-sm-item .tm-sm-i-pic{border:#fff 1px solid;}
	.tm-sm-blk.active .tm-sm-item .tm-sm-i-pic{border:#fff 1px solid;}





	/* Top menu @media */
	@media screen and (max-width: 1400px){
		
		/* line-height set (1400) */
		.top-menu .tm-blk .acc-item,
		.top-menu .tm-blk .logo,
		.top-menu .tm-blk > li,
		.top-menu .tm-right .tms-blk .tms-item,
		.top-menu .tm-right .tm-sm-blk .tm-sm-item{line-height:66px;}

		.t-menu{}
		
		.acc-item{}
		.logo{margin:0 20px 0 10px; width:203px;}
		.tm-item{margin:0; padding:6px 4px; font-size:13px;}
		.tm-item .tm-i-pic{width:70%;}
		.tms-item{margin:0 2px;}
		.tms-item .tms-i-pic{width:26px;}
		.tm-sm-item{margin:0 2px;}
		.tm-sm-item .tm-sm-i-pic{width:26px;}
		
	}
	
	@media screen and (max-width: 1200px){
	}
	
	@media screen and (max-width: 1024px){
		
		.nc-header.smaller .t-menu .top-menu .tm-blk .acc-item,
		.nc-header.smaller .t-menu .top-menu .tm-blk .logo,
		.nc-header.smaller .t-menu .top-menu .tm-blk > li,
		.nc-header.smaller .t-menu .top-menu .tm-right .tms-blk .tms-item,
		.nc-header.smaller .t-menu .top-menu .tm-right .tm-sm-blk .tm-sm-item{line-height:50px;}
		.nc-header.smaller .t-menu .top-menu .logo{margin:auto; width:146px;}
		
		
		/* line-height set (1024) */
		.top-menu .tm-blk .acc-item,
		.top-menu .tm-blk .logo,
		.top-menu .tm-blk > li,
		.top-menu .tm-right .tms-blk .tms-item,
		.top-menu .tm-right .tm-sm-blk .tm-sm-item{line-height:50px;}
		
		.t-bg{display:none;}
		.top-intro{display:none;}
		
		.t-menu{position:relative; padding:0 0; background:rgba(14,110,178,1);}
		
		.tm-blk{float:none;}
		.tm-right{display:none;}
		
		.acc-item{display:none;}
		.logo{position:absolute; top:0; bottom:0; left:12px; margin:auto; z-index:200; width:146px;}
		.tm-item{display:none;}
		.tms-blk{display:none;}
		.tm-sm-blk{display:none;}
		
	}
	
	@media screen and (max-width: 768px){
		.t-menu{text-align:center;}
	}





	/* dropdown-style */	
	.dropdown-content{display:none; position:absolute; left:0; right:0; margin:0 auto; padding:8px 18px 20px 18px; background:#44a0e1; width:100%; box-shadow:0px 2px 4px 0px rgba(0,0,0,0.2); z-index:1;}
	.dropdown-content .pic-area{display:table-cell; vertical-align:top; padding:0 10px; width:340px;}
	.dropdown-content .pic-area h2{display:block; padding:10px 4px; width:100%; text-align:left; font-weight:bold; font-size:16px; color:rgba(14,110,178,0.9);}
	.dropdown-content .link-area{display:table-cell; vertical-align:top; padding:0 10px; padding-top:10px; width:calc(100% - 340px);}
	.dropdown-content a{float:left; padding:12px 16px; text-decoration:none; display:block; width:168px; text-align:center; font-size:15px; color:#fff; font-weight:normal; text-shadow:rgba(12,57,106,1) 1px 1px 2px;}
	.dropdown-content a:hover{color:rgba(14,110,178,1); background:#fff; text-shadow:none;}
	.dropdown-content .dd-img{float:left; text-decoration:none; display:block; width:300px; text-align:left;}
	.dropdown-content.active{display:table; animation-fill-mode:both; animation-name:fadeInX; animation-duration:.6s; animation-delay:0; animation-iteration-count:1;}


	/* dropdown-style-a */	
	.dropdown-content-a{display:none; position:absolute; right:0; background:#fff; width:24%; box-shadow:0px 2px 4px 0px rgba(0,0,0,0.2); z-index:1; border-left:#44a0e1 1px solid; border-right:#44a0e1 1px solid; border-bottom:#44a0e1 1px solid; text-align:center;}
	.dropdown-content-a a{padding:14px 14px; text-decoration:none; float:left; display:block; width:100%; text-align:left; font-size:14px; color:rgba(14,110,178,1);}
	.dropdown-content-a a:hover{background-color:#e8f5ff;}
	.dropdown-content-a.active{display:block; animation-fill-mode:both; animation-name:fadeInX; animation-duration:.6s; animation-delay:0; animation-iteration-count:1;}


	/* dropdown-style-b */	
	.dropdown-content-b{display:none; position:absolute; left:0; right:0; margin:0 auto; padding:8px 18px 20px 18px; background:#fff; border-left:#44a0e1 1px solid; border-right:#44a0e1 1px solid; border-bottom:#44a0e1 1px solid; width:100%; box-shadow:0px 2px 4px 0px rgba(0,0,0,0.2); z-index:1;}
	.dropdown-content-b .column-tm{float:left; margin:0 8px 8px 0; padding:4px 6px; display:block; width:258px; text-align:center; font-size:15px; color:rgba(14,110,178,1);}
	.dropdown-content-b .column-tm > a{display:block; width:100%; font-size:15px; color:rgba(14,110,178,1); padding:4px 0; border:#a6cdec 1px solid;}
	
	.dropdown-content-b .column-tm .column-link{padding:8px 0 0 0; width:100%; display:flex; flex-wrap:wrap;}
	.dropdown-content-b .column-tm .column-link > a{float:left; width:50%; padding:6px 8px; color:rgba(14,110,178,1); font-size:13px; font-weight:normal; text-align:left; line-height:18px;}
	.dropdown-content-b .column-tm .column-link a:hover{background-color:#e8f5ff;}
	.dropdown-content-b.active{display:flex; flex-wrap:wrap; animation-fill-mode:both; animation-name:fadeInX; animation-duration:.6s; animation-delay:0; animation-iteration-count:1; overflow:scroll; max-height:380px; padding-bottom:50px;}

				



	.ti-tri-o{
		margin:0 4px 0 0;
		display:inline-block;
		width:0;
		height:0;
		border-style:solid;
		border-width:10px 6px 0 6px;
		border-color:rgba(14,110,178,1) transparent transparent transparent;
		vertical-align:middle;
	}






				























	

	.nc-slider{position:relative; margin:30px auto; width:92.6%; max-width:1778px; z-index:0; overflow:hidden;}
	.nc-slider-a{position:relative; margin:20px auto; width:92.6%; max-width:1778px; z-index:0; overflow:hidden;}



	.nc-news-wrapper{position:relative; margin:0 auto; padding:0 0 20px 0; width:100%; background:#ddf2fd; text-align:center;}
	
		.nc-more-btn.adm{position:absolute; top:10px; right:10px; margin:auto; display:inline-block; vertical-align:middle; padding:20px; font-size:16px; color:#00b7ee;}
		.nc-more-btn.hon{position:absolute; top:10px; right:10px; margin:auto; display:inline-block; vertical-align:middle; padding:20px; font-size:16px; color:#f68207;}
		.nc-more-btn.act{position:absolute; top:10px; right:10px; margin:auto; display:inline-block; vertical-align:middle; padding:20px; font-size:16px; color:#fd34a4;}
		.nc-more-btn.new{position:absolute; top:10px; right:10px; margin:auto; display:inline-block; vertical-align:middle; padding:20px; font-size:16px; color:#8fc31f;}
		.nc-more-btn.media{position:absolute; top:10px; right:10px; margin:auto; display:inline-block; vertical-align:middle; padding:20px; font-size:16px; color:rgba(14,110,178,1);}
		.nc-more-btn.member{position:absolute; top:10px; right:10px; margin:auto; display:inline-block; vertical-align:middle; padding:20px; font-size:16px; color:rgba(14,110,178,1);}


		.nc-news-title{margin:0 auto 20px auto; width:100%; text-align:center;}

			.ch-main{margin:0 auto; padding:20px 0 10px 0; width:100%; text-align:center; font-size:0;}
			.ch-main span{display:inline-block; margin:0 4px; padding:4px 8px; color:#fff; font-size:24px; text-align:center;}
		
		.nc-news-title.adm .ch-main span{background:#00b7ee;}
		.nc-news-title.hon .ch-main span{background:#f68207;}
		.nc-news-title.act .ch-main span{background:#fd34a4;}
		.nc-news-title.new .ch-main span{background:#8fc31f;}
		.nc-news-title.media .ch-main span{background:rgba(14,110,178,1);}
		.nc-news-title.media .eng-sub span{color:rgba(14,110,178,1);}
		.nc-news-title.member .ch-main span{background:rgba(14,110,178,1);}
		.nc-news-title.member .eng-sub span{color:rgba(14,110,178,1);}

		

			.eng-sub{margin:0 auto; padding:0; width:100%; text-align:center; font-size:0;}
			.eng-sub span{display:inline-block; margin:0 2px; padding:0; font-size:20px; /*font-weight:bold;*/ font-family:"Arial", Helvetica, sans-serif; text-align:center;
			color:/*#00b7ee*/ rgba(14,110,178,1);}
			/*
			.eng-sub span:nth-of-type(1){color:#00b7ee;}
			.eng-sub span:nth-of-type(2){color:#f5830a;}
			.eng-sub span:nth-of-type(3){color:#e4007f;}
			.eng-sub span:nth-of-type(4){color:#8fc31f;}
			.eng-sub span:nth-of-type(5){color:#5f52a0;}
			.eng-sub span:nth-of-type(6){color:#00b7ee;}
			.eng-sub span:nth-of-type(7){color:#f5830a;}
			.eng-sub span:nth-of-type(8){color:#e4007f;}
			.eng-sub span:nth-of-type(9){color:#8fc31f;}
			.eng-sub span:nth-of-type(10){color:#5f52a0;}
			*/
		
		.nc-news-block{margin:0 auto; width:98%; display:flex; flex-wrap:wrap; justify-content:flex-start; font-size:0; text-align:center;}


			/* 影片區塊 (start) */
			.news-item-v{position:relative; display:inline-block; margin:0 0.5% 20px 0.5%; padding:0 0 10px 0; width:24%; font-size:15px; background:#fff; overflow:hidden; border:transparent 2px solid; vertical-align:top;}
			.news-item-v .info-pic{position:relative; display:block; margin:0 auto; height:0; padding-bottom:56.25%; overflow:hidden; background:#ededed;}
			.news-item-v .info-pic img{position:absolute; display:block; margin:auto; top:0; right:0; bottom:0; left:0; width:100%; height:100%; transition:all linear .5s;}
			
			.news-item-v .info-pic .cover{
				display:none;
				position:absolute;
				z-index:3;
				width:100%;
				height:100%;
				top:0;
				left:0;
				right:0;
				bottom:0;
				margin:auto;
				color:white;
				text-align:center;
				padding-top:50%;
				background:rgba(0,0,0,0.5);
				transition:opacity linear .5s;
			}
			
			.news-item-v .info-pic .cover > img{
				position:absolute;
				z-index:3;
				width:36%;
				height:36%;
				top:0;
				left:0;
				right:0;
				bottom:0;
				margin:auto;
			}
			
			
			.news-item-v .info-date{display:block; padding:10px 10px; font-size:15px; text-align:left; letter-spacing:1px; font-weight:bold;}
		.nc-news-block.media .news-item-v .info-date{color:rgba(14,110,178,1);}


			.news-item-v .info-text{display:block; padding:10px 10px 20px 10px; font-size:16px; color:#999; line-height:20px; text-align:left; text-overflow:ellipsis; overflow:hidden; font-weight:normal;}

		.nc-news-block.media .news-item-v:hover{border:rgba(14,110,178,0.5) 2px solid;}


			.news-item-v:hover .info-pic .cover{
				display:block;
				transition:opacity linear .5s;
			}

			.news-item-v:hover .info-pic img{
				transition:all linear .5s;
				transform:scale(1.1,1.1);
			}

		.nc-news-block.media .news-item-v:hover .info-text{color:rgba(14,110,178,1);}
			/* 影片區塊 (end) */





			/* member區塊 (start) */
			.news-item-m{position:relative; display:inline-block; margin:0 0.5% 20px 0.5%; padding:0 0 10px 0; width:32.33%; font-size:15px; background:#fff; overflow:hidden; border:transparent 2px solid; vertical-align:top;}
			.news-item-m .info-pic{position:relative; display:block; margin:0 auto; height:0; padding-bottom:75%; overflow:hidden; background:#ededed;}
			.news-item-m .info-pic img{position:absolute; display:block; margin:auto; top:0; left:0; right:0; bottom:0; max-width:100%; max-height:100%; transition:all linear .5s;}
			
			.news-item-m .info-pic .cover{
				display:none;
				position:absolute;
				z-index:3;
				width:100%;
				height:100%;
				top:0;
				left:0;
				right:0;
				bottom:0;
				margin:auto;
				color:white;
				text-align:center;
				padding-top:50%;
				background:rgba(0,0,0,0.2);
				transition:opacity linear .5s;
			}
			
			.news-item-m .info-pic .cover > img{
				position:absolute;
				z-index:3;
				width:36%;
				height:36%;
				top:0;
				left:0;
				right:0;
				bottom:0;
				margin:auto;
			}
			
			
			.news-item-m .info-date{display:block; padding:10px 10px; font-size:15px; text-align:left; letter-spacing:1px; font-weight:bold;}
		.nc-news-block.member .news-item-m .info-date{color:rgba(14,110,178,1);}


			.news-item-m .info-text{display:block; padding:10px 10px 20px 10px; font-size:16px; color:#666; line-height:20px; text-align:left; text-overflow:ellipsis; overflow:hidden; font-weight:normal;}

		.nc-news-block.member .news-item-m:hover{border:rgba(14,110,178,0.5) 2px solid;}


			.news-item-m:hover .info-pic .cover{
				display:block;
				transition:opacity linear .5s;
			}

			.news-item-m:hover .info-pic img{
				transition:all linear .5s;
				transform:scale(1.1,1.1);
			}

		.nc-news-block.member .news-item-m:hover .info-text{color:rgba(14,110,178,1);}
			/* member區塊 (end) */















		
			.news-item{position:relative; display:inline-block; margin:0 0.8% 20px 0.8%; padding:0 0 10px 0; width:15%; font-size:15px; background:#fff; overflow:hidden; border:transparent 2px solid; vertical-align:top;}
			.news-item .info-pic{position:relative; display:block; margin:0 auto; height:0; padding-bottom:75%; overflow:hidden; background:#ededed;}
			.news-item .info-pic img{position:absolute; display:block; margin:auto; top:0; right:0; bottom:0; left:0; max-width:100%; height:100%; transition:all linear .5s;}
		
			.news-item .info-pic .cover{
				position:absolute;
				z-index:3;
				width:100%;
				height:100%;
				top:0;
				left:0;
				right:0;
				bottom:0;
				margin:auto;
				color:white;
				text-align:center;
				padding-top:50%;
				opacity:0;
				transition:opacity linear .5s;
			}
		
		.nc-news-block.adm .news-item .info-pic .cover{
			background-color:#00b7ee;
		}
		.nc-news-block.hon .news-item .info-pic .cover{
			background-color:#f68207;
		}
		.nc-news-block.act .news-item .info-pic .cover{
			background-color:#fd34a4;
		}
		.nc-news-block.new .news-item .info-pic .cover{
			background-color:#8fc31f;
		}
		
			.news-item .info-date{display:block; padding:10px 10px; font-size:15px; text-align:left; letter-spacing:1px; font-weight:bold;}

		.nc-news-block.adm  .news-item .info-date{color:#00b7ee;}
		.nc-news-block.hon  .news-item .info-date{color:#f68207;}
		.nc-news-block.act  .news-item .info-date{color:#fd34a4;}
		.nc-news-block.new  .news-item .info-date{color:#8fc31f;}


		
			.news-item .info-text{display:block; padding:10px 10px 20px 10px; font-size:16px; color:#999; line-height:20px; text-align:left; text-overflow:ellipsis; overflow:hidden; font-weight:normal;}

		.nc-news-block.adm .news-item:hover{border:#73d9f7 2px solid;}
		.nc-news-block.hon .news-item:hover{border:#fdc284 2px solid;}
		.nc-news-block.act .news-item:hover{border:#fc89c9 2px solid;}
		.nc-news-block.new .news-item:hover{border:#cbf179 2px solid;}


			.news-item:hover .info-pic .cover{
				opacity:0.3;
				transition:opacity linear .5s;
			}

			.news-item:hover .info-pic img{
				transition:all linear .5s;
				transform:scale(1.1,1.1);
			}

		.nc-news-block.adm .news-item:hover .info-text{color:#00b7ee;}
		.nc-news-block.hon .news-item:hover .info-text{color:#f68207;}
		.nc-news-block.act .news-item:hover .info-text{color:#fd34a4;}
		.nc-news-block.new .news-item:hover .info-text{color:#8fc31f;}





			.news-item-7{position:relative; display:inline-block; margin:0 0.8% 20px 0.8%; padding:0 0 10px 0; width:12.68%; font-size:15px; background:#fff; overflow:hidden; border:transparent 2px solid; vertical-align:top;}
			.news-item-7 .info-pic{position:relative; display:block; margin:0 auto; height:0; padding-bottom:75%; overflow:hidden; background:#ededed;}
			.news-item-7 .info-pic img{position:absolute; display:block; margin:auto; top:0; right:0; bottom:0; left:0; max-width:100%; max-height:100%; transition:all linear .5s;}
		
			.news-item-7 .info-pic .cover{
				position:absolute;
				z-index:3;
				width:100%;
				height:100%;
				top:0;
				left:0;
				right:0;
				bottom:0;
				margin:auto;
				color:white;
				text-align:center;
				padding-top:50%;
				opacity:0;
				transition:opacity linear .5s;
			}
		
		.nc-news-block.adm .news-item-7 .info-pic .cover{
			background-color:#00b7ee;
		}
		.nc-news-block.hon .news-item-7 .info-pic .cover{
			background-color:#f68207;
		}
		.nc-news-block.act .news-item-7 .info-pic .cover{
			background-color:#fd34a4;
		}
		.nc-news-block.new .news-item-7 .info-pic .cover{
			background-color:#8fc31f;
		}
		
			.news-item-7 .info-date{display:block; padding:10px 10px; font-size:15px; text-align:left; letter-spacing:1px; font-weight:bold;}

		.nc-news-block.adm  .news-item-7 .info-date{color:#00b7ee;}
		.nc-news-block.hon  .news-item-7 .info-date{color:#f68207;}
		.nc-news-block.act  .news-item-7 .info-date{color:#fd34a4;}
		.nc-news-block.new  .news-item-7 .info-date{color:#8fc31f;}


		
			.news-item-7 .info-text{display:block; padding:10px 10px 20px 10px; font-size:16px; color:#999; line-height:20px; text-align:left; text-overflow:ellipsis; overflow:hidden; font-weight:normal;}

		.nc-news-block.adm .news-item-7:hover{border:#73d9f7 2px solid;}
		.nc-news-block.hon .news-item-7:hover{border:#fdc284 2px solid;}
		.nc-news-block.act .news-item-7:hover{border:#fc89c9 2px solid;}
		.nc-news-block.new .news-item-7:hover{border:#cbf179 2px solid;}


			.news-item-7:hover .info-pic .cover{
				opacity:0.3;
				transition:opacity linear .5s;
			}

			.news-item-7:hover .info-pic img{
				transition:all linear .5s;
				transform:scale(1.1,1.1);
			}

		.nc-news-block.adm .news-item-7:hover .info-text{color:#00b7ee;}
		.nc-news-block.hon .news-item-7:hover .info-text{color:#f68207;}
		.nc-news-block.act .news-item-7:hover .info-text{color:#fd34a4;}
		.nc-news-block.new .news-item-7:hover .info-text{color:#8fc31f;}


		
		
		
			.news-item-4{position:relative; display:inline-block; margin:0 0.8% 20px 0.8%; padding:0 0 10px 0; width:23.4%; font-size:15px; background:#fff; overflow:hidden; border:transparent 2px solid; vertical-align:top;}
			.news-item-4 .info-pic{position:relative; display:block; margin:0 auto; height:0; padding-bottom:75%; overflow:hidden; background:#ededed;}
			.news-item-4 .info-pic img{position:absolute; display:block; margin:auto; top:0; right:0; bottom:0; left:0; max-width:100%; height:100%; transition:all linear .5s;}
		
			.news-item-4 .info-pic .cover{
				position:absolute;
				z-index:3;
				width:100%;
				height:100%;
				top:0;
				left:0;
				right:0;
				bottom:0;
				margin:auto;
				color:white;
				text-align:center;
				padding-top:50%;
				opacity:0;
				transition:opacity linear .5s;
			}
		
		.nc-news-block.adm .news-item-4 .info-pic .cover{
			background-color:#00b7ee;
		}
		.nc-news-block.hon .news-item-4 .info-pic .cover{
			background-color:#f68207;
		}
		.nc-news-block.act .news-item-4 .info-pic .cover{
			background-color:#fd34a4;
		}
		.nc-news-block.new .news-item-4 .info-pic .cover{
			background-color:#8fc31f;
		}
		
			.news-item-4 .info-date{display:block; padding:10px 10px; font-size:15px; text-align:left; letter-spacing:1px; font-weight:bold;}

		.nc-news-block.adm  .news-item-4 .info-date{color:#00b7ee;}
		.nc-news-block.hon  .news-item-4 .info-date{color:#f68207;}
		.nc-news-block.act  .news-item-4 .info-date{color:#fd34a4;}
		.nc-news-block.new  .news-item-4 .info-date{color:#8fc31f;}


		
			.news-item-4 .info-text{display:block; padding:10px 10px 20px 10px; font-size:16px; color:#999; line-height:20px; text-align:left; text-overflow:ellipsis; overflow:hidden; font-weight:normal;}

		.nc-news-block.adm .news-item-4:hover{border:#73d9f7 2px solid;}
		.nc-news-block.hon .news-item-4:hover{border:#fdc284 2px solid;}
		.nc-news-block.act .news-item-4:hover{border:#fc89c9 2px solid;}
		.nc-news-block.new .news-item-4:hover{border:#cbf179 2px solid;}


			.news-item-4:hover .info-pic .cover{
				opacity:0.3;
				transition:opacity linear .5s;
			}

			.news-item-4:hover .info-pic img{
				transition:all linear .5s;
				transform:scale(1.1,1.1);
			}

		.nc-news-block.adm .news-item-4:hover .info-text{color:#00b7ee;}
		.nc-news-block.hon .news-item-4:hover .info-text{color:#f68207;}
		.nc-news-block.act .news-item-4:hover .info-text{color:#fd34a4;}
		.nc-news-block.new .news-item-4:hover .info-text{color:#8fc31f;}
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		










		.nc-campus-block{margin:0 auto; padding:50px 0; width:98%; display:flex; flex-wrap:wrap; justify-content:flex-start; font-size:0; text-align:center;}
		
			.campus-item{position:relative; display:inline-block; margin:0 0.8% 20px 0.8%; padding:0 0 50px 0; width:15%; background:#fff; overflow:hidden; vertical-align:top;}
			.campus-item .c-title{width:100%; text-align:center; margin-bottom:2%; padding:10px 10px; /*background:#000;*/ background:linear-gradient(120deg, #1e71b3 45%, #2593d0 60%, #133984 100%);}
			.campus-item .c-title h3{display:block; color:#fff; font-size:20px; font-weight:normal;}
			.campus-item .c-title img{display:block; margin:0 auto;}
			.campus-item .c-pic{position:relative; margin:0 auto; height:0; padding-bottom:56.25%; /*padding-bottom:56.25%;*/ text-align:center; overflow:hidden;}
			.campus-item .c-pic img{position:absolute; top:0; left:0; right:0; margin:auto; max-width:96%; height:96%;}
			.campus-item .c-list{display:block; margin:0 auto; width:90%; padding:4px; text-align:left;}
			.campus-item .c-list .c-date{display:block; padding:2px 0 10px 0; width:100%; font-size:14px; color:#999; font-weight:bold;}
			.campus-item .c-list .c-text{display:block; padding:2px 0; width:100%; font-size:14px; color:#999; font-weight:normal;}

			.campus-item .c-list:hover p{color:rgba(14,110,178,1);}
			.campus-item .c-list:hover h3{color:rgba(14,110,178,1);}
			
			.campus-item .c-more{position:absolute; bottom:0; left:0; right:0; display:block; width:100%; padding:10px; text-align:right;}
			.campus-item .c-more .c-more-btn{display:inline-block; padding:4px; font-size:13px; color:#999;}
			.campus-item .c-more:hover .c-more-btn{color:rgba(14,110,178,1);}





			.campus-item-5{position:relative; display:inline-block; margin:0 0.8% 20px 0.8%; padding:0 0 50px 0; width:18.4%; background:#fff; overflow:hidden; vertical-align:top;}
			.campus-item-5 .c-title{width:100%; text-align:center; margin-bottom:2%; padding:10px 10px; /*background:#000;*/ background:linear-gradient(60deg, #133984 45%, #2593d0 60%, #1e71b3 100%);}
			.campus-item-5 .c-title h3{display:block; color:#fff; font-size:20px; font-weight:normal;}
			.campus-item-5 .c-title img{display:block; margin:0 auto;}
			.campus-item-5 .c-pic{position:relative; margin:0 auto; height:0; padding-bottom:56.25%; /*padding-bottom:56.25%;*/ text-align:center; overflow:hidden;}
			.campus-item-5 .c-pic img{position:absolute; top:0; left:0; right:0; margin:auto; max-width:96%; height:96%;}
			.campus-item-5 .c-list{display:block; margin:0 auto; width:90%; padding:4px; text-align:left;}
			.campus-item-5 .c-list .c-date{display:block; padding:2px 0 10px 0; width:100%; font-size:14px; color:#999; font-weight:bold;}
			.campus-item-5 .c-list .c-text{display:block; padding:2px 0; width:100%; font-size:14px; color:#999; font-weight:normal;}

			.campus-item-5 .c-list:hover p{color:rgba(14,110,178,1);}
			.campus-item-5 .c-list:hover h3{color:rgba(14,110,178,1);}
			
			.campus-item-5 .c-more{position:absolute; bottom:0; left:0; right:0; display:block; width:100%; padding:10px; text-align:right;}
			.campus-item-5 .c-more .c-more-btn{display:inline-block; padding:4px; font-size:13px; color:#999;}
			.campus-item-5 .c-more:hover .c-more-btn{color:rgba(14,110,178,1);}












			
	.nc-footer{position:relative; margin:0 auto; width:100%; z-index:0; overflow:hidden;}





		.nc-link-blk-a{position:relative; margin:0 auto; padding:16px 0; width:80%; text-align:center; font-size:0; overflow:hidden;}

		.nc-link-blk{margin:0 auto; padding:16px 0; width:80%; text-align:center; font-size:0;}
		.nc-link-blk .nc-link{display:inline-block; margin:10px 30px; padding:10px;}
		.nc-link-blk .nc-link img{display:inline-block; width:28px; vertical-align:middle; margin-right:10px;}
		.nc-link-blk .nc-link p{display:inline-block; line-height:28px; font-size:16px; vertical-align:middle; color:#00b9f1;}
		
		.footer-logo{margin:0 auto; padding:20px 0; width:100%; text-align:center; font-size:0;}
		.footer-logo .logo-f{margin:0 auto; display:inline-block; width:230px;}
		.footer-logo .logo-f a{display:inline-block; width:100%;}
			
		.contact-info{margin:0 auto; padding:16px 0; width:80%; text-align:left; font-size:0;}			
		.contact-info .c-link{display:inline-block; margin:10px 20px; padding:10px;}
		.contact-info .c-link img{display:inline-block; width:28px; vertical-align:middle; margin-right:10px;}
		.contact-info .c-link p{display:inline-block; line-height:28px; font-size:16px; vertical-align:middle; color:#999;}



		.contact-info-a{display:none; margin:0 auto; padding:16px 0; width:80%; text-align:center; font-size:0;}			
		.contact-info-a .c-link-a{display:inline-block; margin:10px 10px; /*padding:10px;*/}
		.contact-info-a .c-link-a img{display:inline-block; width:36px; vertical-align:middle;}




			
		.nc-copyright{margin:0 auto; padding:30px 20px; width:100%; text-align:center; font-size:0;}
		.nc-copyright p{display:inline-block; font-size:13px; color:#666;}



		#back-to-top {position:fixed; display:block; bottom:50px; right:1%; width:48px; height:48px; line-height:48px; color:#fff; font-size:0; text-decoration:none; text-align:center; background: url(../img/BackToTop-Btn.svg) center center no-repeat; z-index:9999; cursor:pointer; transition:opacity 0.2s ease-out; opacity:0;}
		#back-to-top.show {opacity:0.9;}



	/* Breadcrumb */
	ul.breadcrumb{
		display:block;
		padding:2px 10px 2px 20px;
		font-size:15px;
		text-align:left;
		background:#ddf2fd;
	}
	ul.breadcrumb li{
		display:inline-block;
		padding:6px;
		color:rgba(14,110,178,1);
	}
	ul.breadcrumb li a{color:rgba(14,110,178,1);}
	ul.breadcrumb li a:hover{text-decoration:underline;}

/* Inner Page */

	.nc-inner-wrapper{position:relative; margin:1px auto; padding:0 0 20px 0; width:100%; text-align:center; border-bottom:#ddf2fd 4px solid;}

		.nc-inner-content{margin:0 auto; width:100%; text-align:left; overflow:hidden;}

			.nc-i-title{display:block; width:100%; margin:0 auto; padding:28px 10px 20px 10px; font-size:32px; font-weight:bold; color:rgba(14,110,178,1); letter-spacing:1px; text-align:center;}
			.nc-i-title-i{display:block; width:100%; margin:0 auto; padding:28px 10px 20px 10px; font-size:28px; font-weight:bold; color:rgba(14,110,178,1); letter-spacing:1px; text-align:left;}		
		
		
		
			.nc-intro-blk{margin:0 auto; padding-bottom:100px; width:72%; text-align:center; display:flex; flex-wrap:wrap; align-content:flex-start; align-items:flex-start;}
			
				.nc-i-item{position:relative; display:flex; flex-wrap:wrap; margin:0 1%; width:48%; margin-bottom:40px; overflow:hidden; font-size:0; min-height:300px;}

					.nci-pic-blk{display:inline-block; width:50%;}
						.nci-pic{position:relative; height:0; padding-bottom:75%; overflow:hidden;} 
						.nci-pic img{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; display:inline-block; /*width:100%;*/ vertical-align:middle;}
					
					.nci-txt{display:inline-block; width:50%;}

						.nci-title{display:table; margin:0 auto; padding:10px 10px; width:100%; font-size:18px;}
						.nci-title .nci-t-s{display:table-cell; color:#019cdc; text-align:left; font-weight:bold;}
						.nci-title .nci-t-s:nth-child(1){width:30px;}
					
						.nci-list{display:table; margin:0 auto; width:96%;}
						.nci-list .nci-l-s{display:table-cell; padding:4px; font-size:16px; line-height:20px; color:#666; text-align:left;}
						.nci-list .nci-l-s:nth-child(1){width:20px;}
						.nci-list .nci-l-s.icon{color:#999;}



				/* Rev 1 */
				.nc-i-item-r{position:relative; display:flex; flex-wrap:wrap; margin:0 1%; width:98%; margin-bottom:40px; overflow:hidden; font-size:0;}

					.nci-pic-blk-r{display:inline-block; width:40%; vertical-align:top;}
						.nci-pic-r{position:relative; height:0; padding-bottom:75%; overflow:hidden;} 
						.nci-pic-r img{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:100%;}


					.nci-txt-r{display:inline-block; width:60%;}

						.nci-title-r{display:table; margin:0 auto; padding:10px 10px; width:100%; font-size:18px;}
						.nci-title-r .nci-t-s{display:table-cell; color:#019cdc; text-align:left; font-weight:bold;}
						.nci-title-r .nci-t-s:nth-child(1){width:30px;}
					
						.nci-list-r{display:table; margin:0 auto; width:96%;}
						.nci-list-r .nci-l-s{display:table-cell; padding:4px; font-size:16px; line-height:20px; color:#666; text-align:left;}
						.nci-list-r .nci-l-s:nth-child(1){width:20px;}
						.nci-list-r .nci-l-s.icon{color:#999;}









				/* 招生資訊 */
				
				.nc-intro-title{position:relative; margin:0 auto 20px auto; padding:4px 20px; width:100%; overflow:hidden; font-size:22px; color:#000; text-align:left; letter-spacing:2px; font-weight:bold; border:#ccc 1px solid; background:#ededed;}
				.nc-intro-title .title-tri{margin:0 2px 0 0; display:inline-block; width:0; height:0; border-style:solid; border-width:14px 8px 0 8px; border-color:#00b7ee transparent transparent transparent;}



				.nc-intro-title-i{position:relative; margin:30px auto 0 auto; padding:8px 20px; width:100%; overflow:hidden; font-size:24px; color:#000; text-align:left; font-weight:bold;}
				.nc-intro-title-i .title-tri{margin:0 2px 0 0; display:inline-block; width:0; height:0; border-style:solid; border-width:14px 8px 0 8px; border-color:rgba(14,110,178,1) transparent transparent transparent;}
				.nc-intro-title-i .title-sub{margin:20px auto auto auto; display:block; font-size:15px; color:#999; text-align:right; font-weight:normal;}
				.nc-intro-title-i .title-sub > a{color:#019cdc;}
				.nc-intro-title-i .title-sub > a:hover{text-decoration:underline;}
				

				
				
				
				
				
				

				.nc-intro-editor-bg{margin:0 auto; padding:1px; width:100%; background:#ccc; box-shadow:#ccc 1px 3px 5px;}
					
					.nc-intro-editor{position:relative; margin:0 auto; padding:20px 20px 50px 20px; width:100%; background:#fff; overflow:hidden;}
					.nc-intro-editor{font-size:16px; color:#666; line-height:150%; text-align:left;}
					
					.nc-intro-editor a{color:#019cdc;}
					
					.nc-intro-editor img{max-width:100% !important; height:auto !important;}

					.nc-intro-editor ul{list-style:disc !important; padding-left:30px;}
					.nc-intro-editor ol{list-style:decimal !important; padding-left:30px;}		
					
					.nc-intro-editor ul li{list-style:inherit !important;}
					.nc-intro-editor ol li{list-style:inherit !important;}
					



				/* 2 col */
				.nc-i-item-a{position:relative; display:flex; flex-wrap:wrap; margin:0 1%; width:48%; margin-bottom:40px; overflow:hidden; font-size:0;}
				
					.nci-pic-blk-a{display:inline-block; width:50%;}
						.nci-pic-a{position:relative; width:100%; height:0; padding-bottom:100%; overflow:hidden;} 
						.nci-pic-a img{position:absolute; top:0; left:0; right:0; bottom:0; margin:0 auto auto auto; width:auto; max-width:100%; height:auto; max-height:100%;}

					.nci-txt-a{display:inline-block; width:50%;}

						.nci-title-a{display:table; margin:0 auto; padding:10px 10px; width:100%; font-size:22px; text-align:left;}

						.nci-list-a{display:table; margin:0 auto; width:96%;}
						.nci-list-a .nci-l-s{display:table-cell; padding:4px; font-size:16px; line-height:20px; color:#666; text-align:left;}
						.nci-list-a .nci-l-s:nth-child(1){width:20px;}
						.nci-list-a .nci-l-s.icon{color:#999;}
						.nci-list-a:hover .nci-l-s:nth-child(2){color:#00b7ee; text-decoration:underline;}



				.nc-i-item-p{position:relative; display:flex; flex-wrap:wrap; margin:0 1%; width:48%; margin-bottom:40px; overflow:hidden; font-size:0;}
				
					.nci-pic-blk-p{display:inline-block; width:40%;}
						.nci-pic-p{position:relative; height:0; padding-bottom:75%; overflow:hidden; /*border:#ccc 1px solid;*/} 
						.nci-pic-p img{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; display:inline-block; /*width:100%;*/ vertical-align:middle;}

					.nci-txt-p{display:inline-block; width:60%;}

						.nci-title-p{display:table; margin:0 auto; padding:10px 10px; width:100%; font-size:22px; text-align:left;}

						.nci-list-p{display:table; margin:0 auto; width:96%;}
						.nci-list-p .nci-l-s{display:table-cell; padding:4px; font-size:16px; line-height:20px; color:#666; text-align:left;}
						.nci-list-p .nci-l-s:nth-child(1){width:20px;}
						.nci-list-p .nci-l-s.icon{color:#999;}



				/* 1 col */
				.nc-i-item-b{position:relative; display:flex; flex-wrap:wrap; margin:0 1%; width:98%; margin-bottom:40px; overflow:hidden; font-size:0;}
				
					.nci-txt-blk-phone{display:table; width:50%; padding:20px;}
						.nci-txt-blk-phone .nci-l-p{display:table-cell; padding:4px; line-height:20px; font-size:22px; color:#019cdc; font-weight:bold; text-align:left;}
						.nci-txt-blk-phone .nci-l-p:nth-child(1){width:140px; color:#000;}
						.nci-txt-blk-phone .nci-l-p:nth-child(2){}

					
				
					.nci-pic-blk-b{display:inline-block; width:25%;}
						.nci-pic-b{position:relative; height:0; padding-bottom:56.25%; overflow:hidden; /*border:#ccc 1px solid;*/} 
						.nci-pic-b img{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:auto; max-width:100%; height:auto; max-height:100%;}

						.nci-pic-b1{position:relative; height:0; padding-bottom:56.25%; overflow:hidden;} 
						.nci-pic-b1 img{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:auto; max-width:100%; height:auto; max-height:100%;}

						
						.nci-pic-n{position:relative; height:0; padding-bottom:75%; overflow:hidden;} 
						.nci-pic-n img{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; display:inline-block; vertical-align:middle;}

					.nci-txt-b{display:inline-block; width:75%;}

						.nci-title-b{display:table; margin:0 auto; padding:10px 10px; width:100%; font-size:22px; text-align:left;}

						.nci-list-b{display:table; margin:0 auto; width:96%;}
						
						/* no list symbol */
						.nci-list-b .nci-l-n{display:table-cell; padding:4px; font-size:16px; line-height:20px; color:#666; text-align:left;}
						
						.nci-list-b .nci-l-s{display:table-cell; padding:4px; font-size:16px; line-height:20px; color:#666; text-align:left;}
						.nci-list-b .nci-l-s:nth-child(1){width:20px;}
						.nci-list-b .nci-l-s.icon{color:#999;}
						.nci-list-b:hover .nci-l-s:nth-child(2){color:#00b7ee; text-decoration:underline;}

						.nci-list-b .nci-l-a{display:table-cell; padding:4px; font-size:16px; line-height:20px; color:#666; text-align:left;}
						.nci-list-b .nci-l-a:nth-child(1){width:20px;}
						.nci-list-b .nci-l-a.icon{color:#999;}
						.nci-list-b .nci-l-a > a{color:#019cdc;}
						.nci-list-b .nci-l-a > a:hover{text-decoration:underline;}
						.nci-list-b .nci-l-a > .source{margin:0 0 8px 0; display:inline-block; padding:1px 8px; color:rgba(14, 110, 178, 1); border:rgba(14, 110, 178, 1) 1px solid; font-weight:bold;}



				/* 3 col */
				.nc-i-item-c{position:relative; display:flex; flex-wrap:wrap; margin:0 1%; width:31.33%; margin-bottom:40px; overflow:hidden; font-size:0;}
				
					.nci-pic-blk-c{display:inline-block; width:50%;}
						.nci-pic-c{position:relative; height:0; padding-bottom:100%; overflow:hidden; /*border:#ccc 1px solid;*/} 
						.nci-pic-c img{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; display:inline-block; /*width:100%;*/ vertical-align:middle;}

					.nci-txt-c{display:inline-block; width:50%;}

						.nci-title-c{display:table; margin:0 auto; padding:10px 10px; width:100%; font-size:22px; text-align:left;}

						.nci-list-c{display:table; margin:0 auto; width:96%;}
						.nci-list-c .nci-l-a{display:table-cell; padding:4px; font-size:15px; line-height:20px; color:#666; text-align:left;}
						.nci-list-c .nci-l-a.icon{color:#999;}
					

				.nc-i-item-c:hover > .nci-pic-blk-c > .nci-pic-c{/*border:#00b7ee 1px solid;*/}
				.nc-i-item-c:hover > .nci-txt-c > .nci-title-c{color:#00b7ee;}



				.nc-a-item{position:relative; display:flex; flex-wrap:wrap; margin:0 1%; width:98%; margin-bottom:40px; font-size:0;}

					.nca-pic-blk{display:inline-block; padding:0 2%; width:30%; margin-bottom:30px;}
						.nca-pic{position:relative; width:100%; height:0; padding-bottom:100%; overflow:hidden;} 
						.nca-pic img{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:100%; height:auto;}
						.nca-pic-title{margin:0 auto; padding:10px; display:inline-block; color:#000; font-size:20px; font-weight:normal;}
					
					.nca-txt{display:inline-block; width:70%;}
					
				.nc-u-item{position:relative; display:flex; flex-wrap:wrap; margin:0 auto; width:100%; margin-bottom:40px;}

					.ncu-pic-blk{float:left; display:inline-block; padding:0 2%;  width:30%; margin-bottom:30px;}
						.ncu-pic{position:relative; width:100%; height:0; padding-bottom:100%; overflow:hidden;} 
						.ncu-pic img{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; margin-top:0; max-width:100%; max-height:100%;}
						.ncu-pic-title{margin:0 auto; padding:10px; display:inline-block; color:#000; font-size:20px; font-weight:normal;}
					
					.ncu-txt{float:left; display:inline-block; width:70%; overflow:hidden;}
					
					
					



			/* Gallery 4 col */
			.nci-i-gallery{position:relative; display:flex; flex-wrap:wrap; margin:0 auto; padding:20px 0; width:100%; overflow:hidden; font-size:0;}
				
				.nc-photo-item{display:inline-block; margin:0 1%; width:23%; margin-bottom:40px; overflow:hidden;}
				
				.nc-photo-item-3c{display:inline-block; margin:0 1%; width:31.33%; margin-bottom:40px; overflow:hidden;}
				
					.photo-pic{position:relative; height:0; padding-bottom:75%; overflow:hidden; border:#ccc 1px solid;} 
					.photo-pic img{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; padding:6px;}
					.photo-title{display:block; margin:0 auto; padding:8px 10px; font-size:17px; text-align:left; font-weight:normal; text-align:center;}
					.photo-title-s{display:block; margin:0 auto; padding:6px 10px; font-size:15px; text-align:left; font-weight:normal; text-align:center;}
					
				.nc-photo-item:hover .photo-pic{border:#00b7ee 1px solid;}
				.nc-photo-item:hover .photo-title,
				.nc-photo-item:hover .photo-title-s{color:#00b7ee;}

				.nc-photo-item-3c:hover .photo-pic{border:#00b7ee 1px solid;}
				.nc-photo-item-3c:hover .photo-title,
				.nc-photo-item-3c:hover .photo-title-s{color:#00b7ee;}






			/* 南強工商-編輯器 */
			.nc-editor{position:relative; margin:0 auto; margin-bottom:100px; width:72%; display:flex; flex-wrap:wrap; align-content:flex-start; align-items:flex-start; overflow:hidden;}
				
				.edit-img{position:relative; margin:0 auto; padding:0 20px; width:100%; overflow:hidden;}
				.edit-img > img{display:inline-block; width:100%;}
				
				.edit-content{margin:0 auto; padding:0 20px; width:100%;}
				.edit-content table{width:100%; border-collapse:collapse;}
				.edit-content table th, .edit-content table td{padding:1%;}
				
				.edit-content a{color:#019cdc;}
				
				.edit-content img{max-width:100% !important; height:auto !important;}

				.edit-content ul{list-style:disc !important; padding-left:30px;}
				.edit-content ol{list-style:decimal !important; padding-left:30px;}		
				
				.edit-content ul li{list-style:inherit !important;}
				.edit-content ol li{list-style:inherit !important;}

				
		
				.edit-content-sm{margin:0 auto; padding:0 20px 50px 20px; width:100%; text-align:left; color:rgba(14,110,178,1);}
				.edit-content-sm table{width:100%; border-collapse:collapse;}
				.edit-content-sm table th, .edit-content table td{padding:1%;}
				
				.edit-content-sm a{color:#019cdc;}
				
				.edit-content-sm img{max-width:100% !important; height:auto !important;}
				
				
				
				
				
			
					.nc-edit-p{display:block; margin:0 auto; padding:10px 0; width:100%; font-size:16px; color:#666;}
					.nc-edit-p > a{color:#019cdc;}
					.nc-edit-p > a:hover{text-decoration:underline;}
					.nc-edit-h2{display:block; margin:0 auto; padding:10px 0; width:100%; font-size:20px; color:#019cdc;}
					.nc-edit-h2-s{display:block; margin:0 auto; padding:10px 0; width:100%; font-size:18px; color:#019cdc;}
					
					.nc-table-1{margin:10px auto; width:100%; font-size:16px; color:#666;}
					.nc-table-1 th, .nc-table-1 td{padding:4px 8px; vertical-align:top; color:#666; /*border:#ccc 1px solid;*/}
					.nc-table-1 th > a, .nc-table-1 td > a{color:#019cdc;}
					.nc-table-1 th > a:hover, .nc-table-1 td > a:hover{text-decoration:underline;}
	
					.nc-table-1 tr th:nth-child(1), .nc-table-1 tr td:nth-child(1){width:30px;}
					.nc-table-1 tr th:nth-child(2), .nc-table-1 tr td:nth-child(2){}
					
					.nc-table-1 .t-dot{display:inline-block; width:10px; height:10px; border-radius:100%; background:#019cdc;}
					.nc-table-1 .t-dot-1{display:inline-block; width:10px; height:10px; border-radius:100%; background:#fff; border:#999 1px solid;}
					.nc-table-1 .t-sq{display:inline-block; width:10px; height:10px; background:#ff0066;}
					


					.nc-table-2{margin:10px auto; width:100%; font-size:16px; color:#666;}
					.nc-table-2 th, .nc-table-2 td{padding:4px 8px; vertical-align:top; color:#666; border:#ccc 1px solid;}
					.nc-table-2 th > a, .nc-table-2 td > a{color:#019cdc;}
					.nc-table-2 th > a:hover, .nc-table-2 td > a:hover{text-decoration:underline;}
	
					.nc-table-2 tr th:nth-child(1), .nc-table-2 tr td:nth-child(1){width:100px;}
					.nc-table-2 tr th:nth-child(2), .nc-table-2 tr td:nth-child(2){}
					
					.nc-table-2 .t-dot{display:inline-block; width:10px; height:10px; border-radius:100%; background:#019cdc;}
					
					
					.inner-frame{position:relative; margin:20px auto; width:100%; overflow:hidden;}






			/* 行政單位 */
			.nc-unit-news{position:relative; margin:0 auto 30px auto; padding:10px 10px 6px 10px; width:100%; overflow:hidden;}
			.nc-unit-news-p{position:relative; margin:0 auto 30px auto; padding:10px 10px 6px 10px; width:100%; overflow:hidden;}
				.unit-news-blk{position:relative; margin:0 auto; width:100%; overflow:hidden; display:flex; flex-wrap:wrap; align-content:flex-start; align-items:flex-start; font-size:0; text-align:left;}
				.unit-news-blk .unit-news-list{margin:0 0 10px 0; width:calc(50% - 4px); background:#fff; /*border:#ccc 1px solid;*/}
				.unit-news-blk .unit-news-list:nth-child(odd){margin-right:4px;}
				.unit-news-blk .unit-news-list:nth-child(even){margin-left:4px;}
				
				.unit-news-blk .unit-news-list .n-list{display:block; padding:4px 8px; font-size:16px; color:#666; vertical-align:top; position:relative; overflow:hidden; height:32px;}
				.unit-news-blk .unit-news-list .n-list:nth-child(1){float:left; width:120px; background:#ddf2fd; color:rgba(14,110,178,1);}
				.unit-news-blk .unit-news-list .n-list:nth-child(2){float:left; width:calc(100% - 120px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
				
				.unit-news-blk .unit-news-list:hover{/*border:#4FC6D9 1px solid;*/}
				.unit-news-blk .unit-news-list:hover .n-list:nth-child(2){color:rgba(14,110,178,1);}



					/* 校長室 */
					.unit-news-list-p{margin:0 2px 10px 2px; width:calc(100% - 4px); background:#fff;}
					
					.unit-news-list-p .n-list{display:block; padding:4px 8px; font-size:16px; color:#666; vertical-align:top; position:relative; overflow:hidden; height:32px;}
					.unit-news-list-p .n-list:nth-child(1){float:left; width:120px; background:#ddf2fd; color:rgba(14,110,178,1);}
					.unit-news-list-p .n-list:nth-child(2){float:left; width:calc(100% - 120px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
					
					.unit-news-list-p:hover{}
					.unit-news-list-p:hover .n-list:nth-child(2){color:rgba(14,110,178,1);}

					@media screen and (max-width: 768px){					
						
						.nc-unit-news-p{padding:0 0 6px 0;}
					
						.unit-news-list-p{width:100%; }
						.unit-news-list-p:nth-child(odd){margin-right:0;}
						.unit-news-list-p:nth-child(even){margin-left:0;}
						
						.unit-news-list-p .n-list{font-size:15px; height:32px;}
						.unit-news-list-p .n-list:nth-child(1){float:none; width:100%; background:#ddf2fd; color:rgba(14,110,178,1);}
						.unit-news-list-p .n-list:nth-child(2){float:none; width:100%;}
					
					}



				.nc-unit-link{position:relative; margin:0 auto 30px auto; width:96%; overflow:hidden; display:flex; flex-wrap:wrap; align-content:flex-start; align-items:flex-start; font-size:0; text-align:left;}
				
				.nc-unit-link .nc-u-linking{display:inline-block; margin:0 10px 10px 0; padding:10px 16px; line-height:28px; font-size:15px; background:#133984; color:#fff; text-align:center;}
				.nc-unit-link .nc-u-linking:hover{background:#019cdc;}
				
				.nc-unit-link-c{position:relative; margin:0 auto; padding:30px 10px; width:96%; overflow:hidden; display:flex; flex-wrap:wrap; align-content:center; align-items:center; font-size:0; text-align:center; justify-content:center;}

				.nc-unit-link-c .nc-u-linking{display:inline-block; margin:0 10px 10px 0; padding:10px 16px; line-height:28px; font-size:15px; background:#133984; color:#fff; text-align:center;}
				.nc-unit-link-c .nc-u-linking:hover{background:#019cdc;}
				
				.dep-ad-img{margin:0 auto; width:100%;}


				.nc-unit-link-i{position:relative; margin:0 auto; padding:20px 0; width:100%; overflow:hidden; display:flex; flex-wrap:wrap; align-content:flex-start; align-items:flex-start; font-size:0; text-align:left;}
				
				.nc-unit-link-i .nc-u-linking{display:inline-block; margin:0 10px 10px 0; padding:10px 16px; line-height:28px; font-size:15px; background:#133984; color:#fff; text-align:center;}
				.nc-unit-link-i .nc-u-linking:hover{background:#019cdc;}


















		/* Google Iframe */
		.va-container{position:relative; height:0; padding-bottom:56.25%; /*padding-bottom:75%;*/ overflow:hidden;}
		.va-container iframe,
		.va-container object,
		.va-container embed{position:absolute; top:0; left:0; width:100%; height:100%;}








			/* 南強工商-表格內容 */
			.nc-form{position:relative; margin:0 auto; width:100%; font-size:16px; /*overflow:hidden;*/ text-align:left;}

				.btn-block{position:relative; padding:30px 10px 40px 10px; width:100%; overflow:hidden; font-size:16px; text-align:center;}
				.btn-block .nc-btn{margin:2px 6px; padding:10px 16px; line-height:16px; color:#fff; border:none; background:#133984; cursor:pointer; font-family:"微軟正黑體", 新細明體, Verdana, sans-serif; font-weight:bold;}
				.btn-block .nc-btn:hover{background:#019cdc;}

				.btn-block-s{position:relative; padding:8px 0 20px 0; width:100%; overflow:hidden; font-size:16px; text-align:center;}
				.btn-block-s .nc-btn{margin:2px 0; padding:4px 12px; line-height:16px; color:#fff; border:none; background:#133984; cursor:pointer; font-family:"微軟正黑體", 新細明體, Verdana, sans-serif; font-weight:bold;}
				.btn-block-s .nc-btn:hover{background:#019cdc;}








/* dep */

				.nc-dep-item{display:inline-block; margin:1%; margin-bottom:20px; width:31.33%; overflow:hidden;}
					.nc-dep-pic{position:relative; height:0; padding-bottom:56.25%; overflow:hidden; border:#ccc 1px solid;}
					.nc-dep-pic img{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:100%;}
					.nc-dep-title{display:block; margin:0 auto; padding:10px 10px; width:100%; font-size:22px; color:#00b9f1; text-align:center; font-weight:bold; letter-spacing:1px;}


	.nc-slider-inner{position:relative; margin:30px auto; width:92.6%; max-width:1778px; z-index:0; overflow:hidden;}
	.nc-inner-blk{position:relative; margin:30px auto; width:92.6%; z-index:0; overflow:hidden;}












/* TAB Content */
.nc-tab {
	display:block;
	margin:0 auto;
	width:100%;
	text-align:left;
	background:#ddf2fd;
	font-size:0;

}

/* new */

.nc-tab .tablinks {
	display:inline-block;
    font-size:16px;
	font-weight:bold;
	font-family:"微軟正黑體", 新細明體, Verdana, sans-serif;
	letter-spacing:1px;
	color:rgba(14,110,178,1);
	background:#ddf2fd;
    transition:0.3s;
    cursor:pointer;
}

.nc-tab .tablinks:hover {
    /*background:#ddf2fd;*/
}

.nc-tab .tablinks.active {
    background:#44a0e1;
	color:#fff;
}

.nc-tab .tablinks a{
	display:block;
    padding:14px 16px;
	color:inherit;
}



/* old */

.nc-tab button {
    display:inline-block;
	background-color:inherit;
    cursor:pointer;
	color:rgba(14,110,178,1);
	background:#ddf2fd;
}

.nc-tab button:hover {
    background:#ddf2fd;
}

.nc-tab button.active {
    background:#44a0e1;
	color:#fff;
}

.nc-tab button a{
	color:inherit;
	display:inline-block;
    padding:14px 16px;
    transition:0.3s;
    font-size:16px;
	font-weight:bold;
	letter-spacing:1px;
	font-family:"微軟正黑體", 新細明體, Verdana, sans-serif;
}




.tabcontent {
    display: none;
	width:100%;
	margin:0 auto;
    padding: 30px 20px 20px 20px;
    border-top: none;
	overflow:hidden;
	font-size:15px;
	text-align:left;
}



.tabcontent > h3{padding:10px 4px; font-size:16px; line-height:20px; font-weight:bold; letter-spacing:1px; overflow:hidden;}
.tabcontent > p{padding:8px 4px; font-size:15px; line-height:18px; overflow:hidden;}
.tabcontent > .descript{padding:8px 4px; font-size:16px; line-height:20px; overflow:hidden;}



.tabcontent img{max-width:100% !important; height:auto !important;}

.tabcontent ul{list-style:disc !important; padding-left:30px;}
.tabcontent ol{list-style:decimal !important; padding-left:30px;}		

.tabcontent ul li{list-style:inherit !important;}
.tabcontent ol li{list-style:inherit !important;}





/* RWD Custom Layout */
.nc-tab-blk{position:relative; display:flex; margin:0 auto; width:100%; overflow:hidden; font-size:0; flex-wrap:wrap; text-align:left; justify-content:flex-start;}
.nc-tab-blk > .nc-t-l{display:inline-block; width:40%; vertical-align:top; font-size:16px;}
.nc-tab-blk > .nc-t-r{display:inline-block; width:60%; vertical-align:top; font-size:16px;}

.nc-tab-blk-a{position:relative; display:flex; margin:0 auto; width:100%; overflow:hidden; font-size:0; flex-wrap:wrap; text-align:left; justify-content:flex-start;}
.nc-tab-blk-a > .nc-t-l-a{display:inline-block; width:70%; vertical-align:top; font-size:16px;}
.nc-tab-blk-a > .nc-t-r-a{display:inline-block; width:30%; vertical-align:top; font-size:16px;}
.nc-tab-blk-a > .nc-t-r-a .t-top{display:block; width:100%;}
.nc-tab-blk-a > .nc-t-r-a .t-bottom{display:block; width:100%;}







.nc-table-1{margin:8px auto 16px auto; width:100%;}
.nc-table-1 th, .nc-table-1 td{vertical-align:top; padding:6px 2px;}















.nc-dep-header{position:fixed; top:0; left:0; right:0; margin:0 auto; width:100%; background:rgba(14,110,178,1); z-index:100;}

/* 觀光科 */
.nc-dep-header.s1{background:#be1632;}
.nc-dep-header.s1 .menu-part .menu-area .m-p-blk .mpb-item{border-right:#be1632 2px solid; border-left:#be1632 2px solid;}
.nc-dep-header.s1 .menu-part .menu-area .m-p-blk .mpb-item:hover{background:#fff; color:#be1632;}
.nc-dep-header.s1 .menu-part .menu-area #dep-dd-a:hover .mpb-item{background:#fff; color:#be1632;}
.nc-dep-header.s1 .menu-part .menu-area .m-p-blk .dep-dropdown-a{border-right:#be1632 2px solid; border-bottom:#be1632 2px solid; border-left:#be1632 2px solid;}
.nc-dep-header.s1 .menu-part .menu-area .m-p-blk .dep-dropdown-a .column-tm > a{color:#be1632;}
.nc-dep-header.s1 .menu-part .menu-area .m-p-blk .dep-dropdown-a .column-tm:hover > a{background:#ededed;}

/* 資訊科 */
.nc-dep-header.s2{background:#000;}
.nc-dep-header.s2 .menu-part .menu-area .m-p-blk .mpb-item{border-right:#000 2px solid; border-left:#000 2px solid;}
.nc-dep-header.s2 .menu-part .menu-area .m-p-blk .mpb-item:hover{background:#fff; color:#000;}
.nc-dep-header.s2 .menu-part .menu-area #dep-dd-a:hover .mpb-item{background:#fff; color:#000;}
.nc-dep-header.s2 .menu-part .menu-area .m-p-blk .dep-dropdown-a{border-right:#000 2px solid; border-bottom:#000 2px solid; border-left:#000 2px solid;}
.nc-dep-header.s2 .menu-part .menu-area .m-p-blk .dep-dropdown-a .column-tm > a{color:#000;}
.nc-dep-header.s2 .menu-part .menu-area .m-p-blk .dep-dropdown-a .column-tm:hover > a{background:#ededed;}

/* 電視電影科 */
.nc-dep-header.s3{background:#363998;}
.nc-dep-header.s3 .menu-part .menu-area .m-p-blk .mpb-item{border-right:#363998 2px solid; border-left:#363998 2px solid;}
.nc-dep-header.s3 .menu-part .menu-area .m-p-blk .mpb-item:hover{background:#fff; color:#363998;}
.nc-dep-header.s3 .menu-part .menu-area #dep-dd-a:hover .mpb-item{background:#fff; color:#363998;}
.nc-dep-header.s3 .menu-part .menu-area .m-p-blk .dep-dropdown-a{border-right:#363998 2px solid; border-bottom:#363998 2px solid; border-left:#363998 2px solid;}
.nc-dep-header.s3 .menu-part .menu-area .m-p-blk .dep-dropdown-a .column-tm > a{color:#363998;}
.nc-dep-header.s3 .menu-part .menu-area .m-p-blk .dep-dropdown-a .column-tm:hover > a{background:#ededed;}

/* 表演藝術科 */
.nc-dep-header.s4{background:#820D55;}
.nc-dep-header.s4 .menu-part .menu-area .m-p-blk .mpb-item{border-right:#820D55 2px solid; border-left:#820D55 2px solid;}
.nc-dep-header.s4 .menu-part .menu-area .m-p-blk .mpb-item:hover{background:#fff; color:#820D55;}
.nc-dep-header.s4 .menu-part .menu-area #dep-dd-a:hover .mpb-item{background:#fff; color:#820D55;}
.nc-dep-header.s4 .menu-part .menu-area .m-p-blk .dep-dropdown-a{border-right:#820D55 2px solid; border-bottom:#820D55 2px solid; border-left:#820D55 2px solid;}
.nc-dep-header.s4 .menu-part .menu-area .m-p-blk .dep-dropdown-a .column-tm > a{color:#820D55;}
.nc-dep-header.s4 .menu-part .menu-area .m-p-blk .dep-dropdown-a .column-tm:hover > a{background:#ededed;}

/* 多媒體動畫科 */
.nc-dep-header.s5{background:#66A445;}
.nc-dep-header.s5 .menu-part .menu-area .m-p-blk .mpb-item{border-right:#66A445 2px solid; border-left:#66A445 2px solid;}
.nc-dep-header.s5 .menu-part .menu-area .m-p-blk .mpb-item:hover{background:#fff; color:#66A445;}
.nc-dep-header.s5 .menu-part .menu-area #dep-dd-a:hover .mpb-item{background:#fff; color:#66A445;}
.nc-dep-header.s5 .menu-part .menu-area .m-p-blk .dep-dropdown-a{border-right:#66A445 2px solid; border-bottom:#66A445 2px solid; border-left:#66A445 2px solid;}
.nc-dep-header.s5 .menu-part .menu-area .m-p-blk .dep-dropdown-a .column-tm > a{color:#66A445;}
.nc-dep-header.s5 .menu-part .menu-area .m-p-blk .dep-dropdown-a .column-tm:hover > a{background:#ededed;}

/* 戲劇科 */
.nc-dep-header.s6{background:#DD5E1B;}
.nc-dep-header.s6 .menu-part .menu-area .m-p-blk .mpb-item{border-right:#DD5E1B 2px solid; border-left:#DD5E1B 2px solid;}
.nc-dep-header.s6 .menu-part .menu-area .m-p-blk .mpb-item:hover{background:#fff; color:#DD5E1B;}
.nc-dep-header.s6 .menu-part .menu-area #dep-dd-a:hover .mpb-item{background:#fff; color:#DD5E1B;}
.nc-dep-header.s6 .menu-part .menu-area .m-p-blk .dep-dropdown-a{border-right:#DD5E1B 2px solid; border-bottom:#DD5E1B 2px solid; border-left:#DD5E1B 2px solid;}
.nc-dep-header.s6 .menu-part .menu-area .m-p-blk .dep-dropdown-a .column-tm > a{color:#DD5E1B;}
.nc-dep-header.s6 .menu-part .menu-area .m-p-blk .dep-dropdown-a .column-tm:hover > a{background:#ededed;}








	
	.head-part{position:relative; margin:0 auto; width:80%; line-height:72px;}

		.logo-d-l{display:inline-block; padding:0 8px 0 20px; vertical-align:middle; border-right:rgba(255,255,255,0.3) 1px solid;}
		.logo-d-r{display:inline-block; padding:0 0 0 8px; vertical-align:middle;}

			.dep-logo{display:inline-block; font-weight:bold; font-size:28px; font-weight:bold; color:#fff; vertical-align:middle;}
			.dep-logo img{display:block; margin:0 auto; width:128px; vertical-align:middle;}
	
			.dep-title{display:inline-block; margin:0 10px; font-weight:bold; font-size:32px; letter-spacing:5px; color:#fff; vertical-align:middle;}
			.dep-sub{display:inline-block; margin:0 10px; font-size:18px; font-weight:normal; color:#fff; vertical-align:middle; font-family:"Times New Roman", serif;}


			.m-menu{display:none; position:absolute; bottom:4px; right:8px;}
				.m-menu-pic{display:block; width:28px; margin:0 auto;}
				.m-menu-pic img{display:block; width:100%;}





	.menu-part{margin:0 auto; width:100%; border-top:rgba(255,255,255,0.3) 1px solid;}
		.menu-area{display:block; margin:0 auto; width:80%; line-height:40px; text-align:center;}

			.m-p-blk{float:left;}
				.mpb-item{display:inline-block; padding:0 20px; text-align:center; color:#fff; font-weight:bold; font-size:16px; vertical-align:middle; line-height:40px; overflow:hidden; border-right:rgba(14,110,178,1) 2px solid; border-left:rgba(14,110,178,1) 2px solid;}
				.mpb-item:hover{background:#fff; color:rgba(14,110,178,1);}
	
				.dep-dropdown-a{display:none; padding:12px 8px 8px 8px; border-right:rgba(14,110,178,1) 2px solid; border-bottom:rgba(14,110,178,1) 2px solid; border-left:rgba(14,110,178,1) 2px solid; position:absolute; background:#fff; width:180px; z-index:1; box-shadow:#999 1px 1px 1px;}
	
				.dep-dropdown-a .column-tm{display:block; width:100%; text-align:left; font-size:15px;}
				.dep-dropdown-a .column-tm > a{display:block; margin:0 auto 4px auto; padding:4px 0 4px 12px; width:100%; color:rgba(14,110,178,1);}
				.dep-dropdown-a .column-tm:hover > a{background:#ddf2fd;}
				
				#dep-dd-a:hover .mpb-item{background:#fff; color:rgba(14,110,178,1);}
	
				#dep-dd-a:hover .dep-dropdown-a{display:flex; flex-wrap:wrap; overflow:hidden;}



























	.nc-dep-wrapper{position:relative; margin:0 auto; padding:0 0 20px 0; width:100%; text-align:center; background:#ededed;}
		.nc-dep-w-bg{background-image:url(../img/upload/nanchiang_bg_01-gray.png); background-repeat:no-repeat; background-position: top 2vw left; background-size: 115px;}

		.dep-t-space{position:relative; width:100%; height:112px; z-index:0; overflow:hidden;}
	
		.nc-slider-dep{position:relative; margin:30px auto 30px auto; width:80%; overflow:hidden; padding:10px; background:#fff; border:#E7E7E0 1px solid;}
		
		.nc-dep-blk{position:relative; margin:50px auto 50px auto; padding:0 0 50px 0; width:80%; border:#ccc 1px solid; background:#fff; overflow:hidden; box-shadow:#ccc 0 3px 5px;}
			.dep-l{position:relative; float:left; margin:0 0 0 2%; width:18%; overflow:hidden;}
			.dep-r{position:relative; float:left; margin:0 auto; width:80%; overflow:hidden;}


			.nc-intro-blk-dep{margin:0 auto; padding-bottom:100px; width:90%; text-align:center; display:flex; flex-wrap:wrap; align-content:flex-start; align-items:flex-start;}
			.nc-editor-dep{position:relative; margin:0 auto; margin-bottom:100px; width:90%; display:flex; flex-wrap:wrap; align-content:flex-start; align-items:flex-start; overflow:hidden;}




/* dep left menu (start)*/

	.left-menu{margin:0 auto; width:100%; text-align:left; min-height:200px;}
	
	.left-menu .l-title{padding:8px 0; width:100%; text-align:center; font-size:18px; font-weight:bold; color:#fff; background:#999;}
	
	.left-menu > ul{margin:0 auto; width:100%; border-bottom:#ccc 1px solid;}
	.left-menu > ul > li{display:block; margin:0 auto; padding:8px 10px; padding-left:10px; width:100%; text-align:left; border-top:#ccc 1px solid; border-right:#ccc 1px solid; border-left:#ccc 1px solid; font-size:15px; background:#fff;} 
	
	.left-menu > ul > li:nth-child(1){border-top:none;}
	
	.left-menu > ul > li a{display:table; width:100%;}
	.left-menu > ul > li a .l-item{
		display:table-cell;
		width:18px;
		text-align:center;
	}
	.left-menu > ul > li a .l-item .circle{
		display:inline-block;
		margin-right:8px;
		width:8px;
		height:8px;
		border:#999 1px solid;
		border-radius:50%;
		background:#fff;
		vertical-align:middle;
	}
	.left-menu > ul > li a .r-txt{
		display:table-cell;
		width:calc(100% - 18px);
		color:#000;
	}
	
	/* left-menu hover*/
	.left-menu > ul > li:hover{background:#ddf2fd;}
	.left-menu > ul > li:hover a .l-item .circle{border:#3788cd 1px solid;}
	.left-menu > ul > li:hover a .r-txt{color:rgba(14,110,178,1);}

	/* left-menu selected */	
	.left-menu > ul > li.onit a .r-txt{color:rgba(14,110,178,1);}

/* dep left menu (end)*/





















		#tabbed-nav{background:#fff; border-top:#E7E7E0 1px solid; border-right:#E7E7E0 1px solid; border-bottom:#E7E7E0 1px solid; border-left:#E7E7E0 1px solid;}



	.nc-dep-footer{position:relative; margin:0 auto; padding:12px 0 12px 0; width:100%; text-align:center; background:/*rgba(14,110,178,1)*/ /*#133984*/ #666;}
		.nc-f-area{position:relative; margin:0 auto; padding:10px; width:80%; overflow:hidden; font-size:0; text-align:left;}
			.nc-f-col{position:relative; display:inline-block; padding:4px; overflow:hidden; vertical-align:middle;}
			.nc-f-col > span{float:left; margin:6px 10px; font-size:14px; color:#fff;}
			
			.nc-f-col > a{float:left; margin:6px 10px; font-size:14px; color:#fff;}
			.nc-f-col > a.share{font-size:16px;}
			.nc-f-col > a.share > img{margin-right:8px;}
			.nc-f-col > a > img{display:inline-block; vertical-align:middle;}

			.nc-f-col:nth-child(1){width:180px;}
			.nc-f-col:nth-child(2){width:calc(70% - 180px);}
			.nc-f-col:nth-child(3){width:30%;}

			/* Anchor link */
			a.anchor:before {
				content: "";
				display: inline-block;
				height: 200px;
				margin: -200px 0 0 0;
			}

			.anchor-dep:before {
				content: "";
				display: inline-block;
				height: 115px;
				margin: -115px 0 0 0;
			}




		/* tab setting css */
        .z-tab > a{
            font-size:18px !important;
            font-weight:bold !important;
            letter-spacing:1px;
        }






		/* 頁碼 */
				.nc-pager {position:relative; margin:0 auto; padding:10px; width:100%; overflow:hidden; text-align:center;}
				.nc-pager .pager-num {display:inline-block; margin:4px 2px; padding:4px 6px; width:32px; line-height:18px; font-size:0.875em; color:#666; text-decoration:none; background:#fff; border:#ccc 1px solid; cursor:pointer;}
				.nc-pager .pager-num:hover {color:#fff; background:#999; border:#999 1px solid;}
				.nc-pager .pager-num.onit {color:#fff; background:#3788cd; border:#3788cd 1px solid;}
				
				
				.nc-pager .pager-arrow{display:inline-block; margin:4px 2px; width:0; height:0; border-style:solid; border-width:10px 14px 10px 0; border-color:transparent #ccc transparent transparent; vertical-align:middle;}
				.nc-pager .pager-arrow:hover{border-color:transparent #999 transparent transparent;}
				.nc-pager .pager-arrow.p-n{border-color:transparent #3788cd transparent transparent;}

				.nc-pager .pager-arrow-n{display:inline-block; margin:4px 2px; width:0; height:0; border-style:solid; border-width:10px 0 10px 14px; border-color:transparent transparent transparent #ccc; vertical-align:middle;}
				.nc-pager .pager-arrow-n:hover{border-color:transparent transparent transparent #999;}
				.nc-pager .pager-arrow-n.p-n{border-color:transparent transparent transparent #3788cd;}


















	.nc-footer-link{position:relative; margin:20px auto; padding:20px; width:100%; font-size:0; text-align:center; overflow:hidden;
		/*display:flex;
		flex-wrap:wrap;
		align-items:flex-start;
		align-content:flex-start;*/
	}

		.nc-fl-item{display:inline-block; margin:0 10px 16px 10px; width:138px; border:#ccc 1px solid;}
		.nc-fl-item .ncfl-pic{position:relative; padidng:1px; width:100%; height:0; padding-bottom:44%; overflow:hidden;}
		.nc-fl-item .ncfl-pic img{position:absolute; margin:auto; top:0; left:0; right:0; bottom:0; width:100%; height:100%;}

		/* Iframe block */	
		.ma-container{position:relative; height:0; padding-bottom:56.25%; overflow:hidden;}
		.ma-container iframe,
		.ma-container object,
		.ma-container embed{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:100%; height:100%;}


		.nc-f-news{position:relative; margin:0 auto; width:100%; overflow:hidden; font-size:0; background:#fff; /*border-right:#E7E7E0 1px solid; border-bottom:#E7E7E0 1px solid; border-left:#E7E7E0 1px solid;*/}
		.nc-f-news.fLex{display:flex; flex-wrap:wrap;}
		
		.nc-f-news .f-col {display:inline-block; margin:10px 1%; width:23%; vertical-align:top;}
		.nc-f-news .f-col .f-col-logo{display:block;}
		.nc-f-news .f-col .f-col-logo img{display:block; width:50%; margin:0 auto;}
		.nc-f-news .f-col .f-col-logo h3{padding:6px 10px; text-align:center; color:rgba(14,110,178,1); font-size:20px; letter-spacing:2px; color:#779dd8;}
		
		
		.nc-f-news .f-col ul{display:block; width:100%;}
		.nc-f-news .f-col ul li{display:block;}
		.nc-f-news .f-col ul li a{display:block; padding:8px 10px; text-align:left; font-size:14px;}
		.nc-f-news .f-col ul li a:hover{text-decoration:underline; color:rgba(14,110,178,1);}
		.nc-f-news .f-col ul h3{padding:8px 10px; text-align:left; color:rgba(14,110,178,1); font-size:20px;}
        
		@media screen and (max-width: 768px) { 
		
			.z-link{
				font-size:18px !important;
				font-weight:bold !important;
			}
			.z-tab > a{
				font-size:16px !important;
				letter-spacing:1px;
			}
			.nc-f-news .f-col {margin:10px 1%; width:98%;}
	
		}






.t-search{display:none; width:100%; padding:6px 8px; text-align:center; background:#ededed; box-shadow:#666 0 1px 3px;}
	.input-box{display:inline-block; width:100%; padding:4px 10px; vertical-align:middle; font-size:0; background:#fff; border:#ccc 1px solid; border-radius:30px;}
	.input-title{display:none; width:100%; font-size:18px; line-height:24px; border:none; outline:none; background:transparent; color:#fff; vertical-align:middle;}
	.input-area{display:inline-block; width:calc(100% - 20px); font-size:14px; line-height:20px; border:none; outline:none; background:transparent; color:#999; vertical-align:middle;}
	.input-btn{display:inline-block; width:20px; height:20px; font-size:14px; color:#999; border:none; outline:none; background:url(../img/icon_search.png); background-repeat:no-repeat; background-position:center center; background-size:contain; vertical-align:middle; cursor:pointer;}


















@media screen and (max-width: 1400px){
}

@media screen and (max-width: 1200px){
	
	.news-item{margin:0 0.8% 20px 0.8%; width:23.4%;}
	.news-item-7{margin:0 0.8% 20px 0.8%; width:18.4%;}
	.campus-item{margin:0 0.8% 20px 0.8%; width:23.4%;}
	
	.m-p-blk .mpb-item{padding:0 20px;}
	
	#line-link{display:none;}
	#facebook-link{display:none;}

}

@media screen and (max-width: 1024px){

	.t-space{height:63px;}
	.t-space img{display:none;}
	
	.nc-news-wrapper{padding:20px 0 0 0; text-align:right;}
	.nc-more-btn{position:relative; top:auto; right:auto; margin:0 auto; display:inline-block; vertical-align:middle; padding:10px 20px;}
	
	.nc-more-btn.adm,
	.nc-more-btn.hon,
	.nc-more-btn.act,
	.nc-more-btn.new,
	.nc-more-btn.media{position:relative; top:auto; right:auto; margin:0 auto; display:inline-block; vertical-align:middle; padding:10px 20px;}
	
	.nc-link-blk{width:100%;}
	.nc-link-blk .nc-link{position:relative; display:block; margin:10px auto; border-bottom:#8fd9f0 1px dotted; width:94%; overflow:hidden; text-align:left;}
	
	.footer-logo .logo-f{margin:0 auto; display:inline-block; width:160px;}
	
	
	
	.contact-info{width:100%;}			
	.contact-info .c-link{position:relative; display:block; margin:10px auto; border-bottom:#ccc 1px dotted; width:94%; overflow:hidden; text-align:left;}
	.contact-info .c-link img{float:left; display:block; width:24px; vertical-align:middle; margin-right:10px;}
	.contact-info .c-link p{float:left; display:block; width:calc(100% - 34px); line-height:24px;}
	
	
	
	
	
	
	.nc-bn-pic{padding-bottom:30%;}
	.nc-bn-title{display:none;}
	
	.nc-inner-content .nc-ic-l{display:none;}
	.nc-inner-content .nc-ic-r{display:block; width:100%;}
	
	ul.breadcrumb{display:none;}
	
	
	.nc-i-item{margin:0 1%; width:98%; margin-bottom:40px; min-height:auto;}
	.nc-i-item-a{margin:0 1%; width:98%; margin-bottom:40px; min-height:auto;}
	.nc-i-item-p{margin:0 1%; width:98%; margin-bottom:40px; min-height:auto;}
	
	
		.nca-pic-blk{display:inline-block; width:50%;}
		.nca-txt{display:inline-block; width:50%;}
		
		.ncu-pic-blk{display:inline-block; width:50%;}
		.ncu-txt{display:inline-block; width:50%;}
	
	
	.nc-dep-item{margin:1%; margin-bottom:20px; width:48%;}
	
	
	
	/* 0626 Update */
	.nc-slider-inner{width:90%;}
	
	.nc-inner-blk{width:90%;}
	
	
	
	
	
	.nc-dep-w-bg{background-image:none;}
	
	
	
	.nc-slider-dep{padding:10px; width:100%;}
	.nc-dep-blk{padding:10px 10px 30px 10px; width:100%;}
	
	
	.menu-part{display:none;}
	
	.m-p-blk{width:100%;}
	
	.dep-t-space{height:96px;}
	
	.m-menu{display:block;}
	
	
	
	
	
	.head-part{position:relative; margin:0 auto; width:100%; height:auto; line-height:none;}
	
	
	.logo-d-l{display:block; padding:0 8px 0 8px; border-right:none; text-align:left; line-height:58px;}
	.logo-d-r{display:block; padding:0 8px 0 8px; text-align:left; border-top:rgba(255,255,255,0.2) 1px solid; line-height:38px;}
	
	.dep-logo{font-size:28px; font-weight:bold; color:#fff; vertical-align:middle;}
	.dep-logo img{display:block; margin:0 auto; width:88px; vertical-align:middle;}
	
	.dep-title{margin:0 4px; font-weight:bold; font-size:24px; letter-spacing:0;}
	.dep-sub{margin:0 4px; font-size:10px;}
	
	
	
	.nc-tab button {width:50%;}
	
	
	.nc-f-area{width:100%;}
	.nc-f-col:nth-child(1){width:100%; padding:10px 10px 20px 10px;}
	.nc-f-col:nth-child(2){width:100%; padding:10px 10px 20px 10px;}
	.nc-f-col:nth-child(3){width:100%; padding:10px 10px 20px 10px;}
	
	
	
	
		.nci-pic-blk-b{width:50%;}
		.nci-txt-b{width:50%;}
	
	
	
	.nc-i-item-c{margin:0 1%; width:48%; margin-bottom:30px;}
	
	
	.nc-photo-item{margin:0 1%; width:31.33%; margin-bottom:40px;}
	.nc-photo-item-3c{margin:0 1%; width:48%; margin-bottom:40px;}
	
	
		.nci-txt-blk-phone{display:table; width:100%; padding:10px;}
			.nci-txt-blk-phone .nci-l-p{display:block; padding:4px; width:100%; line-height:20px; font-size:20px; color:#019cdc; font-weight:bold; text-align:left;}
			.nci-txt-blk-phone .nci-l-p:nth-child(1){width:100%;}
	
	
	
	.tabcontent {
	padding: 30px 10px 20px 10px;
	}
	
	.no-js-tabcontent {
	padding: 30px 10px 20px 10px;
	}
	
	
	
	.unit-news-blk .unit-news-list{width:100%; }
	.unit-news-blk .unit-news-list:nth-child(odd){margin-right:0;}
	.unit-news-blk .unit-news-list:nth-child(even){margin-left:0;}
	
	.unit-news-blk .unit-news-list .n-list{font-size:15px; height:32px;}
	.unit-news-blk .unit-news-list .n-list:nth-child(1){float:none; width:100%; background:#ddf2fd; color:rgba(14,110,178,1);}
	.unit-news-blk .unit-news-list .n-list:nth-child(2){float:none; width:100%;}
	
	
	.nc-unit-link .nc-u-linking{display:block; margin-right:auto; margin-left:auto; width:80%; padding:8px 12px; line-height:24px; font-size:14px;}
	.nc-unit-link-i .nc-u-linking{margin:8px 2% ; width:46%; padding:10px 12px; line-height:20px; font-size:14px; text-align:left;}
	
	
	
	
	.news-item-v{margin:0 0.5% 20px 0.5%; width:32.33%;}
	.news-item-m{margin:0 0.5% 20px 0.5%; width:49%;}
	
	
	
	.nc-intro-editor-bg{margin:0 auto; padding:0; background:#transparent; box-shadow:none;}
		.nc-intro-editor{margin:0 auto; padding:20px 5px 50px 5px; width:100%; background:#fff;}
	
	
	
	
	.dep-l{display:none;}
	.dep-r{width:100%;}
	
	
	.t-search{display:inline-block;}
	
	
	.nc-tab-blk > .nc-t-l{display:block; width:100%; text-align:center;}
	.nc-tab-blk > .nc-t-r{display:block; width:100%;}
	
	.nc-tab-blk-a > .nc-t-l-a{display:block; width:100%;}
	.nc-tab-blk-a > .nc-t-r-a{display:block; width:100%;}
	
	
	
	.nc-intro-editor img{}
	
	.nc-intro-title-i{padding:8px 0;}
	.nc-intro-title-i .title-sub{font-size:14px;}

	.nc-intro-blk{width:92%;}
	.nc-editor{width:92%;}



	.contact-info-a{display:block; width:100%;}	
	.contact-info-a .c-link-a{margin:5px 5px;}



}

@media screen and (max-width: 768px){
	
	.nc-news-block{width:94%;}
	.nc-campus-block{width:94%;}
	
	.news-item-v{margin:0 0.5% 20px 0.5%; width:49%;}
	/*.news-item-m{margin:0 0.5% 20px 0.5%; width:49%;}*/
	.news-item{margin:0 0.8% 20px 0.8%; width:48.4%;}
	.news-item-7{margin:0 0.8% 20px 0.8%; width:31.6%;}
	.news-item-4{margin:0 0.8% 20px 0.8%; width:48.4%;}
	.campus-item{margin:0 0.8% 20px 0.8%; width:48.4%;}
	.campus-item-5{margin:0 0.8% 20px 0.8%; width:31.6%;}
	
	
	.edit-content{padding:0 8px;}
	
	
	.nca-pic-blk{display:block; width:100%;}
	.nca-txt{display:block; width:100%;}
	
	.ncu-pic-blk{display:block; width:100%;}
	.ncu-txt{display:block; width:100%;}
	
	
	.nc-photo-item{margin:0 1%; width:48%; margin-bottom:40px;}

}

@media screen and (max-width: 480px){

	.campus-item{margin:0 0.8% 20px 0.8%; width:98.4%;}
	
	.nci-pic-blk{display:block; width:100%;}
	.nci-pic-blk-r{display:block; width:100%;}
	.nci-pic-blk-a{display:block; width:100%;}
	
	
	.nci-txt{display:block; width:100%;}
	.nci-txt-r{display:block; width:100%;}
	.nci-txt-a{display:block; width:100%;}
	.nci-txt-b{display:block; width:100%;}
	
	
	.nc-dep-item{margin:1%; margin-bottom:20px; width:98%;}
	
	.nci-pic-blk-b{width:100%;}
	
	.nc-i-item-c{margin:0 1%; width:98%; margin-bottom:30px;}
	.nci-pic-blk-c{display:inline-block; width:50%;}
	.nci-txt-c{display:inline-block; width:50%;}
	
	.nc-photo-item{margin:0 1%; width:98%; margin-bottom:40px;}
	.nc-photo-item-3c{margin:0 1%; width:98%; margin-bottom:40px;}
	
	.news-item-v{margin:0 0.5% 20px 0.5%; width:99%;}
	.news-item-m{margin:0 0.5% 20px 0.5%; width:99%;}
	.news-item-7{margin:0 0.8% 20px 0.8%; width:48.4%;}
	.campus-item-5{margin:0 0.8% 20px 0.8%; width:48.4%;}

}

@media screen and (max-width: 300px){

	.news-item{margin:0 0.8% 20px 0.8%; width:98.4%;}
	.news-item-7{margin:0 0.8% 20px 0.8%; width:98.4%;}
	.news-item-4{margin:0 0.8% 20px 0.8%; width:98.4%;}
	.campus-item-5{margin:0 0.8% 20px 0.8%; width:98.4%;}
	
}










/* video in chrome show no download button  */
video::-internal-media-controls-download-button{display:none;}
video::-webkit-media-controls-enclosure{overflow:hidden;}
video::-webkit-media-controls-panel{width:calc(100% + 30px);}

/* facebook iframe */
/*#fb-root {display: none;}*/
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
	width: 100% !important;
}

/* no-js css */
.no-js-txt{padding:8px;}
.no-js-slide{margin:0 auto; width:100%;}

.no-js-tabcontent{
    display:block;
	width:100%;
	margin:0 auto;
    padding:30px 20px 20px 20px;
    border-top:none;
	overflow:hidden;
	font-size:15px;
	text-align:left;
}



.ai-nc-link{
	display:block; margin:0 auto; padding:1px 5px; width:100%; font-size:16px; color:#00b9f1; text-align:center;
}








