@charset "utf-8";
/* CSS Document */
* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
body { background:#f7f7f7; font-size:18px; color:#111; line-height:1.3; font-family:Arial, "黑體", "微軟正黑體", "新細明體", Geneva, sans-serif, helvetica; }
a:link, a:visited, a:active { color:#111; }
img { width:100%; height:auto; }
.content { max-width:1260px; width:100%; margin:15px auto 0; }
section.content940 { max-width:940px; width:100%; float:left; margin:0 auto; overflow:hidden;}
article { max-width:940px; width:100%; margin:0 auto; }
aside { width:300px; float:right; margin:0px 0px 30px; }
.whitecon { float:left; width:100%; background-color:#fff; box-shadow:0px 1px 5px #ddd; margin-bottom:20px; }
/* YOUTUBE RWD */
.v_container { height:0; padding-bottom:56.25%; position:relative; overflow:hidden; margin:0 auto 20px;}
.v_container iframe, .v_container object, .v_container embed { width:100%; height:100%; position:absolute; top:0; left:0; }
/* 麵包屑 */
.breadcrumbs { width:100%; line-height:45px; margin:0px; overflow:hidden; clear:both; }
.breadcrumbs a { color:#222; font-size:16px; }
.breadcrumbs a:hover { color:#777; }
/* 廣告共用 */
.suggest { width:100%; text-align:center; margin:0 auto; }
.suggest div { margin:0 0 20px 0; }
.suggest div, .suggest a, .suggest img { line-height:0; }
.suggest .ad_bg div { display:inline-block; margin:0px 10px 10px; }
#ad-K1 { text-align:center; margin-top:10px; line-height:0; overflow:hidden; }
.GoogleActiveViewElement { margin:10px auto 0; }
.NC1, .C2, .NC3 { margin:0 0 20px 0; line-height:0; }
/* 區塊小標 */
.caption { width:100%; font-size:30px; line-height:35px; font-weight:bold; clear:both; margin:0 0 10px; }
.caption span { font-size:25px; font-weight:100; }

/* 日期 */
.datebox p { width:34.5%; max-width:440px; float:right; text-align:center; font-size:16px; color:#666; letter-spacing:0.5px; padding:12px 0; display:block; }

/******************** 右側欄 ********************/
aside .bg { width:100%; background:#fff; margin-bottom:20px; box-shadow:0px 1px 5px #ddd; overflow:hidden; }
aside #right_blake { width: 300px; }
.date { width:300px; height:46px; font-size:14px; color:#555; text-align:center; line-height:46px; }
/* 本週熱門 */
.hotnews { padding:15px 15px 8px 15px; counter-reset:num; }
.hotnews h2 { font-size:20px; color:#111; font-weight:bold; border-bottom:1px solid #aaa; padding-bottom:3px; }
.hotnews a { display:block; font-size:16px; margin:12px 0; padding:0px 0px 0px 35px; position:relative; }
.hotnews a:before { content:counter(num) '. '; counter-increment:num; position:absolute; left:0; top:6px; font-size:25px; color:#e8ae2b; font-weight:bold; font-style:italic; font-family:Arial; }
/* 熱門新訊+FB */
.labelD { background:#e8ae2b; display:block; padding:10px; }
.labelD b { font-size:20px; font-weight:bold; color:#fff; display:inline-block; }
.labelD .triangle { width:15px; height:15px; background:#fff; -webkit-clip-path:polygon(0 0, 0% 100%, 60% 50%); clip-path:polygon(0 0, 0% 100%, 60% 50%); margin:6px 0; float:right; display:inline-block; }
.market300 ul { padding:0 0 10px 0; }
.market300 ul li { font-size:16px; line-height:1.5; padding:10px 10px 10px 25px; border-bottom:1px solid #bbb; position:relative; }
.market300 ul li:last-of-type { border-bottom:none; padding-bottom:0px; }
.market300 ul li:before { content:''; display:block; position:absolute; top:13px; left:11px; width:5px; height:14px; background:#e8ae2b; }
.fb-like-box { margin-bottom:20px; box-shadow:0px 1px 5px #ddd; }
#fb-root { display:none; }
.fb-comments, .fb-comments iframe[style] { width:100% !important; }
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { width:100% !important; }
/* 熱門關鍵字雲 */
.hot_tag { padding:10px 10px 7px 10px; width:300px; min-height:250px; }
.hot_tag h2 { font-size:20px; color:#111; font-weight:bold; border-bottom:1px solid #aaa; padding-bottom:3px; border-bottom:1px solid #bbb; }

/******************** 服務頁 ********************/
.infoMain { padding:20px 60px; }
.infoMain hr { margin:30px 0;border:none; border-top:1px dashed #bbb; }
.infoMain p { margin:0px 0px 20px; font-size:18px; line-height:30px; text-align:justify; word-break: break-all; }
.infoMain ul li p{padding-left:22px;}
.infoMain span { font-weight:bold; font-size:20px; display:block; margin:0px 0px 20px; }
.infoMain p img { vertical-align:middle; }
.infoMain a { color:#187fcf; border-bottom:2px solid; padding-bottom:3px; margin-right:10px; }
/* 灰底資訊欄 */
.detail { width:90%; background-color:#eaeaea; padding:25px; margin:20px auto; }
.detail ul, .ltn_link  ul { list-style:none; line-height:35px; margin:0; }
.detail li:before, .ltn_link li:before {content:"";display:inline-block;width:7px;height:7px;border-radius:100%;background-color:#222;margin:0px 8px 5px 0px; }

/* 廣告刊登選填表單 */
.PForm {
    width:90%;
    margin:10px auto 20px;
    background-color:#f7f7f7;
    border-top:1px solid #eaeaea;
    border-bottom:1px solid #eaeaea;
}
.PForm tr{
    height:60px;
}
.PForm th {
    width:35%;
    font-weight:bold;
    text-align:right;
    padding:0 10px 0 0;
    vertical-align:middle;
    line-height:1.5;
}
.PForm select {
    text-align:left;
    font-weight:normal;
    padding:5px 8px;
    font-size:16px;
    border:1px solid #ccc;
    border-radius:4px;
    background-color:#ffffff;
    margin:10px 0;
}
.PForm textarea {
    margin:15px 0;
    width:90%;
}
.PForm td {
    width:65%;
    vertical-align:middle;
}
.PForm tr:nth-child(2n) {
    background-color:#eaeaea;
}
.PForm td img {
    width:auto;
    display:inline-block;
    line-height:40px;
    vertical-align:middle;
}
.PForm span {
    display:inline-block;
    font-size:16px;
    border:none;
    margin:0;
}
.PForm a {
    border:none;
    margin-left:10px;
}
.PForm b {
    color:#c00;
    padding:5px;
}
.PForm i {
    font-size:14px;
    font-weight:100;
    line-height:16px;
}
.PForm input[type="text"] {
    text-align:left;
    font-weight:normal;
    padding:5px 8px;
    font-size:16px;
    border:1px solid #ccc;
    border-radius:4px;
    background-color:#ffffff;
    margin:5px 0;
}
.PForm input[name="OAddress"] {
    width:90%;
}
.PForm .btn_a {
    font-size:18px;
    font-family:"微軟正黑體";
    color:#fff;
    letter-spacing:5px;
    background-color:#e8ae2b;
    padding:6px 25px 6px 30px;
    margin:10px;
    border:none;
    border-radius:3px;
    cursor:pointer;
    border:1px solid #e8ae2b;
    box-shadow:1px 1px 5px 0px rgba(0,0,0,0.3);
}
.PForm .btn_a:hover {
    background-color:#fff;
    color:#222;
    border:1px solid #ccc;
    letter-spacing:5px;
}
/* 爆料 */
.complain .PForm span{
    line-height: 1.8;
}
.complain .PForm th{
    width:18%;
    padding:0 3px;
    text-align: left;
}
.complain .PForm td{
    width:auto;
}
.complain .PForm th p{
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    font-size:16px;
    line-height: 1.3;
    margin:0;
    position: relative;
}
.complain .PForm th b{
    position: absolute;
    top:-9px;
    left:5px;
}
.complain .PForm .ValignTop{
    vertical-align:top;
    padding:15px 0px;
}
.complain .PForm select{
    margin:0;
}
.complain .PForm .FormText{
    width:90%;
    padding:0;
    margin:0;
    height: 100px; font-size:16px;
}
.complain .PForm .detail{
    width: 95%;
    height:180px;
    overflow:auto
}
.complain .PForm .detail ul li{
    font-size:16px;
    line-height: 1.8;
    margin: 10px 0;
}

/* 廣告刊登 */
.abutton { margin:0 auto; overflow:hidden; width:530px; height:auto; }
.abutton a.btn1, .abutton a.btn2{ float:left; margin-top:40px; margin-bottom:20px; border:none; width:250px; height:60px; border-radius:5px; box-shadow:0px 1px 5px 1px #b3b3b3; color:#fff; text-align:center; line-height:60px; font-size:21px; }
.abutton .btn1 { background-color:#5482a3; margin-right:20px; }
.abutton .btn1:hover { background-color:#4a647d; }
.abutton .btn2 { background-color:#fe9a32; }
.abutton .btn2:hover { background-color:#ee871c; }
/* RSS */
.ltnrss { width:90%; margin:20px auto; border-collapse:collapse; }
.ltnrss tr:hover { background:#fff9ea; }
.ltnrss th { background:#eaeaea; height:30px; padding:0; border:1px solid #eaeaea; vertical-align:middle; text-align:center;}
.ltnrss td { border-bottom:1px dotted #d5d5d5; height:40px; padding:0px; vertical-align:middle; text-align:center;}
.ltnrss td.xml { background:url(../images/all/xml.svg) no-repeat left center; background-size:40px; cursor:pointer;padding:0 0 0 50px; text-align:left;}
.ltnrss img { height:15px; margin-top:3px; }
.ltnrss a { border:none; }
/* 關於我們 */
.ltn_link { background:none;font-size:18px; margin-left:22px; margin-bottom:20px; }
.appLbox { overflow:auto; }
.appLbox span { font-size:16px; font-weight:normal; }
.appLbox a { border:none; }
.appLbox .applink { width:150px; float:left; margin-right:15px; }
.appLbox .qrlink { width:65px; float:left; }
/* 推播QA-webpush */
.wpcap { margin:0; }/*因為加上小副標 須調整*/
.wbcap_p { padding:2% 0 2% 6%;}/*小副標*/
.webpushbox { padding: 2%; }
.webpushbox_q {line-height: 24px;font-size: 22px; font-weight: bold; color: #FFFFFF; box-shadow: 2px 2px 2px rgb(175 166 145); display: inline-block; border-radius: 18px; background-color: #ad0a0a; padding: 8px 12px;}
.webpushbox_a { padding-top: 10px; }
.webpushbox_a .wpbox_word { width: calc(100% - 400px); float: left; padding: 0px 30px;}
.webpushbox_a .wpbox_pic { width: 400px; float: left;}
.wpbox_icon{ font-size: 20px; width: 26px; height: 26px; line-height: 22px; text-align: center;  font-weight: bold; color: #111; display: inline-block; border-radius: 50%; border: 2px solid #111; float: left; margin-right: 5px;}

/*輪播圖共用*/
.abox_swiper .swiper-wrapper .swiper-slide{padding: 0 18px;}
/* 首頁輪播大圖 左右鍵 */
.abox_swiper .swiper-button-prev { left:-4%;}
.abox_swiper .swiper-button-next { right:-2%;}
.abox_swiper .swiper-button-prev,
.abox_swiper .swiper-button-next { top: 50%;}

.abox_swiper .swiper-button-prev b,
.abox_swiper .swiper-button-next b { color:#212121; font-size: 36px;}

/* 圓點分頁器 */
.swiper-container.abox_swiper .swiper-pagination { width: 100%; bottom: 2%; text-align: center;}
.swiper-container.abox_swiper .swiper-pagination .swiper-pagination-bullet { width:10px; height:10px; opacity: 1; background-color:#e8e8e8; display: inline-block; box-shadow: 0px 1px 5px #3e3e3e;}
.swiper-container.abox_swiper .swiper-pagination .swiper-pagination-bullet-active { background-color:#e8ae2b;}

/* 聯繫網站 */
.detail.wp_text { width: 100%; float: left;}
.wp_text ul li a { margin: 0px 6px; }

/* font-size:18px */
.infoMain p a, .infoMain p strong, .ltn_link ul li, .ltn_link ul li a, .detail ul li, .detail ul li a{font-size:18px;}

/**************** 下載APP ****************/
.appDownload .row{
    text-align: center;
}
.appDownload .iconBox img{
    width: 150px;
    height: 150px;
}
.appDownload .iconBox h1{
    font-size: 36px;
    margin: 15px 0 20px;
}
.appDownload .btnBox .btn{
    display: inline-block;
    color: #fff;
    border-bottom: none;
    width: 100px;
    padding: 8px;
    margin: 0px 5px;
    border-radius: 8px;
}
.appDownload .btnBox .btn:nth-child(1){
    background: #f0ad4e;
}
.appDownload .btnBox .btn:nth-child(2){
    background: #5cb85c;
}
.appDownload .btnBox .btn:nth-child(1):hover{
    background: #ec971f;
}
.appDownload .btnBox .btn:nth-child(2):hover{
    background: #449d44;
}

/******************** 404 ********************/
.tit404 { line-height:50px; margin:0; }
.fault404 { padding:70px 0px; letter-spacing:1px; }
.fault404 .info { width:637px; margin:0 auto 40px; overflow:hidden; }
.fault404 img { width:180px; float:left; margin-right:40px; }
.fault404 .txt { float:left; }
.fault404 h3 { font-size:28px; padding:25px 0px 15px; }
.fault404 p { font-size:20px; line-height:40px; }
.fault404 p a { color:#ddaa09; padding:0 5px; font-size:20px; }
.fault404 p a:hover { color:#c00; }

/******************** 瀏覽器更新提醒 ********************/
.ie9 { width:800px; overflow:hidden; padding:25px 0; margin:0 auto; border:1px solid #ddd; }
.ie9 p { padding:0px 55px; margin:0px; font-size:18px; color:#222; line-height:30px; }
.button { padding:15px 0; }
.button a { display:block; height:40px; line-height:40px; border:1px solid #999; background-color:#f7f7f7; float:right; text-align:center; vertical-align:middle; padding:0px 15px; margin:0 10px; color:#2052d1; }
.button a:hover { background-color:#ddd; color:#222; }
a.close { width:40px; height:40px; margin:0 40px 0px 20px; padding:0px; }
a.close img { width:35px; margin-top:3px; }

.ltnjobs .title
{
    font-size: 20px;
    line-height: 26px;
    font-weight: bold;
}

.ltnjobs ol li{
    list-style: decimal;
    margin: 10px;
    font-size: 18px;

}
.ltnjobs ol li:nth-child(6){
    list-style: none;
}
.ltnjobs ol li:nth-child(7), .ltnjobs ol li:nth-child(8),.ltnjobs ol li:nth-child(9){
    list-style: initial;
}
.ltnjobs ol{
    margin: 5px 0px 5px 20px ;
    padding: 5px;
    font-size: 18px;
    line-height: 30px;
}