@charset "utf-8";


/*sitemap*/
.sitemapbox{ background:#fff; padding:20px; font-size:0rem; }

.sitetxt { font-size:1.125rem; color: #333; line-height: 28px; margin: 0 0 60px 0; }
.sitetxt ul { margin: 10px 0 0 20px; }
.sitetxt .major { color: #1e5282; font-weight: bold; padding: 0 10px 0 0; }

.sitemapbox .list{ padding: 0 10px 40px 10px; display: inline-block; vertical-align:top; width:33.333%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.sitemapbox .list .headline{ color:#fff; font-size:1.25rem; margin:0 0 10px 0; }
.sitemapbox .list .headline a{ text-decoration:none; color:#fff; padding: 0 15px; border-radius: 50px; display:inline-block; background: #1e5282; }
.sitemapbox .list .grids{ border-bottom:1px dashed #ddd; padding:10px 0; font-size:1.125rem; }
.sitemapbox .list .grids a{ text-decoration:none; color:#333; padding: 0 0 0 45px; display: inline-block; position: relative; }
.sitemapbox .list .grids .point{ color:#686666; font-size:0.875rem; position: absolute; left: 0; top: 3px; }
.sitemapbox .list .grids .file_icon {padding-left: 0;}

/*QA*/
.qabox{ width:100%; padding:10px 30px 25px 30px; background:#fff; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.qabox .lists{ padding:15px 0 5px 0; border-bottom: 1px solid #e8e9da; cursor:pointer; }
.qabox .lists .qatitle{ color: #333; font-size:1.25rem; position: relative; padding: 0 35px 0 10px; display: block;text-decoration: none; }
.qabox .lists .qatitle:before { content: ""; display: block; width: 4px; height: 18px; background: #1e5282; position: absolute; top: 5px; left: 0px; }
.qabox .lists .qatitle:after{ content:""; display:block; width:27px; height:27px; background: url(../images/page/qaicon_close.png); position:absolute; top:0px; right:0px; }
.qabox .lists .qatitle .date,.qabox .lists .answer .date{ display:block; color:#999; font-size:1rem; }
.qabox .lists .answer{ padding:10px 0 0 0; font-size:1rem; color:#d02e2e; display:none; line-height:24px; }
.qabox .lists.open .qatitle:after{ background:url(../images/page/qaicon_open.png); }
.qabox .lists.open .answer{ display:block; }

/*QA-其他頁面連結*/
.qabox .q_search{float: right;}
.qabox .q_search .out_link{display: inline-block;padding: 5px 10px;margin: 5px;text-align: center;background: #D1C4C3;text-decoration: none;color: #593936;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.qabox .q_search .out_link:hover{background: #B72A2A;color: #fff;transition: .3s;}

/*QA表單*/
.qabox .formtable{ font-size:0rem; background:#fff; padding:0 0 5px 0; }
.qabox .formtable .girds{ display:inline-block; vertical-align:top; width:100%; height:40px; padding:10px 0px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.qabox .formtable .girds:after{ content:""; clear:both; display:block; }
.qabox .formtable .girds .divider{padding:0px 5px 0px 5px; }
.qabox .formtable .girds .titles{ width:130px; float:left; font-size:1.125rem; color:#333; }
.qabox .formtable .girds .titles .focus{ color:#f00; }
.qabox .formtable .girds .txtbox{ margin:0 0 0 130px; }
.qabox .formtable .girds .txtbox .inputtext{ width:100%; height:30px; line-height:30px; border:1px solid #ccc; background:#f1f1f1; font-size:1.125rem; color:#333; padding:0 5px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.qabox .formtable .girds .inlineblock{ display:inline-block; vertical-align:middle; font-size:1.125rem; color:#333; padding:0 0 0 10px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;width: 100%; }
.qabox .formtable .girds .inlineblock:first-child{ padding:0; }

.qabox .formbtn{ padding: 10px 0px 10px 0;margin-bottom: 10px; text-align:center;border-bottom:1px solid #FFC381;}
.qabox .formbtn .btns{ background-color: #FFC381; color: #444; line-height: 30px; padding:0 15px; text-decoration: none; display: inline-block; vertical-align:middle; margin:0 5px; transition: .2s; border-radius: 3px; }
.qabox .formbtn .btns:hover{ color: #fff; background-color: #B72A2A; }

.qabox .formbtn .cbtns{ background-color: #FFC381; color: #444; line-height: 30px; padding:0 15px; text-decoration: none; display: inline-block; vertical-align:middle; margin:0 5px; transition: .2s; border-radius: 3px; }
.qabox .formbtn .cbtns:hover{ color: #fff; background-color: #B72A2A; }

.refresh_sec { cursor: pointer; margin-right: 15px; max-width: 25px;}
/*================================●●●●●●●●●●●●電腦版●●●●●●●●●●●●================================*/
@media screen and (max-width:1280px){

}



/*================================●●●●●●●●●●●●平板●●●●●●●●●●●●================================*/
@media screen and (min-width:768px) and (max-width:1023px){



/*sitemap*/
.wordright_full .sitemapbox .list{ width:50%; }
}



/*================================●●●●●●●●●●●●手機●●●●●●●●●●●●================================*/
@media screen and (max-width:767px){


/*sitemap*/
.wordright_full .sitemapbox .list{ display:block; width:100%; padding: 0 0 30px 0; }

/*QA*/
.qabox{ padding: 10px 15px 25px 15px; }
.qabox .lists .qatitle{ font-size:1.125rem; line-height: 26px; }

}