/* CSS Document */
html,body{ margin:0px; padding:0px; background:#f8f8f8;font-family:"微軟正黑體";}

ul,li{ margin:0px; padding:0px; list-style-type:none;}
img{ border:none; margin:0px; padding:0px;}

.clear{ clear:both;}

.top{ width:100%; background:#f5c42c; position:fixed; z-index:100; padding:1px;}
.top ul{ max-width:1000px;  margin:auto; width:100%;}
.top li{ float:left;}
.top li.nav1{ width:34%;}
.top li.nav2{ width:31.7%;}
.top li.nav3{ width:34.3%;}
.top li img{ width:100%;}
.top li:hover{filter:alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;}

.banner{ height:400px; max-height:400px; background-image:url(../img/banner.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover;}

.wd{height:59px; max-height:59px; background-image:url(../img/wline.png); background-repeat:no-repeat; background-position:center center; background-size:cover; color:#ffffff;}
.wd .wdbox{ max-width:1000px; margin:auto;font-size:26px; line-height:59px; text-indent:2em;}
.wd a{ text-decoration:none; color:#3249ad; }


.con1{height:1163px; max-height:1163px; background-image:url(../img/con1bg.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.con1 .con1img{ max-width:1000px; width:1000px; margin:auto; display:block;}

.con1 .cnav{ width:100%; max-width:1000px; margin:auto;}
.con1 .cnav li{ float:left; width:33.3%;}
.con1 .cnav li img{ width:100%;}
.con1 .cnav li:hover{filter:alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;}

.paybox{position:fixed; z-index:1000; top:0px;width:100%; text-align:center; display:none;}
.paybox .paylists{margin:auto; width:100%; height:700px; max-width:1050px; max-height:700px; background-image:url(../img/paylisttop.png); background-repeat:no-repeat; background-position:center top; background-size:contain;}
.paybox .paylists .closes{ float:left; cursor:pointer; height:0px; z-index:100; position:relative; width:10%;padding-top:23%; padding-left:6%;}
.paybox .paylists .closes img{ width:50%; padding:25%;}
.paybox .paylists .paybg{ margin-top:18%; float:left; width:100%; height:100px; background-image:url(../img/paylistbg.png); background-position:center top; background-size:contain;}
.paybox .paylists .paybot{float:left; width:100%; }
.paybox .paylists .paybot img{ width:100%;}
.paybox .paylists .con{ padding-top:8%; padding-left:10%; float:left; height:0px; width:100%;}
.paybox .paylists .con table{ width:48%; max-width:450px;}
.paybox .paylists .con table td{ border:1px solid #69a41e;font-size:12px; color:#ffffff; font-weight:bold;}



.award{ background:#324160;}
.award .awardcon{ position:relative; text-align:right; width:100%; height:2370px; max-width:1000px; max-height:2370px; margin:auto; background-image:url(../img/award.png); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.award .awardcon img{ max-width:76px;  margin-right:3%; margin-bottom:12px; display:inline-block; position:relative; cursor:pointer;}
.award .awardcon img:hover{filter:alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;}
.award .awardcon div{ position:absolute; width:100%;}

.gcon{ width:100%; position:fixed; z-index:100; top:100px; text-align:center; color:#ffffff; display:none; }
.gcon .getaward{ width:100%; max-width:746px; height:307px; margin:auto; background-image:url(../img/infobg.png);background-repeat:no-repeat; background-position:center top; background-size:contain;}
.gcon .getaward .closes{ float:right; cursor:pointer; height:0px; z-index:100; position:relative; width:10%;}
.gcon .getaward .closes img{ width:50%; padding:25%;}
.gcon .getaward .con{ text-align:center; font-size:28px; padding-top:8%; float:left; width:100%; }
.gcon .getaward .con img{ padding:0px; margin:0px; margin-bottom:3%; width:8%;}
.gcon .getaward .con a{ display:block; width:180px; height:35px;  line-height:35px; text-decoration:none; background:#69a41e; font-size:14px; color:#ffffff; margin:auto;margin-top:3%;   -moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius:10px; }

.banner2{ height:791px; max-height:791px; background-image:url(../img/banner2.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover;}

.hd2{ height:1260px; max-height:1260px; background-color:#f5c42c; background-image:url(../img/hd2.png); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.hd2 .hd2con{width:100%; max-width:1000px; margin:auto;}
.hd2 .hd2con a{ font-size:25px; text-decoration:none; padding-left:5%; top:600px; position:relative; color:#0c21a3; font-weight:bold;}
.hd2 .hd2con .lc{ text-align:center;top:680px; position:relative;}
.hd2 .hd2con .lc img{cursor:pointer; width:225px; max-width:225px;}
.hd2 .hd2con .lc img:hover{filter:alpha(opacity=80);-moz-opacity:0.80;opacity:0.80; }

.view{ width:100%; text-align:center;  position:relative; z-index:100; top:-1250px; height:0px; display:none;}
.view .img .closes{ float:right; position:relative; width:10%; height:0px; cursor:pointer;}
.view .img .closes img{ width:50%; margin:25%;}
.view .img{ width:100%;max-width:1000px; margin:auto;}
.view .img .con{ width:100%; float:left;}

.bottom{ height:383px; max-height:383px; background-image:url(../img/bottom.png); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.bottom ul{ width:100%; max-width:1000px; margin:auto; padding-top:4%; text-align:center;}
.bottom ul li{ display:inline-block;}
.bottom ul li img{ width:100%;}
.bottom ul .bnav1{width:16.7%;}
.bottom ul .bnav2{width:24.3%;}
.bottom ul .bnav3{width:21.2%;}
.bottom ul .bnav4{width:14.7%;}