@charset "utf-8";
/*導盲磚*/
.maintitle .guide{ color:#222; font-size:0.875rem; text-decoration:none; position:absolute; top: 25px; left: 5px; z-index:9; }

/*banner*/
.banner{ width:100%; font-size:0px; position:relative; }
.banner .imgbox{ width:100%; }
.banner .imgbox img{ width:100%; }
.banner .controls{ position:absolute; right:20px; bottom:15px; }
.banner .controls .btn_left{ width:44px; height:44px; display:inline-block; vertical-align:middle; margin:0 0 0 15px; background-image:url(../images/index/btn_left.png); background-size:100%; cursor:pointer; }
.banner .controls .btn_right{ width:44px; height:44px; display:inline-block; vertical-align:middle; margin:0 0 0 15px; background-image:url(../images/index/btn_right.png); background-size:100%; cursor:pointer; }

/*標題*/
.maintitle{ background:#fb5c5c; display:table; width:100%; position:relative; }
.maintitle .tds-title{ display:table-cell; vertical-align:middle; padding:20px 0; width:500px; }
.maintitle .tds-title .title{ font-size:1.688rem; color:#222; padding:0 0 0 50px; background-image:url(../images/page/titleicon.png); background-repeat:no-repeat; background-size:23px; background-position:20px center; }
.maintitle .tds-nav{ display:table-cell; vertical-align:middle; text-align:right; color:#222; font-size:1.125rem; padding:20px 20px 20px 0; }
.maintitle .tds-nav a{ text-decoration:none; color:#222; }

/**/
.viewbg{ background:#ffeaea; padding:30px 20px; }
.formlink{ padding:0 0 10px 0; }
.formlink a{ color: #0060dc; font-size:1.125rem; }

/*表單*/
.formtable{ font-size:0px; background:#fff; padding:0 0 15px 0; }
.formtable .girds{ display:inline-block; vertical-align:top; width:50%; min-height:60px; padding:0 10px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.formtable .girds.long{ width:auto; display:block; }
.formtable .girds.longarea{ width:auto; display:block; height:auto; }
.formtable .girds:after{ content:""; clear:both; display:block; }
.formtable .girds .divider{ border-bottom:1px solid #ffe0e0; padding:20px 5px 10px 5px; }
.formtable .girds .titles{ width:135px; float:left; font-size:1.125rem; color:#333; }
.formtable .girds .titles .focus{ color:#d90000; }
.formtable .girds .txtbox{ margin:0 0 0 140px; }
.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; }
.formtable .girds .txtbox .inputarea{ width:100%; height:80px; 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; resize:none; }
.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; }
.formtable .girds .inlineblock:first-child{ padding:0; }
.formtable .girds .inwideth-a{ width:20%; }
.formtable .girds .inwideth-b{ width:60%; }
.formtable .girds .strong { font-weight: bold;}
.formtable .headline{ text-decoration:none; color:#333; font-size:1.25rem; position:relative; padding:0 0 0 10px; display:block; }
.formtable .headline:hover{ color:#e00000; }

.formbtn{ padding:20px 0; text-align:center; }
.formbtn .btns{ background-color: #ffc8c8; 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; }
.formbtn .btns:hover{ color: #333; background-color: #fb5c5c; }



/*表單按鈕*/
.fq_btn-info {
    color: #ffffff;
    background-color: #3a8174;
    border-color: #6FBFB4;
    
  }
.fq_btn-info:hover {
    background-color: #6dbeb0;
    border-color: #46b8da;
    color: #000;
  }
.f_btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 0.875em;
    line-height: 1.428571429;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}




/*問卷*/
.problembox{ background:#fff; padding:20px; }
.problembox .texts{ font-size:1rem; color:#333; line-height:26px; padding:0 0 15px 0; }
.problembox .plist{ border-bottom:1px #ccc solid; padding:10px 0; }
.problembox .plist .titles{ font-size:1.125rem; color:#e00000; font-weight:bold; }
.problembox .plist .options{ padding:10px 0 0 0; font-size:0px; }
.problembox .plist .options .grids{ display:inline-block; vertical-align:top; padding:5px 0; margin:0 10px 0 0; font-size:1rem; color:#555; }

.problembox .codes{ display:inline-block; padding:5px 10px; background:#fff3eb; margin:15px 0 0 0; }
.problembox .codes .txts{ font-size:1.125rem; color:#333; }
.problembox .codes .txts span{ font-size:1rem; font-weight:bold; color:#e00000; }
.problembox .inputcode{ font-size:1.125rem; color:#333; padding:5px 0; }
.problembox .inputcode span{ color:#f00; }
.problembox .inputcode .wh{ width:70px; }

/*訂閱電子報*/
.epaperbox{ background:#fff; padding:20px; }
.epaperbox .titles{ display:block; color:#333; font-size:1.25rem; font-weight:bold; }
.epaperbox .titles .re{ color:#f00; }
.epaperbox .opbox{ font-size:0px; }
.epaperbox .opbox .grids{ width:50%; padding:0 10px 0 0; box-sizing:border-box; display:inline-block; vertical-align:top; }
.epaperbox .opbox .grids:nth-child(even){ padding:0 0 0 10px; }
.epaperbox .opbox .grids .divider{ border-bottom:1px solid #ddd; font-size:1.125rem; color:#333; padding:10px 5px 5px 5px; }

.epaperbox .mailbox{ display:table; width:100%; border:1px solid #ff8a3b; border-radius:30px; padding:10px 30px; margin:0 0 25px 0; box-sizing:border-box; }
.epaperbox .mailbox .tds-a{ display:table-cell; vertical-align:middle; width:170px; padding: 0 5px 0 0; }
.epaperbox .mailbox .tds-b{ display:table-cell; vertical-align:middle; padding-left: 5px; border-left: 1px solid #ffd0b1; }
.epaperbox .mailbox .tds-a .icon{ font-size:1.25rem; color:#b74900; font-weight:bold; padding:0 0 0 25px; background-image: url(../images/page/mailicon.png); background-repeat:no-repeat; background-position:left center; background-size:20px; }
.epaperbox .mailbox .tds-a .icon span{ color:#f00; }
.epaperbox .mailbox .tds-b input{ width:100%; background:none; border:none; border-bottom:1px solid #fff; color:#333; font-size:1.125rem; padding:0 5px; box-sizing:border-box; }

.epaperbox .orders{ padding:40px 0 10px 0; text-align:center; }
.epaperbox .orders .grids{ display:inline-block; vertical-align:middle; padding:10px 20px; border: 1px solid #ffb0b0; margin: 0 10px; color: #e00000; font-weight: bold; font-size:1.125rem; border-radius: 5px; }

/*================================●●●●●●●●●●●●電腦版●●●●●●●●●●●●================================*/
@media screen and (max-width:1280px){

}



/*================================●●●●●●●●●●●●平板●●●●●●●●●●●●================================*/
@media screen and (min-width:768px) and (max-width:1023px){
/*標題*/
.maintitle .tds-title{ display:block; padding: 10px 0 0 0; width:auto; }
.maintitle .tds-nav{ display:block; padding: 10px; }

}



/*================================●●●●●●●●●●●●手機●●●●●●●●●●●●================================*/
@media screen and (max-width:767px){
/*banner*/
.banner .controls{ right:10px; }
.banner .controls .btn_left{ width:22px; height:22px; }
.banner .controls .btn_right{ width:22px; height:22px; }	

/*標題*/
.maintitle{ display:block; }
.maintitle .tds-title{ display: block; padding: 10px 0 0 0; width:auto; }	
.maintitle .tds-title .title{ font-size:1.5rem; }
.maintitle .tds-nav{ display: block; padding: 10px; font-size:1rem; }
.maintitle .guide{ top:18px; }

/**/
.viewbg{ padding:20px 15px; }
.formlink a{ font-size:1rem; }

/*表單*/
.formtable .girds{ display:block; width:auto; height:auto; }
.formtable .girds .titles{ float:none; width:auto; }
.formtable .girds .txtbox{ margin:10px 0 0 0; }
.formtable .girds .inwideth-a{ width:50%; }
.formtable .girds .inwideth-b{ width:100%; margin:5px 0 0 0; padding:0px; }

/*訂閱電子報*/
.epaperbox .mailbox{ display: block; padding: 0px; border-radius: 0px; padding: 5px 10px; border: 1px solid #ffc095; }
.epaperbox .mailbox .tds-a{ display:block; width:auto; padding:0px; }
.epaperbox .mailbox .tds-b{ display:block; width:auto; padding:5px 0 0 0; border:none; }
.epaperbox .mailbox .tds-b input{ background:#eee; }

.epaperbox .opbox .grids{ display:block; width:auto; padding:0; }
.epaperbox .opbox .grids:nth-child(even){ padding:0; }

.epaperbox .orders .grids{ padding: 10px 15px; margin:0 5px; }

}