@charset "big5";
/* CSS Document */

/*�^���Y*/
#gotop { display: none; position:fixed; z-index:5; right:20px; bottom:30px;padding:10px 10px 3px 10px; border-radius:50px; font:12px/30px Verdana; text-align:center; color:#000;  background-color:rgba(255,255,255,0.7); cursor:pointer;
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
          transition: all 0.3s ease;}
#gotop:hover { padding-top:40px; background-color:#fff;} 
#gotop::before { content: ""; position:absolute; top:7px; left:18px; width: 0; height: 0; border: 4px solid #000; border-color: transparent transparent #000; }
	@media screen and (max-width:767px){
		#gotop { right:20px; bottom:20px; }
	}

/*�H�H�ֳt��(�զ��)*/
.fixed_Area {z-index:999; position:fixed; top:20px; right:0px; width:100px; font-weight:800; font-size:16px; line-height:48px; font-family:Century Gothic, "�L�n������",Helvetica; text-align:center;
			-webkit-transform: rotate3d(0,0,0,0deg) translate3d(0,0,0); transform: rotate3d(0,0,0,0deg) translate3d(0,0,0); -webkit-transform-origin:top right; transform-origin:top right;
			  -webkit-transition: all 0.2s ease;
				 -moz-transition: all 0.2s ease;
				  -ms-transition: all 0.2s ease;
				   -o-transition: all 0.2s ease;
					  transition: all 0.2s ease;}
