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

body {

	margin: 0px;
	padding: 0px;
	color:#ffffff;
	background-color:#000000;
	font-family: "微軟正黑體", "儷黑 Pro", Arial, Helvetica, sans-serif;
	margin-top:0px;
}

#full-screen-background-image {
  z-index: -999;
  min-height: 50%;
  min-width: 1024px;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
}

#wrapper {
  position: relative;
  max-width:800px;
  width: 90%;
  margin: 0px auto;
}

p, a  {color:#ffffff;margin:0; }
.clearfix {clear:both;}
.center {margin:0 auto;}
.container{margin-right: auto;margin-left: auto;}
.notyetfinished {color:#b41717;}
.opening p {text-align:justify;}

.row {padding:5px 0;}
.logo {height:40px;width:100%;margin: 0px auto;text-align:center;margin-top:20px;}
.logo_campaign {text-align:center;margin:0 auto;}
.logo_campaign img {width:100%;max-width:340px;height:auto;}
.btn { text-align:center;width:100%;}
.btn img {padding:2px;margin:0 5px;}
.btn_tnc ,btn_close {text-align:center;margin:0 auto;cursor: pointer;}
.btn_tnc ,btn_close a{text-align:center;margin:0 auto;cursor: pointer;}
.poster1 {text-align:center;max-width:437px;margin:0 auto;}
.poster1 img {width:100%;}
.poster2 {text-align:center;max-width:480px;margin:0 auto;}
.poster2 img {width:100%;}
.poster3 {text-align:center;max-width:420px;margin:0 auto;margin-top:10px;}
.poster3 img {width:100%;}
.date {width:100%;text-align:center;margin:0 auto;font-size:16px;line-height:24px;margin:10px 0;}

.grid_half {width:50%; float:left;}
.description {position: relative;}
.description p{font-size:15px;text-align:justify;padding: 0 10px 10px 20px;line-height:24px;}
.description h1 {color:#c6161e;font-size:24px;font-weight:bold;padding: 0 10px 0 20px; margin-top: 70px;}
.qa h1 {color:#ffffff;font-size:24px;font-weight:bold;padding: 150px 10px 0 20px; margin: 0;}
.qa input{width:90%; margin:0 auto;padding:3px;height:30px;margin:10px 20px;
border: 1px solid #BBBBBB; //改變外框
    background: #fff; // 背景色
    /* 邊角圓弧化，不同瀏器覧設定不同　*/
    -moz-border-radius:3px; // Firefox
    -webkit-border-radius: 3px; // Safari 和 Chrome
    border-radius: 3px; // Opera 10.5+}
.video h1 {color:#c6161e;font-size:24px;font-weight:bold;padding: 0 10px 0 20px; margin: 0;text-align:center;}

.btneffect img {opacity: 1;-webkit-transition: .2s ease-in-out;transition: .2s ease-in-out;}
.btneffect :hover img {opacity: .7;}


.btn_video {width:100%;height:300px;margin:0 auto;text-align:center;padding:3px 0;}
.btn_video_b {margin:0 auto;text-align:center;padding:3px 0;width:200px;}
.btn_video_b img {width:100%;}


.videowrap {margin:0px auto;height:auto;text-align:center;background-image:url(../images/videobg.jpg);}
.videoplay {margin:0 auto;width:100%;}
.player img {width:90%;}
.photocontent {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
}
.photo {width: 28%;
	height: auto;
	float: left;
	margin-top: 11px;
	margin-right: 11px;
	margin-left: 11px;
	margin-bottom: 11px;
	vertical-align: middle;
	border: 5px solid #FFFFFF;
	line-height: 0;
}



button {border: none;padding: 0.5em 1em;background: none;text-align:center;
	color: #fff;font-family: 'Lato', Calibri, Arial, sans-serif;font-size: 1em;letter-spacing: 1px;
	text-transform: uppercase;cursor: pointer;display: inline-block;margin: 3px 2px;border-radius: 2px;}

button:hover {
	background: none;
}


 @media (max-width: 767px){ 
.description h1 {font-size:22px;font-weight:bold;padding: 0 6px 0 6px;margin-top:0px;}
.date {font-size:15px;line-height:24px;}
	 .photocontent {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 30px;
	padding-right: 30px;
}
	 .photo {
	width: 40%;
	height: auto;
	float: left;
	margin-top: 11px;
	margin-right: 11px;
	margin-left: 11px;
	margin-bottom: 11px;
	vertical-align: middle;
	border: 5px solid #FFFFFF;
	line-height: 0;
	}
 }



 @media (max-width: 565px){ 
.container {padding-right: 4px;padding-left:4px;margin-right: auto;margin-left: auto;}
.logo {margin-top:5px;}
.top {margin-bottom:20px;height:auto;}
.btn_video_b {margin:0 auto;text-align:center;padding:3px 0;width:70%;}
.date {font-size:14px;line-height:22px;}


.description {}
.description p{font-size:13px;text-align:justify;padding: 0 6px 0 6px;}
.description h1 {font-size:22px;font-weight:bold;padding: 0 6px 0 6px;margin-top:0px;}
.qa h1 {font-size:18px;font-weight:bold;padding: 8px 10px 0 10px; margin: 0;}
.video h1 {color:#ddc095;font-size:22px;font-weight:bold;padding: 0 6px 0 6px;}
.qa input{width:90%; margin:0 auto;padding:3px;height:30px;margin:10px 15px;border: 1px solid #BBBBBB; //改變外框}

.grid_half {width:100%; float:left;}
.poster1 img {width:80%;}
.poster2 img {width:60%;}
	 	 .photo {width: 100%;
	height: auto;
	float: left;
	margin-top: 11px;
	margin-right: 11px;
	margin-left: 11px;
	margin-bottom: 11px;
	vertical-align: middle;
	border: 5px solid #FFFFFF;
	line-height: 0;
}
	 
	 	 .photocontent {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 5px;
	padding-right: 20px;
}


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