@charset "utf-8";

body{
	margin: 0;
	padding: 0;
	width: 100%;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:20px;
	background-color:#1e1e1e;	
	background-image:url(../images/bg.jpg);
	background-size: 100%;

}
/*-------fb------*/
 .fb {
	z-index:1;
	position: absolute;
	top: 100px;
	left: 85%;
    }
.line-icon{
	z-index:1;
	position: absolute;
	top: 0;
    left: 120%;
}
.logo{
	z-index: 1;
	position: absolute;
	width: 11%;
	top: 14%;
	left: 45%;
}
.header-box{
	max-height: 100px;
	margin: 0;
	padding: 0;
}

.wrap{
	margin:-6px 0 0 0;
	padding:0;
	width:100%;
	min-height:600px;
}
.kv_bg{
	position:relative;
	height:0;
	overflow:hidden;
	padding-bottom:48%;
	padding-top: 0;
}
.web-kv{
	display:block
}
.pad-kv{
		display:none;
}
.mobile-kv{
		display: none;
}

.kv-p1{
	margin: 0 auto;
}

.content{
	width: 100%;
	position: absolute;
	min-height: 600px;
	overflow: visible;
	z-index: 999;
/*	background-image:url(../images/bg.jpg);*/
/*background-attachment: fixed;*/
}
/*.container{
	padding-top:10vh;
}*/


.box{
	width: 100%;

}
.box h2{
	width: 17%;
	margin: 0 auto 30px;
}
.box h4{
	width: 100%;
	text-align: center;
	margin: 0 auto 30px;
	font-size: 25px;
	line-height: 1.5em;
}
.box h4 span{
	color: #ff6201;
	font-size: 30px;
	font-weight: bold;
}
.box h5{
	display: block;
	width: 100%;
	text-align:left;
	margin: 0 auto 5%;
	font-size: 25px;
/*。*/
	padding:0 4%;
}

.else{ margin-bottom:5% !important;}

.box h5>span{
	font-size:1.3em;
	line-height:75px;
	font-weight: bold;
	color: #a6aa65;
	letter-spacing:2px;
	float:left;
	padding-left:1%;
	margin-bottom: 1em;
	text-shadow:
       3px 3px 3px #101720,
     -1px -1px 3px #101720,  
      1px -1px 3px #101720,
      -1px 1px 3px #101720,
       1px 1px 3px #101720;
}
h5>span.title{
	width:100%;
	line-height: 76px;
	background-image:url(../images/title.png);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	padding-top: 2px;
	color: #FFF;
	font-size: 1em;
	margin-bottom: 1em;
}


.t_img{
	height:150px;
	padding-top:50px !important;
	background-image:url(../images/title2.png) !important;}


img.book1{
	width: 100%;
	text-align: center;
	box-shadow: 0 0 15px #000;;
}

