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

/*基本*/
body { margin: 0; padding: 0; background:#a6d6ff;}

/*全BOX版面*/
.WRAPPER { position: relative; display: block; margin: 0 auto; padding: 0; width: 100%; min-width: 1220px; overflow: hidden; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;}
.WRAPPER img { border: 0; vertical-align: top;}
.WRAPPER a { text-decoration: none;}
@media screen and (max-width:767px){
  .WRAPPER { min-width: inherit; padding-bottom: 0;}
  .WRAPPER img { width: 100%; height: auto;}
}
    
/*回版頭(黑色圓型版)
#gotop { display:none; border-radius:20px; position:fixed; padding:10px 10px 3px 10px; right:30px; bottom:30px; font:12px/30px  Verdana;background:#000 url(gotopBtnBk.png?t=1675405761893) no-repeat center 7px; color:#fff; cursor:pointer; z-index:5}
#gotop { filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6}*/

/*回版頭*/
#gotop { display: none; position: fixed; z-index: 201; right: 0; padding: 14px 6px 3px 10px; font: 12px/30px Verdana; text-align: center; color: #fff; cursor: pointer; transition: 0.2s; transform: translateX(200%);
         bottom: 70px;
         bottom: calc(70px + constant(safe-area-inset-bottom)*0.6);
         bottom: calc(70px + env(safe-area-inset-bottom)*0.6);}
#gotop::before { content: ""; position: absolute; top: 10px; left: 20px; width: 0; height: 0; border: 4px solid #fff; border-color: transparent transparent #fff;}
#gotop::after  { content: ""; z-index: -1; position: absolute; top: 50%; left: 50%; border-radius: 50px 0 0 50px; transform: translate(-50%,-50%); width: 44px; height: 44px; background-color: rgba(0,0,0,0.8);}
#gotop.cate-open { transform: translateX(0%);}
/*白色*/
#gotop { color:#000;}
#gotop::before { border-color: transparent transparent #000;}
#gotop::after  { background-color: rgba(255,255,255,0.95);  box-shadow:0 1px 0 rgba(242,242,242,1), 0 0 10px rgba(0,0,0,0.2);}

/*LOGO*/
.momologo { z-index: 2; position: absolute; top: 15px; left: 15px;}
.momologo a { display: block; width: 140px; height: 21px;}
.momologo a svg { width: 140px; height: 21px;}
.momologo a path { fill:#EA27C2;}
.momologo-pink  a path { fill:#EA27C2;}/*LOGO 桃紅色*/
.momologo-white a path { fill:#ffffff;}/*LOGO 白色*/
@media screen and (max-width:767px){
	.momologo { display: none;}
}

/*區塊_all*/
.Area { position: relative; margin: 0 auto; padding :0; border-radius: 0; text-align:center;}
.Area a { display: block; margin: auto;} 
.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;}
.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;}
.Area_4bn_nopadding { margin: 0 auto; padding: 0; overflow: hidden;}
.Area_4bn_nopadding a { float:left; margin: 0; padding: 0; width: 25%; list-style: none;}
.Area_5bn_nopadding { margin: 0 auto; padding: 0; overflow: hidden;}
.Area_5bn_nopadding a { float: left; margin: 0; padding: 0; width: 20%; list-style: none;}
@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;}
  .Area_4bn_nopadding { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_4bn_nopadding a { float: left; margin: 0; padding: 0; width: 25%; list-style: none;}		
}


/*背景*/
@media screen and (min-width:768px){
  .bg { z-index: 0; position: absolute; top: 0; width: 100%; min-width: 1220px; height: 1100px; background: no-repeat center top ;}
  .bg2 { z-index: -10; position: fixed; top:-233px; left:0; width: 100%; min-width: 1220px; height :1300px; background: no-repeat center top ;}
  .bg_deco { z-index:-5; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-position:center 0px; background-repeat:repeat-y; transition:0.5s linear; pointer-events: none;}
  .bg_deco2 { z-index:-5; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-position:center 0px; background-repeat:repeat-y; transition:0.5s linear; pointer-events: none;;mix-blend-mode: screen}
}
@media screen and (max-width:767px){
  .m_bg { z-index: -52; position: fixed; bottom: 0; left :0; width: 100%; height: 100%; background-position: center bottom; background-repeat: no-repeat; pointer-events: none; background-size: 100%;}	
  .bg_deco { z-index:-5; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-position:center; background-repeat:repeat-y; transition:0.5s linear; pointer-events: none; background-size: 100%;}
}


