@charset "UTF-8";
/* CSS Document */
body {
	margin: 0px;
	font-family:"微軟正黑體","蘋果儷中黑","Helvetica",Arial;
	word-break: normal;
	text-align:justify; 
	width: 100%;
	-webkit-text-size-adjust: none;

	}
	
a{
	text-decoration:none;
	outline: medium none;	
	hlbr:expression(this.onFocus=this.blur()); 
	}		
	
a:link{
	color: #000;
}

ul,li{ 
	margin:0; padding:0; 
	}

tml,a,form,area,div,img,table,td,th,ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,p {
	margin:0px;
	padding-left:0px;
	}
	
div,span{
	word-break: normal;
	text-align:justify; 
	}

#clear{clear:both;}
.text_r{text-align:right;}
.text_l{text-align:left;}
.text_c{text-align:center;}
#blank10{ height:10px;}
#blank20{ height:20px;}
#blank30{ height:30px;}
#blank40{ height:40px;}
#blank50{ height:50px;}
#blank60{ height:60px;}
#blank70{ height:70px;}
#blank80{ height:80px;}
#blank90{ height:90px;}
#blank100{ height:100px;}
#blank110{ height:110px;}
#blank120{ height:120px;}
#blank130{ height:130px;}
#blank140{ height:140px;}
#blank150{ height:150px;}
#blank160{ height:160px;}
#blank170{ height:170px;}
#blank180{ height:180px;}
#blank190{ height:190px;}
#blank200{ height:200px;}

/*背景全螢幕css 開始*/

#bg { 
	position:fixed; 
	top:0; 
	left:0; 
	z-index:-2; 
	}

.bgwidth { 
	width: 100%; 
	}
	
.bgheight { 
	height: 100%; 
	}


/*背景全螢幕css 結束*/	

/*header 開始*/

.menuer{
	width: 100%;
	height: 190px;
	position: f;
	z-index: 1;
}

.menu{
	width: 850px;
	height: 190px;
	margin: 0 auto;
	background: transparent;
}

.logo{
	float: left;
	padding-top: 70px;
}
	
.menu_text_box{
	height: 306px;
	float: right;
	padding-top: 129px;
	display: inline-block;
}

.menu_text_on{
	font-size: 16px;
	font-weight: 900;
	color: #000;
	letter-spacing: 1px;
	padding: 8px 8px 8px 8px;
	margin-left: 20px;
	border: #000 1px solid; 
	display: block;
	float: right;
}

.menu_text_off{
	font-size: 16px;
	font-weight: 900;
	color: #000;
	letter-spacing: 1px;
	padding: 8px 8px 8px 8px;
	margin-left: 20px;
	display: block;
	float: right;
}


.menu_text_box a:hover{
	font-size: 16px;
	font-weight: 900;
	color: #636363;
	letter-spacing: 1px;
}
/*header 結束*/	
	
/*contenter 開始*/

.content{
	width: 850px;
	height: auto;
	margin: 0 auto;
}

.content_box{
	width:100%;
	height: auto;
}

.box{
	width: 268px;
	height: 268px;
	float: left;
	overflow: hidden;
	position: relative;

}

.box img{
	width: 100%;
	height: auto;
	
}

.box_shadow1{
	width: 268px;
	height: 268px;
	position: absolute;
	-moz-box-shadow:10px 35px 25px -15px rgba(20%,20%,20%,0.3);
	-webkit-box-shadow:10px 35px 25px -15px rgba(20%,20%,20%,0.3);
	box-shadow:10px 35px 25px -15px rgba(20%,20%,20%,0.3);
	z-index: -1;
}

.box_shadow2{
	width: 268px;
	height: 268px;
	position: absolute;
	-moz-box-shadow:0px 35px 25px -15px rgba(20%,20%,20%,0.3);
	-webkit-box-shadow:0px 35px 25px -15px rgba(20%,20%,20%,0.3);
	box-shadow:0px 35px 25px -15px rgba(20%,20%,20%,0.3);
	z-index: -1;
	margin-left: 291px;
}

.box_shadow3{
	width: 268px;
	height: 268px;
	position: absolute;
	-moz-box-shadow:-10px 35px 25px -15px rgba(20%,20%,20%,0.3);
	-webkit-box-shadow:-10px 35px 25px -15px rgba(20%,20%,20%,0.3);
	box-shadow:-10px 35px 25px -15px rgba(20%,20%,20%,0.3);
	z-index: -1;
	margin-left: 582px;
}

.box_gap{
	width: 23px;
	float: left;
	height: 268px;
}

.box_menu_top{
	width: 100%;
	height: 53.6px;
	color: #fff;
	text-align: center;
	background: rgba(0,0,0,0.4);
}

.box_menu_top.fake{
	position: absolute;
	bottom: 0;
}

.box_menu_top h3{
	font-size: 17px;
	letter-spacing: 2px;
	padding: 10px 0 5px 0;
	font-weight: 900;
	font-family:"微軟正黑體","蘋果儷中黑","Helvetica",Arial;
}

.box_menu_top p{
	font-size: 12px;
	letter-spacing: 1px;
}

.box_menu{
	width: 100%;
	height: 53.6px;
	border-bottom: solid 1px #000;
	color: #fff;
	line-height: 52px;
	text-align: center;
	background: rgba(0,0,0,0.4);
	overflow: hidden;
}