.icon{
	width:90px;
	height:110px;
	float:left;
	background-image:url(../images/icon.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:left center;
	margin-left: -38px;
}
	
.box p{
	clear:both;
    color: #fff;
	letter-spacing:1px;
	text-shadow: 1px 2px 8px #000;
	font-size:1em;
	line-height:1.6;
	padding-left:65px;}

.light{
	clear:both;
    color: #d21c41;
	font-weight: bold;
	letter-spacing:1px;
	text-shadow: 1px 2px 8px #000;
	font-size:1.5em;
	line-height:1.6;
	margin:0 1%;}

.light2{
	clear:both;
    color: #de1d42;
	font-weight: bold;
	letter-spacing:1px;
	text-shadow: 2px 2px 5px #000;
	font-size:1.2em;
	line-height:1.6;}

.box p span{
	font-size:.8em;
	float: inherit;
}	
	
.list{
	padding-left:9.5%;}
	
.list li{
	clear:both;
	color:#fff;
	letter-spacing:1px;
	text-shadow: 2px 2px 4px #a20f10;
	font-size:1.1em;
	line-height:1.6;
}
.notice h5{
	margin:1em 0 1.5em 0;
}
p.subtitle{
	padding: 0;
	font-size:1em;
	text-align: center;
}
.small_t{
	font-size: 20px;
}

.box .noticelist{
	padding-left:11%;}
.box .noticelist li{
	clear:both;
	color:#fff;
	letter-spacing:1px;
	text-shadow: 2px 2px 3px #000;
	font-size:.9em;
	line-height:1.8;
	padding: .3em 0;	
}
.box .noticelist li a{
	color: #ff6201;
}
.box .noticelist .download a{display:inherit; color: #fff;text-shadow: none; }
.box .noticelist .point { 
	background-color:#f37318;color: #fff;text-shadow: none; }
.box .noticelist .point:hover { 
	background-color:#e0640d;}	
.box .qa li{	line-height:1.6; list-style: none !important;	font-size:1.1em; padding: .7em 0; font-weight: bold;}
.box .qa li:nth-child(even){
	border-bottom: 1px dotted #523c50;
	color: #af655a;
}
.box .qa li:last-child{
	border-bottom: none;
}

.box1-kv{
	width: 95%;
	margin: 0 auto;
}
.box2-kv{
	width: 59%;
	margin: 0 auto;
}
.box3-kv{
	width: 82%;
	margin: 0 auto;
}
.box4-kv{
	width: 66%;
	margin: 0 auto;
}
.box5-kv{
	width: 37%;
	margin: 0 auto;
}
.box5-kv-1{
	display: block;
}
.box5-kv-2{
	display: none;
}

.footer{
	width:100%;
	height:198px;
/*	background-color:#bd9645;*/
	background-image: url(../images/footer.png);
	background-position: center bottom;
	background-size: 100%;
	text-align:center;
	background-repeat: no-repeat;

}

.footer p{
	position: relative;
    top:80%;
    transform:translateY(-50%);
	font-size:0.8em;
	color: #a6aa65;
	text-shadow: 1px 1px 3px #000;
}
/*<!--book-->
.container_A{
    width:100%;
	max-heigh:100%;
    margin:0;
    padding:0;
	flex-direction: row | row-reverse | column | column-reverse;
	display:flex;
	background:inherit;
	margin-bottom: 2em;
}*/

.row{
	max-width:100%;
	margin: 0 auto;
	padding-bottom: 10px;
	}
.col{
	max-width:23%;
	width:23%;/*
	height:380px;*/
	margin:1%;
	float:left;
	padding:3%;
	background-color: rgba(179,177,193,30%);
	border-radius:10px;
	}
.prize-info{
	font-weight:bold;
	color:#c6c6c6;
    font-size:1em;
    letter-spacing:1px;
    line-height:1.4;
	text-align:center;
	display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    height: 60px;
    -webkit-box-orient: vertical;	
	}
.col img{
    display:block;
    max-width:100%;
    width:100%;
    height:16vw;
    margin:0 auto;
    padding-bottom:20px;
}
a {
    color: #FFFFFF;
    text-decoration: none;
}



.download{
	width:220px;
	height:60px;
	line-height:50px;
	background-color:#3c3c3c;
	border-radius:5px;
	text-align:center;
	letter-spacing:1px;
	font-size:0.9em;
	padding: 5px;
	margin:2% 0 0 7%;
	cursor: pointer;
}
	
	
.download a,.btn a{
	color:#cfd4c2;
	text-decoration:none;}
	
	
.download:hover{
	background-color:#272727;}


.btn{
	display: block;
	width:250px;
	height:auto;		
	line-height:50px;
	background-image: url(../images/btn.png);
	background-size: 100% 90%;
	text-align:center;
	letter-spacing:3px;
	font-size:0.8em;
	padding: 5px;
	margin:0 auto;
	font-weight: 600;
	cursor: pointer;
	float: right;	

}
.btn a{
	display: inline-block;
	width: 100%;
}
.btn a:hover{
	color:#860A16;
}
.btn:hover img{
	padding-left:5px;
}


p.text-left{
	text-align: left;
	padding: 0;

}

.float-right{
	float: right;
}


.hr-style{
    margin:2em auto;
    border: 0;
    height: 2px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), 
             rgba(166, 170, 101, 0.6), rgba(0, 0, 0, 0));
}