/*版頭*/
.Area_top { height: 700px;}
.Area_top .knowmore { z-index: 99; position: absolute; top: 46px; right: 125px;}
.Area_top .join { z-index: 99; position: absolute; top: 46px; right: 21px;}
.Area_top .t1 { position: absolute; top: 125px; left: 350px; z-index: 2;}
.Area_top .t2 { position: absolute; top: 475px; left: 450px; z-index: 2;}
.Area_top .top_btn { position: absolute; top: 765px; left: 480px;}
.Area_top .Area_top_left { position: absolute; top: 240px; left: 180px; z-index: 0;}
.Area_top .Area_top_right { position: absolute; top: 497px; left: 885px; z-index: 2;}
.Area_top .title_logo { position: absolute; top: 320px; left: 310px; z-index: 2;}
@media screen and (max-width:767px){
  .Area_top { height: 68vw;}
  .Area_top .momologo { display: none;}
  .Area_top .t1 { position: absolute; top: 9vw; left: 22vw; width: 58%; z-index: 4;}
  .Area_top .t2 { position: absolute; top: 47vw; left: 17vw; width: 67%; z-index: 6;}
  .Area_top .top_btn { position: absolute; top: 100vw; left: 31vw; width: 38%; z-index: 9;}
  .Area_top .Area_top_left { position: absolute; top: 15vw; left: 6vw; width: 84%; z-index: 9;}		
  .Area_top .Area_top_right { position: absolute; top: 72vw; left: 74vw; width: 29%; z-index: 9;}		
  .Area_top .title_logo { position: absolute; top: 26vw; left: 17vw; width: 19%; z-index: 4;}
  .Area_top .knowmore { z-index: 99; width: 14%; top: 4vw; right: 0;}	
}
/*飄-上下*/
.uptodown-play { -webkit-animation: uptodown-play 2s ease-in-out infinite alternate;
                 animation: uptodown-play 2s ease-in-out infinite alternate;}
@-webkit-keyframes uptodown-play { 
0%   { -webkit-transform: translate(0,10px);} 
100% { -webkit-transform: translate(0,0);}
}
@keyframes uptodown-play { 
0%   { transform: translate(0,-10px);} 
100% { transform: translate(0,0);}
}



/*區標*/
.Area_title { position: absolute;}
@media screen and (max-width:767px){
  .Area_title { width: 150%; left: -25%;}
}

/*01活動說明*/
.Area01 { height: auto; background: rgba(255,255,255,0.3);}
.Area01 .box_list { text-align: justify; color: #4b4b4b; font-family: "Century Gothic","Microsoft JhengHei";}
.Area01 .box_list ol { margin: 0; padding: 0; font-weight: bold;}
.Area01 .box_list ul { margin: 0; list-style: none; background: rgba(255,255,255,0.9);}
.Area01 .box_list li { margin: 0; padding: 0; margin-bottom: .4em;}
/* .Area01 .box_list2 { text-align: justify; color: #4b4b4b; font-family: "Century Gothic","Microsoft JhengHei";}
.Area01 .box_list2 ol { margin: 0; padding: 0; font-weight: bold;}
.Area01 .box_list2 ul { margin: 0; list-style: none; background: rgba(255,255,255,0.9);}
.Area01 .box_list2 li { margin: 0; padding: 0; margin-bottom: .4em;} */

/*li樣式(自定樣式) (1) (2) (3) */
.Area01 .box_list .counter_increment_num { list-style: none;}
.Area01 .box_list .counter_increment_num li { counter-increment: num; text-indent: -1.5rem;}
.Area01 .box_list .counter_increment_num li:before { content: "(" counter(num) ") ";}
.Area01 .btn01 { position: absolute; top: 350px; left: 815px;}
.Area01 .btn02 { position: absolute; top: 465px; left: 275px;}
.Area01 .btn03 { position: absolute; top: 465px; left: 632px;}
@media screen and (min-width:768px){
  .momo { width: 16% !important; box-shadow: none; margin-top: .2em;}
  .Area01 { border-radius: 115px 115px 0 0; margin-bottom: 100px;}
  .Area01 .box_list { font-size: 1.67em; position: relative; width: 1180px; left: 20px; padding: 200px 0 20px;}
  .Area01 .box_list ul { padding: 60px 150px 150px 160px; border-radius: 75px 75px 0 0;}
}
@media screen and (max-width:767px){
  .momo { width: 17% !important; box-shadow: none; margin: .4em -.15em .4em 0;}
  .Area01 { width: 100%; border-radius: 10vw 10vw 0 0; margin-bottom: 12vw;}
  .Area01 .box_list { font-size: .95em; position: relative; width: 96%; padding: 24% 2% 2% 2%;}
  .Area01 .box_list ul { padding: 8vw 10vw 18vw 10vw; border-radius: 7vw 7vw 0 0;}
  .Area01 .btn01 { position: absolute; top: 57%; left: 19%; width: 35%; z-index: 9;}
  .Area01 .btn02 { position: absolute; top: 80%; left: 20%; width: 28%; z-index: 9;}
  .Area01 .btn03 { position: absolute; top: 80%; left: 53%; width: 28%; z-index: 9;}
}	
/*小手機按鈕位置 */
@media screen and (max-width:375px){
  .Area01 .btn01 { position: absolute; top: 57%; left: 29%; width: 35%; z-index: 9;}
}	


/*btn01動畫*/
.pulse { -webkit-animation:pulse 1.5s infinite alternate; animation:pulse 1.5s infinite alternate;}
	@-webkit-keyframes pulse {
	  0%   { -webkit-transform:scale3d(.85,.85,.85); transform:scale3d(.85,.85,.85)}
	  50%  { -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1)}
	  to   { -webkit-transform:scale3d(.85,.85,.85); transform:scale3d(.85,.85,.85)}
}
	@keyframes pulse {
	  0%   { -webkit-transform:scale3d(.85,.85,.85); transform:scale3d(.85,.85,.85)}
	  50%  { -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1)}
	  to   { -webkit-transform:scale3d(.85,.85,.85); transform:scale3d(.85,.85,.85)}
}

