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

body,html{width:100%; padding:0px; margin:0px; overflow-x:hidden;  background: #000;color:#fff; font-family:"微軟正黑體", serif , Arial;}
a{text-decoration: none !important;}
img{border: none;}
h1,h2,h3{font-size: 100%;}
.m{width:1200px; max-width:100%; margin:auto;}
p{ margin-top:1em; margin-bottom:1em;}
.logo-s{width:auto; height:0.5em;}
.m1{ position:relative;}
.title{width:100%;}
.m1 .title{ position:absolute;}
h1{ display:inline-block; font-weight:bold; padding-right:0.4em; border-right:solid 4px #0060A6; height:0.9em; line-height:0.8em; margin-right:0.3em;}
h2{ display:inline-block;}
.m1,.m2,.m3,.m4,.m5,.m6{  line-height:1.3em;}
.m1 .div1{background:url(../imgs/bg.jpg) no-repeat left center; color:#333; margin:0px;word-wrap:break-word;word-break:normal; }
.m1 .div2,.m1 .diva{background-color:#0060A6;padding:0px 1em;}
.m1 .div2,.m1 .diva a{  display:flex;display: -webkit-flex;align-items:center; justify-content:center;}
.m2,.m3,.m4,.m5{ margin-top:2.5em;background: rgb(38,41,43);background: -moz-linear-gradient(top, rgba(38,41,43,1) 0%, rgba(3,3,3,1) 90%, rgba(20,20,20,1) 100%);
background: -webkit-linear-gradient(top, rgba(38,41,43,1) 0%,rgba(3,3,3,1) 90%,rgba(20,20,20,1) 100%);background: linear-gradient(to bottom, rgba(38,41,43,1) 0%,rgba(3,3,3,1) 90%,rgba(20,20,20,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26292b', endColorstr='#141414',GradientType=0 );}
.m3 .title{ border-bottom:solid 1px #999; margin-bottom:1em;}
.m6d{ border-bottom:solid 1px #ccc;margin-bottom:0.8em;}
.m6d a{border-radius:5px; color:#353535; border:solid 1px #fff;background: rgb(255,255,255);background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(166,168,171,1) 99%);background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(166,168,171,1) 99%);background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(166,168,171,1) 99%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a6a8ab',GradientType=0 );}
.m6d a:hover{ color:#fff; border-color:#ED1C24;background: rgb(216,0,0);background: -moz-linear-gradient(top, rgba(216,0,0,1) 0%, rgba(137,0,0,1) 100%);background: -webkit-linear-gradient(top, rgba(216,0,0,1) 0%,rgba(137,0,0,1) 100%);background: linear-gradient(to bottom, rgba(216,0,0,1) 0%,rgba(137,0,0,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d80000', endColorstr='#890000',GradientType=0 );}
.m6{ margin-top:2.5em;background: rgb(38,41,43);background: -moz-linear-gradient(top, rgba(38,41,43,1) 1%, rgba(3,3,3,1) 100%);background: -webkit-linear-gradient(top, rgba(38,41,43,1) 1%,rgba(3,3,3,1) 100%);background: linear-gradient(to bottom, rgba(38,41,43,1) 1%,rgba(3,3,3,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26292b', endColorstr='#030303',GradientType=0 );}
.m6d2{color:#ccc;}
.m6d2 a{ color:#ccc;}
.m6d2 a:hover{color:#FFCC00;}
.m6d2 a:nth-child(1) { margin-right:2.5em;}
.m6d2 a img{ margin-right:0.3em; width:1em; height:auto; margin-top:-0.3em;}
.ah:hover img{box-shadow:0px 0px 4px 2px #666;}
@media screen and (max-width:480px) {
	.xxs-none{ display:none;}
}
@media screen and (min-width:481px) {
	.ssm-none{ display:none;}
}
@media screen and (max-width:575px) {
	.m3 .d{line-height:2em;}
	.m3 .d img{ max-width:75%;height:auto; margin-bottom:1em;}
}
@media screen and (min-width:576px) {
	.m3 .d{ line-height:2em;}
	.m3 .d .d2{position:absolute;bottom:1em; left:0px; padding:0px 1em;}
}
@media screen and (max-width:767px) {
	body,html{font-size: 15px;}
	.m1 .title{left:1em; top:-1.6em;}
	.m1 .div1{width:100%;padding:0em 1em;}
	.m1 .div1 p:nth-child(2){text-align:justify;}
	.m1 .diva{width:100%; padding:1em 0em; }
	.m1 .diva img{width:50%;height:auto;}
	.m1 .div2{width:100%; display:none;}
	h1{ font-size:1.1em; }
	.m2 .title,.m3 .title,.m4 .title,.m5 .title{padding:0.5em 1em 0.2em 1em;}
	.m6{padding:0.5em 1em 0.2em 1em;}
	.m2 .div2{padding:0em 1em;}
	.ps{text-align:justify;}
	.ps img{ display:none;}
	.m6d{ padding:0px 0px 0.4em 0px; }
	.m6d a{display:block; width:70%; margin:1em auto; text-align:center;}
	.m6d2 a{ display:block; padding-left:1.3em;}
	.m6d2{padding:0px;font-size:0.9em; line-height:1.8em;}
	.m6d2 a img{ margin-left:-1.3em;}
	.m6d2 span{ display:block; text-align:right; margin-bottom:1em;}
	.m6d a{ font-size:0.9em;  padding:0.3em 2em; }
}
@media screen and (min-width:768px) {
	body,html{font-size: 15px;}
	.m1 .title{left:2.5em; top:-2.5em;}
	.m1 .div1,.m1 .div2{float:left;}
	.m1 .div1{width:63%;text-align:justify;padding:0.85em 2.5em;}
	.m1 .div2{width:37%;}
	.m1 .diva{ display:none;}
	h1{ font-size:1.75em; }
	.m2 .title,.m3 .title,.m4 .title,.m5 .title{padding:1.5em 2.5em 0.5em 2.5em;}
	.m6{padding:2em 2.5em 1.4em 2.5em;}
	.m2 .div2{padding:0.85em 2.5em; text-align:justify;}	
	.m1 .div1 p:nth-child(2){font-size:0.9em;}
	.ps img{width:200px; height:auto; margin-left:1em;}
	.m2 .div3{ display:none;}
	.m3 .d{ padding:1em 2.5em; line-height:2em;}
	.m3 .d .d2{position:absolute;bottom:1em; left:0px; padding:0px 2.5em;}
	.m6d{ padding:0px 0px 0.7em 0px; }
	.m6d a{display:inline-block;}
	.m6d a:nth-child(1){ margin-right:0.5em;}
	.m6d2 .a1{margin-right:2.5em;}
	.m6d2{padding: 0em 0px 0.5em 0px;font-size:0.9em;}
	.m6d2 span{ display:inline-block;float:right;}
	.m6d a{ font-size:0.9em;  padding:0.2em 2em; }
}
@media screen and (min-width:992px) {
	body,html{font-size: 20px;}
	.m6d a{ font-size:0.7em;  padding:0px 2em; }
	.m6d2{padding: 0em 0px 0.5em 0px;font-size:0.8em;}
}