/*common*/
/*body{font-family:微軟正黑體, Helvetica, sans-serif;}*/

.SBtn{
	display:none;
	cursor: pointer;
	background: #454545;
	width: 36px;
	height: 36px;
	float: left;
	margin-top: 10px;
	border-radius: 5px;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}

.SBtn > .SBtnImg{
	width: 36px;
    height: 36px;
    background: url(/rwd/SearchBtn.png);
    background-size: 50%;
    background-repeat: no-repeat;
    content: ' ';
    float: left;
    margin: 9px 0 0 9px;
}

.nivo-directionNav a {z-index: 8;}

.rwdQuickmenu,.rwdSubmenu,.rwdsubmenu_v2{
	display:none;
	float: left;
    width: 100%;
}
.rsb_icon_v2{
	display:none;
}



.rwdQuickmenuBtn,.rwdSubmenuBtn{	
	height: 36px;
    width: calc( 100% - 20px );
    margin: auto;
    border: 2px solid rgba(211, 83, 26, 0.6);    
    text-align: center;
    font-size: 14px;
	cursor: pointer;
	line-height: 36px;
	margin-bottom: -2px;
}

.rwdQuickmenu:hover .rwdQuickmenuBtn ,.rwdQuickmenu:hover #rqb_icon ,.rwdSubmenu:hover .rwdSubmenuBtn ,.rwdSubmenu:hover #rsb_icon,.rsb_icon_v2 {

    border: 2px solid rgba(211, 83, 26, 0.9);

}

.rwdQuickmenuBtn.open .rwdQuickmenuBtn,#rqb_icon.open,
.rwdSubmenu .open .rwdSubmenuBtn,.rwdSubmenu .open #rsb_icon,.rsb_icon_v2.open{
	border: 2px solid rgba(211, 83, 26, 0.9);
}

.rwdSubmenuList,.rwdQuickmenuList{
	display:none;
	margin-top: 2px;
}

.rwdSubmenuList ul,.rwdQuickmenuList ul{
	padding: 0;
	margin: 0;
}
.rwdSubmenuList ul li,.rwdQuickmenuList ul li{
    font-size: 100%;
    position: relative;
    overflow: hidden;
	list-style: none;
	text-align: left;
	width: calc( 100% - 16px );
    margin: auto;
}
.rwdSubmenuList ul li a,.rwdQuickmenuList ul li a
{	
    display: block;
    padding: .1em;
    padding-left: 20px;  
    overflow: hidden;
    color: #fff;
	text-decoration-line: none;
    background: rgba(0,0,0,0.8);
    border-bottom: 1px solid #ececec;
	width: 100%;
	line-height: 36px;
}

#lightbox-container-image-box {
    max-width: 80%;
    height:100% !important;
}
#lightbox-container-image img {
    max-width: 100%; 
}
#lightbox-container-image-data-box{ 
    max-width:80%; margin-bottom:50px;
}
#lightbox-container-image-data-box {
	    max-width: calc( 80% - 20px );
}
#lightbox-nav a {  
    width: 60px;
}



#nav-icon {
	width: 35px;
    height: 35px;
    position: relative;
    margin: 0;
    -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;
    float: right;
    margin-right: 20px;
	margin-top: 20px;
    border: 2px solid rgba(211, 83, 26, 0.6);
}

#nav-icon:hover {
    border: 2px solid rgba(211, 83, 26, 0.9);
}

#nav-icon div {
	display: block;
    position: absolute;
    height: 6px;
    width: 31px;
    margin: auto;
    margin: 2px;
    background: #d3531a;
    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;
}
	
#nav-icon div:nth-child(1) {
  top: 0px;
}

#nav-icon div:nth-child(2),#nav-icon3 div:nth-child(3) {
  top: 12px;
}

#nav-icon div:nth-child(3) {
  top: 24px;
}

#nav-icon.open  {
  border: 2px solid rgba(211, 83, 26, 0.9);
}


#nav-icon.open div:nth-child(1) {
  top: 12px;
  width: 0%;
  left: 50%;
}

#nav-icon.open div:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  
}

#nav-icon.open div:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 12px;

}

#nav-icon.open div:nth-child(4) {
  top: 12px;
  width: 0%;
  left: 50%;
}

