@charset "utf-8";
@media screen and (min-width: 1200px) and (max-width:1398px){
/*分享區改浮動*/
#masttop{position:relative;z-index:1;}
.content { margin: 0 auto; padding: 0; width:100%; background-color: #fff;}

.adBox{ width:95%; margin:auto; padding-top:3%;}
.adBox div span{ position:absolute; top:-48px; right:0; padding:0 10%; font:normal 3.6rem/5rem "微軟正黑體"; color:#fff;}
.adBox h1.pro1, .adBox h1.pro2, .adBox h1.pro3{ background-size:36px 36px; padding-left:45px; font: bold 3.6rem/5rem "微軟正黑體";}

.pro_content { width:90%;}

.giftBox img{float:left; width:40%;}
.sub-info{ width:60%; float:left; padding:4% 3%;}
.sub-info h2,.sub-info h3{font: bold 3rem/3.5rem "微軟正黑體"; color:#44a8ab;}
.sub-info p{font: bold 1.5rem/2.1rem "微軟正黑體"; color:#333;}
.giftBox2 img{ width:30%; margin-bottom:0%;}
.sub-info a{ width:250px;}

.pepper-info{width:100%; margin:1% 0 3% 0;}
.pepper-info img{width:40%; float:left}
.pepper-intro{width:55%;}
.pepper-intro h3{font: bold 2.4rem/3rem "微軟正黑體"; padding-bottom:1rem; margin-left:-15px;}
.pepper-intro p{font: normal 1.5rem/2.2rem "微軟正黑體"; padding-top:1rem;}

.carrier h4 { width:100%;}
.carrier ul { width:98%;}

.award img{ width:30%;}
.awlist1{ width:38%;}
.awlist2{ width:60%;}
.awlist3{ width:60%;}

}

@media screen and (min-width: 800px) and (max-width:1199px){
/*分享區改浮動*/
#masttop{position:relative;z-index:1;}
.content { margin: 0 auto; padding: 0; width:100%; background-color: #fff;}

.adBox{ width:95%; margin:auto; padding-top:3%;}
.adBox div span{ position:absolute; top:-38px; right:0; padding:0 10%; font:normal 3rem/4rem "微軟正黑體"; color:#fff;}
.adBox h1.pro1, .adBox h1.pro2, .adBox h1.pro3{ background-position:left 5px; background-size:30px 30px; padding-left:40px; font: bold 3rem/3.6rem "微軟正黑體";}

.pro_content { width:90%;}

.pro_content h5{font: bold 3rem/3.6rem "微軟正黑體"; background:url(../images/ic-1.png) no-repeat left 5px; background-size:30px 30px; padding-left:40px; padding-bottom:0;}
.giftBox span{ position:absolute; top:-38px; right:-3px; padding:0 10%; font:normal 3rem/4rem "微軟正黑體"; color:#fff;}

.giftBox img{float:left; width:40%;}
.sub-info{ width:60%; float:left; padding:4% 3%;}
.sub-info h2,.sub-info h3{font: bold 2.4rem/3rem "微軟正黑體"; color:#44a8ab;}
.sub-info p{font: bold 1.5rem/2.1rem "微軟正黑體"; color:#333;}
.giftBox2 img{ width:30%; margin-bottom:0%;}
.sub-info a{ width:210px;}

.pepper-info{width:100%; margin:2% 0;}
.pepper-info img{width:50%; float:left}
.pepper-intro{width:50%; padding:2%;}
.pepper-intro h3{font: bold 2.4rem/3rem "微軟正黑體"; padding-bottom:.8rem; margin-left:-15px;}
.pepper-intro p{font: normal 1.5rem/2.2rem "微軟正黑體"; padding-top:.8rem;}

.carrier h4 { width:100%;}
.carrier ul { width:98%;}

.award img{ width:30%;}
.awlist1{ width:38%;}
.awlist2{ width:60%;}
.awlist3{ width:60%;}

}

@media screen and (min-width: 690px) and (max-width: 799px) {
/*分享區改浮動*/
#masttop{position:absolute;z-index:10;width:100%;}
.navbar-nav{margin:0 -15px;}
.content { margin: 0 auto; padding: 0; width:100%; background-color: #fff;}

.adBox{ width:95%; margin:auto; padding-top:5%;}
.adBox div span{ position:absolute; top:-38px; right:0; padding:0 10%; font:normal 3rem/4rem "微軟正黑體"; color:#fff;}
.adBox h1.pro1, .adBox h1.pro2, .adBox h1.pro3{ background-position:left 5px; background-size:30px 30px; padding-left:40px; font: bold 3rem/3.6rem "微軟正黑體";}

.pro_content { width:90%;}
.pro_content h5{font: bold 3rem/4rem "微軟正黑體";  background-size:30px 30px; padding-left:40px;}
.giftBox{width:100%; margin:0 auto 5% auto;}
.giftBox img{float:left; width:40%;}
.sub-info{ width:60%; float:left; padding:5% 3%;}
.sub-info h2,.sub-info h3{font: bold 1.8rem/2rem "微軟正黑體"; color:#44a8ab;}
.sub-info p{font: bold 1.5rem/2rem "微軟正黑體"; color:#333;}
.giftBox2 img{ width:40%; margin-bottom:0;}
.sub-info a{ width:280px;}

.pepper-info{width:100%; margin:1% 0 5% 0;}
.pepper-info img{width:100%; float:none;}
.pepper-intro{width:100%; padding:3% 5%; clear:both;}
.pepper-intro h3{font: bold 1.8rem/2rem "微軟正黑體"; padding-bottom:1.2rem; margin-left:-15px;}
.pepper-intro p{font: normal 1.5rem/2rem "微軟正黑體"; padding-top:1.2rem;}

.carrier h4 { width:100%;}
.carrier ul { width:98%;}

/*回頂部*/
.scroll2top:link, .scroll2top:visited {background: url(../images/gotop.png) no-repeat 0 0; background-size:36px 154px; height:77px; width:36px; position:fixed; bottom:50px; right:0; margin-left:0;}
.scroll2top:hover { background: url(../images/gotop.png) no-repeat 0 -77px; background-size:36px 154px; }

.awlist1{ width:95%;}
.awlist2{ width:95%;}
.awlist3{ width:95%;}

}

@media screen and (min-width: 575px) and (max-width: 689px) {
/*分享區改浮動*/
#masttop{position:absolute;z-index:10;width:100%;}
.navbar-nav{margin:0 -15px;}
.content { margin: 0 auto; padding: 0; width:100%; background-color: #fff;}

.adBox{ width:95%; margin:auto; padding-top:5%;}
.pro_content { width:90%;}

.giftBox{width:100%; margin:0 auto 5% auto;}
.giftBox img{float:none; width:100%;}
.sub-info{ width:100%; float:none; padding:5% 3%;}
.sub-info h2,.sub-info h3,.sub-info p{ text-align:center;}
.giftBox2 img{ width:100%; margin-bottom:5%;}
.sub-info a{ width:380px; clear:both;}

.pepper-info{width:100%; margin:auto;}
.pepper-info img{width:100%; float:none;}
.pepper-intro{width:100%; padding:5%; clear:both;}

.carrier h4 { width:100%;}
.carrier ul { width:98%;}

/*回頂部*/
.scroll2top:link, .scroll2top:visited {background: url(../images/gotop.png) no-repeat 0 0; background-size:36px 154px; height:77px; width:36px; position:fixed; bottom:50px; right:0; margin-left:0;}
.scroll2top:hover { background: url(../images/gotop.png) no-repeat 0 -77px; background-size:36px 154px; }

.awlist1{ width:95%;}
.awlist2{ width:95%;}
.awlist3{ width:95%;}

}

@media screen and (max-width: 574px) {
/*分享區改浮動*/
#masttop{position:absolute;z-index:10;width:100%;}
.navbar-nav{margin:0 -15px;}
.content { margin: 0 auto; padding: 0; width:100%; background-color: #fff;}

.pc{ display:none !important;}
.m{ display:block !important;}

.adBox{ width:95%; margin:auto; padding-top:5%;}
.adBox h1.pro1, .adBox h1.pro2, .adBox h1.pro3{ background-position:left 8px; background-size:21px 21px; padding-left:30px; font: bold 2.4rem/3rem "微軟正黑體";}
.adBox div span{ position:absolute; top:-30px; right:0; padding:0 10%; font:normal 2.4rem/3rem "微軟正黑體"; color:#fff;}

.pro_content { width:90%;}

.giftBox{width:100%; margin:0 auto 8% auto;}
.giftBox img{float:none; width:100%;}
.sub-info{ width:100%; float:none; padding:5% 3%;}
.pro_content h5{font: bold 3rem/3.6rem "微軟正黑體"; background:url(../images/ic-1.png) no-repeat left 8px; background-size:30px 30px; padding-left:40px; padding-bottom:0;}
.giftBox span{ position:absolute; top:-38px; right:-3px; padding:0 10%; font:normal 3rem/4rem "微軟正黑體"; color:#fff;}
.sub-info h2,.sub-info h3{font: bold 1.8rem/2.4rem "微軟正黑體"; color:#44a8ab;}
.sub-info h2,.sub-info h3,.sub-info p{text-align:left;}
.giftBox2 img{ width:100%; margin-bottom:5%;}
.sub-info a{ width:90%; clear:both;}

.pepper-intro h3{font: bold 2rem/2.4rem "微軟正黑體"; padding-bottom:1rem;}
.pepper-intro p{font: normal 1.7rem/2.4rem "微軟正黑體"; padding-top:1rem;}
.pepper-info{width:90%; margin:8% 5% 12% 5%; text-align:center;}
.pepper-info img{width:100%; float:none;}
.pepper-intro{width:100%; padding:5%; clear:both;}

.carrier h4 { width:100%;}
.carrier ul { width:98%;}

/*回頂部*/
.scroll2top:link, .scroll2top:visited {background: url(../images/gotop.png) no-repeat 0 0; background-size:36px 154px; height:77px; width:36px; position:fixed; bottom:50px; right:0; margin-left:0;}
.scroll2top:hover { background: url(../images/gotop.png) no-repeat 0 -77px; background-size:36px 154px; }

.go2fb:link, .go2tb:visited{ display:none;}

.awlist1{ width:95%;}
.awlist2{ width:95%;}
.awlist3{ width:95%;}

}


@media screen and (max-width: 320px) {
/*分享區改浮動*/
#masttop{position:absolute;z-index:10;width:100%;}
.navbar-nav{margin:0 -15px;}
.content { margin: 0 auto; padding: 0; width:100%; background-color: #fff;}

.adBox{ width:95%; margin:auto; padding-top:5%;}
.adBox h1.pro1, .adBox h1.pro2, .adBox h1.pro3{background-position:left 8px; background-size:21px 21px; padding-left:30px; font: bold 2.4rem/3rem "微軟正黑體";}
.adBox div span{ position:absolute; top:-30px; right:0; padding:0 10%; font:normal 2.4rem/3rem "微軟正黑體"; color:#fff;}

.pro_content { width:90%;}
.pro_content h5{font: bold 2.1rem/2.5rem "微軟正黑體"; background-position:left 5px; background-size:20px 20px; padding-left:30px; padding-bottom:5px;}
.giftBox span{ position:absolute; top:-37px; right:-3px; padding:0 10%; font:normal 2.1rem/3.8rem "微軟正黑體";}
.giftBox,.giftBox2{width:100%; margin:0 auto 8% auto;}
.giftBox img{float:none; width:100%;}
.sub-info{ width:100%; float:none; padding:5% 3%;}
.sub-info h2,.sub-info h3,.sub-info p{ text-align:left;}
.sub-info h2,.sub-info h3{font: bold 1.8rem/2.4rem "微軟正黑體";}
.sub-info p{font: bold 1.5rem/2rem "微軟正黑體";}
.c1{border: 1px solid #1f50dd; background:#1f50dd;}
.c2{border: 1px solid #c43f11; background:#c43f11;}
.c1:hover{border: 1px solid #1f50dd; background:#1f50dd;}
.c2:hover{border: 1px solid #c43f11; background:#c43f11;}
.giftBox2 img{ width:100%; margin-bottom:5%;}
.sub-info a{ width:240px; clear:both;}

.pepper-info{width:90%; margin:8% 5% 12% 5%; text-align:center;}
.pepper-info img{width:100%; float:none;}
.pepper-intro{width:100%; padding:5%; clear:both;}
.pepper-intro h3{font: bold 1.9rem/2.5rem "微軟正黑體"; padding-bottom:1rem; margin-left:-15px;}
.pepper-intro p{font: normal 1.5rem/2rem "微軟正黑體";padding-top:1rem;}

.carrier h4 { width:100%;}
.carrier ul { width:98%;}

/*回頂部*/
.scroll2top:link, .scroll2top:visited {background: url(../images/gotop.png) no-repeat 0 0; background-size:36px 154px; height:77px; width:36px; position:fixed; bottom:50px; right:0; margin-left:0;}
.scroll2top:hover { background: url(../images/gotop.png) no-repeat 0 -77px; background-size:36px 154px; }

.go2fb:link, .go2tb:visited{ display:none;}

.awlist1{ width:95%;}
.awlist2{ width:95%;}
.awlist3{ width:95%;}

}