/* CSS Document */
@import url("bootstrap.css");
@import url("font-awesome.min.css");
@import url("settings.css");
@import url("style.css");
@import url("customizer/pages.css");
@import url("customizer/elements-pages-customizer.css");
@import url("ie/ie.css");
@import url("footer.css");




/* -- 上頁 -- */
.ex_area_box{ padding:0; margin:12px 0 0 0;}
.ex_area_box li{ display:inline-table; list-style:none; padding:0; margin:0 8px 18px 0;}
.ex_area_box li a{ text-decoration:none; font-size:.95em; border-radius:5px; color:#fff; 
background:url(../images/loc_pix.png) no-repeat 3px 5px #f3a600; padding:7px 10px 7px 25px; margin:0;}


.ex_area_prompt{ width:100%; padding:0; margin:0; }
.ex_area_prompt h5{ display:block; width:auto; height:28px; line-height:28px; font-size:.95em; font-weight:normal; border-radius:5px; color:#fff; 
background:url(../images/wol_pix.png) no-repeat 8px 5px #d59941; padding:0 0 0 33px; margin:10px 0 15px 0;}


.ex_post{ border-bottom:dashed 1px #ccc; padding:5px 0 5px 15px;}
.ex_ent_title{ padding:0; margin:0 0 -3px 0; }
.ex_ent_title a{ font-size:.95em; font-weight:normal; color:#83a9d2; cursor:pointer;}


.ex_bor_cont{ padding:0; margin:0;}
.ex_bor_cont li{ display:inline-table; font-size:.95em; color:#7e7e7e; padding:0; margin:0;}
.ex_bor_cont .ex_success_box{ border-radius:5px; color:#fff; background:#738e01; padding:0 8px;}

.ex_click_rate{ display:inline-table; font-size:.95em; color:#7e7e7e; float:right;}

.pagination_txt{ float:right; font-size:.95em; font-weight:normal;font-size:none; color:#7e7e7e; margin:0 10px 0 0;}








/* -- 內頁 -- */
.ex_top_titler{ width:100%; border-bottom:solid 1px #eee; padding:0; margin:0; }
.ex_top_titler_in{ max-width:1170px; padding:0 15px 10px 15px; margin:0 auto; position:relative;}
.ex_top_linere_a{ width:40px; height:1px; background:#000; position:absolute; bottom:-1px; left:15px;}
.ex_top_linere_b{ width:40px; height:1px; background:#4380c3; position:absolute; bottom:-1px; left:15px;}


.ex_main_zone{ max-width:1170px; text-align:center; padding:0 15px 10px 15px; margin:10px auto 0 auto;}
.ex_main_left, .ex_main_right{ display:inline-table; box-sizing:border-box; vertical-align:top;}
.ex_main_left{ width:270px; padding:0 15px 0 0; background:#fff;}
.ex_main_right{ width:870px; text-align:left; padding:0 15px; background:#fff;}


.font_stmd_zone{ width:100%; text-align:left; font-size:1.1em; border-bottom:solid 1px #e1e1e1; color:#2c6eba; padding:0 0 10px 0; margin:0; position:relative;}
.font_stmd_zone span{ width:40px; height:1px; background:#4380c3; position:absolute; bottom:-1px; left:0px;}


.lift_txt{ width:100%; text-align:left; padding:0 0 0 20px; margin:10px 0 20px 0;}
.lift_txt li{ list-style-type:decimal; color:#9ebfe2;}


.lift_pixsel{ width:100%; text-align:left; padding:0 0 0 0; margin:10px 0 0 0;}
.lift_pixsel li{ display:inline-table;}
.lift_pixsel li a{ display:block; text-decoration:none; font-size:.95em; border-radius:6px; border:solid 1px #b0d5ff; color:#fff; 
background:#5594d9; padding:5px; margin:0 5px 10px 0; transition: all .2s linear;}


.ex_contact_box{ width:100%; border:solid 2px #80b2e9; border-radius:10px; 
background:url(../images/exphone.png) no-repeat 15px 45px rgba(85,148,217,.05); padding:15px; margin:10px 0 0 0; box-shadow:inset 1px 1px 5px rgba(0,0,0,.2); position:relative;}
.ex_contact_box h6{ text-decoration:underline; font-size:1.1em; font-weight:normal; color:#2c6eba; padding:0; margin:0 0 10px 0;}
.ex_close{ font-size:2em; color:rgba(0,0,0,.5); background:none; padding:0; margin:0; position:absolute; top:1px; right:10px;}
.ex_close:hover{ color:#2e5481; }
.ex_cora{ border:none; border-radius:8px; margin:0 10px 0 55px;}
.body .ex_cora:hover{ background:#78552b;}
.ex_corb{ border:none; border-radius:8px;}
.body .ex_corb:hover{ background:#78552b;}



.right_top_data{ width:100%; padding:0; margin:0;}
.right_top_data li{ font-size:.95em; border-bottom:solid 1px #eee; color:#5d5d5d; padding:7px 0 7px 15px; margin:0; list-style:none;}
.right_top_data li:last-child{ border-bottom:none; }

.ex_phone_online{ width:100%; border-bottom:solid 1px #e1e1e1; background:url(../images/mgs_ex_pix.png) no-repeat 5px 8px; 
padding:0 0 0 40px; margin:20px 0 0 0;	position:relative;}
.ex_phone_online span{ width:40px; height:1px; background:#4380c3; position:absolute; bottom:-1px; left:0px;}
.ex_phone_online h5{ display:inline-table; font-size:1.1em; font-weight:normal; color:#2c6eba; padding:8px 0; margin:0;}
.ex_phone_online p{ display:inline-table; font-size:.95em; color:#5d5d5d;}


.ex_status_bar{ width:100%; margin:20px 0;}
.ex_status_bar a{ display:inline-table; font-size:1.1em; border-radius:8px; color:#fff; 
background:#758c00; padding:5px 10px; margin:0 8px 0 0; transition: all .2s linear;}
.ex_status_bar a:hover{ text-decoration:none; color:#758c00; background:#d5ff00; }
.ex_status_bar p{ display:inline-table; font-size:.95em; font-weight:normal;}


.font_stbi, .font_stsm{}
.font_stbi{ font-size:1.3em; font-weight:bold; }
.font_stsm{ font-size:.95em; line-height:26px; }


.ex_msg_area{ width:100%; padding:0; margin:10px 0; position:relative;}
.ex_msg_area h5{ font-size:1.1em; font-weight:normal; color:#5e5e5e; padding:0; margin:0 0 10px 0;}
.ex_msg_area h6{ font-size:.95em; font-weight:normal; color:#5e5e5e; padding:10px 0 0 0; margin:0;}
.ex_msg_area textarea{ display:block; width:100%; height:130px; font-size:.95em; border:solid 1px #e1e1e1; border-radius:8px; color:#5e5e5e;
padding:10px; box-shadow:inset 2px 2px 5px rgba(0,0,0,.2);}
.ex_msg_area span{ font-size:.95em; color:#c5293e; position:absolute; top:166px; right:5px;}


.ex_notyet_reply{ width:100%; font-size:.95em; color:#5e5e5e; padding:0; margin:10px 0 20px 0;}














@media (max-width: 1024px) {
/* -- 內頁 -- */
.ex_main_zone{ max-width:1024px;}
.ex_main_left{ width:250px;}
.ex_main_right{ width:740px;}
}


@media (max-width: 768px) {
/* -- 內頁 -- */
.ex_main_zone{ max-width:768px;}
.ex_main_left{ width:230px;}
.ex_main_right{ width:505px;}
}


@media (max-width: 575px) {
}	


@media (max-width: 414px) {

.pagination-box {
  margin:15px 0 0 5px;
}

.ex_bor_cont{ padding:0 0 20px 0; margin:0;}
.ex_click_rate{ clear:both; display:block; width:100%; text-align:right; padding:0 10px 0 0; margin:0;}

/* -- 內頁 -- */
.ex_main_zone{ max-width:100%;}
.ex_main_left, .ex_main_right{ width:100%; margin:0 auto;}


}


@media (max-width: 375px) {
.ex_contact_box{ background:rgba(187,46,115,.05);}
.ex_contact_box h6 span{ display:none; }
.ex_cora{ margin:0 10px 0 0px;}
}


@media (max-width: 320px) {
.ex_cora{ width:100%; margin:0 0 10px 0;}
.ex_corb{ width:100%; }
}