.fixed_Area a { display:block; text-decoration: none; color: #000;}
.fixed_Area img {-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;}
.fixed_Area .box ul { margin:0; padding:0; list-style:none;}
.fixed_Area .box li { margin:0 0 1px 0; padding:0; height:48px; background-color:rgba(255,255,255,0.6);}
.fixed_Area .box li a { letter-spacing:-1px;height:48px; overflow:hidden;}
.fixed_Area .box li a:hover { background-color:rgba(255,255,255,1);}
.fixed_Area .box li.cate-hover { background-color:rgba(255,255,255,1);}
.fixed_Area .box h2 { margin:0; padding:0;}
	/*�ֳt����*/
	.fixed_Area h3 { position: absolute; top:100px; right:-50px; margin:0; padding:35px 0 0 0; border-radius:10px; width:48px; height:82px; font-size: 16px; line-height:30px; writing-mode: tb-lr; writing-mode: vertical-lr; -webkit-writing-mode: vertical-lr; background-color:rgba(255,255,255,0.6); text-align:left; cursor:pointer;
			-webkit-transform-origin:top left; transform-origin:top left;
			  -webkit-transition: all 0.2s ease;
				 -moz-transition: all 0.2s ease;
				  -ms-transition: all 0.2s ease;
				   -o-transition: all 0.2s ease;
					  transition: all 0.2s ease;}
	.fixed_Area h3 i { position: absolute; top:0; right:0; display:block; width:50px; height:50px; cursor:pointer;}
	.fixed_Area h3 i:before { content: ""; position:absolute; top:41%; left:37%; display:block; border:1px solid #000; border-width:0 1px 1px 0; width:15%; height:15%; -webkit-transform:translate(-50%,-50%) rotate(135deg); transform:translate(-50%,-50%) rotate(135deg); -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
			/*�¦��*/
			.fixed_Area.fixed_Area-dark a { color: #fff;}
			.fixed_Area.fixed_Area-dark .box li { background-color:rgba(0,0,0,0.5);}
			.fixed_Area.fixed_Area-dark .box li a:hover { background-color:rgba(0,0,0,1);}
			.fixed_Area.fixed_Area-dark .box li.cate-hover { background-color:rgba(0,0,0,1);}
            .fixed_Area.fixed_Area-dark h3 {background-color:rgba(0,0,0,0.5);color: #fff; }
            .fixed_Area.fixed_Area-dark h3  i:before { border-color:#fff;}



			/*���X�H�H��*/
			.fixed_Area.fixed_Area_hide { -webkit-transform: rotate3d(0,0,0,0deg) translate3d(150px,0,0); transform: rotate3d(0,0,0,0deg) translate3d(150px,0,0); }
			.fixed_Area.fixed_Area_hide h3 { -webkit-transform: rotate3d(0,0,0,0deg) translate3d(-185px,0,0); transform: rotate3d(0,0,0,0deg) translate3d(-185px,0,0); 
											 -webkit-transition-delay:0.2s; transition-delay:0.2s;}



/*�q���B�h*/
.agree_mocard .agreeArea .box table { margin: 0 5% 5%; width:80%;  border-collapse:collapse;}
.agree_mocard .agreeArea .box th { padding:5px; border:1px solid #CCC; background:#eee; font-size:0.8em; }
.agree_mocard .agreeArea .box td { padding:5px; border:1px solid #CCC; font-size:0.8em; vertical-align:top; }
.agree_mocard .agreeArea .box table ul,
.agree_mocard .agreeArea .box table ol { padding:0 0 0 20px; vertical-align: middle; }
.agree_mocard .agreeArea .box table li { margin:0 0 10px 0px;}
.agree_mocard .agreeArea .box ul li ol { padding:0 0 0 20px;}
.agree_mocard .agreeArea .box ol li ul { padding:0 0 0 20px;}

.agree_mocard .box h4 {height: 1.5rem; font-size: 1rem; font-weight: 100; text-align:left; color: #000; margin:0; padding: 20px 0 20px 20px;}
.agree_mocard .txtArea { padding: 0 100px; box-sizing: border-box;}
	@media screen and (max-width:767px){
    .agree_mocard .agreeArea .box table { width:90%;}
    .agree_mocard .txtArea { padding: 0; box-sizing: border-box;}
    }


/*�@��--�����򥻳]�w*/
.Area_swiper { position:relative; margin:0 auto; -webkit-box-sizing:border-box; box-sizing:border-box; overflow: hidden; }
.Area_swiper_box { z-index:1; padding-bottom:25px;}
.Area_swiper_box.Area_swiper_box_relative { position:relative;}
.Area_swiper_box.Area_swiper_box_absolute { position:absolute; top:0; left:0; right:0; bottom:0;}
.Area_swiper_box .swiper-wrapper { margin:0; padding:0; list-style:none; display: flex ; grid-gap: 0 }
.Area_swiper_box .swiper-wrapper:after { content:""; display:block; clear:both; }
.Area_swiper_box .swiper-slide { margin:0; padding:0;}
.Area_swiper_box .pagination { bottom:0px !important; transform:scale(0.7); }
.Area_swiper_box .pagination.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { transform: translateX(-50%) scale(0.7); }
    @media screen and (max-width:767px){
      .Area_swiper {width:96%; }
      .Area_swiper_box { padding-bottom: 5vw;}
    }
    /*����*/
    .button.swiper-button-next,
    .button.swiper-button-prev { outline: none;} 
    @media screen and (max-width:767px){
      .button.swiper-button-next,
      .button.swiper-button-prev { display:none !important;} 
    }
    /*�����M�����ɭץ�*/
    .Area_swiper_box .PD_layout { position: static; }
    @media screen and (max-width:767px){
      .Area_swiper_box .PD_layout { margin: 0 0.8em;}
    }
    @media screen and (min-width:768px){
      .Area_swiper_box .PD_layout { margin: 0 35px; margin-top: 10px}    
    }

/*�����˦��վ�--���s/�p���I/�i�ױ�*/
.Area_boxstyle_pagination .swiper-pagination-bullet {
  border-radius: 20px;
  width: 6px;
  height: 6px;
  -webkit-transition: opacity .3s, background-color .3s, width .3s;
  transition: opacity .3s, background-color .3s, width .3s;
  -webkit-transition-delay: .3s, .3s, 0s;
          transition-delay: .3s, .3s, 0s;
}
.Area_boxstyle_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 24px;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.Area_boxstyle_pagination .swiper-pagination-bullet {
  background-color: #000;
  opacity: 0.4;
}
.Area_boxstyle_pagination .swiper-pagination-bullet-active {
  background-color: #000;
  opacity: 1;
}
.Area_boxstyle_pagination-white .swiper-pagination-bullet {
  background-color: #fff;
  opacity: 0.4;
}
.Area_boxstyle_pagination-white .swiper-pagination-bullet-active {
  background-color: #fff;
  opacity: 1;
}
.Area_swiper_box .pagination {
  bottom: 0px !important;
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
}
.Area_swiper_box .pagination.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  -webkit-transform: translateX(-50%) scale(0.7);
          transform: translateX(-50%) scale(0.7);
}