@charset "utf-8";
/* CSS Document */
/*
 * CSS Document
 * -------------------------------------------
 * Made by Kuofeng Huang
 * -------------------------------------------
*/

/* ========================================================
 ##### commCSS
=========================================================== */
/*body,button, input,select, textarea,h1 ,h2, h3, h4, h5, h6  {font-family:"Noto Sans TC", Sans-serif, "Helvetica Neue";color:#454545;} */
/*body{font-family:"微軟正黑體", Sans-serif;color:#454545;}*/
 /*body{font-family:'Microsoft Yahei','Helvetica Neue','Helvetica', 'Arial','sans-serif'; color:#454545;} */
body {font-family:"Open Sans", "微軟正黑體", Arial, "Microsoft JhengHei", sans-serif;color:#434343;}
/*body {font-family:'Lato','Noto Sans TC','Noto Sans','Helvetica Neue','Helvetica','Arial',sans-serif;color:#454545;}*/

ul {
margin:0;
padding:0;
list-style:none;}
img {max-width:100%;height:auto;}

.sub-nav{}
.footer-nav{}

.icon-xs{font-size:0.875rem;}
.icon-sm{font-size:1rem}
.icon-md{font-size:1.5rem}
.icon-lg{font-size:2rem}
.icon-xl{font-size:2.5rem}

.txt-xs{font-size: 0.875rem}
.txt-sm{font-size: 1rem}
.txt-md{font-size: 1.125rem}
.txt-lg{font-size: 1.25rem}
.txt-xl{font-size: 1.5rem}

.icon-cycle {color:#fff;  padding: 5px;  border-radius: 50%;  display: inline-block;}
.icon-square{color:#fff;  padding: 5px;  border-radius:4px; ;  display: inline-block;}

.bg-red{background: red;}
.bg-blue{background: blue;}


.btn
{
  box-shadow: 0px 0 0 0 rgba(0, 0, 0, 0.0);
  text-shadow: 0px 0 0 0 rgba(0, 0, 0, 0.0);      
    
}


/* ==========================================
 #####  無障礙
========================================== */
a:focus {outline:#0060ff solid;/* z-index: 999;*/}

select:focus {outline:#0060ff solid;}
.slick-prev button:focus {border: 3px solid #0060ff;}
.slick-next button:focus {border: 3px solid #0060ff;}
.slick-dots li button:focus {border: 3px solid #0060ff; }
.btn:focus {outline:#0060ff solid;}
.navbar-default .navbar-nav > li > a:focus {outline:#0060ff solid;}
.hot-item a:focus img {border: 5px solid #0060ff;}
.video-item a:focus img {border: 5px solid #0060ff;}

.thumbnail a:focus img {outline:#1e2d7a dashed;}
.carousel-control.left:focus, .carousel-control.right:focus {outline:#162053 dashed;}

label.select {display:none;}
label.searchText {display:none;}
label.rwd-searchText {display:none;}


/* ==========================================
 #####  主要body/container
========================================== */
.container-wrap{width:100%;padding:30px 0px 30px 0px;background: #f5f5f5;}

.container-wrap.container{margin:0px;}

@media (min-width: 1405px) {	
 .container-fluid{width: 1240px;}
	
}

@media (max-width: 1200px) {

}
@media (max-width: 991px) {}
@media (max-width: 767px) {
	body{margin-top: 60px;}	
}
@media (max-width: 575px) {}

/* ==========================================
 #####  header-topnav
========================================== */
.ycolor{ background:linear-gradient(transparent 60%,yellow 30%);}

.topnav-wrap{width:100%; margin: 0px;background:url("../images/top-nab-bg.jpg") top center;height:37px;}
.header-wrap{width:100%;}
.navbar-brand img{max-width:320px;}
.logo img{max-width:320px;}
.logo h1{margin:0px;}

.header-list{display:block;width:60%;height:68px;}

.topnav{font-size:0.875rem; }
.topnav li a:link, .topnav li a:visited{
	font-weight:700;
    display: block;
    text-decoration:none
    background-color: transparent;
    color: #ffffff;
    padding: 8px 10px;        
	height:37px;
}
/*
i.icon-up-micro {
	    margin-right:8px; 
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
	transform: scale(0.8);
	transform: rotate(-90deg);
	
}*/
.group-nav li a::before {
	float:left;
	font-family: 'fontello';
	content: '\e808';
    margin-right:2px;
	padding:0px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);	
}

.topnav li a:hover{background-color:#c4432a;}

.topnav .sns-nav li{/*border-left:1px #fff solid*/;background-color:#c4432a;}
.topnav .sns-nav li a:hover{background-color:#bc9549;}

.search-nav{/*background-color:#cc4419*/;padding: 8px 12px;background-color:#f5ac1f;color:#464243;}

.navbar-rwd-nav li{padding:8px 6px;color:#333333;font-size:1rem;width:80px;text-align:center;font-weight:600}
.navbar-rwd-nav li a:link, a:visited{display: block;color:#333333;}
.navbar-rwd-nav li a:hover{color:#C82527;text-decoration: none;}

.group-rwd-nav li{padding:8px 0px;background-color:#736d5f;border-right:1px solid #ccc;}
.group-rwd-nav li a:link, a:visited{color:#fff;padding:8px 0px;display: block;}
.group-rwd-nav li a:hover{background-color:#867653;text-decoration: none;}

.navbar-toggler{border:0px;}

.rwd-btn{
	display: block;
	text-decoration:none;
	background-color:#fabe00;
	color: #ffffff;
	padding: 16px;
	border-radius: 0px;
	height:60px;
	width: 60px;
}
.en-btn{font-size:1rem;vertical-align:center;background-color:#99999;}
.rwd-btn a:link, a:visited{text-decoration: none;}
.rwd-btn a:hover{}
.rwd-btn .en-btn a:link, a:visited{text-decoration: none;}
.rwd-btn .en-btn a:hover{}

@media (max-width: 1200px) {
	
	.logo img{max-width:280px;}
}
@media (max-width: 1080px) {
	
	.navbar .container-fluid{padding:0px;}
	.navbar .container-fluid{margin:0 -15px;}
	/*.logo img{max-width:300px;}	*/
	.navbar-rwd-nav li{padding:8px 2px;color:#454545;font-size:0.9375rem;width:80px;text-align:center;}
	.logo img{max-width:220px;}
	
}
@media (max-width: 991px) {
	
	.navbar-rwd-nav li{padding:8px 0px;color:#454545;font-size:0.9375rem;width:65px;text-align:center;}
	.logo img{max-width:140px;}
}
@media (max-width: 767px) {
	
	/*header 767置頂*/
    header{width:100%;position:fixed;z-index:9;
        right: 0;
        left: 0;   
        border-radius: 0;
        top: 0;
        border-width: 0 0 1px;
    } 
	
	/*漢堡選單內容編排*/
    .navbar {padding:0px;} 
	
	.header-list{background-color:#ed6d00;width:100%;height:60px; }
	
	.rwd-menu-bg{background-color:rgba(0,0,0,0.8);}        
    .rwd-menu{float:right;}     
	.half-menu {float:left;text-align: center;width: 50%;display: block;}
	
	.navbar-nav{display:block;background-color:#a7a39a;}	
	
	
	.group-rwd-nav li{padding:0px 0px;background-color:#eeeced;border-right:1px solid #fff;}
	.group-rwd-nav li a:link, a:visited{color:#222;padding:12px 0px;display: block;}
	.group-rwd-nav li a:hover{background-color:#ccc7c7;text-decoration: none;}
	
	.navbar-rwd-nav li{padding:0px 0px;background-color:#e2dedf;border-right:1px solid #ccc;width:100%;font-size:1rem}
	.navbar-rwd-nav li a:link, a:visited{color:#222;padding:12px 0px;display: block;}
	.navbar-rwd-nav li a:hover{background-color:#ccc7c7;text-decoration: none;color:#222;}	
	
    ul.sns-rwd-nav li{display: inline;}
	.sns-rwd-nav {width:100%;float:left;text-align: center;background-color:#595252;padding:10px}
    .sns-rwd-nav i{font-size:1.4rem;color:#fff;padding:10px 10px;}
    .sns-rwd-nav li a:link, a:visited{color:#fff;}	
	.sns-rwd-nav li a:hover{color:#fbad32;text-decoration: none;}
    
	/*ul.sns-rwd-nav li{display: inline;}
	.sns-rwd-nav {width:100%;float:left;text-align: center;background-color:#595252;}
    .sns-rwd-nav i{font-size:1.5rem;color:#fff;}
    .sns-rwd-nav i a:hover{color:#fff;}
	.sns-rwd-nav li a:link, a:visited{color:#fff;}	
	.sns-rwd-nav li a:hover{color:#fbad32;text-decoration: none;}*/
	
	.rwd-search-box {background:#fff;border:0px;border-radius:0px;}
	.rwd-search-box .form-control{background:#f5f5f5;border:0px;border-radius:0px;}
	.rwd-search-box .input-group-append{background:#ccc;border:0px;border-radius:0px;}
	.rwd-search-box .btn{border:0px;border-radius:0px;}	
	.navbar .container-fluid{margin: 0px;}
	.logo img { max-width: 240px;}
}

@media (max-width: 575px) {
	
	.logo img{/*max-width:260px;*/}
    .mg-item{width:48%;display:inline-block;}	
}

/* ==========================================
 #####  漢堡選單樣式
========================================== */



/* Icon 1 */

.animated-icon2 {
width: 30px;
height: 20px;
position: relative;
margin: 0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}

.animated-icon2 span {
display: block;
position: absolute;
height: 1px;
width: 100%;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}


.animated-icon2 span {
background: #454545;
}


/* Icon 3*/

.animated-icon2 span:nth-child(1) {top: 0px;}
.animated-icon2 span:nth-child(2), .animated-icon2 span:nth-child(3) {top: 10px;}
.animated-icon2 span:nth-child(4) {top: 20px;}
.animated-icon2.open span:nth-child(1) {top: 11px;width: 0%;left: 50%;}

.animated-icon2.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}

.animated-icon2.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.animated-icon2.open span:nth-child(4) {
top: 11px;
width: 0%;
left: 50%;
}

.navbar-toggler{border-color: rgba(0,0,0,0);}

.main-menu{	
    box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.2);z-index:6;
}


/*
.main-menu::before{	
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    display: block;
    border-bottom: 3px solid rgba(0,0,0,0.1);
}
*/

/*.navbar-light.main-menu a:link{color:#222;text-decoration:none;font-size:1rem;}
.navbar-light.main-menu a:hover{color:#b63d01;}

.navbar-light.main-menu .navbar-toggler{color:#222222;border-color:transparent;}*/


/* ==========================================
 #####  grout,footer
========================================== */
.footer-wrap{width:100%;/*background-color:#27323c;background-color:#433f3f;*/background-color:#353433;padding:40px 0px 20px 0px;}
/*.footer-wrap{width:100%;/*background-color:#27323c;background-color:#433f3f;background-color:#3d3838;padding:40px 0px 20px 0px;}*/
.cc-wrap{width:100%;/*background-color:#5e5b5b;*/background-color:#bcbcbc;padding:10px;color:#111;}






@media screen and (max-width: 769px) {
/*.group-nav {margin-bottom:0;} 
.group-nav-header {background-color:#fff; color:#fff; text-transform:uppercase; border:none; padding-left:10px;} 
.group-nav-header a {text-decoration:none;} 
.group-nav-title span {color:#454545; margin-right:10px; float:right;} 
.group-nav-header {color:#000; padding:10px 15px 15px 10px; display:inline; text-transform:uppercase;font-size:16px; padding-right:0;}      
.group-item {background-color:transparent; border:0; color:#000; padding:4px 10px;} */
    
#footer-row >div{border-bottom:1px solid #555;}
.footer-nav-header { padding:14px 0px;display: block;color:#fff;text-transform:uppercase; border: none; } 
.footer-nav-header a:link {text-decoration:none;color:#f5f5f5;}  	
.footer-nav-header a:visited {color:#f5f5f5;} 
.footer-nav-header a:hover {color:#c8c3c3;} 	

.footer-nav {margin-bottom:0;} 
.footer-nav-title span {margin-right:10px; float:right;font-weight: 100;font-size:1.25rem;} 
.footer-nav-title a {color:#f5f5f5 !important;font-weight:600;font-size:1rem;}
.footer-nav-title a:visited {color:#f5f5f5;} 
.footer-nav-title a:hover {color:#c8c3c3;}     
.footer-item {background-color:transparent; border:0; color:#eee; padding:4px 10px;} 
.footer-item ul{margin:0px;padding:0px;list-style:none;}  
.footer-item li {background-color:transparent; border:0; padding:3px 4px;font-size:0.875rem;} 	
.footer-item a:link {color:#ccc;} 
.footer-item a:visited {color:#ccc;} 
.footer-item a:hover {color:#bbb;} 
#footer-wrap a {color:#fff;}
}

@media screen and (min-width: 768px) {

/*.group-nav-header span {display:none;font-size:80px;} 
.group-nav-header {color:#3333333; padding:30px 15px 30px 0px; display:inline; text-transform:uppercase; font-size:16px;}
.group-nav.group-nav-header {background-color:transparent;text-transform:uppercase; border:none;} 
.group-nav-header a {text-decoration:none;} 
.group-nav-title a {color:#454545 !important;}	
.group-item li {background-color:transparent; border:0; padding:3px 6px;} */

.footer-nav-header span {display:none;} 
.footer-nav-header {margin-bottom: 0px;padding:0px 15px 0px 0px; display:inline; text-transform:uppercase; color:#cac4c2; }    
.footer-nav.footer-nav-header {background-color:transparent; /*color:#27402a;*/ text-transform:uppercase; border:none; margin-top:15px;} 
.footer-nav-header a {text-decoration:none;color:#cac4c2;}  
.footer-nav-title a {color:#f5f5f5 !important;font-weight:600;font-size:1.125rem;}
.footer-nav-title a:visited {color:#f5f5f5;} 
.footer-nav-title a:hover {color:#c8c3c3;} 
    
.footer-item ul{margin:0px;padding:0px;text-decoration: none;}	
.footer-item li {background-color:transparent; border:0; padding:3px 4px;font-size:0.9375rem;} 
.footer-item a:link {color:#ccc;} 
.footer-item a:visited {color:#ccc;} 
.footer-item a:hover {color:#bbb;} 
#footer-wrap a {color:#fff;}  
	
/*.group-list{margin:0px 0px 24px 0px;padding:0px 0px 16px 0px;}	
.group-item{display:block;float:left;width:125px;padding:4px 12px 0px 18px;line-height:24px;}	*/
	
}


/*.group-nav [data-toggle=collapse] span:before { content: '\e865';}
.group-nav [data-toggle=collapse].collapsed span:before {content: '\e864';}*/

.footer-nav [data-toggle=collapse] span:before { content: '\e865';}
.footer-nav [data-toggle=collapse].collapsed span:before {content: '\e864';}

.sns-list{color:#eee;}



.sns-icon {float:left;}
.sns-icon ul{margin-top:10px;padding-left:5px;list-style-type:none;}
.sns-icon li {padding:5px 4px;display: inline;}
.sns-icon i {
  color: white;  
  padding: 5px;
  border-radius: 50px;
  cursor: pointer;
  display: inline-block;
}
.sns-icon .icon-facebook-3{background:#3e5b98;}
.sns-icon .icon-instagram{background:#b6319c;}
.sns-icon .icon-youtube-play{background:#c92619;}

.sns-icon .icon-facebook-3:hover { background: #FFC107; }
.sns-icon .icon-instagram:hover { background: #FFC107; }
.sns-icon .icon-youtube-play:hover { background: #FFC107; }

.sns-item{margin:0px 0px 20px 0px;font-size:0.937rem;}
.sns-item ul{margin:0px;padding:0px;list-style-type:none;}
.sns-item li{padding:0px 0px;}
.sns-item i{margin-right:6px;font-size:1.25rem;}
i.icon-phone-circled, i.icon-location-circled{color:#b2a285;}

.car-note{color:#999;font-size:0.875rem;margin-top:10px;}

.sns-qr{float:left; padding-right:16px;}
.sns-qr img{max-width:54px;}
.contant-btn{padding:10px;background:#f5f5f5;}

.sns-link-list {float:left;padding:10px 0px 0px 0px;}
.sns-link-list li{display:inline;padding-right:10px;height:36px;vertical-align: bottom; }


li a.btn-contact{
    font-size:0.987rem;
    width:98%;        
    margin-bottom: .8em;
    padding: 10px 1em;
    border-radius: 6px;
    border: 1px solid #000;
    color:#333;
    background:#FFC107;
    font-weight: 600;
    text-align: center;
    
} 
li a:visited.btn-contact{color:#333;}
li a:hover.btn-contact {background:#e3ad0c;color:#333333;border: 1px solid #000}

.cc-txt{font-size:0.9375rem;color:#111;float:left;}
.cc-btn{float:right;font-size:0.9375rem;color:#333;}

@media (max-width: 1200px) {}
@media (max-width: 991px) {}
@media (max-width: 767px) {
	
	
.footer-wrap{width:100%;background-color:#433f3f;padding:0px;}
    
.sns-item{margin:30px 0px 30px 0px;}
    
    
.sns-icon{margin:0px 0px 0px 0px;float:left;}
.sns-qr{margin:0px 0px 20px 0px;}
.cc-btn{margin-top:8px;float:left;}		
	
}
@media (max-width: 575px) {}


.note {
  position: fixed;
  color:#fff;
  top: 60%;
  right: 0px;
  width: 200px;
  padding:5px;
  background-color: #1c2d3f;
  border: 0px;
}


/* ==========================================
 #####  GoToTop 按鈕往上   
========================================== */


.totop-btn{
    
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none;   
    font-size:0rem;
}

.totop-btn{
    width: 50px;
    height: 50px;
    color: #fff;
    font-size: 1rem;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    background-color: #d12e13;
    line-height:40px;   
}
.totop-btn i{
    vertical-align: middle;
    color:#ffffff;
    font-size: 1.250rem;;
}



a:link.totop-btn {
    background-color: #d12e13;
    color:#ffffff;
    font-size:0.85rem;
}

a:visited.totop-btn {
    background-color: #d12e13;
    color:#ffffff;
}

a:hover.totop-btn {	
    background-color: #c24427;
    color:#ffffff;
}


/* ==========================================
 #####   search 
========================================== */


/* The overlay effect with black background */
.sh-overlay {
  height: 100%;
  width: 100%;
  display: none;
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9); /* Black with a little bit see-through */
}

/* The content */
.sh-overlay-content {
  position: relative;
  top: 46%;
  width: 80%;
  text-align: center;
  margin-top: 30px;
  margin: auto;
}

/* Close button */
.sh-overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 3.75rem;
  cursor: pointer;
  color: white;
}

.sh-overlay .closebtn:hover {
  color: #ccc;
}

/* Style the search field */
.sh-overlay input[type=text] {
  padding: 15px;
  font-size: 1rem;
  border: none;
  float: left;
  width: 80%;
  background: white;
}

.sh-overlay input[type=text]:hover {
  background: #f1f1f1;
}

/* Style the submit button */
.sh-overlay button {
  float: left;
  width: 20%;
  padding: 15px;
  background: #ddd;
  font-size: 1rem;
  border: none;
  cursor: pointer;
}

.sh-overlay button:hover {
  background: #bbb;
}


/* ========================================================
 #####  IndexCSS
=========================================================== */


/* ==========================================
 #####  banner-slider /ad-slider
========================================== */
.banner-wrap{width:100%;background:#fff}

/*.banner-slider{padding: 0px 0px;background-color:#666666; }*/

/*banner項目*/
.banner-item{
position: relative;
background:#fff;
max-width: 100%;
margin: 0 auto; 
}

.banner-txt{
font-size:1.25rem;	
font-weight: 100;	
position: absolute; 
left: 0;
bottom: 0px;
color: #fff;
width:100%;
padding:20px 15px;
background: rgba(10, 0, 0, 0.7);
line-height:22px;    
}


.banner-slider{background-color:#eeeeee;}

/*移除slick-dots空白空間*/
.slick-dotted.slick-slider {margin-bottom: 0px;}


/*輪播選擇樣式*/
.banner-slider .slick-dots li.slick-active button:before { color:#f9652b; }
.banner-slider .slick-dots li { margin-bottom:100px;padding:0px;font-size:0.5rem;}

/*保持banner縮小圖片裁切時完整*/
.banner-slider .slick-slide {
    transition: ease-in-out all .15s ease;
    transform: scale(1, 1);
    background-color: rgba(255, 255, 255, 0.75);
    position: relative;
}
.banner-slider .slick-current {
    transform: scale(1,1);
    transition: ease-in-out all .15s ease;
    z-index: 2;
    overflow:hidden;
}


/*白邊效果*/
.video-overlay {
  background-color: rgba(255, 255, 255, 0.8);
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 1;
}

/*banner中間圖片透明*/
.banner-slider .slick-current .video-overlay { background-color: rgba(0, 0, 0, 0); }


/*banner箭頭樣式*/
.slick-prev{ z-index:1; }/*顯示左箭頭*/
.banner-slider .slick-prev{ left: 20px; }
.banner-slider .slick-next{ right: 20px; }
.banner-slider .slick-prev:before {
    font-family: 'fontello';
    content: '\e87a';
    font-size: 3.75rem;
    color:#bf2616;    
}

.banner-slider .slick-next:before{
    font-family: 'fontello';
    content: '\e87b'; 
    font-size: 3.75rem;
    color:#bf2616;
}


/*ad2-slider 輪播廣告*/

/*.ad-slider2 .slick-prev{left: 10px;}
.ad-slider2 .slick-next{right:10px;}
.ad-slider2 .actad-img{paddimg:0px;margin:0px;width:100%;}
.ad-slider2 .actad-img img {max-width: 100%; }*/

/*輪播選擇樣式*/
/*.ad-slider2 .slick-dots li.slick-active button:before { color:#FFC107; }
.ad-slider2 .slick-dots li { margin-bottom:100px;padding:0px;font-size:0.5rem;}*/





/*ad-slider 輪播廣告*/
	
.ad-slider2 .slick-dots li { font-size: 0.25rem;margin:0px 2px;margin-bottom:30px;/*margin-bottom:70px;*/} 
.ad-slider2 .slick-dots {background-color:transparent; }	

/*
.ad-slider .slick-prev{left: 10px;}
.ad-slider .slick-next{right:10px;}
.ad-slider .actad-img{paddimg:0px;margin:0px;width:100%;}
.ad-slider .actad-img img {max-width: 100%; }

.ad-slider .slick-dots li button:before
{
    font-size: 0.375rem;
 }
.ad-slider .slick-dots li.slick-active button:before {

    color:#FFC107;
	opacity: 1;
}

.ad-slider .slick-dots li button::before {
    color: #c9cdd0;
	opacity: 1;
}

.ad-slider .slick-dotted.slick-slider{margin-bottom:0px;bottom: -32px;} 
.ad-slider .slick-dots
{
    display: block;    
    width: 100%;
    padding: 0;
    margin: 0;
	margin-bottom: 40px;;
    list-style: none;
    text-align: center;    
}*/


@media (max-width: 1360px){

	
}


@media (max-width: 991px){

}
@media (max-width: 767px) {
    
 	
	.banner-wrap {margin:0px;padding:0px;}
    
	.banner-txt{  	   
	   font-size:1rem;	
       position:relative;
       top: 0;
       bottom: -10px;
       color: #fff;
       width:100%;
       padding:10px;    
       background-color:#292323;
       text-align: center;
   }
   
   .slick-dots{display:none;}
	
}


@media (max-width: 575px) {
 
   .banner-img{
  position: relative; 
  margin-left:-55px;
  width:540px;
  height:206px;
  overflow: hidden;
   }
.banner-img img{top:0;left:0;bottom:0;right:0;margin:auto;position:absolute;}


	.banner .slick-dots{position: relative;} 
	.banner .slick-dots li button:before { color: #aaaaaa; } 
    .banner-slider .slick-dots li { font-size: 0.25rem;margin:0px 2px;margin-bottom:110px;/*margin-bottom:70px;*/} 
	.banner-slider .slick-dots {background-color:transparent; }	

    ul.slick-dots{display:none;}
}


　/* ==========================================
 #####  首頁區塊標題 index-sention
========================================== */

.dropdown-item {background:#eeeeee;}
.dropdown-item li a{color:#333333;}
.dropdown-item li a:hover{color:#cccccc;}

h2.section-title{
    /*position: relative;*/
    /*margin: 0 auto 10px; */ 
	margin: 0 6px;
    color: #111111;    
    font-size:1.75rem;    		
	font-weight: 800;
    padding:5px 0px 10px 0px;
}

/*h3.section-title{
    
    margin: 0 auto 16px;
    border-bottom: 1px solid #b9b9b9;
    color: #252525;
    font-weight: 600;
    font-size:23px;
    line-height:23px;
	border-left:4px solid #999999 ;
	padding-left:8px;
}*/

.ad-title{	        
	margin: 0 auto 16px;
    border-bottom: 1px solid #b9b9b9;
    color: #252525;
    font-weight: 600;
    font-size:1.438rem;
    line-height:23px;
	border-left:4px solid #999999 ;
	padding-left:8px;
	padding-bottom:8px;
}


.more-btn {
	display:inline-flex;
	padding:3px 10px;
    color: #333333; 
    font-size: 0.9375rem;
    line-height: 24px;
    font-weight:600;  
    /*width:150px;*/
}
.more-btn::after{
	font-family: 'fontello';
    content: '\f006';
    margin-left:10px; 
	color:#c82527;
}
.more-btn a:link, a:visited{display: block;color: #333333;  text-decoration:none;}
.more-btn a:hover{color:#c82527;text-decoration:none;}


@media (max-width: 1200px) {}
@media (max-width: 991px) {}

@media (max-width: 767px) {
	h2.section-title{ 
		font-size:1.375rem;
		font-weight: 600;
        padding:6px 8px;
        line-height:22px;
	}    

}
	


/* ==========================================
 #####  南臺新聞
========================================== */
.paper-wrap {width: 100%;padding:30px 0px 20px 0px;/*background-color:#f4f3ef;*/background:url("../images/index/paper_bg.jpg");}
/*.paper-wrap {width: 100%;padding:40px 0px 20px 0px;background:url("../images/index/paper-bg.jpg") center bottom;}*/
/*.paper-wrap {width: 100%;padding:20px 0px;} 無背景*/
/*.paper-wrap .row { margin:0px -8px 0px -8px;}*/
/*.section-title {float: left; display: block; width: 100%;padding:5px 8px;font-weight:600;color:#333;font-size:1.625rem;}*/
/*.section-title {float: left; display: block; width: 100%;border-bottom:1px #dddddd solid;margin-bottom:15px;}*/
.paper-list-style{background: #fff;float:left;box-shadow:0px 10px 35px 0px #eee;margin:0px 10px 20px 10px;}
/*.paper-list-style.last-p1{margin-left:0px;}
.paper-list-style.last-p4{margin-right:0px;}*/
.paper-list1{float: left;display: inline;box-shadow: 0 6px 12px 0 rgba(75,88,105,.12);}
.paper-list2{float: left;display: inline;box-shadow: 0 6px 12px 0 rgba(75,88,105,.12);}
.paper-list3{float: left;display: inline;box-shadow: 0 6px 12px 0 rgba(75,88,105,.12);}
.paper-list4{float: left;display: inline;box-shadow: 0 6px 12px 0 rgba(75,88,105,.12);}
.last-p5{margin:0px -10px;}
.paper-img {width:100%;max-width: 600px;margin: 0 auto; }
.paper-img img{float: left;display: block;height: auto !important;/*border-radius: 8px;*/}
/*.paper-img img{float: left;display: block;max-width: 600px;height: auto !important;border-radius: 8px;}*/
.paper-item{}
.paper-title{float:left;font-weight:600;font-size: 1rem;padding:20px 30px;}
/*.paper-title{float:left;font-weight:500;font-size: 15px;padding:20px;}*/

.paper-date{clear:both;color:#e27c3e;font-size:1.071rem;padding:4px 0px 0px 0px;font-family:sans-serif;letter-spacing:1px}
.paper-title a:link, a:visited{color:#333333;text-decoration:none;}
.paper-title a:hover{color:#c82527;text-decoration:none;}
.paper-left{ float:left;}
.paper-right{ margin:0px 0px 0px 0px; }
.paper-content{padding:16px;text-shadow:2px 2px 2px #000;}

/*----舊南臺新聞----------------------------------*/
/*.C1{clear:both;margin:0 auto;float:left;width:960px;padding:0 10px 0 10px;background:#FFF;
margin-top:305px;  	
}
.C1Left{float:left;display:block;width:701px;}
.PaperTop{float:left;display:block;width:701px;}
.PaperTitle{
	clear: both;
	float: left;
	display: block;
	width: 123px;
	height: 32px;	
}

.PaperMore{float: right;background: #ef6a31;width:0 auto;padding:5px;}  
.PaperMore ul{margin:0;padding:0;list-style:none;}
.PaperMore li {display:inline;padding:0 10px 0 10px;border-right:1px solid #fff;}
.PaperMore li a{color:#fff;text-decoration:none;}
.PaperMore li a:hover{color:#222;}
.PaperMore li.last{border:none;}

.PaperList1{float:left;display:block;width:220px;margin-right:20px;}
.PaperList2{float:left;display:block;width:220px;margin-right:20px;}
.PaperList3{float:right;display:block;width:220px;}
.PaperListImg{width:220px;height:70px;background:#fff url("images/papersPic/stustindex_19.jpg") no-repeat;}
.PaperListImg img{width:220px;height:70px;border-radius:5px;}
.PaperListTitle{padding:5px 0 5px 0;color:#c5530f;font-size:13px; font-weight:800;}
.PaperListTitle a,a:hover{color:#c5530f;text-decoration:none;}
.PaperList {float:right;margin-right:-14px;padding:0px}
.PaperContent{float:left;font-size:12px;color:#666666;} 
*/
/*----舊南臺新聞End----------------------------------*/

@media (max-width: 1200px) {}
@media (max-width: 991px) {}
@media (max-width: 767px) {
.paper-wrap {width: 100%;padding:30px 0px 10px 0px;background-color:#f4f3ef;}	
.paper-title {font-size: 1rem;padding-top:5px;margin-top: 10px;}
.paper-list {margin-bottom:30px; }
.paper-list1{margin:0 auto;margin-bottom: 14px;}
.paper-list2{margin:0 auto;margin-bottom: 14px;}
.paper-list3{margin:0 auto;margin-bottom: 14px;}
.paper-list4{margin:0 auto;margin-bottom: 14px;}
    /*h2.section-title{font-size:1.5rem;}   */
    
    
    .last-p5{margin:0px 0px;}    
}


/* ==========================================
 #####  info區
========================================== */

.info-wrap {width:100%; padding:30px 0px 20px 0px; background:url("../images/index/info-bg_2.jpg")top center;}
/*.info-wrap {width:100%; padding:30px 0px 20px 0px; background:url("../images/index/info-bg.jpg")top center;}*/
.info-list-style{float:left;margin:0px 10px 20px 10px;}
.info-list-style.last-i1{margin-left:0px;}
.info-list-style.last-i2{margin-right:0px;}
.info-list-style.last-i3{margin-left:0px;}
.info-list-style.last-i4{margin-right:0px;}
.last-i5{margin:0px -10px;}
.last-i6{margin:0px 10px;}

.info-list-style.list-last{margin: 0px;}
.info-list-style.list-first{margin: 0px;}
　/* ==========================================
 #####  hot 重點資訊
========================================== */

.info-row {padding:0px 0px;}
.hot{}
.hot-item{
  position: relative;
	display: block;
  max-width: 100%; /* Maximum width */
  max-width:600px;	
  margin: 0 auto; /* Center it */  
  overflow: hidden;
}
.hot-txt{
  position: absolute; /* Position the background text */
  bottom: 0; /* At the bottom. Use top:0 to append it to the top */
  /*background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5));*/
  color: #ffffff; /* Grey text */
  width: 100%; /* Full width */
  margin: 0px 0px 15px 10px; 
  font-size:1.5rem;	
  font-weight: 800;  	
}
.hot-txt p {font-size:1rem;font-weight: 400;padding:0;margin:0px}

.hot-item img {
    max-width: 100%;
    transition: all 0.3s;
    display: block;
    width: 100%;
    height: auto;
    transform: scale(1);
	-webkit-filter:brightness(1);
}

.hot-item:hover img {
    transform: scale(1.2);
}

@media (max-width: 1200px) {}
@media (max-width: 991px) {
	
	.hot-txt {font-size:1.3rem;}
	.hot-txt p {font-size:1rem;}
}

@media (max-width: 767px) {
	.info-wrap {width:100%; padding:20px 0px 40px 0px; background:url("../images/index/info-bg_2.jpg")top center repeat;}
	.hot-item{margin-bottom:0px;}

}

/* ==========================================
 #####  輪播廣告區
========================================== */

.ad-list {width:96%;display:block;}
/*.ad-content { width:100%;background:#fff;border:1px solid #999;max-width:800px; max-height:510px;}*/
.adlist-img img { display: block; width: 100%; }
.adlist-txt{ padding:10px 15px;margin-bottom:34px;background: #fff;font-weight: 600;text-align: center;color:#222222}

@media (max-width: 1200px) {
	.ad-list{width:96%;margin:0px 10px 0px 10px;display:block;}
}
@media (max-width: 991px) {}
@media (max-width: 767px) {
    .ad-list{width:96%;margin:0px 10px 0px 10px;display:block;}
    /*.ad-content{margin:0px 10px 0px 10px;}*/

}


/* ==========================================
 #####  img-hover效果
========================================== */


/*.hover-img {
  display: block;
  width: 100%;
  height: auto;
}

.hover-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .3s ease;
  background-color: #ffffff;
}

.hot-item :hover .hover-overlay {
  opacity: 0.4;  
}

.video:hover .hover-overlay {
  opacity: 0.4;
}
.video:hover .show-icon{display: none;}

.hover-icon {
  color: #eeae25;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  font-size:3rem;	
  z-index: 9999;
  opacity: 1;		
}
.icon-plus-circled:hover {color: #eeae25; opacity:1;}
*/

/* ==========================================
 #####  影音資訊
========================================== */

/*.video img{
  width: 100%;
  height: auto;
}*/

.video-item{
	position: relative;
    display: block;
    max-width: 100%;
    max-width: 800px;
    margin: 0 auto;    
	overflow: hidden;
}

.video-box{
  cursor:pointer;      
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.video-txt{
  position: absolute; /* Position the background text */
  bottom: 0; /* At the bottom. Use top:0 to append it to the top */
  /*background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5));*/
  color: #ffffff; /* Grey text */
  width: 100%; /* Full width */
  padding: 10px 15px; /* Some padding */
  font-size:1.5rem;	
  font-weight: 600;  
  text-align:left;	
}
.video-txt p{
	font-size:1rem;	
  font-weight: 400; 
}

.video-icon{  
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 text-align: center;
 font-size:3rem;	  
 color: #ffffff; /* Grey text */ 	
  
}

.video-item img {
     transition: all 0.3s;
    display: block;
    width: 100%; 
	height: 0 auto;
    transform: scale(1);
	-webkit-filter:brightness(1);
}

.video-item:hover img {
    transform: scale(1.1);
}
.video-item:hover .show-icon {
   color:#FFC107;
}



.show-icon{
	color:rgba(255, 255, 255, 0.8);
}
/*
.modal-dialog {
      max-width: 800px;
      margin: 100 auto;    
  }

.modal-body {
  position:relative;
  padding:0px;
}
.close {
  position:absolute;
  right:-30px;
  top:0;
  z-index:12;
  font-size:2rem;
  font-weight: normal;
  color:#fff;
  opacity:1;
}
*/


@media (max-width: 1200px) {}
@media (max-width: 991px) {}
@media (max-width: 767px) {
.video-txt p {display: none;}
	
}





/*play-btn*/
/*
.play-btn {
  width: 94px;
  height: 94px;
  background: radial-gradient( white 50%, rgba(255, 255, 255, 0.15) 52%);
  border-radius: 50%;
  display: block;
  margin: 30px auto 0;    
  position: absolute;

  overflow: hidden;
}

.play-btn::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-40%) translateY(-50%);
  transform: translateX(-40%) translateY(-50%);
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #ff5821;
  z-index: 100;
  -webkit-transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
*/

/* pulse wave */

/*.play-btn:before {
  content: '';
  position: absolute;
  width: 120px;
  height: 120px;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation: pulsate1 2s;
  animation: pulsate1 2s;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: steps;
  animation-timing-function: steps;
  opacity: 1;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.5);
  top: -15%;
  left: -15%;
  background: rgba(198, 16, 0, 0);
}*/


/* scale the triangle */
/*
.play-btn:hover::after {
  border-left: 15px solid white;
  -webkit-transform: scale(20);
  transform: scale(20);
}
.play-btn:hover::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-40%) translateY(-50%);
  transform: translateX(-40%) translateY(-50%);
  width: 0;
  height: 0;
  border: none;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #ff5821;
  z-index: 200;
  -webkit-animation: none;
  animation: none;
  border-radius: 0;
}

@-webkit-keyframes pulsate1 {
  0% {
    -webkit-transform: scale(0.6, 0.6);
    transform: scale(0.6, 0.6);
    opacity: 1
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 0
  }
}

@keyframes pulsate1 {
  0% {
    -webkit-transform: scale(0.6, 0.6);
    transform: scale(0.6, 0.6);
    opacity: 1
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 0
  }
}

@-webkit-keyframes pulsate2 {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 1
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 0
  }
} */
/*play-btn-e*/



.news-list-style{/*float:left;*/margin:0px 10px 20px 10px;}

.news-wrap {width: 100%;padding:30px 0px 20px 0px;background:url("../images/index/new_col_bg_4.jpg") center top;border-top:#eaeaea 1px solid}
/*.news-wrap {width: 100%;padding:30px 0px 20px 0px;background:url("../images/index/news-bg3.jpg") center top; }*/
　　/* ==========================================
 #####  最新消息 南臺公告
========================================== */

form#news_sel{float:left;display:none;}
.news-none{float:left;display:none;}

.classbox{ float:left; margin:0px 5px;width:100%;}

#tabclass a:link{ float:left; display:block; color:#111111; background:#dddddd;margin:0px 3px 5px 3px; padding:6px 13px; text-decoration:none;font-weight:600}
#tabclass a:visited{ background:#dddddd;color:#111111;}
#tabclass a:hover{ background:#FFC107; color:#333333;}
.news-list{float:left;width:100%;max-width:800px;padding:10px 0px;}
.news-list-row {width: 100%;float: left;border-bottom: 1px solid #999999;margin: 0px 0px;padding: 13px 0px 13px 0px;}
.news-list-row a:link{color:#333;text-decoration:none;}
.news-list-row a:visited{color:#222222;text-decoration:none;}
.news-list-row a:hover{color:#de5823;text-decoration:none;}
.news-list-row a:active{color:#de5823;text-decoration:none;}

.news-list-cell-0{width:4%;float:left;margin:9px;top:50%;left:50%;}
.news-list-cell-0 Head{}
.news-list-cell-1 {width:63%;float:left;color:#222222;font-size:0.9375rem;font-weight: 600}
.news-list-cell-1 a:link,a:visited{width:100%;float:left;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;color:#222222;}
.news-list-cell-1 a:hover{text-decoration: none;color:#c82527;}
.news-list-cell-1 .Head{text-align:center;}
.news-list-cell-2 {width:15%;float:left;text-align:left;color:#d21110;font-size:0.875rem;margin-left:10px;font-weight:500;font-weight: 600}
.news-list-cell-3 {width:15%;float:left;text-align:center;color:#565656;font-size:0.875rem;}
.SiteHead{}
.SiteNewsLogin{float:right;width:100%;padding:10px 0px;margin:7px 10px 0 0;text-align:right;font-size:0.875rem;}
.SiteNewsListRowBottom{float:left;background-image:url("images/stustindex_38.jpg");width:461px;height:10px;}
.login-list{width:10px;display: block;margin:9px;float:left;}
.t-news-color{width:5px;height:5px;border-radius: 50%;background-color:#1f7cca;}
.y-news-color{width:5px;height:5px;border-radius: 50%;background-color:#96d026;}
.n-news-color{width:5px;height:5px;border-radius: 50%;background-color:#f0924c;}
.p-news-color{width:5px;height:5px;border-radius: 50%;background-color:#be2b24;}
.t-news-c{font-size:0.3125rem;color:#1f7cca;}
.y-news-c{font-size:0.3125rem;color:#96d026;}
.n-news-c{font-size:0.3125rem;color:#f0924c;}
.p-news-c{font-size:0.3125rem;color:#be2b24;}


.news-zoomimg{
  /* [1.1] Set it as per your need */
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}


.news-zoomimg img{
  transition: transform .3s ease;
}


.news-zoomimg:hover img {
  transform: scale(1.2);
}



a:link.btn-newslogin {color:#fff;background:#56666c;padding:5px 8px;border-radius:4px }
a:visited.btn-newslogin {color:#fff;background:#56666c;}
a:hover.btn-newslogin {background:#4b575c;}


.info2-wrap{width: 100%;padding:30px 0px 20px 0px;background:url("../images/index/new_col_bg_2.jpg") center top;}


/*.news-list{float:left;width:100%;max-width:800px;padding:20px;background-color:#fff;box-shadow: 0 6px 12px 0 rgba(75,88,105,.12);}
.news-list-row{width:100%;float:left;border-bottom :1px dotted #e5e5e5;margin:0px 0px;padding:15px 0px 15px 0px;}
.news-list-row a:link{color:#333;text-decoration:none;}
.news-list-row a:visited{color:#222222;text-decoration:none;}
.news-list-row a:hover{color:#de5823;text-decoration:none;}
.news-list-row a:active{color:#de5823;text-decoration:none;}

.news-list-cell-0{width:4%;float:left;margin:9px;top:50%;left:50%;}
.news-list-cell-0 Head{}
.news-list-cell-1 {width:63%;float:left;color:#222222;font-size:0.9375rem;}
.news-list-cell-1 a:link,a:visited{width:100%;float:left;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;color:#222222;}
.news-list-cell-1 a:hover{text-decoration: none;color:#de5823;}
.news-list-cell-1 .Head{text-align:center;}
.news-list-cell-2 {width:15%;float:left;text-align:left;color:#ee660c;font-size:0.875rem;margin-left:10px;font-weight:500;}
.news-list-cell-3 {width:15%;float:left;text-align:center;color:#999999;font-size:0.875rem;}
.SiteHead{}
.SiteNewsLogin{float:right;width:100%;padding:10px 0px;margin:7px 10px 0 0;text-align:right;font-size:0.875rem;}
.SiteNewsListRowBottom{float:left;background-image:url("images/stustindex_38.jpg");width:461px;height:10px;}
.login-list{width:10px;display: block;margin:9px;float:left;}
.t-news-color{width:5px;height:5px;border-radius: 50%;background-color:#1f7cca;}
.y-news-color{width:5px;height:5px;border-radius: 50%;background-color:#96d026;}
.n-news-color{width:5px;height:5px;border-radius: 50%;background-color:#f0924c;}
.p-news-color{width:5px;height:5px;border-radius: 50%;background-color:#be2b24;}
.t-news-c{font-size:5px;color:#1f7cca;}
.y-news-c{font-size:5px;color:#96d026;}
.n-news-c{font-size:5px;color:#f0924c;}
.p-news-c{font-size:5px;color:#be2b24;}*/



/*舊南臺公告------------------------*/
/*
.news{float:left;background:#fff url("images/stustindex_36.jpg");width:461px;}
.news-title{width:461px;height:10px;background-image: url("images/stustindex_29.jpg");}
.news-item-cell-0{width:4%;float:left;padding:2px 3px 3px 3px;width:10px;height:10px;background:#fff url("images/newsPic/p_pic.gif") no-repeat 50% 50%;}
.news-item-cell-0 Head{}
.news-item-cell-1{width:53%;float:left;color:#239ade;font-size:12px;}
.news-item-cell-1 a{width:100%;float:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.news-item-cell-1 .Head{text-align:center;}
.news-item-cell-2 {width:20%;float:left;text-align:left;color:#ee660c;font-size:12px;margin-left:10px;font-weight:800;}
.news-item-cell-3 {width:20%;float:left;text-align:center;color:#666666;font-size:12px;}
.SiteHead{}
.news-login{float:right;width:400px;padding:3px 0px;margin:7px 10px 0 0;text-align:right;}
.news-bottom{float:left;background-image:url("images/stustindex_38.jpg");width:461px;height:10px;}
*/

.news-row {border-bottom: 1px dotted #cecece;display: block; }
.news-r1{margin-right:-15px;padding-right:-15px;}
.news-r4{width:100px;}
.news.row{padding:0px;margin:0px;width:100%;}

/*.new-row1{ width: 5%;}
.new-row2{ width: 70%;}
.new-row3{ width: 10%;}
.new-row4{ width: 10%;}*/

/*news
SiteNewsListRowHead →news-title
classbox"
id="tabclass" class="0001"....
SiteNewsListRow →news-list
SiteNewsListCell_0" →news-item-cell-0
SiteNewsListCell_1 →news-item-cell-1
SiteNewsTitle_a →news-item-title
SiteNewsListCell_2 →news-item-cell-2
SiteNewsType →news-item-type
SiteNewsListCell_3 →news-item-cell-3
SiteNewsUpdateDate →news-item-date       
SiteNewsLogin →news-login 
SiteNewsListRowBottom →news-btm
*/

/*#c4Wrap .row{background: #ededed;margin:-15px 0px;padding:20px 10px 20px 10px;}*/

/*舊南臺公告CSS------------------------*/
/*
.SiteNewsListContent{float:left;background:#fff url("images/stustindex_36.jpg");width:461px;}
.SiteNewsListRowHead{width:461px;height:10px;background-image: url("images/stustindex_29.jpg");}

.SiteNewsListCell_0{width:4%;float:left;padding:2px 3px 3px 3px;width:10px;height:10px;background:#fff url("images/newsPic/p_pic.gif") no-repeat 50% 50%;}
.SiteNewsListCell_0 Head{}
.SiteNewsListCell_1{width:53%;float:left;color:#239ade;font-size:12px;}
.SiteNewsListCell_1 a{width:100%;float:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.SiteNewsListCell_1 .Head{text-align:center;}
.SiteNewsListCell_2{width:20%;float:left;text-align:left;color:#ee660c;font-size:12px;margin-left:10px;font-weight:800;}
.SiteNewsListCell_3{width:20%;float:left;text-align:center;color:#666666;font-size:12px;}
.SiteHead{}
.SiteNewsLogin{float:right;width:400px;padding:3px 0px;margin:7px 10px 0 0;text-align:right;}
.SiteNewsListRowBottom{float:left;background-image:url("images/stustindex_38.jpg");width:461px;height:10px;}
*/

/*舊南臺公告End------------------------*/

@media (max-width: 1200px) {}
@media (max-width: 991px) {
	.news{margin:0px}
	.news-list{margin:0px}	
}
@media (max-width: 767px) {
	
    .news{margin:30px 0px 10px 0px;}
	.news-list-cell-1 a:link,a:visited{white-space:normal;}
	.news-list-cell-0{display: none;}
	.news-list-cell-1{text-align: left;width:100%;}
	.news-list-cell-2{display: none;}
	.news-list-cell-3{text-align: left;width:100%;}
    
    .news-wrap{width:100%;padding:0px;}
    .news-bg{background:url("../images/index/news_bg.jpg"); }
	
}


/* ==========================================
 #####  近期校園活動
========================================== */

.act-list{display: block;width: 100%;margin-left:20px;}
.act-item{float:left;width:100%;/*border-bottom:dotted 1px #000;*/padding:10px 0px;vertical-align: middle;align-items: center;display:flex;}
.act-date {float:left;width:80px;height:60px;background:#fdcc38;line-height:60px;font-size: 1.375rem;font-weight: 600;color: #222;text-align: center;}
/*.act-date {float:left;width:80px;height:60px;background:#fed650;line-height:60px;font-size: 22px;font-weight: 600;color: #222;text-align: center;}*/
.act-txt {float:left;width:80%;padding-left:10px;font-size:1rem;font-weight: 600;color:#33333;line-height:24px;/*clear:both;*/white-space: nowrap;text-overflow: ellipsis;
overflow: hidden;}　
.act-txt a,a:link , a:visited{color:#454545;text-decoration:none;}
.act-txt a:hover{color:#c82527;text-decoration:none;}
/*.act-txt a:hover{color:#e1452b;text-decoration:none;}*/

@media (max-width: 767px) {
    .act{margin:30px 0px 10px 0px;}
	.act-list{margin:0px;}
    .act-bg{background:url("../images/index/act_bg2.jpg"); }
}


/* ==========================================
 #####  橫排youtube
========================================== */
.video-wrapper{margin:5px;}
.youtube-wrap {width: 100%;padding:10px 0px 15px 0px;background:url("../images/index/youtube_bg_2.jpg")top right ;}
.youtube-border{background:#000;}

/*
.youtube-wrap {width: 100%;padding:10px 0px 15px 0px;background:url("../images/index/youtube_bg_2.jpg")top right ;}
.youtube-border{padding:5px 0px;background:#000;}
*/

/*.youtube-wrap {width: 100%;padding:10px 0px 0px 0px;background:#b9aa8c;}background:#575454 */
h2.youtube-title{
    /*position: relative;*/
    /*margin: 0 auto 10px; */ 
	margin:0px 10px;;
    color: #111111;    
    font-size:1.5rem;
    line-height:24px;	
	padding:16px 8px;
	font-weight: 800;    
}

/*.video-btn-space{width:100%; text-align:center;margin:20px 0px}*/

.more-video-btn a:link{    
    padding: 4px 10px;    
    border: 1px solid #333;
    color:#333;    
    text-align: center; 
    background-color:#fff; 
    font-size: 0.9375rem;
    line-height:26px;
}
.more-video-btn a:visited{color:#333;background-color:#fff;}
.more-video-btn a:hover{background:#FFC107;color:#333;border: 1px solid #333;}





.video-wrapper {
            
			position: relative;
			padding-bottom: 56.25%; 
			padding-top: 0px;
			height: 0;

		}
		.video-wrapper iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			border:0px;
		}

@media (max-width: 1200px) {
    
    
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {

	
}



/* ==========================================
 #####  橫排youtube
========================================== */

/*.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; 
	padding-top: 25px;
	height: 0;
}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}*/


/* ==========================================
 #####  PageCSS- main
========================================== */

.m-cont {}

.main-content {
	width:100%;
	background:#ffffff url("../images/pages/page_title_bg2.png") top left no-repeat; 
	font-size:0.9375rem; 
	padding:30px;	
	line-height: 28px;
	border-radius:6px;
	margin-bottom:20px;
	/*border-top:#f4ba0b 3px solid;*/
	box-shadow: 0 6px 12px 0 rgba(75,88,105,.12);
}


.page-title {padding:14px 0px 14px 0 px;/*border-bottom:1px solid #eee;border-top:1px solid #eee;*/text-align:left;margin-bottom:0px;}
/*h2.page-title{font-size: 28px;font-weight: 800;color:#222;padding:20px 5px 13px 5px;}*/
h3.page-title{
font-size: 1.75rem;
    font-weight: 800;
    color: #222;
    padding: 5px 5px 26px 5px;}



@media (max-width: 1200px) {}
@media (max-width: 991px) {}
@media (max-width: 767px) {
	
	.container-wrap{padding:15px 0px;}	
}
@media (max-width: 575px) {}

/* ==========================================
 #####  page-banner
========================================== */

/*group*/


.page-banner {
        max-width: 100%;
        height:300px;
        background-color:black;
        background-repeat:no-repeat;
        background-position:center center;  
	    overflow:hidden;
} 
.student-img{background:url("../images/group/student-img.jpg")no-repeat;}
.teacher-img{background:url("../images/group/teacher-img.jpg")no-repeat;}
.guest-img{background:url("../images/group/guest-img.jpg")no-repeat;}
.graduate-img{background:url("../images/group/graduate-img.jpg")no-repeat;}
.about-img{background:url("../images/group/about-img.jpg")no-repeat;}
.traffic-img{background:url("../images/group/traffic-img.jpg")no-repeat;}
.administrator-img{background:url("../images/group/administrator-img.jpg")no-repeat;}
.calendar-img{background:url("../images/group/calendar-img.jpg")no-repeat;}
.recruitstudent-img{background:url("../images/group/recruitstudent-img.jpg")no-repeat;}
.resourse-img{background:url("../images/group/resourse-img.jpg")no-repeat;}
.research-img{background:url("../images/group/research-img8.jpg")no-repeat;}

.cal-img{background:url("../images/group/cal-img.jpg")no-repeat;}
.page-banner-txt{width: 100%;color:#fff;font-size:2.25rem;font-weight: 600;margin-top:100px;margin-left:30px;text-shadow: rgb(3, 3, 3) -1px 1px 5px;}

@media (max-width: 1200px) {}
@media (max-width: 991px) {}

@media (max-width: 767px) {
	
	
 .page-banner{
     background-position:center center;        
     width:auto; 
     height:200px;
     background-size:cover;
    }
	.page-banner-txt{text-align:left;margin-top:110px;font-size:1.875rem;font-weight: 600;}
	.about-img {background-position:-570px;}
	.student-img {background-position:-240px;}
	.teacher-img {background-position:-550px;}
	.graduate-img {background-position:-400px;}
	.guest-img {background-position:-580px;}
	.administrator-img{background-position:-520px;}
	.research-img{background-position:-300px;}
		
}

@media (max-width: 575px) {	
    
}


/* ==========================================
 #####  圖片背景移入效果
========================================== */
/*.hover-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .3s ease;
  background-color: red;
}

.hover-list:hover .overlay {
  opacity: 1;
}

.hover-icon {
  color: white;
  font-size: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

i .icon-link    margin: 0 auto 6px;
    color: #33333;
    font-size: 28px;
    line-height: 28px;
    padding: 5px 8px;
    font-weight: 600;:hover {color: #cd9464;}
*/


/* ==========================================
 #####  關於南臺-校訓
========================================== */
.scobs-img {text-align:center;width:100%;}
.scobs-info-txt {color:#343434;padding: 10px 0px;border-top:1px solid #eee;border-bottom:1px solid #eee;font-family: 標楷體;font-size:1.125rem;text-align: center;line-height: 26px;}
.scobs-list {margin-bottom:25px;}
.scobs-item-txt {}

/* ==========================================
 #####  關於南臺-校歌
========================================== */
.song-img {text-align:center;width:100%;padding:10px 0px;}
.song-img img {padding:10px;border:1px solid #ccc;}
.song-info-txt {color:#454545;padding: 20px 0px;border-top:1px solid #eee;border-bottom:1px solid #eee;}
.song-list {margin-bottom:26px;}
.song-item-title {font-weight: 600;font-size: 1.125rem;padding:4px 0px;}
.song-item-title::before {
	font-family: 'fontello';
    content: '\e86e';
    margin-right:6px; 
}
.song-item-txt {}


/* ==========================================
 #####  關於南臺-校史
========================================== */
.history-img {text-align:center;width:100%;}
.history-info-txt {color:#454545;padding:30px;background-color:#eee;position:absolute;top:86px}
.history-list {padding:30px 0px 30px 0px;border-bottom: 1px solid #eee;}
.history-item-title {font-weight: 400;font-size:1.375rem;padding:4px 0px;}
.history-item-txt li::before {
	font-family: 'fontello';
    content: '\e90d'; 
	padding:0px 5px; 
}
.history-item-txt li{padding:3px 0px;}
.history-last-txt {padding:20px 0px;}


@media (max-width: 991px) {
	
	.history-info-txt {color:#454545;padding:20px;background-color:#eee;position:relative;top:0px;}
	
}

@media (max-width: 767px) {}

@media (max-width: 575px) {	

    
}


/* ==========================================
 #####  關於南臺-校徽
========================================== */
.text-red {color:#c7000a;}
.text-blue {color:#1d2088;}
.badge-img {text-align:center;width:100%;}
.badge-info-txt {color:#454545;padding: 20px 0px;border-top:1px solid #eee;border-bottom:1px solid #eee;}
.badge-list {margin-bottom:30px;}
.badge-item-title {font-weight: 600;font-size: 1.125rem;padding:4px 0px;}
.badge-item-title::before {
	font-family: 'fontello';
    content: '\e86e';
    margin-right:6px; 
}
.badge-item-txt {}
    

/* ==========================================
 #####  關於南臺-治校理念
========================================== */
.mission-img {text-align:center;width:100%;}
.mission-info-txt {color:#454545;padding:30px;background-color:#eee;position:absolute;top:86px}
.mission-list {margin-bottom:30px;}
.mission-item-title {font-weight: 600;font-size: 1.125rem;padding:4px 0px;}
.mission-item-txt {}
@media (max-width: 991px) {
	
	.mission-info-txt {color:#454545;padding:20px;background-color:#eee;position:relative;top:0px;}
	
}

/* ==========================================
 #####  關於南臺-校園環境
========================================== */
.place-img {text-align:center;width:100%;}
.place-info-txt {color:#454545;padding: 20px 0px;}
.place-list {margin-bottom:30px;}
.place-item-title {font-weight: 600;font-size: 1.125rem;padding:4px 0px;}
.place-item-txt {}

/* ==========================================
 #####  關於南臺-交通資訊
========================================== */
.trans-img {text-align:center;width:100%;}
.trans-info-txt {color:#454545;padding:30px;background-color:#eee;position:absolute;top:86px}
.trans-list {padding:20px 0px;border-bottom:1px solid #eee;}
.trans-item-title {font-weight: 600;font-size: 1.125rem;padding:4px 0px;}

.trans-item-title i{margin-right:6px;}
.trans-item-txt {}

@media (max-width: 991px) {
	
	.trans-info-txt {color:#454545;padding:20px;background-color:#eee;position:relative;top:0px;}
	
}

/* ==========================================
 #####  關於南臺-組織系統
========================================== */
.system-info-txt {color:#454545;padding:10px;}
.system-list {margin-bottom:30px;background-color:#f5f5f5;padding:20px;}
.system-item-title {font-weight: 600;font-size: 1.375rem;padding:4px 0px;}
.system-item-title::before {
	font-family: 'fontello';
    content: '\f0f7';
    margin-right:6px; 
}


/* ==========================================
 #####  關於南臺-董事會
========================================== */
.board-info-txt {color:#454545;padding:10px;font-size: 20px;font-weight: 700;}
.system-list {margin-bottom:30px;background-color:#f5f5f5;padding:20px;}
.board-item-title {font-weight: 700;font-size: 16px;padding:4px 0px;}
.board-item-title::before {
	font-family: 'fontello';
    content: '\f0f7';
    margin-right:6px; 
}

}


/* ==========================================
 #####  關於南臺-辦學績效
========================================== */
.pfm-img {text-align:center;width:100%;}
.pfm-info-txt {color:#454545;padding:30px;background-color:#eee;position:absolute;top:86px}

.pfm-box {margin-top:20px}
.pfm-box .history_bg,
.pfm-box .history_bg h2{font-weight:600}
.pfm-box p.tit{margin-top:20px;font-size:2.188rem;color:#484848;line-height:40px}
.pfm-box p.tit span{display:block;font-size:1.563rem;font-weight:normal;}
.pfm-box .pfm-list{position:relative}
.pfm-box .pfm-list:before{display:block;content:"";position:absolute;left:16px;top:20px;width:1px;height:98%;background:#ddd;}
.pfm-box .pfm-list li{position:relative;padding-top:10px;padding-bottom:10px;background:none;overflow:hidden;padding:10px 0px}
.pfm-box .pfm-list li:after{display:block;position:absolute;bottom:0; content:"";width:100%;height:1px;border-bottom:1px dashed #ddd}
.pfm-box .pfm-list > li:after{display:none;}
.pfm-box .pfm-list span li:before {font-family: 'fontello';content: '\e97c'; margin-right:4px;color: #333;}
/*.pfm-box .pfm-list span li:before {font-family: 'fontello';content: '\e8ec'; margin-right:4px;color: #333;}*/

.pfm-box .pfm-list li span{float:left}
.pfm-box .pfm-list li span.pfm-year{display:block;float:none;width:100%;font-size:1.5rem;color:#cd371a;margin-left:10px}
.pfm-box .pfm-list li span.pfm-year:before{display:inline-block;content:"";margin-right:16px;width:12px;height:12px;background:url("../images/about/redpoint.png")  no-repeat;}
.pfm-box .pfm-list li span.pfm-item{margin-top:7px;padding-left:5%;width:100%;line-height:1.5}

@media (max-width: 991px) {
	
	.pfm-info-txt {color:#454545;padding:20px;background-color:#eee;position:relative;top:0px;}
	
}
@media (max-width: 768px) {
    .pfm-box .pfm-list li span.pfm-year{margin-left:5px;}    
.pfm-box .pfm-list li{position:relative;padding-top:10px;padding-bottom:10px;background:none;overflow:hidden;padding:10px 5px}
    
}

/* ==========================================
 #####  關於南臺-來恩師
========================================== */
.lion-img {text-align:center;width:100%;}
.lion-img img{max-width:400px;}
.lion-info-txt {color:#454545;padding:30px;}
span.trans-info-txt::before {
	font-family: 'fontello';
    content: '\f0f7';
	margin-right:6px; }

.lion-list {padding:20px 0px;}
.lion-item-title {font-weight: 600;font-size: 1.125rem;padding:4px 0px;}
.lion-item-title::before {
	font-family: 'fontello';
    content: '\e951';
	margin-right:6px; }
.lion-item-txt{font-size: 0.875rem;font-weight: 400;}

.lion-note-list {width:100%;border:1px #ccc solid;padding:10px;}
.lion-note-list li::before{
	
    font-family: 'fontello';
    content: '\e870';
    margin-right:8px;    
}

.lion-item-title i{margin-right:6px;}
.lion-item-txt {}
.lion-item-img{padding:0px 4px 4px 0px;}

@media (max-width: 991px) {
	
	.lion-info-txt {color:#454545;padding:20px;position:relative;top:0px;}
	.lion-img img {max-width:240px;}
	
}

@media (max-width: 767px) {
	
	.lion-info-txt {color:#454545;padding:0px;position:relative;top:0px;}
	.lion-item-title span{width:100%; }
	
}


/* ==========================================
 #####  關於南臺-董事長室
========================================== */
.about-page {}
.chair-img {width:100%;}
.sir-txt{line-height:26px;}

/* ==========================================
 #####  校長室 副校長室
========================================== */
.sir-title{position:absolute;width:100%;margin-top:80px;height:180px;color:#454545;font-size: 1.5rem;padding:50px;font-weight:400;background-color:#eee}
.sir-title{position:absolute;width:100%;margin-top:80px;height:180px;color:#454545;font-size: 1.5rem;padding:50px;font-weight:400;background-color:#eee}
.sir-title p{font-size: 1.75rem;font-weight: 600;padding-top: 8px;}
.sir-info {font-size:1.25rem;}
.sir-item-title {font-size:1.25rem;font-weight: 600;padding: 15px 0px;}
.sir-list {width:100%;margin-bottom:20px;}
.note-list {width:100%;border:1px #ccc solid;padding:10px;}
.sir-item-title span{border-bottom:4px solid #ccc;}
.sir-item li::before{
	
    font-family: 'fontello';
    content: '\e8fd';
    margin-right:8px;    
}

.note-list li::before{
	
    font-family: 'fontello';
    content: '\f20e';
    margin-right:8px;    
}

i.icon-link-ext{
	font-size:11px;
}

@media (max-width: 1200px) {}
@media (max-width: 991px) {
	
.sir-title {font-size:1.25rem;margin-top:0px;height:100%;padding:20px;font-weight:800;}
.sir-title p{font-size: 1.25rem;font-weight:600;padding:16px;}
}

@media (max-width: 767px) {
	.sir-title{display:block;position:relative;text-align:center;padding:4px 0px;bottom:0px;font-size: 1.125rem;}
	.sir-title p{padding:0px;margin:0px;font-size: 1.125rem;}
}

@media (max-width: 575px) {	

    
}

/* ==========================================
 #####  校長室 副校長室    吳誠文校長1120113
========================================== */
.pres-title{text-align: right;margin-top:30px;font-size: 32px;font-weight: 400;margin-bottom: 30px;letter-spacing: -1px;}
.pres-title-s{font-size: 18px;letter-spacing: -2px;}
/*.pres-title p{}*/
.pres-info {font-size:1.25rem;}
.pres-list {width:90%;margin-bottom:20px;float: left;}
.note-list {border:1px #ccc solid;padding:20px 0px;}
.pres-item-title {font-size:1.25rem;font-weight: 600;padding: 30px 0px 20px 0px;text-align: left}
.pres-menu {font-weight: 800}
.pres-item-title span{border-bottom:6px solid #ccc;}
.pres-item li::before{
	
    font-family: 'fontello';
    content: '\e8fd';
    margin-right:8px;    
}
.pres-item-ol li{padding-right:-60px;
	
}

.pres-note{
	padding: 10px 0px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.pres-note li::before{
	
    font-family: 'fontello';
    content: '\f20e';
    margin-right:8px;    
}

@media (max-width: 1200px) {}
@media (max-width: 991px) {
	
.pres-title {font-size:1.25rem;margin-top:0px;height:100%;padding:20px;font-weight:800;}
.pres-title p{font-size: 1.25rem;font-weight:600;padding:16px;}
}

@media (max-width: 767px) {
	.pres-title{display:block;position:relative;text-align:center;padding:0px 0px;bottom:0px;font-size: 1.125rem;}
	.pres-title p{padding:0px;margin:0px;font-size: 1.125rem;}
	.pres-list {width:100%;margin-right:0px;}
}

@media (max-width: 575px) {	
.pres-list {width:100%;margin-right:0px;}
    
}





/* ==========================================
 #####  歷屆校長
========================================== */
.apt-list {width:100%;float:left;padding:24px 0px;border-bottom:1px solid #f3f3f3;}
.apt-img {width:30%;padding:10px;max-width:250px;}
.apt-img img{margin:0 auto;float:left;border-radius:8px;}
.apt-item{float:left;width:75%;padding-left:30px;}
.apt-item-title {font-size:1.25rem;padding:0px 0px;color:#3D2605;float:left;line-height:1.6;}
.apt-item-title p{font-size:1.125rem;color:#666;}
.apt-item-txt {float:left;font-weight: 600;}
.apt-item-txt p{font-weight: 400;}

/*
apt-list
apt-item
apt-item-title
apt-item-txt
.apt-list {width:100%;display:block;padding:15px;margin-bottom:20px;border-bottom:1px solid #eee;}
.apt-img {width:100%;margin:0 auto;display:block;padding:0px 30px;}
.apt-img img{border:5px solid #e5e3dd;max-width:200px;border-radius:50%;margin:0 auto;text-align:center;}
.apt-title {width:100%;text-align:center;font-size:22px;font-weight:600;padding:10px 10px;color:#3D2605;line-height:30px;}
.apt-title p{font-size:17px;color:#666;font-weight:400;} 
*/


@media (max-width: 1200px) {}
@media (max-width: 991px) {}

@media (max-width: 767px) {	
	.apt-list{width:100%;padding:20px 0px;text-align:center;}
	.apt-img{width:100%;margin: 0 auto;}
	.apt-img img {width:100%;text-align:center;}	
	.apt-item{width:100%;padding:0px;}
	.apt-item-title {width:100%;text-align:center;font-size:1.375rem;padding-top:10px;}
    .apt-item-title p{font-size:1.125rem;color:#666;} 
    
}
@media (max-width: 575px) {	
}




/* ==========================================
 #####  關於南臺
========================================== */
.about-list{float:left;width:100%;margin-bottom: 50px;background-color:#fff;border-radius:8px;padding:8px;}
.about-item-title{
	display:block;
	background:url("../images/about/about-title-bg.jpg")right top no-repeat;       
	padding: 16px 20px;
	margin-bottom: 6px;
    color: #333;	
    font-size: 1.25rem;
    font-weight: 600;
    border-radius:8px;
}
.about-item-link{
	/*border-bottom:1px dotted #ccc ;*/
    display: block;
    float: left;
    width: 50%;
    font-size: 1rem;
    padding: 10px 10px 10px 18px;
        
}
/*.about-item-link a::before{
    font-family: 'fontello';
    content: '\e98d';
    padding-left:2px;
	margin-right:5px;
    color:#fccd39;
	font-size: 12px;
	line-height:12px;

	
}*/
.about-item-link a::before{
    font-family: 'fontello';
    content: '\e807';
    padding-left:2px;
	margin-right:5px;
    color:#454545;
	font-size: 0.875rem;
	line-height: 1.6;

	
}
.about-item-link a:link ,a:visited{color:#222;}
.about-item-link a:hover{color:#C82527;text-decoration:none;}

@media (max-width: 1200px) {}
@media (max-width: 991px) {}

@media (max-width: 767px) {}

@media (max-width: 575px) {
	
	.about-list{float:left;margin-bottom: 30px;width:100%;}
	.about-item-link {width:50%;border-bottom:1px #f5f5f5 solid;}
}





/* ==========================================
 #####  行政單位
========================================== */

.adm-list{background-color: #ffffff;width:100%;padding:20px;margin-bottom: 20px;border-radius:0px;}
.adm-list i{width:32px;height:32px; background-color:#eee;border-radius:50%;text-align: center;}
.adm-item-title{padding:10px 0px;border-bottom: 1px solid #eee;font-size:1.375rem;font-weight:600;text-align: left;}
.adm-item-txt{font-size:0.875rem;padding:4px 0px;text-align: left;}
.admin p{}


.adm-list a:link , a:visited {display: block; color:#333;}
.adm-list a:hover , a:active {color:#C82527;text-decoration:none;}
/*.adm-list{background-color: #ffffff;width:100%;margin-bottom: 20px;}
.adm-item{}
.adm-item-title{font-size:22px;border-bottom: 1px solid #ccc;font-weight:800;padding:10px 0px;text-align: left;}
.adm-item-txt{font-size:14px;padding:4px 0px;text-align: left; }*/

.adm-title{	
	color:#333;   
    padding: 10px 0px 5px 0px;   
    font-size: 26px;
    font-weight: 600;
    margin-bottom:10px;
	text-align:center;
    }



@media (max-width: 1200px) {}
@media (max-width: 991px) {}

@media (max-width: 767px) {
	
.adm-title{	text-align:left;}
	
}

@media (max-width: 575px) {	
.adm-title{	text-align:left;}
}


/* ==========================================
 #####  學術單位
========================================== */
.acad-list{background-color: #ffffff;width:100%;padding:30px;margin-bottom: 30px;border-radius:8px;}
.acad-img {max-width: 254px;
        padding:20px 0px;                
        background-repeat:no-repeat;
        background-position:center center;  
	    overflow:hidden;
	    }

.acad-item-title{
	border-bottom: 1px solid #dedede;        
	padding: 10px 10px;
    color: #493B3B;	
    font-size:1.375rem;
    font-weight: 600;    
}
.acad-item-title a:link ,a:visited{color:#454545;}
.acad-item-title a:hover{color:#C82527;text-decoration:none;}
.acad-item-link{
	display: block;
    float: left;
    width: 50%;
	border-bottom:1px dotted #ccc;
    font-size: 0.9375rem;
    padding: 9px 10px 9px 10px;
}
.acad-item-link a::before{
    font-family: 'fontello';
    content: '\f144';
    padding-left:2px;
    margin-right:6px;
    color:#ccc;    
}
.acad-item-link a:link ,a:visited{color:#454545;}
.acad-item-link a:hover{color:#C82527;text-decoration:none;}
.acad-item a:link ,a:visited{color:#454545;}
.acad-item a:hover{color:#C82527;text-decoration:none;}
.acad-item img{max-width:100px;margin-right:20px;border-radius:50%;}
.acad-item {font-size:1.25rem;}


@media (max-width: 1200px) {}
@media (max-width: 991px) {}

@media (max-width: 767px) {
	.acad-img{width:100%;margin:0 auto;margin-bottom:0px;text-align:center;padding:10px 0px;}
	.acad-img img{max-width:180px;border-radius:50%}
	.acad-item-link{width:100%;border-bottom:1px dotted #ccc;}
	.acad-item-title{text-align:center;padding-bottom:30px;}
}

@media (max-width: 575px) {
	.acad-item {width:100%}
}


/* ==========================================
 #####  分眾
========================================== */
.group-list{float:left;width:100%;margin-bottom: 50px;background-color:#fff;border-radius:8px;padding:8px;padding-bottom:20px;}
.txt-center{text-align:center;}

.group-nav-title{text-align:center;font-size: 1.75rem;}
.gruop-icon{text-align:center;}

.group-item-title{
	border-bottom:1px solid #ededed; 
	color:#333;   
    padding: 18px 10px;   
    font-size: 1.375rem;
    font-weight: 600;
    margin-bottom:10px;
}
.group-item-title i{
	color:#f6b754;
	display:block;
	float:left;
	margin-right:10px;	

}
.group-item-link{
	/*border-bottom:1px dotted #ccc ;*/
    display: block;
    float: left;
    width: 25%;
    font-size: 1rem;
    padding: 10px 10px 10px 18px;
        
}
.group-item-link a::before{
	font-family: 'fontello';
    content: '\f101';
    padding-left:2px;
	margin-right:5px;
    color:#ddd;
	font-size: 0.875rem;
	line-height: 1.6;
}
.group-item-link a:link ,a:visited{color:#454545;}
.group-item-link a:hover{color:#C82527;text-decoration:none;}

/*圓形

.group-item-title{
	border-bottom:1px solid #eee;
    text-align:center;
    padding: 20px 10px;
    color: #555;
        
    font-size: 20px;
    font-weight: 600;
}
.group-item-title i{background-color:#bdae96;padding:10px;margin-top:-50px;width:80px;height:80px;border-radius:50%;line-height:50px;font-weight:300;font-size:36px;color:#fff;position:absolute;margin-left:-40px}
.group-item-link{
	border-bottom:1px dotted #ccc ;
    display: block;
    float: left;
    width: 50%;
    font-size: 1rem;
    padding: 10px 10px 10px 12px;
        
}
.group-item-link a::before{
    font-family: 'fontello';
    content: '\e807';
    padding-left:2px;
	margin-right:5px;
    color:#454545;
	font-size: 0.875rem;
	line-height: 1.6;
}
*/

@media (max-width: 1200px) {}
@media (max-width: 991px) {}

@media (max-width: 767px) {
.group-item-link{
	/*border-bottom:1px dotted #ccc ;*/
    display: block;
    float: left;
    width: 50%;
    font-size:0.9375rem;
    padding: 8px 10px 8px 12px;
        
}    
}

@media (max-width: 575px) {
.group-item-link{
	border-bottom:1px dotted #ddd;
    display: block;
    float: left;
    width: 100%;
    font-size: 0.9375rem;
    padding: 8px 10px 8px 12px;
}

}

/* ==========================================
 #####  行事曆
========================================== */
.cal-img {text-align:center;width:100%;}
.cal-info-txt {color:#454545;padding: 20px 0px;border-top:1px solid #eee;border-bottom:1px solid #eee;}
.cal-list {margin-bottom:30px;border:1px solid #eee;padding:10px}
.cal-item
.cal-item-title {font-weight: 400;font-size: 1.375rem;padding:10px 0px;margin-top:10px;color:#cd9464;}
.cal-item-txt li::before {
	font-family: 'fontello';
    content: '\e90d'; 
	padding:0px 5px; 
}
.cal-item-txt {}

.btn-cal{padding:10px;background:#f5f5f5;}

i.icon-link-2{margin-right:6px;}
a.btn-cal{
    width:98%; 
    margin-top:20px;
    margin-bottom: .8em;
    padding: 12px 1em;
    border-radius: 6px;      
    color:#333;
    background:#ededed;
    font-weight: 600;
    text-align: center;    
} 
a:visited.btn-cal {color:#333;background:#ededed;}
a:hover.btn-cal {background:#ccc;color:#333333;}



@media (max-width: 767px) {
.cal-item-title {font-weight: 600;font-size: 1.125rem;padding:10px 0px;margin-top:10px;}   
}


/* ==========================================
 #####  招生資訊
========================================== */
.recruit-list{
	
}
.recruit-item{text-align:center;padding:20px;font-size:1.125rem;border:1px solid #fabd47;margin-bottom:20px;border-radius:4px;font-weight: 600;}
.recruit-item img{max-width:100px;margin-right:20px;border-radius:50%;}
.recruit-item-title::before{	
font-family: 'fontello';
    content: '\f144';
    padding-left:2px;
    margin-right:6px;
    color:#ccc; 
}
.btn-recruit a{color:#454545;padding: 20px;width:100%;background-color:#fff;}
.btn-recruit a:hover{text-decoration:none;background-color:#fabd47;color:#fff;}

.recruit-item a:link ,a:visited{color:#454545;padding: 20px;width:100%;background-color:#fff;}
.recruit-item a:hover{text-decoration:none;background-color:#fabd47;color:#fff;}

/* ==========================================
 #####  麵包屑路徑
========================================== */

.path-wrap {width:100%;/*background-color:#cecece;*/background-color:#4b4343;}
.breadcrumb {font-size:0.875rem;background-color:#4b4343;color:#222;margin-bottom: 0px; }
.breadcrumb-item.active{color:#fff;}
.breadcrumb a{color:#fff;text-decoration: none;}
.breadcrumb a:hover{color:#f2bb12;}
li.breadcrumb-item a{color:#fff;text-decoration: none;}


　/* ==========================================
 #####  聯絡我們
========================================== */
.card-list{margin-bottom:20px;}
.contact-list{background-color:#fff;border-radius:8px;margin-bottom:24px;}
.contact-icon{padding:20px 20px 0px 20px;color:#f6b754}
.contact-title{font-weight:400;font-size:1.75rem;}
.card-title{text-align:center;}
.contact-item p{color:#666;text-align: center;line-height:24px;}



　/* ==========================================
 #####  網站地圖
========================================== */

.sitemap-note {margin:5px;padding:0;}
.sitemap-list{}
.sitemapd1 {border-bottom: 1px dashed #ddd;padding:14px 0;font-size:0.9375rem;font-weight:600}  
.sitemapd1 a:link{color:#434343;text-decoration :none;}
.sitemapd1 a:visited {color:#434343;text-decoration :none;}
.sitemapd1 a:hover {color:#555;text-decoration:none;}
.sitemapd2 {font-size:0.9375rem;margin-left:30px;width:20%;font-weight:400}  
.sitemapd2 a:link {color:#555;text-decoration :none;}
.sitemapd2 a:visited {color:#555;text-decoration :none;}
.sitemapd2 a:hover {color:#434343;text-decoration:none;}


@media (max-width: 767px) {
.sitemapd2 {width:50%}  
}

@media (max-width: 575px) {
.sitemapd2 {width:100%}  
}

　/* ==========================================
 #####  無障礙
========================================== */

.accesskey-u {font-size:0.0625rem;color:#e35b31;/*color:#e35b31;*/font-weight:100;}
.accesskey-c {font-size:0.0625rem;color:#4b4243;font-weight:100;float:left;}
.accesskey-b {font-size:0.0625rem;color:#353432;font-weight:100;}



modal-index-mes{
font-size: 1.6rem;
font-weight: 800;
}


　/* ==========================================
 #####  副校長頁面 1120814
========================================== */
.vp-info{}
/*.vp-list{display: block;text-align: center}*/
.vp-info div{width:360px;margin:0 auto;margin-bottom: 32px;}
.vp-img{text-align: center;margin:0px;}
.vp-img img{max-width:320px;}
ul.vp-item{margin:0 auto;}
.vp-item{padding:0px 6px;max-width:340px;margin:0 auto;}
.vp-item-name{font-size:15pt;font-weight:800;padding: 24px 0px 15px 0px;text-align: center;}
li.vp-item {font-size:15px;border-bottom:solid 1px #dddddd;} 


/* ==========================================
 #####  副校長室 1110125
========================================== */
.vpsub-info {width:300px;margin:0 auto;margin-bottom: 32px;text-align:center;}
.vpsub-img{text-align: center;margin:0px;}
.vpsub-img img{max-width:240px;}
.vpsub-title{width:100%;height:180px;color:#454545;font-size: 1.2rem;font-weight:600;padding:4px 0px;}


.vpsub-info {font-size:1.25rem;}
.vpsub-item-title {font-size: 1.12rem;font-weight: 600;padding: 10px 10px;background-color: #efefef;margin-bottom: 10px;}
.vpsub-list {width:100%;margin-bottom:20px;}
.note-list {width:100%;border:1px #ccc solid;padding:10px;}
/*.vpsub-item-title span{border-bottom:4px solid #ccc;}*/
.vpsub-item li{line-height: 26px;}
.note-list li {line-height: 26px;}

.vpsub-item li::before{
	
    font-family: 'fontello';
    content: '\e8fd';
    margin-right:8px;    
}

.note-list li::before{
	
    font-family: 'fontello';
    content: '\f20e';
    margin-right:8px;    
}

@media (max-width: 1200px) {}
@media (max-width: 991px) {
	
.vpsub-title {font-size:1.25rem;margin-top:0px;height:100%;padding:20px;font-weight:800;}
.vpsub-title p{font-size: 1.25rem;font-weight:600;padding:16px;}
}

@media (max-width: 767px) {
	.vpsub-title{display:block;position:relative;text-align:center;padding:4px 0px;bottom:0px;font-size: 1.125rem;}
	.vpsub-title p{padding:0px;margin:0px;font-size: 1.125rem;}
}

@media (max-width: 575px) {	

    
}



/* ==========================================
 #####  科研中心
========================================== */
.rc-img img{max-width:85%;border-radius:50%}
.rc-list{background-color: #ffffff;width:100%;padding:30px;margin-bottom: 30px;border-radius:8px;}
.rc-img {max-width: 254px;
        padding:20px 0px;                
        background-repeat:no-repeat;
        background-position:center center;  
	    overflow:hidden;
	    }

.rc-item-title{
	/*border-bottom: 1px solid #dedede;*/        
	padding: 10px 10px;
    color: #493B3B;	
    font-size:1.375rem;
    font-weight: 600;    
}
.rc-item-title a:link ,a:visited{color:#454545;}
.rc-item-title a:hover{color:#C82527;text-decoration:none;}
.rc-item-link{
	display: block;
    float: left;
    width: 50%;
	/*border-bottom:1px dotted #ccc;*/
    font-size: 0.9375rem;
    padding: 9px 10px 9px 10px;
}
.rc-item-link a::before{
    font-family: 'fontello';
    content: '\f144';
    padding-left:2px;
    margin-right:6px;
    color:#ccc;    
}
.rc-item-link a:link ,a:visited{color:#454545;}
.rc-item-link a:hover{color:#C82527;text-decoration:none;}
.rc-item a:link ,a:visited{color:#454545;}
.rc-item a:hover{color:#C82527;text-decoration:none;}
.rc-item img{max-width:100px;margin-right:20px;border-radius:50%;}
.rc-item {font-size:1.25rem;}


@media (max-width: 1200px) {}
@media (max-width: 991px) {}

@media (max-width: 767px) {
	.rc-img{width:100%;margin:0 auto;margin-bottom:0px;text-align:center;padding:10px 0px;}
	.rc-img img{max-width:180px;border-radius:50%}
	.rc-item-link{width:100%;border-bottom:1px dotted #ccc;}
	.rc-item-title{text-align:center;padding-bottom:30px;}
}

@media (max-width: 575px) {
	.rc-item {width:100%}
}

.badgecontitle{
	font-weight:700;
}


　/* ==========================================
 #####  聯絡我們v2
========================================== */
.contact2-list {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  border-radius: 20px;
  margin-bottom: 2px;
  padding: 20px;
}
.contact2-icon {
  padding: 20px 0px 0px 0px;  
  color:#f6b754;
}
.contact2-title {
  font-weight: 700;
  font-size: 22px;
  border-bottom: 1px solid #eee;
  text-align: left;
  padding: 10px 0px;
  color: #513d3d;
}
.contact2-item {
  color: #333;
  padding:20px 0px;
  line-height: 24px;
  font-size: 15px;
}

.contact2-item a{text-decoration: underline;color:#000;}
.contact2-item a:link{}
.contact2-item a:visited{}
.contact2-item a:hover{color:#C82527}
.contact2-item a:active{}



.card-body{
	  border-radius: 20px;
	  margin-bottom: 30px;
}


a.btn-news{width:20px; height:20px;padding:2px 10px;background:#fdcc38;border-radius:8px;font-weight:700}
a.btn-news:hover{background:#ffb22b;}


/* board */


/* song */

/* history */
/* mission */
/* system */
/* environment */
/* traffic */
/* performance */
/* lion */
/* recruitstudent */
/* calendar */
/* resourse */
/* sitemap */


/*@media (max-width: 1200px) {}
@media (max-width: 991px) {}
@media (max-width: 767px) {}
@media (max-width: 575px) {}
a:link {}
a:visited {}
a:hover {}
a:active {}*/

/* bk--
@media (max-width: 1200px) {}
@media (max-width: 991px) {}
@media (max-width: 767px) {}
@media (max-width: 575px) {}

*/