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

/*��*/
body{ margin:0; padding:0;}


/*��BOX����*/
.WRAPPER { position: relative; display:block; margin: 0 auto; padding: 0 ; width:100%;  min-width:1220px; overflow:hidden; text-align:left; font-family:"Microsoft JhengHei","微軟正黑體", "Arial", "sans-serif"; }
.WRAPPER img { border:0px; vertical-align:top;}
.WRAPPER a { text-decoration:none;}
		@media screen and (max-width:767px){
		.WRAPPER { min-width: inherit;  }
		.WRAPPER img {  width:100%;  height:auto;}
	}
	
/*�I��*/
.bgtop    { z-index:-5; position:fixed; top:0; left:0; width:100%; min-width:1220px; height:960px; background: url(bg.jpg?t=1782121490247) no-repeat center top ;}
	@media screen and (max-width:767px){
		.bgtop    { min-width: inherit;  padding-bottom:100%; background: url(bg_m.jpg?t=1782121490247) no-repeat center 0; background-size:100%;}
	}


/*�϶�_all*/
.Area { position: relative; margin:0 auto; padding:0; border-radius:0; text-align:center; max-width:2000px; }
.Area a { position:relative; display:inline-block;} 
.Area .go_bt {
  -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
       -o-transition: all 0.4s ease;
          transition: all 0.4s ease;}
.Area .go_bt:hover {
  -webkit-transform:scale(0.95);
     -moz-transform:scale(0.95);
      -ms-transform:scale(0.95);
       -o-transform:scale(0.95);
          transform:scale(0.95);}
.Area1220 { margin:0 auto; width:1220px;}
.Area960 { margin:0 auto; width:960px; }
	@media screen and (max-width:767px){
		.Area1220 { width:100%;}
		.Area960 { width:100%;}
		/*�϶�_����*/
		.Area_1bn { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_1bn a { float:left; margin:0 0 2% 0; padding:0; width:100%; list-style: none;}
		.Area_2bn { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_2bn a { float:left; margin:0 1% 2%; padding:0; width:48%; list-style: none;}
		.Area_3bn { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_3bn a { float:left; margin:0 1% 2% ; padding:0; width:31.3%; list-style: none;}
		.Area_1bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_1bn_nopadding a { float:left; margin:0; padding:0; width:100%; list-style: none;}
		.Area_2bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_2bn_nopadding a { float:left; margin:0; padding:0; width:50%; list-style: none;}
		.Area_3bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_3bn_nopadding a { float:left; margin:0; padding:0; width:33.3%; list-style: none;}
	}
	
/*����I��*/
.content_bg { background-color: #fff; box-shadow: 0 0 20px #ddd;  width:960px; padding:69px 0 50px; margin:0 auto;  }
.content_bg .box { }
	@media screen and (max-width:767px){
		.content_bg { width:100%; padding-bottom:120px; padding-top:0px }
	}
	
/*���Y*/
.Area_top { padding:0; margin:0 auto 50px;}
.Area_top p { font-size: 22px; line-height: 40px;  width:75%; margin:70px auto; text-align: left;}
.Area_top h1 {}
	@media screen and (max-width:767px){
		.Area_top { height: auto;  margin:0 auto  }
		.Area_top p { width:90%; font-size: 1.2rem; font-family:"Microsoft JhengHei","微軟正黑體", "Arial", "sans-serif"; margin:10vw auto;  line-height: 2rem;text-align: left;}
		.Area_top h1 { font:bold 7vw/9vw "PMingLiU"; }
	}
	
	
/*����*/
.box_1 { width:85%; padding:0 5%; margin:0 auto 10px; position:relative; overflow:hidden;font-size: 16px; line-height: 30px; font-family:"Microsoft JhengHei","微軟正黑體", "Arial", "sans-serif"; }
.box_1 img { float:left; width:35%; height:auto;}
.box_2 { width:45%; padding:0 5%; margin:0 auto 10px; position:relative; overflow:hidden;font-size: 16px; line-height: 30px; font-family:"Microsoft JhengHei","微軟正黑體", "Arial", "sans-serif"; }
.txt { float:left; width:55%; text-align:left; padding: 40px; }
.txt2 { float:left; width:90%; text-align:justify; padding: 40px; }
.txt2 img { width: 47%; float: right; }
.txt::after { content:""; clear:both;}
.txt h1 { line-height: 35px;}
.txt p { display:block;}
.txt a { color:#fff; font: 25px/36px "Microsoft JhengHei","微軟正黑體", "Arial", "sans-serif"; padding:2px 30px; margin:0 auto; border-radius:5px; background-color: rgba(52, 35, 16, 0.7)}
.txt ol { margin:0;}
	@media screen and (max-width:767px){
		.box_1 { width:92%; padding:0 2%; margin:0 auto 2vw;}
		.box_1 img { width:77%; float: none;margin:4vw auto;}
		.txt {  width:95%; margin: 0 auto;padding:0; text-align:justify;float: none;}
		.txt h1 { font-size:1.4rem;margin: 2vw 0;line-height:7vw;}
		.txt2 {width: 95%;padding: 0;text-align: justify;}
		.txt2 h1 { font-size:1.4rem;margin: 2vw 0;line-height:7vw;}
		.txt p { }
		.txt li { padding-right:5vw; }
	}
	
	/*����-PC�S������*/
	@media screen and (min-width:768px){
		/*�Ϥ��m�k(���ư϶�)*/
		.picRight img { position:absolute; right:5.3%; width:35%;}
		.picRight2 img { position:absolute; right:30%;margin-top:-20% }
		.picRight2 { float: right;width:35%;}
		/*�Ϥ��M��r�m��*/
		.txtCenter .txt { width:90%; }
		.txtCenter img { width:47%; float:inherit; margin-bottom:-5%}
	}
	

/*LOGO TITLE*/
.title { height: 85px;}
.title h1 {position: relative; font-size: 40px;}
.title h1:after { content: "";position: absolute; top: 150%; left: 6%; width: 850px; height: 1px; background-color: #000;}
	@media screen and (max-width:767px){
	.title { height: 15vw;}
	.title h1 {position: relative; font-size: 1.4rem;}
	.title h1:after { content: "";position: absolute; top:150%; left: 8%; width: 85%; height: 1px; background-color: #000;}
	}









	
/*�J�Z�϶�*/
.PD { width:90%;}
	@media screen and (max-width:767px){
		.PD { width:100%;}
	}
	
/*���t*/
.for_pc {}
.for_phone { display:none !important;}
	@media screen and (max-width:767px){
		.for_pc { display:none !important;}
		.for_phone { display: inherit !important;}
	}