@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: 1000px; height: auto !important; min-height: 350px; float:left; background:#080808 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);
}

/*main*/
.main { margin: 0 auto; width:960px; padding:15px 0; height:auto; background:#fff; border-radius:10px; }
.main .flline { float:left; width:100%; height:25px; background:url(../images/stylus/flline-stylus.png) center center no-repeat; padding:10px 0; }
.main .toplink { margin:0 auto; width:930px; height:40px; text-align:center; }
.main .toplink a+a { padding-left:15px; }

.main .tab-list01 { float:left; width:830px; height:auto; padding:20px 50px 0px 105px; text-align:center; }
.main .tab-list01 .in-list { float:left; width:365px; height:auto; font-size:1.35em; line-height:1.70em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; color:#231815; padding:0 20px; text-align:center; }
.main .tab-list01 p { float:left; padding:25px; color:#888888; text-align:left; font-size:1.55em; line-height:1.55em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; }

.main .tab-list01-a { float:left; clear:both; position:absolute; margin-left:0px; padding:40px 160px; width:640px; height:40px; background:url(../images/stylus/list-bg-01-a.png) left center no-repeat; color:#686868; text-align:left; font-size:1.65em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; }
.main .tab-list01-b { float:left; clear:both; position:absolute; margin-left:0px; padding:40px 160px; width:640px; height:40px; background:url(../images/stylus/list-bg-01-b.png) left center no-repeat; color:#686868; text-align:left; font-size:1.65em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; }
.main .tab-list01-c { float:left; clear:both; position:absolute; margin-left:0px; padding:40px 160px; width:640px; height:40px; background:url(../images/stylus/list-bg-01-c.png) left center no-repeat; color:#686868; text-align:left; font-size:1.65em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; }

.main .tab-list02 { float:left; width:930px; height:auto; padding:20px 15px; text-align:center; }
.main .tab-list02 .text { float:left; width:900px; height:auto; padding:20px 15px 20px 45px; text-align:left; font-size:1.45em; line-height:1.8em; }
.main .tab-list02 .text .spl { float:left; width:100%; padding-left:25px; }
.main .tab-list02 .text .splb { float:left; width:100%; padding-left:25px; padding-bottom:15px; }

.main .tab-list03 { float:left; width:930px; height:auto; padding:20px 15px; }
.main .tab-list03 .subw { float:left; width:720px; height:auto; padding: 0px 15px 15px 15px; margin-left:95px; text-align:left; color:#de6a37; font-size:1.50em; line-height:1.55em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; }
.main .tab-list03 .text { float:left; width:288px; padding:5px; color:#231815; font-size:1.05em; line-height:2.05em; text-align:center; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; } 

.main .tab-list04 { float:left; width:930px; height:auto; padding:20px 15px; text-align:center; }


.main .pic-listc { float:left; width:920px; height:auto; padding:20px 10px; text-align:center; }
.main .pic-listw { float:left; width:920px; height:40px; padding:20px 10px; font-size:2.05em; line-height:0.50em; text-align:center; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; }


/*main end*/


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

/*footer end*/

/*font*/
.fwb { font-weight:bold; }
.stylus-w00 { float:left; margin:0 15px; width:930px; color:#888888; font-size:1.35em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:normal; padding-left:35px; padding-right:30px; }
.stylus-w01 { float:left; margin:0 15px; width:930px; color:#686868; font-size:1.45em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:normal; padding-left:25px; }
.stylus-w01s { float:left; margin:0 15px; width:930px; color:#de6a37; font-size:1.20em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:normal; padding-left:0px; }

.stylus-w02t { float:left; margin:0 15px; width:930px; color:#080808; font-size:1.85em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:bold; padding-left:25px;  background:url(../images/stylus/left-tri.png) left 10px no-repeat; }
.stylus-w02b { color:#231815; font-size:2.05em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:bold; padding-left:25px; }
.stylus-w03b { float:left; margin:0 15px; width:930px; 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; }
.stylus-w04 { float:left; margin:0 15px; width:930px; color:#231815; font-size:2.05em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:normal; padding-left:25px; padding-top:20px; }
.stylus-w05r { float:left; margin:0 15px; width:930px; 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; }
.stylus-w06t { float:left; margin:0 15px; width:930px; color:#231815; font-size:2.05em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:bold; padding-left:25px; background:url(../images/stylus/left-tri.png) left 30px no-repeat; }
.stylus-w06b { float:left; margin:0 15px; width:930px; color:#231815; font-size:1.85em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:bold; }
.stylus-w07 { float:left; margin:0 15px; width:930px; color:#231815; font-size:1.35em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:normal; padding-left:35px; padding-right:30px; }

.spt { padding-top:15px; }
.sptb { padding-top:25px; padding-bottom:15px; }
.spl01 { padding-left:50px; }
.spl02 { padding-left:81px; }
/*font end*/

@media  only screen and (max-width: 960px){
    #container .box{width: 100%;}
    #container{overflow:hidden}
	.main .toplink{margin: 0; width: 100%; float: none; height: auto; display: flex; justify-content: center;}
    .main .flline{float: none;}
    .stylus-w01{margin: 0; width: 100%; float: none; height: auto;padding: 0 5px; line-height: 1.5em; font-size: 1em;}
	.stylus-w02t{margin: 0; width: 100%; float: none; height: auto;font-size: 1.1em; height: auto; background-size: 18px;line-height: inherit; background-position: 0 0;margin-bottom: 8px;}
    .main .tab-list01{width: 100%; padding: 0; float: none}
    .main .tab-list01:before,.main .tab-list01:after{clear: both; content: ""; display: block;}
    .main .tab-list01 .in-list{padding: 0; width: 50%; padding: 1%; box-sizing: border-box;}
    .main .tab-list01 p{font-size: 1em; line-height: 1.5em; padding: 0 5px;}
    .main .tab-list01-a,.main .tab-list01-b,.main .tab-list01-c{width: 100%; padding:0 0 0 35px; background-size: 180px auto;line-height: 1.1em; margin-top: 8px;height: auto; background-position: 0 0;float: none;position: static;}
	.stylus-w00{margin: 0; width: 100%; float: none; height: auto;}
	.stylus-w07 {margin: 0; width: 100%; float: none; height: auto;}
	.clear{padding-top: 8px !important;}
    .stylus-w00{padding: 0 5px;font-size: 1em; line-height: 1.5em}
}