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


/*-----網頁用的顏色-----*/
#bg_8b9f00{ background:#8b9f00;}
#bg_b9d015{ background:#b9d015;}
/*#bg_1279be{ background:#1279be;}*/
#bg_1279be{ background:#125FA6;}


html,body{ height:100%; margin:0; padding:0; font-family: "Helvetica Neue", Helvetica, Arial, "微軟正黑體", "微软雅黑", "メイリオ", "맑은 고딕", sans-serif; background-color: #fffdf5;}

.all{ width:1200px; margin:0 auto; padding:0 30px; box-sizing:border-box;}


/*-----主選單-----*/
#top{ height:100px;}
/*#top>a{ height:100px; line-height:100px; font-size:6.875em; color:#9F5904; text-decoration:none; font-weight:bold; transition:.5s;}*/
#top>a:hover{ color:#000;}
#top>div{ display:none; float:right; margin:20px 0 0 0; cursor:pointer;}
#top>a>span{ font-size:0.65em;}
.menu{ position:fixed; width:270px; height:100%; right:-270px; background:#8b9f00; transition:.5s;}
.menu_show{ right:0;}
.menu>div{ width:100%; background:#b9d015; height:50px; cursor:pointer;}
.menu>div>img{ margin:13px 0 0 20px;}
.menu>a{ display:block; width:100%; height:60px; padding:0 0 0 20px; line-height:60px; border-bottom:1px solid #b9d015; font-size:1em; color:#fff; text-decoration:none; box-sizing:border-box; transition:.5s;}
.menu>a:hover{ border-right:20px solid #b9d015;}

/*-----新的主選單-----*/
/*.new_menu{ width:100%; height:60px; margin:0 0 5px 0; background:#fece00;}*/
.new_menu{ width:100%; height:60px; margin:0 0 5px 0; background:#FFD200;}
/*.new_menu a{ display:block; float:left; height:60px; padding:18px 21px 10px; font-size:1.125em; font-weight:bold; color:#1279be; text-decoration:none; box-sizing:border-box; border-bottom:0px solid #ff8a00; transition:.5s;}*/
.new_menu a{ display:block; float:left; height:60px; padding:18px 21px 10px; font-size:1.125em; font-weight:bold; color:#125FA6; text-decoration:none; box-sizing:border-box; border-bottom:0px solid #ff8a00; transition:.5s;}
.new_menu a:last-child{ padding:18px 27px 0 23px;}
.new_menu a:hover{ border-bottom:10px solid #ff8a00; /*padding: 8px 23px 10px 23px;*/}
.new_menu a:last-child:hover{ padding:8px 27px 10px 23px;}
.new_menu span{ float:left; width:0px; height:14px; margin:22px 0 20px 0; border-left:1px dashed #fff;}
@media (max-width: 479px) {
.new_menu{ display:none;}
}
/*-----BANNER-----*/
#banner_1140_360{ width:1140px; height:360px; background:url(../images/banner_01.jpg) no-repeat;}
#banner_1140_360>img{ display:none;}

/*-----三組圖文連結-----*/
#event{ float:left; width:100%; min-width:1200px; margin:0 0 10px 0; padding:30px 0; background:#eee;}
.event{ display:block; float:left; width:330px; margin:0 25px; text-decoration:none; transition:.5s;}
.event:hover{ margin:-10px 25px 0 25px;}
/*.event>h3{ font-size:1.5em; font-weight:bold; color:#a72b00; margin:10px 0;}*/
.event>h2{ font-size:1.5em; font-weight:bold; color:#a72b00; margin:10px 0;}
.event>p{ font-size:1em; color:#5D5F66;}
/*.event>span{ font-size:0.875em; color:#1279be; border-bottom:1px solid #1279be; font-weight:bold;}*/
.event>span{ font-size:0.875em; color:#125FA6; border-bottom:1px solid #125FA6; font-weight:bold;}


/*-----最新消息-----*/
.news{ float:left; width:330px; margin:0 25px;}
/*.news>h3{ font-size:1.5em; font-weight:bold; color:#000;}*/
.news>h2{ font-size:1.5em; font-weight:bold; color:#000;}
.news>a{ display:block; width:100%; margin:0 0 20px 0; font-size:1em; color:#697802; text-decoration:none; border-bottom:1px solid #eee; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:.5s; box-sizing:border-box;}
.news>a:hover{ border-left:10px solid #8b9f00; padding:0 0 0 10px;}
/*.news>a>p{ margin:5px 0 20px 0; color:#4D4D4D;}*/
.news>a>p{ margin:5px 0 20px 0; overflow:hidden;text-overflow:ellipsis;}/*color:#4D4D4D;*/


/*-----QA、相關網站-----*/
.fevlink{ float:left; width:330px; min-height:300px; margin:0 25px;}
/*.fevlink>h3{ font-size:1.5em; font-weight:bold; color:#000;}*/
.fevlink>h2{ font-size:1.5em; font-weight:bold; color:#000;}
.fevlink>a{ display:block; width:100%; margin:0 0 5px 0; font-size:1em; color:#697802; text-decoration:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:.5s;}
.fevlink>a:hover{ color:#666;}


/*-----footer-----*/
#footer{ float:left; width:100%; min-width:1200px; padding:20px 0; font-size:0.813em; background:#697802; text-align:center;}
#footer a{ color:#fff; text-decoration:none;}
#footer p{ color:#fff;}


/*-----內頁左側次選單-----*/
#second_menu{ float:left; width:240px; margin:20px 0; font-size:1em;}
#second_menu>p{ width:100%; margin:0; height:50px; line-height:50px; text-align:center; color:#fff; background:#697802; box-sizing:border-box;}
.second_menu_btn{ display:none;}
.second_menu{}
.second_menu>a{ display:block; width:100%; padding:15px; background:#B9D015; color:#282D02; text-decoration:none; border-bottom:1px dashed #fff; box-sizing:border-box; transition:.5s;}
.second_menu>a.selected{ border-left:10px solid #697802;}
.second_menu>a.kind{
    background-color:#8baf00;
}
.second_menu>a:hover{ border-left:10px solid #697802;}

/*-----內頁左側三層選單-----*/
.third_menu_btn{ display:none;}
.third_menu{}
.third_menu>a{ display:block; width:100%; padding:15px; background:#D0E817; color:#282D02; text-decoration:none; border-bottom:1px dashed #fff; box-sizing:border-box; transition:.5s;}
.third_menu>a.selected{ border-left:10px solid #697802;}
.third_menu>a:hover{ border-left:10px solid #697802;}



/*-----麵包屑-----*/
#bread{ float:left; width:850px; margin:20px 0 0 50px; padding:0 0 20px 0; font-size:0.875em; color:#5D5F66; border-bottom:2px solid #eee;}



/*-----內頁右側列表-----*/
#list{ float:left; width:850px; margin:20px 0 20px 50px;}
#list>a{ display:block; float:left; margin:0 0 20px 0; padding:0 0 20px 0; border-bottom:1px dashed #eee;}
#list>a>img{ float:left; width:200px; height:150px;}
#list>a>h3{ float:left; width:620px; margin:0 0 20px 30px; font-size:1.500em; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:.5s;}
#list>a>p{ float:left; width:620px; height:62px; margin:0 0 20px 30px; font-size:0.875em; color:#999;}
#list>a>span{ float:left; width:620px; margin:0 0 0 30px; color:#999; font-size:0.875em;}
#list>a:hover>h3{ color:#697802;}


/*-----內頁右側文章-----*/
#main{ float:left; width:850px; margin:20px 0 20px 50px;}
#main p{ float:left; width:100%;}
#main p[class=title]{ margin:20px 0 0 0; color:#ffa200; font-weight:bold;}
#main a{
    text-decoration: none;
    color: #3171A6;
    transition: .5s;
}
#main a:hover{
color: #8b9f00;
}
.alignleft{ float:left; margin:0 18px 12px 0 !important;}
.alignright{ float:right; margin:0 0 12px 18px !important;}
blockquote {
    background: #f9f9f9;
    border: 1px dotted #e3e3e3;
    clear: both;
    margin: 10px 0 10px 10px;
    padding: 0 18px 5px 10px;
}
/*-----頁碼-----*/
#shire_path{ display:block; float:left; width:100%; height:32px; margin:20px 0 0 0; font-size:0.875em;}
#shire_path>span{ display:block; float:left; color:#000; width:32px; line-height:32px; margin:0 10px; text-align:center;}
#shire_path>p{ display:block; float:right; color:#000; line-height:32px; margin:0; text-align:right;}
#shire_path>a{ display:block; float:left; color:#000; min-width:32px; line-height:32px; margin:0 10px; text-align:center; text-decoration:none; transition:.5s;}
#shire_path>a:hover{ background:#eee;}
#shire_path>a[class=number]{}
#shire_path>a[class=firstnlast]{ display:none; float:left; background:#eee; width:120px; margin:0;}
#shire_path>a[class=prevnnext]{ display:block; float:left; background:#eee; width:120px; margin:0;}
#shire_path>a:hover[class=firstnlast]{ background:#b5b5b5;}
#shire_path>a:hover[class=prevnnext]{ background:#b5b5b5;}
#shire_path>a[class=active]{ background:#eee;}

	
/*-----登入頁-----*/	
#login{ float:left; width:100%;}
#login div:nth-child(1){ float:left; width:600px; height:196px; margin:0 20px 0 0;}
#login div:nth-child(2){ float:left; width:230px; height:196px; padding:0 0 0 20px; border-left:1px dashed #eee; box-sizing:border-box;}
#login h3{ float:left; width:150px; height:32px; line-height:32px; margin:0 50px 10px 0; font-size:1em; font-weight:normal;}
#login input{ float:left; width:400px; height:32px; outline:none; margin:0 0 10px 0; padding:0 5px; border:1px solid #eee; background:#eee; box-sizing:border-box;}
#login input[class=third]{ width:310px; margin:0 20px 0 0;}
#login a{ display:block; float:left; width:400px; height:60px; line-height:60px; margin:0 0 10px 200px; text-align:center; text-decoration:none; background:#697802; color:#fff; transition:.5s; font-size:0.875em;}
#login a:hover{ background:#8b9f00;}
#login a[class=second]{ background:#ffc834; width:100%; margin:0 0 10px 0; height:32px; line-height:32px; color:#fff; transition:.5s;}
#login a[class=third]{ background:#ffc834; width:100%; margin:0 0 10px 0; height:32px; line-height:32px; color:#fff; transition:.5s;}
#login a[class=second]:hover,
#login a[class=third]:hover{ background:#ffa200;}

#login p{ float:left; margin:20px 0 0 0; padding:20px 0 0 0; border-top:1px dashed #eee; font-size:0.875em; line-height:28px; color:#666;}


/*-----登出-----*/
#logout{ float:left; width:100%;}
#logout div:nth-child(1){ float:left; width:600px; height:32px; margin:0 20px 0 0;}
#logout div:nth-child(2){ float:left; width:230px; height:32px; padding:0 0 0 20px; border-left:1px dashed #eee; box-sizing:border-box;}
#logout h3{ float:left; font-size:1em; line-height:32px; font-weight:normal; margin:0 0 10px 0;}	
#logout a{ display:block; float:left; text-align:center; font-size:0.875em; text-decoration:none;}
#logout a[class=second]{ background:#ffc834; width:46%; margin:0 8% 10px 0; height:32px; line-height:32px; color:#fff; transition:.5s;}
#logout a[class=third]{ background:#ffc834; width:46%; margin:0 0 10px 0; height:32px; line-height:32px; color:#fff; transition:.5s;}
#logout a:hover{ background:#ffa200;}

/*-----排序條件-----*/
#condition{ float:left; width:100%; margin:20px 0 0 0; padding:20px 0 0 0; border-top:1px dashed #eee;}
#condition h3{ float:left; line-height:26px; font-size:0.875em; font-weight:normal; margin:0;}
#condition select{ float:left; width:80px; height:26px; background:#eee; outline:none;}
#condition a{ display:block; width:209px; height:26px; line-height:26px; font-size:0.875em; text-align:center; float:right; background:#b9d015; color:#fff; text-decoration:none; transition:.5s;}
#condition a:hover{ background:#8b9f00;}


/*-----申請-----*/
#apply{ float:left; width:100%; margin:20px 0 0 0;}
#apply ul a{ display:block; float:left; width:100%; color:#666;}
#apply ul a:hover{ background:#fff7d1;}
#apply ul{ float:left; width:100%; margin:0; min-height:40px; padding:0; font-size:0.875em; color:#666;}
#apply ul:nth-child(2n+1){ background:#eee;}
#apply ul:nth-child(1){ background:#b9d015; color:#fff; text-align:center; border-bottom:2px solid #8b9f00;}
#apply ul li{ float:left; list-style:none; width:16.6%; padding:10px 5px; box-sizing:border-box;}
#apply ul:nth-child(1) li{ border-right:1px dashed #fff;}
#apply ul:nth-child(1) li:nth-child(6){ border-right:none;}

	
/*-----核銷-----*/
#verify{ float:left; width:100%; margin:20px 0 0 0;}
#verify ul a{ display:block; float:left; width:100%; color:#666;}
#verify ul a:hover{ background:#fff7d1;}
#verify ul{ float:left; width:100%; margin:0; min-height:40px; padding:0; font-size:0.875em; color:#666;}
#verify ul:nth-child(2n+1){ background:#eee;}
#verify ul:nth-child(1){ background:#b9d015; color:#fff; text-align:center; border-bottom:2px solid #8b9f00;}
#verify ul li{ float:left; list-style:none; width:20%; padding:10px 5px; box-sizing:border-box;}
#verify ul:nth-child(1) li{ border-right:1px dashed #fff;}
#verify ul:nth-child(1) li:nth-child(5){ border-right:none;}

/*-----核銷2-----*/
#verify2{ float:left; width:100%; margin:20px 0 0 0;}
#verify2 ul a{ display:block; float:left; width:100%; color:#666;}
#verify2 ul a:hover{ background:#fff7d1;}
#verify2 ul{ float:left; width:100%; margin:0; min-height:40px; padding:0; font-size:0.875em; color:#666;}
#verify2 ul:nth-child(2n+1){ background:#eee;}
#verify2 ul:nth-child(1){ background:#b9d015; color:#fff; text-align:center; border-bottom:2px solid #8b9f00;}
#verify2 ul li{ float:left; list-style:none; width:25%; padding:10px 5px; box-sizing:border-box;}
#verify2 ul:nth-child(1) li{ border-right:1px dashed #fff;}
#verify2 ul:nth-child(1) li:nth-child(5){ border-right:none;}

/*-----申請、核銷大按鈕-----*/
#btn{ float:left; width:100%; margin:20px 0 0 0; padding:20px 0 0 0; border-top:1px dashed #eee;}
#btn a{ display:block; float:left; width:25%; height:100px; margin:0 0 0 24%; line-height:100px; text-decoration:none; text-align:center; background:linear-gradient(#b9d015,#8b9f00); border-radius:10px; border:5px solid #8b9f00; color:#fff; font-size:3em; box-sizing:border-box; transition:.5s;}
#btn a:nth-child(2){ margin:0 24% 0 2%;}
#btn a:hover{ background:linear-gradient(#ffa200,#ffc834); border:5px solid #ffa200;}

/*-----會員註冊-----*/
.register{ float:left; width:100%; font-size:0.875em; margin:0 0 20px 0; padding:0 0 10px 0; border-bottom:1px dashed #eee;}	
.register dl{ float:left; width:200px; margin:0; padding:0;}
.register dd{ float:left; width:450px; margin:0; padding:0;}
.register dt{ float:left; width:200px; margin:0; padding:0;}

.register dl span{ color:#f00;}
.register dd input,
.register dd select{ height:32px; padding:0 10px; background:#eee; outline:none; border:none;}
.register dd span{ display:block; float:left; color:#999; padding:10px 2% 0 2%;}
.register dd h3{ height:5px;}
.register dd p{ height:32px; line-height:32px; text-align:right;}
.register dt a{ display:block; height:32px; line-height:32px; text-align:center; background:#eee; text-decoration:none; color:#666; transition:.5s;}
.register dt a:hover{ background:#ddd;}
.register dt img{ margin:6px 0 0 0;}
.register dt span{ color:#999; line-height:32px;}
.register>a{ display:block; width:200px; height:36px; line-height:36px; text-align:center; margin:0 auto; text-decoration:none; color:#fff !important; background:#b9d015; transition:.5s;}
.register>a:hover{ background:#8b9f00;}
.register>p{ text-align:center; color:#f00;float:none !important;}
.no_border{ border-bottom:none;}

.width_100{ float:left; width:96% !important; margin:0 2%; box-sizing:border-box;}
.width_50{ float:left; width:46% !important; margin:0 2%; box-sizing:border-box;}
.width_33{ float:left; width:29.3% !important; margin:0 2%; box-sizing:border-box;}
.width_25{ float:left; width:21% !important; margin:0 2%; box-sizing:border-box;}

/*-----假的申請、核銷頁籤-----*/
#fake_link{ float:left; width:100%; margin:20px 0 0 0;}
#fake_link a{ display:block; float:left; width:100px; margin:6px 0 0 0; line-height:30px; background:#ccc; border-radius:5px 5px 0 0; text-align:center; text-decoration:none; color:#fff; transition:.5s;}
#fake_link a:hover{ background:#38ccfa;}
#fake_link a+a{ margin:6px 0 0 5px;}
#fake_link a[class=active]{ background:#38ccfa;}

/*-----申請、核銷登入首頁-----*/
#apply_index{ float:left; width:100%;}
#apply_index ul{ float:left; width:240px; margin:0; padding:0;}
#apply_index ul+ul{ margin:0 0 0 65px;}
#apply_index ul a{ display:block; width:100%; margin:0 0 10px 0; border-radius:10px; line-height:30px; background:#38ccfa; text-align:center; text-decoration:none; color:#fff; transition:.5s;}
#apply_index ul a:hover{ background:#8fddf5;}

/*-----上方搜尋跟文字連結-----*/
.top_right{ display:block !important; margin:0 !important;}
.top_right p{ margin:0 0 15px; padding:5px 0; background:#ff8a00; font-size:1em; text-align:center; cursor:auto; border-radius:0 0 10px 10px;}
.top_right p a{ color:#3E2302; text-decoration:none; transition:.5s;}
.top_right p a:hover{ color:#3D3D3D;}
.top_right input{ padding:5px; outline:none; border:#ff8a00 1px solid;}
.top_right>a{ display:block; float:right; width:27px; height:27px; background:url(../images/icon_search.jpg);}

/*-----網站導覽-----*/
.sitemap{ float: left; width: 850px; margin: 20px 0 20px 50px;}
.sitemap p{ margin:0; font-size:1.5em; font-weight:600;}
.sitemap p:before{ display:block; float:left; content:""; width:40px; height:30px; margin:0 10px 0 0; background:url(../images/icon_bear.jpg);}
.sitemap ul{ padding:0; border:1px solid #d3d0c6; padding: 20px;}
.sitemap ul li{ padding:5px 0; list-style:inside; color:#666; font-size:1em;}

.sitemap ul[class=width_50]{ width:48% !important; margin:1em 0;}
.sitemap ul[class=width_50]:nth-child(2n+1){ margin:1em 0 1em 4%;}
.sitemap ul>a{ display:block; margin:0 0 10px 0; text-decoration:none; color:#232800; font-weight:600;}
.sitemap ul li a{ font-weight:normal; color:#697802; text-decoration:none;}

.all #top a .parentheses {
    font-size: 1em;
    vertical-align: 3.5%;
}

#top>a {
    padding-top:3.5%;
    text-align: center;
    /*font-size: 3em;*/
}

/*.main_h1 {
    font-size: 2em;
    display: inline;
}*/

/*h1{font-size: 2em;}*/

.title_logo {
    width: 376px;
    display: inline-block;
}
    
.title_logo img {
    width: 100%;
}

#gotocenter {
    color: #FFF;
}

#gotocenter:focus {
    color: #697802;
}

#U[accesskey] {
    color: #FFF;
    /*margin-left: -1.8rem;*/
}

#U:focus {
    color: #697802;
}

#C[accesskey] {
    color: #FFF;
    /*margin-left: -1.8rem;*/
}

#C:focus {
    color: #697802;
}


#L[accesskey] {
    color: #FFF;
    /*margin-left: -1.8rem;*/
}

#L:focus {
    color: #697802;
}

/*#C[accesskey] {
    color: #EEE;

}

#C:focus {
    color: #697802;
}*/


/*-----分享組-----*/

.r_share {
    float: right;
    margin: -40px 0 0 0;
    /*width: 200px;*/
    width: 150px;
    /*border:double;
    border-color:blue;*/
}

.r_share a {
    margin: 0 0 0 10px;
}

.r_share img {
    display: inline-block;
}

@media (max-width: 480px) {
    .r_share {
        width: 100%;
        padding: 10px 0;
        text-align: center;
        border-bottom: 1px solid #eee;
    }
}

.gsc-adBlock {
    display: none !important;
}