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

body { margin: 0 auto; width:auto; height: auto; font-family: "Droid Sans", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif,"微軟正黑體","Microsoft JhengHei", "宋体","SimSun";}

img { border: 0; }

.inthen {
  width: 0;
  height: 0;
  float: left;
  text-indent: -9999px;
  display: block;
  position: relative;
}
h2 { margin: 0 auto; display: inline; }
h3 { margin: 0 auto; display: inline; font-size: 14px; text-decoration: underline; }

#container-all { margin: 0 auto; width: 100%; height: auto !important; min-height: 350px; float:left; background:url(../images/multifunction-sticky/bg-all.png) repeat;
-moz-box-shadow:0px 0px 10px 0px rgba(20%,20%,40%,0.5);
-webkit-box-shadow:0px 0px 10px 0px rgba(20%,20%,40%,0.5);
box-shadow:0px 0px 10px 0px rgba(20%,20%,40%,0.5);
}

.top-all {margin:0 auto; width:100%; height:auto; background:url(../images/multifunction-sticky/bg-topall.png) no-repeat; padding-top:41px; background-size: 100%;display: flex;justify-content: center;}
.toplink { margin:0 auto; width:940px; height:35px; text-align:center; /*background:url(../images/multifunction-sticky/top-btnall.png) center center no-repeat;*/ }
.toplink a+a { padding-left:5px; }

/*main*/
.main { margin: 0 auto; width:930px; padding:15px; height:auto; background:rgba(255,255,255,0.5); border-radius:10px; margin-bottom:15px;
-moz-box-shadow:0px 0px 10px 0px rgba(20%,20%,40%,0.15);
-webkit-box-shadow:0px 0px 10px 0px rgba(20%,20%,40%,0.15);
box-shadow:0px 0px 10px 0px rgba(20%,20%,40%,0.15);
 }
.main .w-title { float:left; background:url(../images/multifunction-sticky/w-title.png) center left no-repeat; text-align:left; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; color:#231815; font-size:1.85em; line-height:2.15em; padding-left:35px; margin-left:25px; }

.main .pic-420 { float:left; padding:10px 20px; position: relative;}
.main .pic-420 span{position: absolute; left:80px; bottom: 65px; color:#aaa; font-size: 1.1em;}

.main .w-text { float:left; width:86%; padding:0 7.0%; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; color:#231815; font-size:1.45em; line-height:2.15em; }
.main .w-text p { float:left; clear:both; padding-bottom:25px; }

.main .tab-001 { float:left; width:890px; height:650px; background:url(../images/multifunction-sticky/pic-890x650-001.png) center center no-repeat; text-align:left; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; color:#231815; font-size:1.50em; line-height:1.85em; font-weight:bold; padding:0 20px; margin-left:0px; }

.main .tab-001 .stab-01 { float:left; width:300px; margin-left:600px; margin-top:190px; }
.main .tab-001 .stab-02 { float:left; width:450px; margin-left:450px; margin-top:20px; }
.main .tab-001 .stab-03 { float:left; width:480px; margin-left:420px; margin-top:20px; font-weight:normal; font-size:0.90em; line-height:1.30em; }
.main .tab-001 .stab-04 { float:left; width:455px; margin-left:425px; margin-top:15px; font-weight:bold; font-size:0.90em; line-height:1.30em; }
.main .tab-001 .stab-04 .title01 { float:left; width:215px; height:32px; }
.main .tab-001 .stab-04 .title02 { float:left; width:120px; height:32px; text-align:center; }
.main .tab-001 .stab-04 .title03 { float:left; width:120px; height:32px; text-align:center; }
.main .tab-001 .stab-04 .text01 { float:left; width:205px; height:32px; text-align:left; padding-left:10px; font-size:0.85em; }
.main .tab-001 .stab-04 .text02 { float:left; width:120px; height:32px; text-align:center; font-size:0.90em; }
.main .tab-001 .stab-04 .text03 { float:left; width:120px; height:32px; text-align:center; font-size:0.90em; }
.main .tab-001 .stab-04 .wr { color:#bf0000; font-size:1.10em; }

/*main end*/


/*footer*/
.multifunction-sticky-footer { float:left; width:930px; padding:15px 35px; margin:0px auto; background:url(../images/multifunction-sticky/bg-footer.png) repeat; }
.multifunction-sticky-footer .logo-b { float: left; width: 180px; height: 180px; background:url(../images/multifunction-sticky/logo-b.png) transparent no-repeat scroll center center / 180px auto; }
.multifunction-sticky-footer .tab-r { float:left; width:720px; padding-left:30px; color:#9f9f9f; font-size:1.04em; line-height:1.55em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; }
.multifunction-sticky-footer .tab-r a { color:#8f8f8f; text-decoration:none; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; }
.multifunction-sticky-footer .tab-r a:link { color:#8f8f8f; text-decoration:none; }
.multifunction-sticky-footer .tab-r a:visited { color:#8f8f8f; text-decoration:none; }
.multifunction-sticky-footer .tab-r a:hover { color:#3f3f3f; text-decoration:none; }

/*footer end*/

/*font*/
.multifunction-sticky-w00 { color:#231815; font-size:1.70em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:normal; padding-left:35px; padding-right:30px; }
.multifunction-sticky-w01 { color:#006934; font-size:2.05em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:normal; padding-left:25px; }
.multifunction-sticky-w01s { color:#009239; font-size:0.85em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:normal; padding-left:0px; }

.multifunction-sticky-w02t { color:#006934; font-size:2.00em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:bold; padding-left:25px; background:url(../images/multifunction-sticky/left-tri.png) left center no-repeat; }
.multifunction-sticky-w02b { color:#231815; font-size:2.05em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:bold; padding-left:25px; }
.multifunction-sticky-w03b { color:#ea5514; font-size:2.25em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:bold; padding-left:135px; padding-top:10px; padding-bottom:20px; }
.multifunction-sticky-w04 { color:#231815; font-size:2.05em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:normal; padding-left:25px; padding-top:20px; }
.multifunction-sticky-w05r { color:#231815; font-size:1.35em; line-height:1.70em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:bold; padding-right:100px; padding-top:20px; text-align:right; }
.multifunction-sticky-w06t { color:#231815; font-size:2.05em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:bold; padding-left:25px; background:url(../images/multifunction-sticky/left-tri.png) left 30px no-repeat; }
.multifunction-sticky-w06b { color:#231815; font-size:1.85em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:bold; }
.multifunction-sticky-w07 { color:#231815; font-size:1.85em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:normal; padding-left:35px; padding-right:30px; }

.spt35px { padding-top:35px; }
.sptb { padding-top:25px; padding-bottom:15px; }
/*font end*/

@media  only screen and (max-width: 960px){
    .toplink{width: 100%; display: flex; justify-content: space-around;}
    .main .w-title{margin: 0; font-size: 1em; background-size: 15px; padding-left: 15px; background-position: 0 5px;}
    .spt35px{padding-top: 20px;}
    .main .pic-420{margin: 0; padding: 0; width: 50%;}
    .main .w-text{width: 100%; padding: 0; font-size: 1em; line-height: 1.5em;}
    .main .tab-001{padding: 0; margin: 0; width: 100%; background-size: 100%; height: auto;position: relative;}
    .main .tab-001 .stab-01,.main .tab-001 .stab-02,.main .tab-001 .stab-03,.main .tab-001 .stab-04{margin: 0; width: 100%; background: rgba(255, 255, 255, 0.6)}
    .main .w-text p{padding-bottom: 8px; font-size: 1em;}
  
}