@charset "utf-8";
/* CSS Document */

/*lightbox主架構設定*/
.lightbox{ 
	display:none;
	position:fixed !important;}
.box-modal,box-modal2{
	position: relative;
	width: 100%;
	background: #4b4a4b;
    color: #333;
	padding:20px 0;
}
.box-modal_close {
	position: absolute;
    float: right;
    font-family: 'Noto Sans TC', "微軟正黑體", "Microsoft JhengHei UI", sans-serif;
    right: 0px;
    top: 0px;
    font-size: 48px;
	height:48px;
    line-height: 48px;
    font-weight: normal;
    color: #333;
    cursor: pointer;
}
.box-modal_close:hover { }

/*所有頁面共用css*/
.lightBoxContent{ padding-bottom: 15px; overflow:hidden; margin:0 auto; box-sizing:border-box; text-align: left;}
.swpmodal-container .title{ color:#f44a52; font-family:Arial, "微軟正黑體"; font-size:45px; display:table; margin:20px auto; padding-left:55px; box-sizing:border-box;}
.swpmodal-container .notice{ padding:15px; text-align:center; color:#000; line-height:1.7; background:#ffdfe1; margin-bottom:20px; overflow: hidden;}
.swpmodal-container .closeLightBox{ font-size:17px; font-family:Arial, "微軟正黑體"; color:#000; background:url(../images/all/closeList.png) no-repeat right center; padding-right:30px; display:table; margin: 20px auto; text-decoration:none; transition: all 0.4s;}
.swpmodal-container .closeLightBox:hover{ color:#f44a52; transition: all 0.4s;}

/*針對火狐下的CSS HANK*/
@-moz-document url-prefix() {
  .lightBoxContent select{ border: 1px solid #aaaaaa;}
}
.lightbox.notice{
	top:0px !important;}
@media screen and (max-width:1366px){
	.box-modal_close{ float:right;}
}

@media screen and (max-width:800px){
	.lightBoxContent{ padding:10px 10px 30px 10px;}
	.swpmodal-container .title{ font-size:30px; padding:5px 0 5px 55px; margin:10px auto 20px auto;}
}
@media screen and (max-width:500px){
	.swpmodal-container .title{ padding:65px 10px 0 10px;}
}
@media screen and (max-width:414px){
	
	.box-modal_close {
		color: #333;
	}	
	
}