body, html {height: 100%;margin: 0;padding: 0;}
img {
    height: auto;
    max-width: 100%;
    border: none;
    outline: none;
    transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
}
/* 行動版面: 480px 以下。 */
@media only screen and (max-width: 480px) {
.parallax_bg {overflow: hidden;position: relative;height: 41%;}
.parallax {position: relative;margin-top:25px;}
.main-title{position:absolute;z-index:3;width:80%;top:50%; padding-left:10%; padding-right:10%;color:#fff;}
.main-title h3{font-size:32px; margin-bottom:26px; font-family:"Courier New"}
.main-title h4{font-size:16px;line-height:26px; letter-spacing:2px}
}

/* 表格版面: 481px 到 767px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 481px) {
.parallax_bg {overflow: hidden;position: relative;height: 100%;}
.parallax {position: relative;}
.main-title{position:absolute;z-index:3;width:350px;top:50%; padding-left:15%;padding-right:0;color:#fff;}
.main-title h3{font-size:40px; margin-bottom:26px; font-family:"Courier New"}
.main-title h4{font-size:16px;line-height:28px; letter-spacing:2px}
}

/* 表格版面: 768px 到 980px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 768px) {
.parallax_bg {overflow: hidden;position: relative;height: 45%;}
.parallax {position: relative;}
.main-title{position:absolute;z-index:3;width:350px;top:50%; padding-left:15%;padding-right:0;color:#fff;}
.main-title h3{font-size:40px; margin-bottom:26px; font-family:"Courier New"}
.main-title h4{font-size:16px;line-height:28px; letter-spacing:2px}
}

/* 表格版面: 981px 到 1280px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 981px) {
.parallax_bg {overflow: hidden;position: relative;height: 75%;}
.parallax {position: relative;}
.main-title{position:absolute;z-index:3;width:350px;top:50%; padding-left:15%;padding-right:0;color:#fff;}
.main-title h3{font-size:40px; margin-bottom:26px; font-family:"Courier New"}
.main-title h4{font-size:16px;line-height:28px; letter-spacing:2px}
}

/* 桌面版面: 1281px 到最大 1824px。樣式繼承自: 行動版面和表格版面。 */
@media only screen and (min-width: 1281px) {
.parallax_bg {overflow: hidden;position: relative;height: 69%;}
.parallax {position: relative;margin-top:-270px;}
.main-title{position:absolute;z-index:3;width:350px;top:65%; padding-left:15%;padding-right:0;color:#fff;}
.main-title h3{font-size:40px; margin-bottom:26px; font-family:"Courier New"}
.main-title h4{font-size:16px;line-height:28px; letter-spacing:2px}
}

.pull-curtain a:hover .bg-img{-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03)}
.pull-curtain a:hover .bg-img:after{opacity:.75}
.pull-curtain a:hover .heading{transition:-webkit-transform .6s .2s;transition:transform .6s .2s;transition:transform .6s .2s,-webkit-transform .6s .2s}
.pull-curtain a:hover .heading.has-description{-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}
.pull-curtain a:hover .description{max-height:400px;opacity:1;visibility:visible;margin-left:0;transition:margin .6s .4s,max-height 2s,opacity .2s .4s,visibility .2s .4s}
.pull-curtain .inner,.pull-curtain a{position:relative;height:100%;width:100%}
.pull-curtain .inner{background-color:#fff}
.pull-curtain a{display:inline-block;overflow:hidden}
.pull-curtain .bg-img{position:absolute;top:0;left:0;right:0;bottom:0;margin-top:-12%;z-index:1;background-size:cover;background-position:50% 50%;overflow:hidden;transition:-webkit-transform .6s;transition:transform .6s;transition:transform .6s,-webkit-transform .6s}
.pull-curtain .bg-img.lazyload:after{opacity:0}
.pull-curtain .bg-img.lazyload.loaded:after{opacity:.4}
.pull-curtain .bg-img:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background:linear-gradient(180deg,transparent 0,transparent 30%,#000);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#000000",GradientType=0);opacity:.4;transition:opacity .6s}
.pull-curtain .content{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:40px 50px}
.pull-curtain .heading{transition:-webkit-transform .6s .2s;transition:transform .6s .2s;transition:transform .6s .2s,-webkit-transform .6s .2s}
.pull-curtain .description{max-width:100%;margin:0;max-height:0;opacity:0;visibility:hidden;margin-left:-10px;padding-right:25px;transition:margin .6s .4s,max-height 1s,opacity .2s,visibility .2s}
@media (max-width:1440px){.pull-curtain .content{padding:30px 35px}}
@media (max-width:1279px){.pull-curtain .heading{font-style:17px;line-height:24px}}
@media (max-width:1024px){.pull-curtain .bg-img:after{opacity:.4}
.pull-curtain .heading.has-description{-webkit-transform:none;-ms-transform:none;transform:none}
.pull-curtain .description{display:none}
.pull-curtain a:hover .heading.has-description{-webkit-transform:none;-ms-transform:none;transform:none}}
@media (max-width:768px){.pull-curtain .bg-img:after,.pull-curtain .bg-img:after.lazyload.loaded:after{opacity:.75}
.pull-curtain .content{padding:20px 25px}
.pull-curtain .heading.has-description{-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}
.pull-curtain .description{max-height:400px;opacity:1;visibility:visible;margin-left:0;display:block}
.pull-curtain a:hover .bg-img{-webkit-transform:none;-ms-transform:none;transform:none}
.pull-curtain a:hover .heading.has-description{-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}}


@media (max-width:479px){.pull-curtain .bg-img{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.pull-curtain .bg-img:after,.pull-curtain .bg-img:after.lazyload.loaded:after{opacity:.4}
.pull-curtain .heading.has-description{-webkit-transform:none;-ms-transform:none;transform:none}
.pull-curtain .description{display:none}
.pull-curtain a:hover .heading.has-description{-webkit-transform:none;-ms-transform:none;transform:none}}
.pull-curtain.no-link>.inner{overflow:hidden}
.pull-curtain.no-link>.inner:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background:hsla(0,0%,7%,.9);opacity:0;transition:opacity .6s .2s}
.pull-curtain.no-link .description{margin-left:0}.pull-curtain.no-link>.inner:hover:after{opacity:1;transition:opacity .6s}.pull-curtain.no-link>.inner:hover .heading{transition:-webkit-transform .6s .2s;transition:transform .6s .2s;transition:transform .6s .2s,-webkit-transform .6s .2s}.pull-curtain.no-link>.inner:hover .heading.has-description{-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}
.pull-curtain.no-link>.inner:hover .description{max-height:400px;opacity:1;visibility:visible;margin-left:0;transition:margin .6s .4s,max-height 2s,opacity .2s .4s,visibility .2s .4s}
h3.white{color:#fff}p.white{color:#fff}



/* 行動版面: 480px 以下。 */
@media only screen and (max-width: 480px) {

.top-content{float:left; width:100%; padding:40px 0 30px 0; margin:0; background-color:#fff}
.mediabox{float:left; width:100%; margin:0 0 20px 0; padding:0;display: block}
.mediapic{float:left; width:100%; margin:0; padding:0;}
  .mediapic img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.mediatx{float:left; width:100%; margin:20px 0 0 0; padding:0;}
  .mediatx h3{font-size:20px; color:#111; font-weight:400; margin:0 0 10px 0}
  .mediatx p{ font-size:16px; color:#555; line-height:30px; margin:0}
  
.pbox{ display:none}
.main-box{width:92%; margin:0 auto 0 auto; padding:0;}
.contact-tx{width:100%; margin:0 0 30px 0; padding:0; text-align:center}
  .contact-tx h2{font-size:24px; color:#111; margin-bottom:30px; color:#000; letter-spacing:3px}
  .contact-tx p{color:#333; font-size:17px; line-height:32px}

}

/* 表格版面: 481px 到 767px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 481px) {

.top-content{float:left; width:100%; padding:60px 0; margin:0;background-color:#fff}
.mediabox{float:left; width:30.33%; margin:0 1.5%; padding:0;display: block}
.mediapic{float:left; width:100%; margin:0; padding:0;}
  .mediapic img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.mediatx{float:left; width:100%; margin:20px 0 0 0; padding:0;}
  .mediatx h3{font-size:20px; color:#111; font-weight:400; margin:0 0 10px 0}
  .mediatx p{ font-size:16px; color:#555; line-height:30px; margin:0}
  
.pbox{ display:none}
.main-box{width:96%; margin:0 auto 0 auto; padding:0;}
.contact-tx{width:80%; margin:0 10% 40px 10%; padding:0; text-align:center}
  .contact-tx h2{font-size:30px; color:#111; margin-bottom:30px; color:#000; letter-spacing:3px}
  .contact-tx p{color:#333; font-size:17px; line-height:32px}

}

/* 表格版面: 768px 到 1200px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 768px) {
.top-content{float:left; width:100%; padding:60px 0; margin:0;background-color:#fff}
.mediabox{float:left; width:30.33%; margin:0 1.5%; padding:0;display: block}
.mediapic{float:left; width:100%; margin:0; padding:0;}
  .mediapic img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.mediatx{float:left; width:100%; margin:20px 0 0 0; padding:0;}
  .mediatx h3{font-size:20px; color:#111; font-weight:400; margin:0 0 10px 0}
  .mediatx p{ font-size:16px; color:#555; line-height:30px; margin:0}
  
.pbox{ display:none}
.main-box{width:96%; margin:0 auto 0 auto; padding:0;}
.contact-tx{width:80%; margin:0 10% 60px 10%; padding:0; text-align:center}
  .contact-tx h2{font-size:30px; color:#111; margin-bottom:30px; color:#000; letter-spacing:3px}
  .contact-tx p{color:#333; font-size:17px; line-height:32px}
	
}


/* 表格版面: 1201px 到 1280px。樣式繼承自: 行動版面。 */

@media only screen and (min-width: 1201px) {
.pull-curtain{height:460px}	
.top-content{float:left; width:100%; padding:100px 0 100px 0; margin:0; background-color:#fff}
.mediabox{display: none}
.pbox{ float:left; width:30.33%; margin:0 1.5%; padding:0;display: block}
.main-box{width:90%; margin:0 auto 0 auto; padding:0;}
.l-tx{ font-size:24px; color:#fff; font-weight:400}
.s-tx{ font-size:17px; color:#fff; line-height:30px}
.contact-tx{width:80%; margin:0 10% 60px 10%; padding:0; text-align:center}
  .contact-tx h2{font-size:30px; color:#111; margin-bottom:30px; color:#000; letter-spacing:3px}
  .contact-tx p{color:#333; font-size:17px; line-height:32px}
}

/* 桌面版面: 1281px 到最大 1824px。樣式繼承自: 行動版面和表格版面。 */
@media only screen and (min-width: 1281px) {
.pull-curtain{height:500px}
.top-content{float:left; width:100%; padding:100px 0 140px 0; margin:0; background-color:#fff}
.mediabox{display: none}
.pbox{ float:left; width:30.33%; margin:0 1.5%; padding:0;display: block}
.main-box{width:87%; margin:0 auto 0 auto; padding:0;}
.l-tx{ font-size:24px; color:#fff; font-weight:700}
.s-tx{ font-size:17px; color:#fff; line-height:30px}
.contact-tx{width:60%; margin:0 20% 100px 20%; padding:0; text-align:center}
  .contact-tx h2{font-size:30px; color:#111; margin-bottom:30px; color:#000; letter-spacing:3px}
  .contact-tx p{color:#333; font-size:17px; line-height:32px}

}

/* 行動版面: 480px 以下。 */
@media only screen and (max-width: 480px) {

.m-content{float:left; width:100%; padding:40px 0 20px 0; margin:0 0 20px 0; background-color:#f6f6f6}
.m-row{max-width:94%; margin:0 auto; padding:0;}

/*表格*/
.cpauto{float:left;width:100%; margin:0; padding:0;}
  .cpauto ul{list-style-type:none; padding: 0px;margin: 0px;}
  .cpauto li{width:24.5%;margin:0;padding:2em 0 2em 0;vertical-align:top;overflow:hidden;display:inline-block; text-align:center}
.process{float:left;width:100%; margin:0 auto 10px auto; padding:0; text-align:center}
  .process h2{font-size:26px; color:#111; margin-bottom:0; color:#000; letter-spacing:3px}

/* content2 */
.svbwf{float:left; width:100%; padding:0; margin:20px 0 40px 0; }
.svTitle2{width:100%; margin:0; padding:0;text-align:center}
  .svTitle2 h2{margin:0; padding:0;font-size:26px; font-weight:100}
.svsfToll{float:left;width:100%; margin:0; padding:20px 0 0 0;}
.svTolltop2{width:90%; margin:0 auto; padding:0; line-height:32px; text-align:center}
.svsfTollsf{width:90%; margin:0 auto; padding:0;}
.svTolltt{float:left; width:100%; margin:0; padding:0; border-bottom:1px solid #999;border-top:1px solid #999; background-color:#ededed; display:none}
.svTollttLt{float:left; width:20%; margin:8px 3% 8px 3%; padding:0; font-size:16px; font-weight:bold; letter-spacing:10px; display: block}
.svTollttL{float:left; width:100%; margin:8px 0; padding:0; font-size:16px; font-weight:bold; letter-spacing:2px}
.svTollttR{float:left; width:100%; margin:8px 0; padding:0; font-size:16px; font-weight:bold; letter-spacing:10px}
.svTollttR{float:left; width:40%; margin:8px 5% 8px 0; padding:0; font-size:16px; font-weight:bold; letter-spacing:10px}
.svTollttM{float:left; width:55%; margin:8px 0; padding:0; font-size:16px; font-weight:bold; letter-spacing:10px; display: block}
.svTollcon{float:left; width:100%; margin:0; padding:20px 0 0 0; border-bottom:1px solid #999; line-height:28px}
.svTollconR{float:left; width:35%; margin:0 5% 0 0; padding:0}
  .svTollconR h3{margin:0 0 10px 0; padding:0;font-size:16px; color: #000;}
  .svTollconR h4{margin:0; padding:0;font-size:14px; color: #000; letter-spacing:2px}
.svTollconM{float:left; width:60%; margin:0 0 0 0; padding:0;}
  .svTollconM h3{margin:0 0 10px 0; padding:0;font-size:16px; color: #000;}
  .svTollconM h4{margin:0; padding:0;font-size:14px; color: #000; letter-spacing:2px}
.svTolsf{float:left; width:100%; margin:8px 0 0 0; padding:0 0 5px 0; border-bottom:1px solid #ccc}
.svTolsfdown{float:left; width:100%; margin:8px 0 0 0; padding:0 0 5px 0;}
.svTolsfo{float:left; width:74%; margin:0; padding:0;}
.svTolf1{float:left; width:100%; margin:0 0 8px 0; padding:0 0 5px 0; }
.svTolfdn{float:left; width:100%; margin:0; padding:0 0 5px 0}
.svTolsay{float:left; width:100%; margin:10px 0; padding:0; font-size:14px;}
.svTol-c{float:left; width:100%; margin:0 0 8px 0; padding:0 0 5px 0; font-size:16px;}

/*表格*/
.flow-content{float:left;width:100%; margin:0; padding:0;}
.flow-box{float:left;width:100%; height:auto; margin:30px 0; padding:0; text-align:center; }
.flow-a{float:left;width:100%; padding:0; margin:0 0 20px 0; background-image:none}
.flow-a i{margin:0; padding:0 20%; font-size:50px; color:#885e25;}
.flow-b{float:left;width:100%; padding:0; margin:0 0 20px 0; background-image:none}
.flow-b i{margin:0; padding:0 20%; font-size:50px; color:#885e25;}
.flow-d{float:left;width:100%; padding:0; margin:0 0 20px 0; background-image:none}
.flow-d i{margin:0; padding:0 20%; font-size:50px; color:#885e25; }
.flow-c{float:left;width:100%; padding:0; margin:0 0 20px 0; background-image:none}
.flow-c i{margin:0; padding:0 20%; font-size:50px; color:#885e25; b}
.flow-e{float:left;width:100%; padding:0; margin:0 0 20px 0; background-image:none}
.flow-e i{margin:0; padding:0 20%; font-size:50px; color:#885e25; }
.flow-f{float:left;width:100%; padding:0; margin:0 0 20px 0; background-image:none}
.flow-f i{margin:0; padding:0 20%; font-size:50px; color:#885e25; }
.flow-g{float:left;width:100%; padding:0; margin:0 0 20px 0; background-image:none}
.flow-g i{margin:0; padding:0 20%; font-size:50px; color:#885e25; }
.flow-h{float:left;width:100%; padding:0; margin:0 0 20px 0; background-image:none}
.flow-h i{margin:0; padding:0 20%; font-size:50px; color:#885e25; }

.flow{float:left;width:100%; padding:0; margin:0 0 20px 0;background-image:none}
.flow i{margin:0; padding:0 20%; font-size:50px; color:#885e25;}
.media-row{float:left;width:100%; padding:0; margin:0;}
.media-line{width:1px; height:50px; background-color:#999; margin:0 auto; display: block; }

.nsTf{float:left;width:88%; padding:0; margin:20px 6% 0 6%;}
  .nsTf p{margin:0; padding:0; font-size:16px; color:#555; line-height:28px}
  .nsTf h3{margin:0 0 15px 0; padding:0;font-size:16px; font-weight:700; color:#000}

}

/* 表格版面: 481px 到 767px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 481px) {

.m-content{float:left; width:100%; padding:60px 0 0 0; margin:0;background-color:#f6f6f6}
.m-row{max-width:94%; margin:0 auto; padding:0;}

/*表格*/
.cpauto{float:left;width:100%; margin:0; padding:0;}
  .cpauto ul{list-style-type:none; padding: 0px;margin: 0px;}
  .cpauto li{width:24.5%;margin:0;padding:2em 0 2em 0;vertical-align:top;overflow:hidden;display:inline-block; text-align:center}
.process{float:left;width:100%; margin:0 auto 40px auto; padding:0;text-align:center}
  .process h2{font-size:30px; color:#111; margin-bottom:0; color:#000; letter-spacing:3px}
  
/* content2 */
.svbwf{float:left; width:100%; padding:0; margin:50px 0 90px 0; }
.svTitle2{width:100%; margin:0; padding:0;text-align:center}
  .svTitle2 h2{margin:0 0 10px 0; padding:0;font-size:32px; font-weight:100}
.svsfToll{float:left;width:100%; margin:0; padding:20px 0 0 0;}
.svTolltop2{width:90%; margin:0 auto; padding:0; line-height:32px; text-align:center}
.svsfTollsf{width:90%; margin:40px auto 0 auto; padding:0;}
.svTolltt{float:left; width:100%; margin:0; padding:0; border-bottom:1px solid #999;border-top:1px solid #999; background-color:#ededed; display:block}
.svTollttLt{float:left; width:18%; margin:8px 3% 8px 3%; padding:0; font-size:16px; font-weight:bold; letter-spacing:10px; display: block}
.svTollttL{float:left; width:18%; margin:8px 3% 8px 3%; padding:0; font-size:16px; font-weight:bold; letter-spacing:2px}
.svTollttR{float:left; width:30%; margin:8px 5% 8px 0; padding:0; font-size:16px; font-weight:bold; letter-spacing:10px}
.svTollttM{float:left; width:65%; margin:8px 0; padding:0; font-size:16px; font-weight:bold; letter-spacing:10px; display: block}
.svTollcon{float:left; width:100%; margin:0; padding:20px 0 0 0; border-bottom:1px solid #999; line-height:28px}
.svTollconR{float:left; width:30%; margin:0 5% 0 0; padding:0}
  .svTollconR h3{margin:0 0 10px 0; padding:0;font-size:16px; color: #000;}
  .svTollconR h4{margin:0; padding:0;font-size:14px; color: #000; letter-spacing:2px}
.svTollconM{float:left; width:65%; margin:0 0 0 0; padding:0;}
  .svTollconM h3{margin:0 0 10px 0; padding:0;font-size:16px; color: #000;}
  .svTollconM h4{margin:0; padding:0;font-size:14px; color: #000; letter-spacing:2px}
.svTolsf{float:left; width:76%; margin:8px 0 0 0; padding:0 0 5px 0; border-bottom:1px solid #ccc}
.svTolsfdown{float:left; width:76%; margin:8px 0 0 0; padding:0 0 5px 0;}
.svTolsfo{float:left; width:74%; margin:0; padding:0;}
.svTolf1{float:left; width:100%; margin:0 0 8px 0; padding:0 0 5px 0; }
.svTolfdn{float:left; width:100%; margin:0; padding:0 0 5px 0}
.svTolsay{float:left; width:76%; margin:10px 0; padding:0 0 0 24%; font-size:14px;}
.svTol-c{float:left; width:100%; margin:0 0 8px 0; padding:0 0 5px 0; font-size:16px;}

/*表格*/
.flow-content{float:left;width:100%; margin:0; padding:0;}
.flow-box{float:left;width:33.33%; height:240px; margin:40px 0; padding:0; text-align:center}
.flow-a{float:left;width:100%; padding:0; margin:0 0 20px 0; background-image:url(../images/flow_leftline.gif);background-repeat-x:repeat; background-repeat-y:no-repeat; background-position: center center}
.flow-a i{margin:0; padding:0 20%; font-size:50px; color:#885e25; background-color:#f6f6f6}
.flow-b{float:left;width:100%; padding:0; margin:0 0 20px 0; background-image:url(../images/flow_leftline.gif);background-repeat-x:repeat; background-repeat-y:no-repeat; background-position: center center}
.flow-b i{margin:0; padding:0 20%; font-size:50px; color:#885e25; background-color:#f6f6f6}
.flow-c{float:left;width:100%; padding:0; margin:0 0 20px 0; background-image:url(../images/flow_rightline.gif);background-repeat-x:repeat; background-repeat-y:no-repeat; background-position: center center}
.flow-c i{margin:0; padding:0 20%; font-size:50px; color:#885e25; background-color:#f6f6f6}
.flow-d{float:left;width:100%; padding:0; margin:0 0 20px 0;background-image:url(../images/flow_line.gif); background-repeat-x:repeat; background-repeat-y:no-repeat; background-position: center center}
.flow-d i{margin:0; padding:0 20%; font-size:50px; color:#885e25; background-color:#f6f6f6}
.flow-e{float:left;width:100%; padding:0; margin:0 0 20px 0; background-image:url(../images/flow_rightline.gif);background-repeat-x:repeat; background-repeat-y:no-repeat; background-position: center center}
.flow-e i{margin:0; padding:0 20%; font-size:50px; color:#885e25; background-color:#f6f6f6}
.flow-f{float:left;width:100%; padding:0; margin:0 0 20px 0;background-image:url(../images/flow_leftline.gif); background-repeat-x:repeat; background-repeat-y:no-repeat; background-position: center center}
.flow-f i{margin:0; padding:0 20%; font-size:50px; color:#885e25; background-color:#f6f6f6}
.flow-g{float:left;width:100%; padding:0; margin:0 0 20px 0; background-image:url(../images/flow_rightline.gif);background-repeat-x:repeat; background-repeat-y:no-repeat; background-position: center center}
.flow-g i{margin:0; padding:0 20%; font-size:50px; color:#885e25; background-color:#f6f6f6}
.flow-h{float:left;width:100%; padding:0; margin:0 0 20px 0; background-image:url(../images/flow_rightline.gif);background-repeat-x:repeat; background-repeat-y:no-repeat; background-position: center center}
.flow-h i{margin:0; padding:0 20%; font-size:50px; color:#885e25; background-color:#f6f6f6}

.flow{float:left;width:100%; padding:0; margin:0 0 30px 0;background-image:url(../images/flow_line.gif); background-repeat-x:repeat; background-repeat-y:no-repeat; background-position: center center}
.flow i{margin:0; padding:0 20%; font-size:50px; color:#885e25; background-color:#f6f6f6}
.media-line{ display:none}
.media-row{ display:none}

.nsTf{float:left;width:88%; padding:0; margin:20px 6% 0 6%;}
  .nsTf p{margin:0; padding:0; font-size:16px; color:#555; line-height:28px}
  .nsTf h3{margin:0 0 15px 0; padding:0;font-size:16px; font-weight:700; color:#000}

}

/* 表格版面: 768px 到 980px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 768px) {

.m-content{float:left; width:100%; padding:70px 0 0 0; margin:0; background-color:#f6f6f6}
.m-row{max-width:94%; margin:0 auto; padding:0;}

/*表格*/
.cpauto{float:left;width:100%; margin:0; padding:0;}
  .cpauto ul{list-style-type:none; padding: 0px;margin: 0px;}
  .cpauto li{width:24.5%;margin:0;padding:2em 0 2em 0;vertical-align:top;overflow:hidden;display:inline-block; text-align:center}
.process{float:left;width:100%; margin:0 auto 40px auto; padding:0;text-align:center}
  .process h2{font-size:30px; color:#111; margin-bottom:0; color:#000; letter-spacing:3px}

/* content2 */
.svbwf{float:left; width:100%; padding:0; margin:60px 0 90px 0; }
.svTitle2{width:100%; margin:0; padding:0;text-align:center}
  .svTitle2 h2{margin:0 0 20px 0; padding:0;font-size:32px; font-weight:100}
.svsfToll{float:left;width:100%; margin:0; padding:20px 0 0 0;}
.svTolltop2{width:80%; margin:0 auto; padding:0; line-height:32px; text-align:center}
.svsfTollsf{width:90%; margin:40px auto 0 auto; padding:0;}
.svTolltt{float:left; width:100%; margin:0; padding:0; border-bottom:1px solid #999;border-top:1px solid #999; background-color:#ededed; display:block}
.svTollttLt{float:left; width:17%; margin:8px 5% 8px 5%; padding:0; font-size:16px; font-weight:bold; letter-spacing:10px; display: block}
.svTollttL{float:left; width:17%; margin:8px 5% 8px 5%; padding:0; font-size:16px; font-weight:bold; letter-spacing:5px}
.svTollttR{float:left; width:30%; margin:8px 5% 8px 0; padding:0; font-size:16px; font-weight:bold; letter-spacing:10px}
.svTollttM{float:left; width:65%; margin:8px 0; padding:0; font-size:16px; font-weight:bold; letter-spacing:10px; display: block}
.svTollcon{float:left; width:100%; margin:0; padding:20px 0 0 0; border-bottom:1px solid #999; line-height:28px}
.svTollconR{float:left; width:30%; margin:0 5% 0 0; padding:0}
  .svTollconR h3{margin:0 0 10px 0; padding:0;font-size:16px; color: #000;}
  .svTollconR h4{margin:0; padding:0;font-size:14px; color: #000; letter-spacing:2px}
.svTollconM{float:left; width:65%; margin:0 0 0 0; padding:0;}
  .svTollconM h3{margin:0 0 10px 0; padding:0;font-size:16px; color: #000;}
  .svTollconM h4{margin:0; padding:0;font-size:14px; color: #000; letter-spacing:2px}
.svTolsf{float:left; width:73%; margin:8px 0 0 0; padding:0 0 5px 0; border-bottom:1px solid #ccc}
.svTolsfdown{float:left; width:68%; margin:8px 0 0 0; padding:0 0 5px 0;}
.svTolsfo{float:left; width:73%; margin:0; padding:0;}
.svTolf1{float:left; width:100%; margin:0 0 8px 0; padding:0 0 5px 0; }
.svTolfdn{float:left; width:100%; margin:0; padding:0 0 5px 0}
.svTolsay{float:left; width:73%; margin:10px 0; padding:0 0 0 27%; font-size:14px;}
.svTol-c{float:left; width:100%; margin:0 0 8px 0; padding:0 0 5px 0; font-size:16px;}

/*表格*/
.flow-content{float:left;width:100%; margin:0; padding:0;}
.flow-box{float:left;width:33.33%; height:240px; margin:40px 0; padding:0; text-align:center}
.flow-a{float:left;width:100%; padding:0; margin:0 0 20px 0; background-image:url(../images/flow_leftline.gif);background-repeat-x:repeat; background-repeat-y:no-repeat; background-position: center center}
.flow-a i{margin:0; padding:0 20%; font-size:50px; color:#885e25; background-color:#f6f6f6}
.flow-b{float:left;width:100%; padding:0; margin:0 0 20px 0; background-image:url(../images/flow_leftline.gif);background-repeat-x:repeat; background-repeat-y:no-repeat; background-position: center center}
.flow-b i{margin:0; padding:0 20%; font-size:50px; color:#885e25; background-color:#f6f6f6}
.flow-c{float:left;width:100%; padding:0; margin:0 0 20px 0; background-image:url(../images/flow_rightline.gif);background-repeat-x:repeat; background-repeat-y:no-repeat; background-position: center center}
.flow-c i{margin:0; padding:0 20%; font-size:50px; color:#885e25; background-color:#f6f6f6}
.flow-d{float:left;width:100%; padding:0; margin:0 0 20px 0;background-image:url(../images/flow_line.gif); background-repeat-x:repeat; background-repeat-y:no-repeat; background-position: center center}
.flow-d i{margin:0; padding:0 20%; font-size:50px; color:#885e25; background-color:#f6f6f6}
.flow-e{float:left;width:100%; padding:0; margin:0 0 20px 0; background-image:url(../images/flow_rightline.gif);background-repeat-x:repeat; background-repeat-y:no-repeat; background-position: center center}
.flow-e i{margin:0; padding:0 20%; font-size:50px; color:#885e25; background-color:#f6f6f6}
.flow-f{float:left;width:100%; padding:0; margin:0 0 20px 0;background-image:url(../images/flow_leftline.gif); background-repeat-x:repeat; background-repeat-y:no-repeat; background-position: center center}
.flow-f i{margin:0; padding:0 20%; font-size:50px; color:#885e25; background-color:#f6f6f6}
.flow-g{float:left;width:100%; padding:0; margin:0 0 20px 0; background-image:url(../images/flow_rightline.gif);background-repeat-x:repeat; background-repeat-y:no-repeat; background-position: center center}
.flow-g i{margin:0; padding:0 20%; font-size:50px; color:#885e25; background-color:#f6f6f6}
.flow-h{float:left;width:100%; padding:0; margin:0 0 20px 0; background-image:url(../images/flow_rightline.gif);background-repeat-x:repeat; background-repeat-y:no-repeat; background-position: center center}
.flow-h i{margin:0; padding:0 20%; font-size:50px; color:#885e25; background-color:#f6f6f6}

.flow{float:left;width:100%; padding:0; margin:0 0 30px 0;background-image:url(../images/flow_line.gif); background-repeat-x:repeat; background-repeat-y:no-repeat; background-position: center center}
.flow i{margin:0; padding:0 20%; font-size:50px; color:#885e25; background-color:#f6f6f6}
.media-line{ display:none}
.media-row{ display:none}

.nsTf{float:left;width:88%; padding:0; margin:20px 6% 0 6%;}
  .nsTf p{margin:0; padding:0; font-size:16px; color:#555; line-height:28px}
  .nsTf h3{margin:0 0 15px 0; padding:0;font-size:16px; font-weight:700; color:#000}
	
}


/* 表格版面: 981px 到 1280px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 981px) {
.m-content{float:left; width:100%; padding:100px 0 20px 0; margin:0; background-color:#f6f6f6}
.m-row{max-width:88%; margin:0 auto; padding:0;}

/*表格*/
.cpauto{float:left;width:100%; margin:0; padding:0;}
  .cpauto ul{list-style-type:none; padding: 0px;margin: 0px;}
  .cpauto li{width:24.5%;margin:0;padding:2em 0 2em 0;vertical-align:top;overflow:hidden;display:inline-block; text-align:center}
.process{float:left;width:100%; margin:0 auto; padding:0;text-align:center}
  .process h2{font-size:30px; color:#111; margin-bottom:80px; color:#000; letter-spacing:3px}

/* content2 */
.svbwf{float:left; width:100%; padding:0; margin:60px 0 90px 0; }
.svTitle2{width:100%; margin:0; padding:0;text-align:center}
  .svTitle2 h2{margin:0 0 20px 0; padding:0;font-size:32px; font-weight:100}
.svsfToll{float:left;width:100%; margin:0; padding:20px 0 0 0;}
.svTolltop2{width:70%; margin:0 auto; padding:0; line-height:32px; text-align:center}
.svsfTollsf{width:90%; margin:40px auto 0 auto; padding:0;}
.svTolltt{float:left; width:100%; margin:0; padding:0; border-bottom:1px solid #999;border-top:1px solid #999; background-color:#ededed; display:block}
.svTollttLt{float:left; width:17%; margin:8px 5% 8px 10%; padding:0; font-size:16px; font-weight:bold; letter-spacing:10px; display: block}
.svTollttL{float:left; width:17%; margin:8px 5% 8px 10%; padding:0; font-size:16px; font-weight:bold; letter-spacing:10px}
.svTollttR{float:left; width:40%; margin:8px 5% 8px 0; padding:0; font-size:16px; font-weight:bold; letter-spacing:10px}
.svTollttM{float:left; width:55%; margin:8px 0; padding:0; font-size:16px; font-weight:bold; letter-spacing:10px; display: block}
.svTollcon{float:left; width:100%; margin:0; padding:20px 0 0 0; border-bottom:1px solid #999; line-height:28px}
.svTollconR{float:left; width:40%; margin:0 5% 0 0; padding:0}
  .svTollconR h3{margin:0 0 10px 0; padding:0;font-size:16px; color: #000;}
  .svTollconR h4{margin:0; padding:0;font-size:14px; color: #000; letter-spacing:2px}
.svTollconM{float:left; width:55%; margin:0 0 0 0; padding:0;}
  .svTollconM h3{margin:0 0 10px 0; padding:0;font-size:16px; color: #000;}
  .svTollconM h4{margin:0; padding:0;font-size:14px; color: #000; letter-spacing:2px}
.svTolsf{float:left; width:68%; margin:8px 0 0 0; padding:0 0 5px 0; border-bottom:1px solid #ccc}
.svTolsfdown{float:left; width:68%; margin:8px 0 0 0; padding:0 0 5px 0;}
.svTolsfo{float:left; width:68%; margin:0; padding:0;}
.svTolf1{float:left; width:100%; margin:0 0 8px 0; padding:0 0 5px 0; }
.svTolfdn{float:left; width:100%; margin:0; padding:0 0 5px 0}
.svTolsay{float:left; width:68%; margin:10px 0; padding:0 0 0 32%; font-size:14px;}
.svTol-c{float:left; width:100%; margin:0 0 8px 0; padding:0 0 5px 0; font-size:16px;}

/*表格*/
.flow-content{float:left;width:100%; margin:0; padding:0;}
.flow-box{float:left;width:25%; height:240px; margin:40px 0; padding:0; text-align:center}
.flow-a{float:left;width:100%; padding:0; margin:0 0 20px 0; background-image:url(../images/flow_leftline.gif);background-repeat-x:repeat; background-repeat-y:no-repeat; background-position: center center}
.flow-a i{margin:0; padding:0 20%; font-size:50px; color:#885e25; background-color:#f6f6f6}
.flow-b{float:left;width:100%; padding:0; margin:0 0 20px 0; background-image:url(../images/flow_rightline.gif);background-repeat-x:repeat; background-repeat-y:no-repeat; background-position: center center}
.flow-b i{margin:0; padding:0 20%; font-size:50px; color:#885e25; background-color:#f6f6f6}
.flow-c{float:left;width:100%; padding:0; margin:0 0 20px 0; background-image:url(../images/flow_line.gif);background-repeat-x:repeat; background-repeat-y:no-repeat; background-position: center center}
.flow-c i{margin:0; padding:0 20%; font-size:50px; color:#885e25; background-color:#f6f6f6}
.flow-d{float:left;width:100%; padding:0; margin:0 0 20px 0; background-image:url(../images/flow_leftline.gif);background-repeat-x:repeat; background-repeat-y:no-repeat; background-position: center center}
.flow-d i{margin:0; padding:0 20%; font-size:50px; color:#885e25; background-color:#f6f6f6}
.flow-e{float:left;width:100%; padding:0; margin:0 0 20px 0; background-image:url(../images/flow_rightline.gif);background-repeat-x:repeat; background-repeat-y:no-repeat; background-position: center center}
.flow-e i{margin:0; padding:0 20%; font-size:50px; color:#885e25; background-color:#f6f6f6}
.flow-f{float:left;width:100%; padding:0; margin:0 0 20px 0;background-image:url(../images/flow_line.gif); background-repeat-x:repeat; background-repeat-y:no-repeat; background-position: center center}
.flow-f i{margin:0; padding:0 20%; font-size:50px; color:#885e25; background-color:#f6f6f6}
.flow-g{float:left;width:100%; padding:0; margin:0 0 20px 0; background-image:url(../images/flow_rightline.gif);background-repeat-x:repeat; background-repeat-y:no-repeat; background-position: center center}
.flow-g i{margin:0; padding:0 20%; font-size:50px; color:#885e25; background-color:#f6f6f6}
.flow-h{float:left;width:100%; padding:0; margin:0 0 20px 0; background-image:url(../images/flow_leftline.gif);background-repeat-x:repeat; background-repeat-y:no-repeat; background-position: center center}
.flow-h i{margin:0; padding:0 20%; font-size:50px; color:#885e25; background-color:#f6f6f6}

.flow{float:left;width:100%; padding:0; margin:0 0 30px 0;background-image:url(../images/flow_line.gif); background-repeat-x:repeat; background-repeat-y:no-repeat; background-position: center center}
.flow i{margin:0; padding:0 20%; font-size:50px; color:#885e25; background-color:#f6f6f6}
.media-line{ display:none}
.media-row{ display:none}

.nsTf{float:left;width:88%; padding:0; margin:20px 6% 0 6%;}
  .nsTf p{margin:0; padding:0; font-size:16px; color:#555; line-height:28px}
  .nsTf h3{margin:0 0 15px 0; padding:0;font-size:16px; font-weight:700; color:#000}

}

/* 桌面版面: 1281px 到最大 1824px。樣式繼承自: 行動版面和表格版面。 */
@media only screen and (min-width: 1281px) {

.m-content{float:left; width:100%; padding:100px 0 20px 0; margin:0; background-color:#f6f6f6}
.m-row{max-width:1280px; margin:0 auto; padding:0;}

/*表格*/
.cpauto{float:left;width:100%; margin:0; padding:0;}
  .cpauto ul{list-style-type:none; padding: 0px;margin: 0px;}
  .cpauto li{width:24.5%;margin:0;padding:2em 0 2em 0;vertical-align:top;overflow:hidden;display:inline-block; text-align:center}
.process{float:left;width:100%; margin:0 auto; padding:0; text-align:center}
  .process h2{font-size:30px; color:#111; margin-bottom:60px; color:#000; letter-spacing:3px}

/* content2 */
.svbwf{float:left; width:100%; padding:0; margin:80px 0 100px 0; }
.svTitle2{width:100%; margin:0; padding:0;text-align:center}
  .svTitle2 h2{margin:0 0 20px 0; padding:0;font-size:30px; font-weight:100}
.svsfToll{float:left;width:100%; margin:0; padding:20px 0 0 0;}
.svTolltop2{width:50%; margin:0 auto; padding:0; line-height:32px; text-align:center}
.svsfTollsf{width:1200px; margin:40px auto 0 auto; padding:0;}
.svTolltt{float:left; width:100%; margin:0; padding:0; border-bottom:1px solid #999;border-top:1px solid #999; background-color:#ededed; display:block}
.svTollttLt{float:left; width:17%; margin:8px 5% 8px 10%; padding:0; font-size:16px; font-weight:bold; letter-spacing:10px; display: block}
.svTollttL{float:left; width:17%; margin:8px 5% 8px 10%; padding:0; font-size:16px; font-weight:bold; letter-spacing:10px}
.svTollttR{float:left; width:40%; margin:8px 5% 8px 0; padding:0; font-size:16px; font-weight:bold; letter-spacing:10px}
.svTollttM{float:left; width:55%; margin:8px 0; padding:0; font-size:16px; font-weight:bold; letter-spacing:10px; display: block}
.svTollcon{float:left; width:100%; margin:0; padding:20px 0 0 0; border-bottom:1px solid #999; line-height:28px}
.svTollconR{float:left; width:40%; margin:0 5% 0 0; padding:0}
  .svTollconR h3{margin:0 0 10px 0; padding:0;font-size:16px; color: #000;}
  .svTollconR h4{margin:0; padding:0;font-size:14px; color: #000; letter-spacing:2px}
.svTollconM{float:left; width:55%; margin:0 0 0 0; padding:0;}
  .svTollconM h3{margin:0 0 10px 0; padding:0;font-size:16px; color: #000;}
  .svTollconM h4{margin:0; padding:0;font-size:14px; color: #000; letter-spacing:2px}
.svTolsf{float:left; width:68%; margin:8px 0 0 0; padding:0 0 5px 0; border-bottom:1px solid #ccc}
.svTolsfdown{float:left; width:68%; margin:8px 0 0 0; padding:0 0 5px 0;}
.svTolsfo{float:left; width:68%; margin:0; padding:0;}
.svTolf1{float:left; width:100%; margin:0 0 8px 0; padding:0 0 5px 0; }
.svTolfdn{float:left; width:100%; margin:0; padding:0 0 5px 0}
.svTolsay{float:left; width:68%; margin:10px 0; padding:0 0 0 32%; font-size:14px;}
.svTol-c{float:left; width:100%; margin:0 0 8px 0; padding:0 0 5px 0; font-size:16px;}

/*表格*/
.flow-content{float:left;width:100%; margin:0; padding:0;}
.flow-box{float:left;width:25%; height:240px; margin:40px 0; padding:0; text-align:center}
.flow-a{float:left;width:100%; padding:0; margin:0 0 20px 0; background-image:url(../images/flow_leftline.gif);background-repeat-x:repeat; background-repeat-y:no-repeat; background-position: center center}
.flow-a i{margin:0; padding:0 20%; font-size:50px; color:#885e25; background-color:#f6f6f6}
.flow-b{float:left;width:100%; padding:0; margin:0 0 20px 0; background-image:url(../images/flow_rightline.gif);background-repeat-x:repeat; background-repeat-y:no-repeat; background-position: center center}
.flow-b i{margin:0; padding:0 20%; font-size:50px; color:#885e25; background-color:#f6f6f6}
.flow-c{float:left;width:100%; padding:0; margin:0 0 20px 0; background-image:url(../images/flow_line.gif);background-repeat-x:repeat; background-repeat-y:no-repeat; background-position: center center}
.flow-c i{margin:0; padding:0 20%; font-size:50px; color:#885e25; background-color:#f6f6f6}
.flow-d{float:left;width:100%; padding:0; margin:0 0 20px 0; background-image:url(../images/flow_leftline.gif);background-repeat-x:repeat; background-repeat-y:no-repeat; background-position: center center}
.flow-d i{margin:0; padding:0 20%; font-size:50px; color:#885e25; background-color:#f6f6f6}
.flow-e{float:left;width:100%; padding:0; margin:0 0 20px 0; background-image:url(../images/flow_rightline.gif);background-repeat-x:repeat; background-repeat-y:no-repeat; background-position: center center}
.flow-e i{margin:0; padding:0 20%; font-size:50px; color:#885e25; background-color:#f6f6f6}
.flow-f{float:left;width:100%; padding:0; margin:0 0 20px 0;background-image:url(../images/flow_line.gif); background-repeat-x:repeat; background-repeat-y:no-repeat; background-position: center center}
.flow-f i{margin:0; padding:0 20%; font-size:50px; color:#885e25; background-color:#f6f6f6}
.flow-g{float:left;width:100%; padding:0; margin:0 0 20px 0; background-image:url(../images/flow_rightline.gif);background-repeat-x:repeat; background-repeat-y:no-repeat; background-position: center center}
.flow-g i{margin:0; padding:0 20%; font-size:50px; color:#885e25; background-color:#f6f6f6}
.flow-h{float:left;width:100%; padding:0; margin:0 0 20px 0; background-image:url(../images/flow_leftline.gif);background-repeat-x:repeat; background-repeat-y:no-repeat; background-position: center center}
.flow-h i{margin:0; padding:0 20%; font-size:50px; color:#885e25; background-color:#f6f6f6}

.flow{float:left;width:100%; padding:0; margin:0 0 30px 0;background-image:url(../images/flow_line.gif); background-repeat-x:repeat; background-repeat-y:no-repeat; background-position: center center}
.flow i{margin:0; padding:0 20%; font-size:50px; color:#885e25; background-color:#f6f6f6}
.media-line{ display:none}
.media-row{ display:none}

.nsTf{float:left;width:88%; padding:0; margin:20px 6% 0 6%;}
  .nsTf p{margin:0; padding:0; font-size:16px; color:#555; line-height:28px}
  .nsTf h3{margin:0 0 15px 0; padding:0;font-size:16px; font-weight:700; color:#000}

}