.box_menu_title{
	width: 100%;
	height: 53.6px;
	border-bottom: solid 1px #000;
	color: #fff;
	line-height: 52px;
	text-align: center;
	background: rgba(0,0,0,0.4);
	overflow: hidden;
}

.box_menu_title p{
	font-size: 12px;
	letter-spacing: 1px;
}

.box_menu_none{
	width: 100%;
	height: 53.6px;
	color: #4d4d4d;
	line-height: 52px;
	text-align: center;
	background: url(../images/cover.png);
	font-size: 12px;
	letter-spacing: 0.5px;
	overflow: hidden;
}

.box_menu button:hover{
	color: #000;
	background: #fff;
}

.box_menu p{
	font-size: 12px;
	letter-spacing: 0.5px;

}

.box_menu button{
	width: 100%;
	height: 53.6px;
	color: #fff;
	font-size: 12px;
	letter-spacing: 0.5px;
	font-weight: 900;
	line-height: 17px;
	background: none;
}


.title{
	font-size: 20px;
	font-weight: 900;
	text-align: center;
	line-height: 30px;
	color: #000;
	letter-spacing: 1px;
	position: relative;
	z-index: 2;
	display: block;
	padding-top: 135px;
}

.note{
	font-size: 12px;
	font-weight: 900;
	text-align: center;
	color: #000;
	position: relative;
	letter-spacing: 2px;
	z-index: 2;
}

.article{
	width: 820px;
	height: auto;
	margin: 0 auto;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;

}

.article p{
	padding: 27px 0 27px 0;
	font-size: 14px;
	line-height: 30px;
	letter-spacing: 1px;
	color: #555;
	text-align: center;
}

.team{
	width: 625px;
	height: auto;
	margin: 0 auto;
}

.team p{
	display: block;
	font-size: 10px;
	color: #999;
	float: left;
	line-height: 43px;
}

.team img{
	display: block;
	float: left;
}
	
/*contenter 結束*/


	
/*lightbox 開始*/

.button_box{
	width: 970px;
	height: auto;
	margin: 189px auto;
	margin-left: -493px;
	left: 50%;
	position: fixed;
}

.dac-modal-dialog{
	width: 870px;
	height: auto;
	position: relative;
	margin: 189px auto;
}

.modal.fade .dac-modal-dialog {
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
          transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
     -moz-transition: -moz-transform 0.3s ease-out;
       -o-transition: -o-transform 0.3s ease-out;
          transition: transform 0.3s ease-out;
}

.modal.in .dac-modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}

.dac-modal-header{
	width: 100%;
	height: 315px;
}

.dac-modal-header img{
	width: 100%;
	height: auto;
}

.dac-modal-body{
	width: 100%;
	height: auto;
	background-color: #e6e6e6;
}

.modal-box{
	width: 100%;
	height: auto;
	padding: 0 0 20px 0;
}

.content-title{
	width: 755px;
	padding: 40px 0 20px 0;
	border-bottom: solid 2px #333;
	color: #333;
	font-size: 24px;
	font-weight: 900;
	margin: 0 auto;
	margin-bottom: 40px;
	letter-spacing: 2px;
}

.video{
	width: 100%;
	height: auto;
	margin-top: 35px;
	margin-bottom: 20px;
	overflow: hidden;
}

.video-title{
	width: 755px;
	height: 40px;
	padding: 20px 0 20px 0;
	margin: 0 auto;
}

.year-number{
	font-size: 36px;
	color: #000;
	border-right: solid 2px #000;
	padding-right: 10px;
	font-weight: 900;
	float: left;
}

.video-title h4{
	font-size: 14px;
	font-weight: 900;
	letter-spacing: 0.5px;
	color: #000;
	padding: 11px 0 0 10px;
	display: block;
	float: left;
}

.content-subtitle{
	width: 755px;
	padding: 30px 0 10px 0;
	border-bottom: solid 1px #333;
	color: #333;
	font-size: 18px;
	font-weight: 900;
	margin: 0 auto;
	letter-spacing: 1px;
}

.content-text{
	width: 755px;
	padding: 20px 0 20px 0;
	color: #333;
	font-size: 14px;
	font-weight: 100;
	margin: 0 auto;
	line-height: 30px;
	letter-spacing: 0.5px;
	text-align: left;
}

.content-text ol{
	padding-left: 28px;
}


.top_button {
  float: right;
  padding-top: 3px;
  margin:0 auto;
  text-shadow: 0 1px 0 #ffffff;
}

.top_button:hover,
.top_button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.top_guide{
	width: 100%;
	top: 0;
}

/*lightbox 結束*/



/*footer 開始*/

.foot{
	width: 100%;
	height: 60px;
	text-align: center;
	font-size: 12px;
	color: #999;
	font-weight: 100;
}

#footer{
	
	}
	
#foot{
	
	}
	
/*footer 結束*/	


.daf-banner{
	width: 800px;
	height: 300px;
	margin-bottom: 20px;
}


.box_menu.coming-soon{
	width: 100%;
	height: 100%;
	border-bottom: solid 0px #000;
	color: #fff;
	line-height: 52px;
	padding-top: 80px;
	text-align: center;
	background: rgba(0,0,0,0.5);
	overflow: hidden;
	font-size: 36px;
	letter-spacing: 1px;
}