body { 
background:#1B1600;line-height: 1.5;
background: rgb(0,0,0); 
}

html {font-size: 16px;}

/*字型*/
.txt-m{line-height:2;font-size:16px;color: #FFFFFF;}
.txt-s{font-size:1.4em;font-weight:600;}
.txt-L{text-align: center;font-size: 1.6em;font-weight:600;}
h2{text-align: center; font-weight: 600;padding: 20px 0;}
.bigtxt{font-size: 1.6em;text-align:center;font-weight:600;text-shadow:rgba(0,0,0,0.3) 0 2px 1px;color:#FFF;line-height:1.2;min-height:90px;padding-top:35px;margin-bottom:20px;}

/*間距*/
.container{
	background-color:#FFF;
	box-shadow: 0 30px 35px 0 rgba(0, 0, 0, 0.2);
}
.row-padding{padding:20px 30px;}

#page01 .container{
	background-color: #112232;
	background-size: cover;
	padding:40px 0;
	}
	#page02 .container{
		/*background-image:url(../img/Monthly-3.jpg);*/
		background-color: #e7e2dc;
		background-size: cover;	
	}
	#page04 .container{
	/*background-image:url(../img/Monthly-3.jpg);*/
	background-color: #e7e2dc;
	background-size: cover;	
	}
	#page03 .container{
		/*background-image:url(../img/Monthly-3.jpg);*/
		background-color: #112232;
		background-size: cover;	
		color: #FFFFFF;
}
/*header*/
#header{
height:640px;
padding: 130px 0 100px 0;
background-image:url("../img/bgNew.jpg");
background-size: cover;
position: relative;
}
.header-box{ width: 95%; margin: 0 auto; display: block; }
.header-box > img{ width: 67%; margin: 0 auto; display: block; }
.header-box > p{ color: rgb(255, 255, 255); font-size: 19.5px; width: 66%; margin: 0 auto; display: block; line-height: 34px; text-shadow: rgb(43, 43, 43) 0.1em 0.1em 0.2em;}
#page01 h3{height: 50px;background-color:rgba(0,0,0, .8);padding: 10px;color: #FFD000;line-height: 35px;}


.CASE_img{height: 335px;margin-left: 30px;margin-top: 20px;}
.page01-right{padding-right: 60px;}

