@charset "utf-8";
/* CSS Document */
html body{ margin:0; padding:0; background-image:url(../images/layout/edit_bg.jpg); background-repeat:repeat; font-family:"微軟正黑體";}
ul li{ list-style-type:none;}
*:focus { outline: none; }
::selection{ background-color:#444; color:#00adee;}

/*header*/
.header{ width:100%; max-width:1920px; height:80px; left:0px; right:0px; margin:auto; display:block; position:fixed; top:0; z-index:150; background-color:#fff;}
.header .logo{ width:280px; height:70px; float:left; margin-right:25px;}
.header .logo img{ width:280px; height:70px; margin:5px 0 0 20px;}
.header .home{ width:80px; text-align:center; color:#fff; font-size:19px; line-height:80px; background-color:#777; float:right; text-decoration:none; transition:.5s; display:block;}
@media screen and ( min-width: 1024px) {.header .home:hover{ background-color:#444; transition:.2s;}}
.header .menu{ width:80px; height:80px; background-color:#00adee; float:right; transition:.5s; display:none; }
@media screen and ( min-width: 1024px) { .header .menu:hover{ background-color:#007dac; transition:.2s;}}
.header .menu .menu_block{ width:50px; height:50px; margin:30px 0 0 16px; padding:0;}
.header .menu .menu_block .menu_line{ width:30px; height:1px; background-color:#000; margin:0 auto 8px auto;}
.header .meungrids{ font-size:15px; display:inline-block; line-height:80px; height:80px; text-decoration:none; color:#333; padding:0 15px; cursor: pointer; position:relative;}
.header div.meungrids{ padding:0;}
@media screen and ( min-width: 1024px) { .header .meungrids:hover{ transition: .2s; text-decoration:underline;}}
.header div.meungrids p{ line-height:20px; padding:0 20px; border:solid #333; border-width:0 1px; margin-top:33px;}
.header .meungrids .dus{ display:none; position:absolute; top:80px; background-color: #fff; width:365px; play-during:-10px;}
.header .meungrids:hover .dus{ display:block; }
.header .meungrids .dus .grids{ display:block; text-decoration:none; line-height: 40px; font-size: 17px; color: #444; padding: 0 10px; }
@media screen and ( min-width: 1024px) { .header .meungrids .dus .grids:hover{ background-color:#ddf3ff; }}
.header .meungrids .dus .grids_botm{ padding: 0 10px; display:block; text-decoration:none; line-height: 40px; font-size: 17px; color:#fff; background-color: #007bbe;}
.header .logo_pc{ width:129px; height:80px; float:right; margin-right:20px;}
.header .logo_pc img{ width:129px; margin-top:18px;}
.header .logo_pc.new_pc img{ height:80px; width:auto; margin-top:0px;}
.manuhover{ display:none;}

.edit{ width:100%; height:auto; margin:85px 0; overflow:hidden;}
.edit .level{ color:#aaa; font-size:15px; letter-spacing:3px; max-width:1250px; padding:0 20px; box-sizing:border-box; margin:20px auto;}
.edit .level a{ color:inherit; text-decoration:none;}
.edit .level .now{ color:#777;}

/*footer*/
.footer{ width:100%; height:243px; background-color:#444; padding:80px 0; overflow:hidden;}
.footer .footercontent{ max-width:1250px; height:243px; margin:0 auto; padding:0 20px; box-sizing:border-box;}
.footer .footercontent .footertext{ float:left; margin-top:27px;}
.footer .footercontent .footertext a{ text-decoration:none; color:inherit;}
.footer .footercontent .footertext .fp01{ font-size:21px; color:#eee; margin:0 0 5px 0;}
.footer .footercontent .footertext .fp02{ font-size:14px; color:#00adee; margin:0 0 17px 0;}
.footer .footercontent .footertext .fp03{ font-size:14px; color:#eee; margin:0 0 5px 0;}
.footer .footercontent .footertext .footerimg{ width:318px; height:27px; margin:0 0 17px 0; display:none;}
.footer .footercontent .footermap{ width:376px; height:243px; float:right;}

@media screen and ( min-width: 1024px) {
/*header*/
/*.header .meungrids{ float:right; line-height:80px; background-color:#eee; text-decoration:none; color:#444; padding:0 10px; }
.header .meungrids:hover{ background-color: #bbb; color: #fff; transition: .2s;}*/
}
@media screen and ( min-width: 641px) and ( max-width: 1023px) {
/*header*/
.header .logo{ width:260px; height:80px; float:left; background-color:#fff;}
.header .logo img { margin: 5px 0 0 15px; }
.header .home{ display:none;}
.header .menu{ width:80px; height:80px; background-color:#fff; float:right; transition:.2s; display:block; }
.header .meungrids{ display:none !important;}
.header .logo_pc{ display:block; margin-right:0;}

.manuhover{ width:200px; position:absolute; top:80px; right:0; background-color:#fff; border-top:1px solid #ccc;}
.manuhover .mhttpc{ display:none;}
.manuhover .mhtt{ display:block; line-height:50px; height:50px; color:#333; text-decoration:none; padding:0 15px; box-sizing:border-box;}
.manuhover .manuhover02{ display:none; background-color:#f5f5f5;}
.manuhover .manuhover02 a{ display:block; line-height:20px; padding:10px 15px; box-sizing:border-box; font-size:15px; color:#333; text-decoration:none;}

/*footer*/
.footer{ height:auto; overflow:hidden;}
.footer .footercontent{ width:100%; padding:0 20px; box-sizing:border-box;}
/*.footer .footercontent .footertext{ width:100%;}*/
.footer .footercontent .footermap{ width:100%;}
}

@media screen and ( max-width: 640px) {
.edit{ margin:60px 0;}
/*header*/
.header{ background-color:#fff; height:60px;}
.header .logo{ width:70%; height:60px; float:left; background-color:#fff;}
.header .logo img{ width:auto; height:40px; margin:10px 0 0 20px;}
.header .meungrids{ display:none !important;}
.header .home{ display:none;}
.header .menu{ width:60px; height:60px; box-sizing:border-box; background-color:#fff; float:right; transition:.2s; display:block; }
.header .menu .menu_block{ width:30px; margin:20px auto 0 auto;}
.header .menu .menu_block .menu_line{ width:30px; margin-bottom:9px;}
.header .logo_pc{ display:none;}

.manuhover{ width:100%; height:auto !important; background-color:#fff; text-align:center; top:60px; left:0; position:absolute;}
.manuhover .mhtt{ width:100%; margin:0; padding:0; display:block; border-bottom:1px solid #ccc; line-height:60px; color:#333; text-decoration:none;}
.manuhover .mhttpc{ width:100%; margin:0; padding:0; display:block; border-bottom:1px solid #ccc; height:60px; background-color:#fff;}
.manuhover .mhttpc img{ height:46.5px; margin-top:6px;}
.manuhover .manuhover02{ width:100%; position:static; display:none; background-color:#f5f5f5;}
.manuhover .manuhover02 a{ display:block; line-height:20px; padding:10px 15px; box-sizing:border-box; font-size:15px; color:#333; text-decoration:none;}
/*footer*/
.footer{ height:auto; overflow:hidden; padding:20px 0 30px 0;}
.footer .footercontent{ width:100%; padding:0 20px; box-sizing:border-box;}
/*.footer .footercontent .footertext{ width:100%;}*/
.footer .footercontent .footertext .fp01{ font-size:21px; color:#eee; margin:0 0 5px 0; letter-spacing:1px;}
.footer .footercontent .footertext .fp02{ font-size:15px; color:#00adee; margin:0 0 17px 0; letter-spacing:1px;}
.footer .footercontent .footertext .fp03{ font-size:15px; color:#eee; margin:0 0 10px 0; letter-spacing:1px;}
.footer .footercontent .footertext .footerimg{ max-width:318px; width:100%;}
.footer .footercontent .footertext .footerimg img{ width:100%;}
.footer .footercontent .footermap{ max-width:376px; width:100%; float:left;}
.footer .footercontent .footermap img{ width:100%;}
}