#rsb_icon,#rqb_icon,.rsb_icon_v2 {
    width: 20px;
    height: 20px;
    position: relative;
    margin: 0;
    -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;
    float: right;
    margin-right: 20px;
    margin-top: -30px;
    border: 2px solid rgba(211, 83, 26, 0.6);
}

#rsb_icon div ,#rqb_icon div,.rsb_icon_v2 div {
    display: block;
    position: absolute;
    height: 4px;
    width: 16px;
    margin: auto;
    margin: 2px;
    background: #d3531a;
    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;
}

#rsb_icon div:nth-child(2),#rqb_icon div:nth-child(2),.rsb_icon_v2 div:nth-child(2)  {
    top: 6px;
}

#rsb_icon div:nth-child(1),#rqb_icon div:nth-child(1),.rsb_icon_v2 div:nth-child(1)  {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    top: 6px;
}

#rsb_icon div:nth-child(3),#rqb_icon div:nth-child(3),.rsb_icon_v2 div:nth-child(3) {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 6px;
}
.rwdSubmenuBtn.open #rsb_icon{

}
.rwdSubmenu.open #rsb_icon div:nth-child(1),#rqb_icon.open div:nth-child(1),.rsb_icon_v2.open div:nth-child(1) {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.rwdSubmenu.open #rsb_icon div:nth-child(3),#rqb_icon.open div:nth-child(3),.rsb_icon_v2.open div:nth-child(3){
-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.rwdQuickPhoto{
	display:none;
	width: calc(100% - 16px);
    margin: auto;
	margin-bottom:10px;	
}

.rwdCycleImg{
	cursor: pointer;
    width: 100%;
    margin: auto;
}
.quickBlockText img{border: 0px;padding:6px 0px;}   


/* pc*/
@media only screen and (min-width:980px) {	
	/*.hambergerbar{display:none;}*/
	#nav-icon{display:none;}
}