/*page02*/
.page02{text-align:center;padding:50px 0 80px 0;}
#page02 h2 .page02_bg{background-color: #544A52;padding: 10px;margin-bottom: 50px;border-radius: 10px;color: #FFFFFF;}
#page02 .page02-box{width:260px;height: 170px; margin-bottom: 10px;text-align: left;background-color: #f0eded;margin-left: 15px;border: 3px #FFD000 solid;float: left;padding: 5px;}
#page02 .page02-box:hover{border: 3px #FFFFFF solid;}
#page02 .page02-Left{padding-left: 5%;margin-top: 50px;}
.vidio{border-radius: 10px;border: 3px #FFD000 solid;width: 560px;height: 347px;overflow: hidden;margin-top: 50px;}
#page02 .page02-box h4{font-size: 16px;color:#FFD000;font-weight: 600;background-color: #544A52;text-align: center;padding: 7px 0px;}
#page02 img{width:100px;margin: 30px 0;}
#page02 .txt-s{color: #FFFFFF;}
.party2-txt{width: 870px;margin: auto;}
iframe{width: 560px;height: 374px;}
#page02 .phone{display: none;}
/*page03*/

.page03{padding:50px 0 100px 0; }
.page03_box{background-color: #586090;border-radius: 50%;width: 175px;height: 175px;padding-top: 30px;float: left;margin-left: 20px;}
.page03_box .page03-txt-L{font-size: 16px;}
.page03_box p{text-align: center;color: #fff;font-size: 10px;}
.page03-txt{width: 77%;margin: auto; padding: 5px; border-radius: 5px; line-height: 1.7; font-size: 1.1em;}

.Lightboxbg{width:860px;}
.modal-content{background-color:#393939;color:#FFFFFF;}
.modal-title{font-size:1.6em;margin-bottom:20px;border-bottom:1px #FFFFFF solid;}
.demo{width: 1254px;margin:20px auto;}
.box{float: left;}

.he_ZoomOutImg{background:#fe7253;border-radius: 50%;width: 175px;height: 175px;padding:0;margin:0;border:1px solid #000;position:relative;box-sizing:border-box;cursor:pointer;
-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}

.he_ZoomOutImg .he_ZoomOutImg_img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;
	-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}

.he_ZoomOutImg:hover .he_ZoomOutImg_img{opacity:.1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);overflow:hidden;}
.he_ZoomOutImg .he_ZoomOutImg_caption{color:#fff;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;}
.he_ZoomOutImg .he_ZoomOutImg_caption,.he_ZoomOutImg .he_ZoomOutImg_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;}
.he_ZoomOutImg .he_ZoomOutImg_caption_h{font-size:1.3em;font-weight:700;text-align:center;width:80%;position:absolute;top:55%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:.8;color: #112232;}
.he_ZoomOutImg:hover .he_ZoomOutImg_caption_h{display: none;transition:all .4s ease-in-out;overflow:hidden;}
.he_ZoomOutImg .he_ZoomOutImg_caption_p{font-size:1em;text-align:center;width:80%;position:absolute;top:45%;left:10%;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out;overflow:hidden;opacity:0}
.he_ZoomOutImg:hover .he_ZoomOutImg_caption_p{color:#fff;opacity:1;}


/*page04*/
#page04 .page04{overflow:hidden;margin:auto;padding: 5% 3% 0 3%;}
#page04 .page04-wrap{padding:20px 0;height:520px;background-color:#ffffff;border-radius:3px;box-shadow: 0 0 45px 0 rgba(0, 0, 0, 0.1);margin-bottom:50px;}
#page04 .page04-wrap:hover{box-shadow: 0 0 35px 0 rgba(0, 0, 0, .3);transition: 0.20s linear; background-color:#fff; margin-top: -10px;}
#page04 .page04-txt{background-color:#FFFFFF; margin: auto;padding:0 25px; border-radius: 5px; line-height: 1.7;height: auto;}
#page04 .page04 ul{padding:0 25px 0 50px;}
#page04 .list-item-p{font-size:20px;font-weight:600;color:#544A52;padding-left:5px;margin:15px 25px;text-align: center;}
#page04 .page04-wrap-logo{width: 300px;margin:20px auto;}
#page04 .main-btn{ display: block; background-color: #8F818C; color: #FFFFFF; font-size: 1.2em;font-weight:600; text-align: center; padding: 10px; width: 70%;border-radius: 5px;margin:20px auto;}
#page04 .main-btn span{background-color:#fff; color: chocolate; padding: 0 6px; border-radius: 5px;}
#page04 .main-btn:hover{color:#FFD000;transition: 0.20s linear;}
#page04 .txt{line-height: 1.7; font-size: 1.1em;text-align: center;margin-bottom: 30px;}
#page04 li{font-size: 1.1em;line-height: 1.8;font-weight:600;}
.point{color: #D62A1D;}
#page04 i {padding-right:10px;color:#fff;}
#page04 i a{color:#fff;}
#page04 div.BTN:hover i {color:#324a5e;}
#page04 img{width:100%;height:auto;margin-top:-40px;}

/* CPT 內容設定*/
div#CPT {width: 960px;margin:30px auto;clear: both;}
div#CPT div.BTN-A { width: 300px; }
div#CPT div.BTN { margin: 10px; float: left; background:#544A52; color: #fff; text-align: center; font-size: 1.3em; padding: 15px 10px; border-radius: 5px; transition: 0.20s linear; border:3px #FFFFFF solid;}
div#CPT div.BTN:hover { background-color: transparent; color: #324a5e; transition: 0.20s linear; border-color: #FFD000;}
/*background color*/
.bule{background: -webkit-linear-gradient(-45deg, rgba(3,182,172,1) 0%,rgba(6,183,216,1) 41%,rgba(8,184,235,1) 100%);}
.other{background-color: #8F818C;}

@media(min-width:1359px){	
#header .header-box{width: 1250px;}
#page02 .page02-Left{padding-left: 8%;}	
}

@media(min-width:1200px){	
.container{width:100%; max-width:1350px !important;}
.header-box > p{ width: 73%; }


.CASE_img{width: 90%;margin-left: 10px;}
.party2-txt{width: 90%;margin: auto;}
#page02 .page02-box{width:100%;height: auto;margin-left: auto;margin-right: auto;}
#page02 .page02-Left{padding-left: 4%;}
.page02{padding:20px 0 30px 0;}
.party2-txt{width: 90%;margin: auto;}
iframe{width: 100%;margin: auto;height: 347px;}
.vidio{border-radius: 10px;border: 3px #FFD000 solid;width: 560px;height: 347px;overflow: hidden;margin:50px auto;}
div#CPT { width: 760px;padding:0; }
div#CPT div.BTN-A { width: 230px;margin:10px;}
div#CPT div.BTN {font-size: 1.2em;}
}

@media(max-width:768px) {

#header{background-position: -80px center; height: 500px; padding: 90px 0;}
.header-box > img{ width: 95%; }
.header-box > p{ width: 80%; font-size: 18px; line-height: 30px; }
.row-padding{padding:0;}
.marquee_span{background-repeat: no-repeat;background-position: 10px 4px; background-color:rgba(0,0,0, .8);padding: 5px;color: #FFD000;font-size:1.2em;display: block;width: 100%;margin-bottom: 5px;text-indent: 50px;font-weight: 600;}
.CASE_img{height: 230px;margin-left: 10px;}
#page01 h3{font-size: 1.2em;}
.page01-right{padding-right: 20px;}
#page02 .pc{display: none;}
#page02 .phone{font-size: 1.5em;line-height: 1.5;background-color: #544A52;padding: 10px;color: #FFFFFF;display: block;}
#page02 .page02-box{width:100%;height: auto;margin-left: auto;margin-right: auto;}
#page02 .page02-Left{padding-left: 4%;}
.page02{padding:20px 0 30px 0;}
.party2-txt{width: 90%;margin: auto;}
iframe{width: 100%;margin: auto;height: auto;}
.vidio{border-radius: 10px;border: 3px #FFD000 solid;overflow: hidden;margin: auto;width: 100%;height: auto; }
.demo{width: 175px;margin:0 auto;}
.box{float:none;margin:10px auto;}
#page03 .fa-arrow-right{display: none;}
div#CPT {width: 320px;padding:0;}
div#CPT div.BTN-A { width: 320px;margin:20px 0;}
div#CPT div.BTN {float:none;}
#page04.col-md-4{padding: 0;}
#page04 .list-item-p{font-size:18px;}
#page04 .main-btn{ margin:20px auto;}
}