/*03守護海洋bn*/
.Area03 { height: auto;}
.Area03 .box_list { text-align: justify; color: #ffffff; font-family: "Century Gothic","Microsoft JhengHei";}
.Area03 .box_list .Area_bn { position: absolute; margin: -21px 0 0 -19px; width: 100%; z-index: -5;}
.Area03 .box_list ol { margin: 0; padding: 0; font-weight: bold;}
.Area03 .box_list ul { margin: 0; list-style: none; }
.Area03 .box_list li { margin: 0; padding: 0; margin-bottom: .4em;}
.Area03 .box_list .counter_increment_num { list-style: none;}
.Area03 .box_list .counter_increment_num li { counter-increment: num; text-indent: -1.5rem;}
.Area03 .box_list .counter_increment_num li:before { content: "(" counter(num) ") ";}


@media screen and (min-width:768px){
  .Area03 { margin-bottom: 100px;}
  .Area03 .box_list { font-size: 1.7em; position: relative; width: 1180px; left: 20px; padding: 20px 0 20px;}
  .Area03 .box_list ul { padding: 60px 150px 60px 160px;}  
}
@media screen and (max-width:767px){
  .Area03 { width: 100%; margin-bottom: 12vw;}
  .Area03 .box_list .Area_bn { position: absolute; margin: -7vw 0 0 -2vw; width: 100%; z-index: -5;}
  .Area03 .box_list { font-size: .9em; position: relative; width: 96%; padding: 2% 2% 2% 2%;}
  .Area03 .box_list ul { padding: 4vw 6vw;}
}

/*03小手機字體大小*/
@media screen and (max-width:375px){
  .Area03 .box_list .Area_bn { position: absolute; margin: -7vw 0 0 -2vw; width: 100%; z-index: -5;}
  .Area03 .box_list { font-size: 0.83em; position: relative; width: 96%; padding: 2% 2% 2% 2%;}
  .Area03 .box_list ul { padding: 0vw 6vw;}
}

/*03小手機字體大小*/
@media screen and (max-width:390px){
  .Area03 .box_list .Area_bn { position: absolute; margin: -7vw 0 0 -2vw; width: 100%; z-index: -5;}
  .Area03 .box_list { font-size: 0.83em; position: relative; width: 96%; padding: 2% 2% 2% 2%;}
  .Area03 .box_list ul { padding: 0vw 6vw;}
}

/*02報名注意事項*/
.Area02 { height: auto; background: rgba(255,255,255,0.3);}
.Area02 .box_list { text-align: justify; font-family: "Century Gothic","Microsoft JhengHei"; color: #4b4b4b;}
.Area02 .box_list ol { margin: 0; padding: 0;}
.Area02 .box_list ul { margin: 0; list-style: none; background: rgba(255,255,255,0.9);}
.Area02 .box_list li { margin: 0; padding: 0; margin-bottom: .75em;}
/*li樣式(自定樣式) (1) (2) (3) */
.Area02 .box_list .counter_increment_num { list-style: none;}
.Area02 .box_list .counter_increment_num li { counter-increment: num; text-indent:-1.5rem;}
.Area02 .box_list .counter_increment_num li:before { content: "(" counter(num) ") ";}
@media screen and (min-width:768px){
  .Area02 { border-radius: 115px 115px 0 0; margin-bottom: 100px;}
  .Area02 .box_list { font-size: 1.65em; position: relative; width: 1180px; left: 20px; padding: 160px 0 20px;}
  .Area02 .box_list ul { padding: 60px 150px 20px 160px; border-radius: 75px 75px 0 0;} 
}	
@media screen and (max-width:767px){
  .Area02 { width: 100%; border-radius: 7vw 7vw 0 0; margin-bottom: 12vw;}
  .Area02 .box_list { font-size: .95em; position: relative; width: 96%; padding: 20% 2% 2% 2%;}
  .Area02 .box_list ul { padding: 8vw 9vw 3vw 9vw; border-radius: 7vw 7vw 0 0;}
}	

/*如何加入綠活會員*/
.Area05 { height: auto; background: rgba(255,255,255,0.3);}
.Area05 .box_list { text-align: center; font-family: "Century Gothic","Microsoft JhengHei"; color: #4b4b4b;}
.Area05 .box_list ul { margin: 0; list-style: none; background: rgba(255,255,255,0.9);}
.Area05 .box_list li { border: none;}
.Area05 .PD_layout .PD_slide { padding: 2em 1em;}
.Area05 .PD_layout .PD_into { justify-content: flex-start; width: 100%;}
.Area05 .PD_layout .PD .txtl { color: #518021; font-size: 1.65em; font-weight: 900; letter-spacing: -0.05em; text-align: center; margin-bottom: .5em;}
.Area05 .PD_layout .PD .txt2 { color: #4b4b4b; font-size: 1.6em; font-weight: 200; letter-spacing: -0.05em; text-align: center;}
.Area05 .PD_layout .PD_img { width: 94%; margin: 0 auto; padding: 0;}
@media screen and (min-width:768px){
  .Area05 { border-radius: 115px 115px 0 0; margin-bottom: 100px;}
  .Area05 .box_list { font-size: 1.65em; position: relative; width: 1180px; left: 20px; padding: 160px 0 20px;}
  .Area05 .box_list ul { border-radius: 75px 75px 0 0;} 
}
@media screen and (max-width:767px){
  .Area05 { width: 100%; border-radius: 7vw 7vw 0 0; margin-bottom: 12vw;}
  .Area05 .box_list { font-size: .95em; position: relative; width: 96%; padding: 20% 2% 2% 2%;}
  .Area05 .box_list ul { border-radius: 7vw 7vw 0 0; width: 100%; padding-top: 7vw; grid-gap: 7vw;}
  .Area05 .PD_layout .PD .txtl { font-size: .95em; width: 100%; margin-bottom: .3em;}
  .Area05 .PD_layout .PD .txt2 { font-size: .9em; letter-spacing: -.04em; margin-right: .01em;}
  .Area05 .PD_layout .PD_slide { padding: 0;}  
  .Area05 .PD_layout .PD_img { width: 84%;}
}



/*03公版*/
.Area_5PD { background: rgba(255,255,255,0.3);}
.more { position: absolute; top: 70px; right:90px; z-index: 5;}
@media screen and (min-width:768px){
  .Area_5PD { border-radius: 115px 115px 0 0; margin-bottom: 100px;}
  .Area_5PD .PD_layout.rwd_5PD { padding: 140px 0 45px;}
  .Area_5PD .PD_layout.rwd_5PD ul { width: 90%;}
}
@media screen and (max-width:767px){
  .Area_5PD { border-radius: 10vw 10vw 0 0; margin-bottom: 12vw;}
  .Area_5PD .PD_layout.rwd_5PD { padding: 18vw 0 8vw;}
  .Area_5PD .PD_layout.rwd_5PD ul { width: 96%;}
  .more {top: 9.5vw; right: 6%; width: 23%; height: 2%;}	
}



/*去除PD_layout樣式*/
.PD_noBG ul { background-color: transparent; width: 100%; padding: 0;}
.PD_noBG ul li { border: none; background-color: #fff;}
.Area_swiper_box .PD_noBG li { background-color: transparent;}
.PD_layout .PD_noBG ul { padding: 0;}


/*07 Bn*/
.Area07 { position: relative; margin: 0 auto;}

@media screen and (max-width:767px){
  .Area07 { position: relative; margin:0 auto; width: 92%;}	
}

/*08 旗艦館*/
.Area08 { position: relative; margin: 100px auto 10px auto;}
@media screen and (max-width:767px){
  .Area08 { position: relative; margin: 10vw auto 2vw auto; width: 92%;}	
}


/*浮層嘿嘿*/
.blackBox { display: none; z-index: 99999; position: absolute; top: 0; left: 0; width: 100%; height: 300%; background-color: rgba(34, 34, 34, 0.75);}
.blackBox * { font-family: "微軟正黑體", "Microsoft JhengHei", Arial; -webkit-box-sizing: border-box; box-sizing: border-box;}
.blackBox a { text-decoration: none;}

/*浮層基本*/
.blackBox .box .button { border-top: 1px solid #d6d6d6; text-align: center; font-size: 1.25rem; line-height: 3.5rem; font-weight: bold;}
.blackBox .box .but-close { clear: both; width: 100%;}
.blackBox .box .but-close a { display: inline-block; width: 100%; height: 100%; color: #333;}
.blackBox .box h3 span.close {position: absolute; top: 6px; right: 5px; display: block ;border: 2px solid #fff; border-radius: 5px; width: 63px; height: 33px; font-size: 1rem; line-height: 2rem; text-align: center;}
.blackBox .box h3 span.close a { display: inline-block; width: 100%; height: 100%; color: #fff;}
.blackBox .Boxclose { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent;}
.blackBox .box h4 { height: 3rem; font-size: .8rem; font-weight: 100; text-align: center; color: #000;}

/*通知浮層*/
.agreeArea { z-index: 1; position: relative; top: 5%; margin: 0 auto 30px; width: 94%; max-width: 700px; font-family: "Century Gothic", "微軟正黑體", sans-serif;text-align: justify;}
.agreeArea img { width: 100%; height: auto;}
.agreeArea .box {border-radius: 10px; background-color: #fff; overflow: hidden;}
.agreeArea .box .txtArea { height: 600px; overflow: auto; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.agreeArea .box h3 { margin: 0; padding: 0; height: 3rem; font-size: 1.25rem; font-weight: 800; line-height: 3rem; text-align: center; color: #fff; background-color: #1165bc;}
.agreeArea .box p { margin: 10px auto; margin-top: 1rem; padding: 0; font-size: 1em; text-align: left; line-height: 1.2em; color: #000;}
.agreeArea .box p b { display: block; padding-bottom: 0; margin: 0 5%; width: 90%;}
.agreeArea .box .qrcodeimg { text-align: center;}
.agreeArea .box .qrcodeimg a { color: #006afe;}
.agreeArea .box .qrcodeimg img { width: 100%; height: auto;}
.agreeArea .box .agree_table table { margin: 20px auto; border-collapse: collapse; width: 90%; text-align: center;}
.agreeArea .box .agree_table th { padding: 5px; border: 1px solid #CCC; width: 33%; font-size: .9em;}
.agreeArea .box .agree_table td { padding: 5px; border: 1px solid #CCC; font-size: .9em;}
.agreeArea .box .agree_table th a { color: #c70026; text-decoration: underline;}
.agreeArea .box .xxx { display: block; width: 80%; height: 40px; font-size: 1.5em; text-align: center; line-height: 40px; color: #FFF; background-color: #7048A0; margin: 0 auto; margin-bottom: 20px; margin-top: 10px; font-weight: bold; border-radius: 10px;}
.agreeArea .box ul, 
.agreeArea .box ol { margin: 0;}
.agreeArea .box li { margin: 0 20px 10px 0; font-size: .9em;}
.agreeArea .box ul li {  font-size: 1em;}
.agreeArea .box table { margin: 0 5%; width: 90%; border-collapse: collapse;}
.agreeArea .box th { padding: 5px; border: 1px solid #CCC; background: #eee; font-size: .8em; text-align: center;}
.agreeArea .box td { padding: 5px; border: 1px solid #CCC; font-size: .8em;}
.agreeArea .box table ul, 
.agreeArea .box table ol { padding: 0 0 0 0px;}
.agreeArea .box table li { margin: 0 0 10px 0;}


/*隱鑶*/
.for_pc {}
.for_phone { display: none !important;}
@media screen and (max-width:767px){
  .for_pc { display: none !important;}
  .for_phone { display: inherit !important;}
}