/* table*/
@media only screen and (min-width: 481px) and (max-width:979px) {	

	.nav ,.menu { display:none;}					
	.rwdQuickPhoto,.rwdQuickmenu,/*.rwdSubmenu,*/.rsb_icon_v2,.SBtn,.hambergerbar{display:block;}	
	.wrapper{width:100%;}	
	.nivo-controlNav{z-index:7;}
    .banner, .bannercontent {
        width: 100%;
        height: auto;
        position: relative;
        /*z-index:-1;*/
    }	
	.content{margin:0;padding: 10px;}	
	/*.hambergerbar{display:block;}*/
	#nav-icon{display:block;}
	
	/*.header{border-bottom:1px solid #ccc;position: relative;z-index: 9;}*/
	.header{border-bottom:1px solid #ccc;position: fixed;z-index: 9;}
	.nav{
		position: absolute;			
		width: 100%;
		margin-top:0;		
		background:rgba(0,0,0,0.8);
		overflow-y:auto;
	}
	.navLink{
		margin-right: 20px;
	}
	
	.navLink li a {
		color:#fff;
	}
	
	.search{
		margin-top: 0px;
		border-top: 1px solid rgba(255,255,255,0.7);
		border-bottom: 1px solid rgba(255,255,255,0.7);
		height: 56px;
		width: calc(100% - 20px);
		margin: auto;
		float: none;
		line-height: 32px;
	}
	
	.searchButton{
		margin-top: 6px;
		display:none;
	}	
	
	.search .searchText{
		float: left;
		border-radius: 5px;
		border-bottom-right-radius: 0;
		border-top-right-radius: 0;
		width: calc(100% - 56px);
		line-height: 32px;
		height: 32px;
		margin-top: 10px;
		padding-left: 5px;
	}

	.menuLink ,.menuLink  > ul > li,.menuLink  > ul > li > a{
		width: 100%;
		margin: 0px ;
	}
	.menuLink  > ul > li{		
		/*background:rgba(0,0,0,0.8);*/
		color:#fff;		
		clear:both;
		position: relative;
		z-index:2;
		
	}
			
	.menuLink  > ul > li > a{
	color:#fff;
		clear: both;
		text-align: center;
		width: calc(100% - 100px);
		padding: 0 0 0 50px;
		border-right: 0px;
	}
	.menuLink  > ul > li.last > a{
		padding: 0 0 0 50px;
		border-right: 0px;
	}
	
	.rwdSubmenuList ul li.ThisPageNow a,.rwdQuickmenuList ul li.ThisPageNow a{color:#ffa250;}
	
	.menuLink li.ThisPageNow > a ,.menuLink .rwdmenud1.ThisPageNow > a ,.menuLink .rwdmenud2.ThisPageNow > a{
		color:#ffa250;
	}
	
	
	.menuLink .rwdsubmenu_v2 > .rwdmenud1,.menuLink .rwdsubmenu_v2 > .rwdmenud2 {
		background: rgba(255,255,255,0.2);
		border-bottom: 1px rgba(0,0,0,0.5) solid;
	}
	
	.menuLink .rwdsubmenu_v2 > .rwdmenud1 > a{    
	color:#fff;
		text-align: left;
		margin-left: 20px;
		width:100%;
	}
	.menuLink .rwdsubmenu_v2 > .rwdmenud2 > a{	
	color:#fff;
		text-align: left;
		margin-left: 40px;
		width:100%;
	}
	
	.quickPhoto {
		width: 100%;		
		margin-bottom: 10px;
	}
	.quickPhotoImg{
		margin:0;
	}
	
	.quickPhotoImg img {
		max-width: 960px;
		max-height: 960px;
	}
	
	.rwdQuickPhotoTitle{
		width:100%;
	}
	
	
	.rwbQuickBlock,.rwbSubmenuBlock{
		margin: auto;
		float: left;
		width: 100%;
		text-align: center;
	}
	
	.rwbQuickBlock{margin-top:10px;}
	
	.quickBlockText,.submenuBlockText {
		width: calc( 100% - 20px);
		margin: auto;
		background: #F0EFED;
	}
	
	
	
	.quickBlockText img,.submenuBlockText img{border: 0px;padding: 6px 6px; }   
	
	.quickBlockText a,.submenuBlockText a{
		text-decoration: none;
	}

	/*校園公告模組列表*/
	.NewsListContent,.NewsListRowHead,.NewsListRow  {
		width: 100%;
	}
	
	/*站台公告模組列表*/
	.SiteNewsListContent,.SiteNewsListRowHead,.SiteNewsListRow  {
		width: 100%;
	}
	.SiteNewsListCell_2,.SiteNewsListContent .SiteNewsListCell_2 > div.SiteNewsType{width:100px;float:left;}	
	.SiteNewsListCell_3,.SiteNewsListCell_3 div{width:80px;float:left;}
	.SiteNewsListCell_4,.SiteNewsListCell_4 div{width:80px;float:left;}
	
	/*公告內頁調整*/
	.SiteNewsClickCount,.SiteNewsPoster{display:none;}
	
	/*檔案模組列表*/
	.FilesListContent,.FileListRowHead,.FileListRow{width: 100%;}

}

/* mobile */
@media only screen and (max-width:480px) {
	.nav,.menu{display:none;}		
	.rwdQuickPhoto,.rwdQuickmenu,/*.rwdSubmenu,*/.rsb_icon_v2,.SBtn,.hambergerbar{display:block;}	
	
	.wrapper{width:100%;}
	.logo ,.logo img{
		height:auto;    max-width: 260px;
	}

    .banner, .bannercontent {
        width: 100%;
        height: auto;
        position: relative;
        /*z-index:-1;*/
    }	
	.nivo-controlNav{z-index:7;}
	.content{margin:0;padding: 10px;}

	#nav-icon {
		display:block;
		margin-right: 7px;
		margin-top:13px;
	}
	/*.header{border-bottom:1px solid #ccc;position: relative;z-index: 9;height: 56px;}*/
	.header{border-bottom:1px solid #ccc;position: fixed;z-index: 9;}
	.nav{
		position: absolute;		
		width: 100%;
		margin-top:0;		
		background:rgba(0,0,0,0.8);
		overflow-y:auto;
	}
	.navLink{
		margin-right: 20px;
	}
	.navLink li a {
		color:#fff;
	}
	
	.search{
		margin-top: 0px;
		border-top: 1px solid rgba(255,255,255,0.7);
		border-bottom: 1px solid rgba(255,255,255,0.7);
		height: 56px;
		width: calc(100% - 20px);
		margin: auto;
		float: none;
		line-height: 32px;
	}
	
	.searchButton{
		margin-top: 6px;
		display:none;
	}
	
	
	.search .searchText{
		float: left;
		border-radius: 5px;
		border-bottom-right-radius: 0;
		border-top-right-radius: 0;
		width: calc(100% - 56px);
		line-height: 32px;
		height: 32px;
		margin-top: 10px;
		padding-left: 5px;
	}
	
	.menuLink ,.menuLink  > ul > li,.menuLink  > ul  > li > a{
		width: 100%;
		margin: 0px ;
	}
	.menuLink  > ul > li{		
		/*background:rgba(0,0,0,0.8);*/
		color:#fff;
		width:100%;
		clear:both;
		position: relative;
		z-index:2;
		
	}
			
	.menuLink  > ul > li > a{
	color:#fff;
		clear: both;
		text-align: center;
		width: calc(100% - 100px);
		padding: 0 0 0 50px;
		border-right: 0px;
	}
	
	.menuLink > ul > li.last > a{

		padding: 0 0 0 50px;

	}
	
	
	.menuLink .rwdsubmenu_v2 > .rwdmenud1,.menuLink .rwdsubmenu_v2 > .rwdmenud2 {
		background: rgba(255,255,255,0.2);
		border-bottom: 1px rgba(0,0,0,0.5) solid;
	}
	
	.menuLink .rwdsubmenu_v2 > .rwdmenud1 > a{    
	color:#fff;
		text-align: left;
		margin-left: 20px;
		width:100%;
	}
	.menuLink .rwdsubmenu_v2 > .rwdmenud2 > a{	
	color:#fff;
		text-align: left;
		margin-left: 40px;
		width:100%;
	}
	
	/*校園公告模組列表*/
	.NewsListContent,.NewsListRowHead,.NewsListRow{width:100%}
	
	/*站台公告模組列表*/
	.SiteNewsListContent,.SiteNewsListRowHead,.SiteNewsListRow  {
		width: 100%;
	}	
	.SiteNewsListCell_2,.SiteNewsListContent .SiteNewsListCell_2 > div.SiteNewsType{width:100px;float:left;}	
	.SiteNewsListCell_3,.SiteNewsListCell_3 div{width:80px;float:left;}
	.SiteNewsListCell_4,.SiteNewsListCell_4 div{width:80px;float:left;}

	/*公告內頁調整*/
	.SiteNewsClickCount,.SiteNewsPoster{display:none;}
	
	.rwdSubmenuList ul li.ThisPageNow a,.rwdQuickmenuList ul li.ThisPageNow a{
		color:#ffa250;
	}	
	
	.menuLink li.ThisPageNow > a ,.menuLink .rwdmenud1.ThisPageNow > a ,.menuLink .rwdmenud2.ThisPageNow > a{
		color:#ffa250;
	}
	
	.quickPhoto {
		width: 100%;		
		margin-bottom: 10px;
	}
	
	.quickPhotoImg{
		margin:0;
	}
	
	.quickPhotoImg img {
		max-width: 960px;
		max-height: 960px;
	}
	
	.rwdQuickPhotoTitle{
		width:100%;
	}

	.rwbQuickBlock,.rwbSubmenuBlock{
		margin: auto;
		float: left;
		width: 100%;
		text-align: center;
	}
	
	.rwbQuickBlock{margin-top:10px;}
	
	.quickBlockText,.submenuBlockText {
		width: calc( 100% - 20px);
		margin: auto;
		background: #F0EFED;
	}
	
	
	.quickBlockText img,.submenuBlockText img{border: 0px;padding: 4px 0px;/*width:140px;*/}    
	.quickBlockText a,.submenuBlockText a{
		text-decoration: none;
	}

	/*公告模組列表*/
	.NewsListContent,.NewsListRowHead,.NewsListRow {
		width: 100%;
	}
	
	/*檔案模組列表*/
	.FilesListContent,.FileListRowHead,.FileListRow{width: 100%;}
}

@media only screen and (max-width:379px) {
	.quickBlockText img,.submenuBlockText img{width:140px;}    
}


/*.search .searchButton {
    width: 22px;  
    margin-left: -4px;
	height: 20px;	   
}*/