@charset "utf-8";
@media screen and (min-width: 1101px) and (max-width: 1400px) {
.bannerBox {background:#000000 url(img/bg-1.jpg) left top no-repeat; background-size: auto 100%;}
.bannerTxt span {width: 65%;}
.i1{left: 25%; top:30%;}
.i2{left: 50%; top:30%;}
.i3{left: 25%; top:30%;}
.i4{left: 58%; top:30%;}
.i5{left: 50%; top:5%; margin-left: -223px;}

.introtxt h3{font: bold 48px/1.4 Arial, "cwTeXHei","微軟正黑體", "Microsoft JhengHei", sans-serif; line-height: 100px;}
.introtxt i > img{ vertical-align: middle; width:100px;}
.introtxt p{font: 400 21px/1.4 Arial,"cwTeXHei","微軟正黑體", "Microsoft JhengHei", sans-serif;}
}
@media screen and (min-width: 981px) and (max-width: 1100px) {
.icon-link{ display: none;}
	
/*廣告*/
.bannerBox {width: 100%; height: auto; background-size:120% auto; background: #000000 url(img/bg-1.jpg) left top no-repeat;}
.bannerTxt {width: 100%; margin: 72% auto 0 auto; padding: 0 20px;}
.bannerTxt ul {margin: 0 auto 5px;}
.bannerTxt li {font: 400 130%/1.4 Arial, "cwTeXHei","微軟正黑體", "Microsoft JhengHei", sans-serif; margin: 10px auto;}
.bannerTxt p {font: bold 120%/2 Arial, "cwTeXHei","微軟正黑體", "Microsoft JhengHei", sans-serif;}
.bannerTxt span {font:400 90%/1.4 Arial, "cwTeXHei","微軟正黑體", "Microsoft JhengHei", sans-serif; margin: 10px auto 50px auto; width: 80%;}

.intro4{background-position: -600px;}
.introtxt h3{font: bold 230%/1.4 Arial, "cwTeXHei","微軟正黑體", "Microsoft JhengHei", sans-serif; line-height: 120px;}
.introtxt i > img{ vertical-align: middle; width: 120px;}
.introtxt p{font: 400 160%/1.4 Arial,"cwTeXHei","微軟正黑體", "Microsoft JhengHei", sans-serif; text-align: center;}

.download{top:15%;}	

/*毛點*/
.archBox{padding:5px; text-align: left;}
.archBox .archList{display:block;}
.archBox .archSelect{display:none;}
}
@media screen and (min-width: 641px) and (max-width: 980px) {
.icon-link{ display: none;}
.topicLogo img {width:70%; height: auto; margin:8% auto 0 42%;}
.topBox a {display: none !important;}

/*廣告*/
.bannerBox {width: 100%; height: auto; background-size:auto 60% !important; background: #000000 url(img/bg-1.jpg) left top no-repeat;}
.bannerTxt {width: 100%; margin: 72% auto 0 auto; padding: 0 20px;}
.bannerTxt ul {margin: 0 auto 5px;}
.bannerTxt li {font: 400 130%/1.4 Arial, "cwTeXHei","微軟正黑體", "Microsoft JhengHei", sans-serif; margin: 10px auto;}
.bannerTxt p {font: bold 120%/2 Arial, "cwTeXHei","微軟正黑體", "Microsoft JhengHei", sans-serif;}
.bannerTxt span {font:400 90%/1.4 Arial, "cwTeXHei","微軟正黑體", "Microsoft JhengHei", sans-serif; margin: 10px auto 50px auto; width: 80%;}

.introtxt h3{font: bold 230%/1.4 Arial, "cwTeXHei","微軟正黑體", "Microsoft JhengHei", sans-serif; line-height: 120px;}
.introtxt i > img{ vertical-align: middle; width: 120px;}
.introtxt p{font: 400 160%/1.4 Arial,"cwTeXHei","微軟正黑體", "Microsoft JhengHei", sans-serif; text-align: center;}
	
.intro1 > img{bottom: 0; left:50%;}
.i1{left:15%;}

.intro2 > img{left:5%;}
.i2{left:45%;}

.intro3 > img{left:40%;}
.i3{left:15%;}

.intro4{background-position: -700px;}
.i4{left: 58%; top:20%;}

.i5{left: 50%; top:5%; margin-left:-125px;}
	
.download{ position: absolute; top:20%; text-align: center;}
.d1{left: 50%; margin-left: -350px;}
.d2{right: 50%; margin-right: -350px;}

.download h3{font: normal 160%/1.5  Arial, "cwTeXHei","微軟正黑體", "Microsoft JhengHei", sans-serif;}
.download a{width: 250px; height:87px;}
.download p{font: normal 130%/2  Arial, "cwTeXHei","微軟正黑體", "Microsoft JhengHei", sans-serif; height:80px;}
.download span{font: normal 60%/2  Arial, "cwTeXHei","微軟正黑體", "Microsoft JhengHei", sans-serif;}
.or{width:70%;}
	
/*選單*/
.navBox{display:block;}
.mobileNav{display:none;}
.navList li a{font:normal 26px/1.4 "微軟正黑體", "Microsoft JhengHei",Arial,sans-serif; padding: 6px 28px 4px;}

/*毛點*/
.archBox{padding:5px; text-align: left;}
.archBox .archList{display:block;}
.archBox .archSelect{display:none;}
	
}


@media screen  and (max-width: 640px) {
	
.max1400Box { padding: 0;}
.mainview{margin:0 auto;}
.wrapperBox {padding: 0;}
.topBox{ width:100%; }
.topicLogo {text-align: left;}
.topicLogo img {width:70%; height: auto; margin:0 auto 0 15%;}
.topBox {right: 0; top: 60%;}
.topBox a{display: none !important;}
.icon-link{right: 0; bottom: 0; position:inherit; background:rgb(31, 97, 183); border-radius:0; text-align: center; width: 100%; padding: 0 0 5% 0;}
.icon-link > img{top:0; left:0; position: inherit; width: 20%; vertical-align:middle;}
.icon-link a{display: inline-block; width:30%; height: auto; margin:auto; vertical-align:middle;}

/*廣告*/
.bannerBox {width: 100%; height: auto; background-size:120% auto !important; background: #000000 url(img/bg-1.jpg) left top no-repeat;}
.bannerTxt {width: 100%; margin: 80% auto 0 auto; padding: 0 20px;}
.bannerTxt ul {margin: 0 auto 5px;}
.bannerTxt li {font: 400 130%/1.4 Arial, "cwTeXHei","微軟正黑體", "Microsoft JhengHei", sans-serif; margin: 10px auto;}
.bannerTxt i {padding: 1% 3%; margin-right:3%;}
.bannerTxt p {font: bold 120%/2 Arial, "cwTeXHei","微軟正黑體", "Microsoft JhengHei", sans-serif;}
.bannerTxt span {font:400 90%/1.4 Arial, "cwTeXHei","微軟正黑體", "Microsoft JhengHei", sans-serif; margin: 10px auto 50px auto; width: 80%;}

.intro1{height: auto;}
.intro1 > img{position: inherit; bottom: 0; left:0; margin:auto; width: 70%; display: table-cell; padding-top:10%;}
.i1{left:0; top:0; margin-left:0; margin: auto;}

.intro2{height: auto; background-size:auto 70%;}
.intro2 > img{position: inherit; bottom:0; left:0; margin:auto; width: 70%; display: table-cell; padding-top:10%;}
.i2{position:inherit; left:0; top:0; margin-left:0;}

.intro3{height: auto;}
.intro3 > img{position: inherit; bottom:0; left:0; margin:auto; width: 70%; display: table-cell; padding-top:20%;}
.i3{position:inherit; left:0; top:0; margin-left:0;}

.intro4{height: 780px; background-size:auto 65%;}
.i4{position:inherit; left:0; top:0; margin-left:0;}

.intro5{ height: auto;}
.i5{position:inherit; left:0; top:0; margin-left:0;}

.introtxt{position:inherit; padding: 30px 20px 0 20px;}
.introtxt h3{font: bold 230%/1.4 Arial, "cwTeXHei","微軟正黑體", "Microsoft JhengHei", sans-serif; line-height: 120px;}
.introtxt i > img{ vertical-align: middle; width: 120px;}
.introtxt p{font: 400 160%/1.4 Arial,"cwTeXHei","微軟正黑體", "Microsoft JhengHei", sans-serif; text-align: center;}

.download{ position:inherit; margin-bottom: 100px; padding: 0 20px;}
.d1{ padding-top:30px; left: 0; margin-left:0; }
.d2{ right: 0; margin-right:0; }

.download h3{font: normal 230%/1.5  Arial, "cwTeXHei","微軟正黑體", "Microsoft JhengHei", sans-serif; width: 210px; text-align: center; margin: 15px auto;}
.download a{width: 250px; height:87px;}
.download p{font: normal 180%/2  Arial, "cwTeXHei","微軟正黑體", "Microsoft JhengHei", sans-serif; height:auto;}
.download span{font: normal 60%/2  Arial, "cwTeXHei","微軟正黑體", "Microsoft JhengHei", sans-serif;}
.or{width:100%;}
	
/*選單*/
.navBox{display:none;}
.mobileNav{display:block;}
.navList li a{font:normal 14px/1.4 "微軟正黑體", "Microsoft JhengHei",Arial,sans-serif; padding:4px 4px 2px; letter-spacing: 0;}

}
@media screen  and (min-width: 1700px) and (max-width: 2000px) {
.topBox {right:15%; top: 10%;}
.topBox a{position: absolute; right: 0;}
.topicLogo img {height:100%; width: auto; margin:10% auto;}
.icon-link{right:15%; bottom: 10%;}
}
/*@media screen  and (min-width: 445px) and (max-width: 641px) {
	.icon-link > img{top:-40px; left:15px;}
}*/