@charset "utf-8";
/* CSS Document */
body{font-family: Arial,Microsoft JhengHei; font-size: 16px;}
a{color:#4169A8;text-decoration: none !important;}
p{font-size:18px; color:#333333;}
.h6,h6{font-size:13.5px!important;}
.no_pad{padding: 0!important}
.row_pad{padding: 0 15px}
.pad_right{padding-right: 5px!important; padding-left: 15px!important;}
.clear{clear:both;}
.float-left{float:left;}
.float-right{float:left;}
.padding0{padding:0;}
.blue-color{color:#4169A8; font-weight: bold; font-size:20px;}
.wrapper{max-width: 1280px; margin:0 auto;}
.wrapper .container-fluid .content-title{color:#4169A8; border-bottom:3px solid #4169A8; font-size:22px; margin:0;}
.wrapper .container-fluid .news-title{float:right; padding-top:1em;}

.wrapper .container-fluid .news-wrapper{padding-top:1em; margin-bottom:1em;}
/*.wrapper .container-fluid .news-wrapper p{line-height: 30px; padding-top:1em;}*/
.wrapper .container-fluid .news-wrapper p{line-height: 1.8;}


/*********************article page*********************/
.wrapper .container-fluid .news-wrapper .article-page{padding:1em 0em;}


/*share section*/
.wrapper .container-fluid .news-wrapper .share-wrapper{width:100%;} 
.wrapper .container-fluid .news-wrapper .share-wrapper .article-title{width:360px; float:left; color:#666666;}
.wrapper .container-fluid .news-wrapper .share-wrapper .fb-share-wrapper{width:410px; float:right; color:#666666;}

/*box section*/
.wrapper .container-fluid .box img{width:200px; padding-bottom:0.5em;}
.wrapper .container-fluid .box .box-inner{padding-top:2em;}
.wrapper .container-fluid .box .box-inner a{color:#666666; line-height: 24px;}

/*********************listing page*********************/
.wrapper .container-fluid .listing-wrapper .listing-main-section img{width:100%;}
.wrapper .container-fluid .listing-wrapper .listing-main-section p{line-height:25px;}

.wrapper .container-fluid .listing-wrapper .listing-section{padding: 1em;border: 1px solid #cccccc;margin-top:10px;}
.wrapper .container-fluid .listing-wrapper .listing-section .listing-image{width:20%;}
.wrapper .container-fluid .listing-wrapper .listing-section .listing-image img{width:200px; float:left;}
.wrapper .container-fluid .listing-wrapper .listing-section .listing-title{width:60%; float:left; padding-left:0.5em;font-size: 1.15em;margin-top: 10px;}
.wrapper .container-fluid .listing-wrapper .listing-section .listing-title p{padding:0; font-size:18px; line-height: 25px; color:#4169A8;}

.wrapper .container-fluid .listing-wrapper .listing-section .listing-desc{width:80%; float:left; padding-left:0.5em;font-size:14px;}

.wrapper .container-fluid .listing-wrapper .listing-section .listing-date{color:#666666; font-size:14px; float:right; margin-right:2%;margin-top: 10px;}
.wrapper .container-fluid .listing-wrapper .listing-section-bottom{padding: 0em; padding-top:1em;}
.wrapper .container-fluid .listing-wrapper .listing-section-bottom .listing-image{width:20%;}
.wrapper .container-fluid .listing-wrapper .listing-section-bottom .listing-image img{width:130px; float:left;}
.wrapper .container-fluid .listing-wrapper .listing-section-bottom .listing-title{width:40%; float:left; padding-left:0.5em;}
.wrapper .container-fluid .listing-wrapper .listing-section-bottom .listing-title-noimg{width:70%; float:left; padding-left:0.5em;}
.wrapper .container-fluid .listing-wrapper .listing-section-bottom .listing-title-noimg a{padding:0; font-size:16px; line-height: 20px; color:#4169A8;}
.wrapper .container-fluid .listing-wrapper .listing-section-bottom .listing-title a{padding:0; font-size:16px; line-height: 20px; color:#4169A8;}
.wrapper .container-fluid .listing-wrapper .listing-section-bottom .listing-date{color:#666666; font-size:14px; float:right;}

/*second section*/
.wrapper .container-fluid .right-bar{max-width: 320px; width: 100%;}
.wrapper .container-fluid ul{/*padding-top:1em; padding-left:1em;*/ list-style-type:square;}
.wrapper .container-fluid ul li a{color:#666666; font-size:15px; line-height: 25px;}


/*Stock Page*/
.fin_stock{display: inline-flex}
.fin_stock_title{display: inline-block; padding-top: 10px; margin-top: 0; margin-bottom: 0; font-size: 1.25em; padding-bottom: 5px;}
.fin-right_btn{float: right;}
.fin-right_btn_sty{border: 1px solid #436eb3; margin-right: 10px; font-size: 14px; padding: 5px 5px; border-radius: 5px; min-width: 85px; text-align: center; }
.fin-right_btn_sty a{line-height: normal}
.fin-right_btn_sty_active{background-color: #436eb3;}
.fin-right_btn_sty_active a{color: white; }

ul.stock_content{width: 100%!important}

ul.related_link{padding-top: 0em!important; padding-left: 0em!important;}
.related_link_tit{margin-bottom: 0!important}

.stock_img_2021{width: 48%}
.stock_img_2021_b{width: 100%}

.time_tabs{margin: 15px;}

.wrapper .container-fluid .stock-title{color:#4169A8; font-size:22px; margin:0;z-index: 5; position: relative;}

.carousel-inner > .item.mpf_carousel {
    padding-bottom: 50%;
    padding-top: 5%;
}

.news_spot_img{width: 100%; height:150px}
.news_spot_img_pad{margin-bottom: 10px;}
.spot_btn_new{padding: 5px; width: 30%; position: relative; top: -25px; text-align: center; }
.spot_news{background-color: #436eb3;}
.spot_realty{background-color: #74a4c7;}
.spot_tit{color: #436eb3; font-size: 18px; font-weight: bold; height: 42px; overflow-y: hidden}
.spot_date{color: #646464; font-size: 14px; margin-bottom: 10px;}

.video_spot_img{width: 100%; height:175px}
.video_spot_img_pad{margin-bottom: 10px;}
.spot_btn_video{padding: 5px; width: 45px; height: 45px; position: relative; top: 75px; left: 45%; text-align: center; color:#FF8D5B; font-size: 35px; border-radius: 10px; padding-left: 5px;}
.spot_video{background-color: #FF8D5B;}

.pro_spot_img{width: 100%; height:120px;}
.spot_pro{background-color: #FF8D5B;}
.pro_spot_tit{background: #74a4c7; color: #ffffff; padding: 5px 5px; text-align: left; font-size: 16px; }
.pro_spot_article_01{color: #646464; padding: 4px; margin-bottom: 10px; font-size: 15px; font-weight: 700; /*word-break: keep-all*/}
.pro_spot_article_02{color: #436eb3;; padding: 5px; margin-bottom: 10px; font-size: 16px; font-weight: bold}
.pro_spot_article_03{color: #646464; padding: 5px; margin-bottom: 10px; font-size: 16px; font-weight: 700;}
.pro_pic{width: 130px; padding-left: 15px;}
.pro_text{max-width: 37%;}
.row_pro{display: inline-flex; margin-bottom: 10px}

.slider_wide{width: 100%}
.swiper {width: 100%; height: 100%;}
.swiper-slide {text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;}

/*Simon edit*/
.listingmainimg{width:100%;height:300px;}
.miancarousel{width: 67%;height: 325px;}

.more_info{margin-top: -30px;}

/*Franco edit*/    
@media (max-width: 1279px) and (min-width: 1100px) {
    .col-lg-9{flex: 0 0 69%; max-width: 69%;}
    .miancarousel{width: 67%;height: 270px;}
}    
@media (max-width: 1099px) and (min-width: 993px) {
    .col-lg-9{flex: 0 0 67%; max-width: 67%;}
    .spot_btn_new {width: 34%;}
    .miancarousel{width: 70%;height: 240px;}
}

@media (max-width: 414px) {
.spot_tit{color: #436eb3; font-size: 16px; font-weight: bold; height: 37px; overflow-y: hidden}
.fin-right_btn{width: 100%;  margin-bottom: 10px; padding-top: 10px; }
.news_spot_img{width: 150px!important;height: 101px!important;float:left!important;margin-right: 10px;}  
.spot_btn_new{width: 28%; min-width: 70px; position: relative; top:75px!important; text-align: center}  
.miancarousel{width: 40%;height: 180px!important;}
.listitle{width: 135%!important;margin-left: -15px!important;}
.listdate{margin-top: 0px!important;}
.listdesc{margin-left: -150px!important;width: 200%!important;margin-top: 20px!important;display: none;}
.wrapper .container-fluid .listing-wrapper .listing-section .listing-desc{display: none;}
#login_box .apply_fine_btn{width: 65%!important;}
.listing-desc{display: none;}
.listing-section{padding:0!important;width:106%;margin-left:-10px;}
.listing-title{width:48%!important;}
.cat_list_wrap1{padding:0px!important;}
.listing-image{padding-top: 10px;padding-bottom: 10px;}
}

@media (max-width: 767px) {
.fin-right_btn{width: 100%;  margin-bottom: 10px; padding-top: 10px; }
.stock-title{display: none}
.carousel-inner > .item.mpf_carousel {width:100%; height:auto!important; padding-bottom: 50%; padding-top: 5%}
.head_title{font-size: 16px!important;}
/*.carousel-caption.mpf_headline{max-height: 72px}*/
.carousel-control-prev{width:4%!important;}
.carousel-control-next{width:4%!important;}
.share-m-wrapper{width: 100%;margin-left: 12px;}
.wrapper .container-fluid .listing-wrapper .listing-section .listing-image{width:45%!important;}
.miancarousel{width: 50%;height: 280px;}
}

@media (max-width: 991px) {
img{width:100%;}
.fin-right_btn{ margin-bottom: 10px; padding-top: 10px; }
.wrapper{max-width:100%; margin:0 auto;}
.wrapper .container-fluid .right-bar{width:100%; max-width: none}
.wrapper .container-fluid .news-title select{width:100%; margin-top:1em;}
.wrapper .container-fluid .content-title{padding-top:1em;}	
.wrapper .container-fluid .news-wrapper .share-wrapper .article-title{width:320px; float:left; color:#666666;}
.wrapper .container-fluid .news-wrapper .share-wrapper .fb-share-wrapper{width:100%; float:left; color:#666666;}
.wrapper .container-fluid .news-wrapper .share-wrapper .fb-share-wrapper img{width:25px;}
.wrapper .container-fluid .box img{width:100%; padding-bottom:0.5em;}
.wrapper .container-fluid .listing-wrapper .listing-main-section div{/*padding:0;*/}	
.wrapper .container-fluid .listing-wrapper .listing-section{padding:0; padding-top: 0.5em;}
.wrapper .container-fluid .listing-wrapper .listing-section .listing-image{width:25%;}
.wrapper .container-fluid .listing-wrapper .listing-section .listing-image img{width:100%; float:left;}
.wrapper .container-fluid .listing-wrapper .listing-section .listing-title{width:50%; float:left; padding-left:0.5em;}
.wrapper .container-fluid .listing-wrapper .listing-section .listing-title a{line-height:20px;}	
.wrapper .container-fluid .listing-wrapper .listing-section-bottom .listing-image{width:50%;}
.wrapper .container-fluid .listing-wrapper .listing-section-bottom .listing-image img{width:100%; float:left;}
.news_spot_img{width: 100%; height:175px}
.spot_btn_new{width: 15%; min-width: 70px; position: absolute; top: 150px; text-align: center}

.listingmainimg{width:100%;height:200px;}
.miancarousel{width: 100%;height: 300px;}
.apply_table2{display: none!important;}
.apply_table3{display: none!important;}
.head_title{font-size: 16px!important;}
.indexpoint_wrapper .cell_wrapper .indexpoint_thumbnail .ip_l1{font-size: 0.75em;}
p{font-size:18px; color:#333333;}
}

/*Login Box*/
#login_box .apply_table1 {display: table; width:30%; box-sizing: border-box; }
#login_box .apply_table2 {display: table; width:100%; box-sizing: border-box; border:#EEEEEE 1px solid; border-bottom:hidden; padding-bottom: 5px; background-color: #EEEEEE; max-width: 200px}
#login_box .apply_table3 {width:100%; background-color: #EEEEEE; max-width: 200px;}
#login_box .apply_table4 {width:100%; background-color: #EEEEEE; /*margin-top: 2em;*/}
#login_box .apply_row { display: table-row; box-sizing: border-box; width:100%;}
#login_box .apply_row2 { display: table-row; box-sizing: border-box; width:100%;}
#login_box .apply_cell2 {display: table-cell; padding:6px 7px 0px 7px; box-sizing: border-box; background-color:#EEEEEE; width: 100%}
#login_box .apply_button {margin:0 auto; text-align: center; vertical-align: center; background: linear-gradient(180deg, #EEEEEE 60%, #FFFFFF 40%);}
#login_box .apply_button2 {margin:0 auto; text-align: center; vertical-align: center; background: linear-gradient(180deg, #EEEEEE 80%, #FFFFFF 20%);}
#login_box .apply_login {padding:3px 0; margin:0 auto; text-align: center; vertical-align: center;}
#login_box .apply_table_1{ width:100%; box-sizing: border-box;}
#login_box .apply_fine {display: table-cell; color: #999999; width:35%; min-width: 66px; box-sizing: border-box; float: right; margin-right: 0.2em} 
#login_box .apply_fine1 {display: table-cell; color: #999999; width:35%; min-width: 66px; box-sizing: border-box; float: left; margin-right: 0.2em} 
#login_box .apply_fine2 {color: #999999; width:70%; float: left; text-align: left; padding: 8px; } 
#login_box .apply_fine2 a:link {color: #4169A8; font-weight: bold;}
#login_box .apply_fine2 a:visited {color: #4169A8;}
#login_box .apply_fine2 a:hover {color: #4169A8;}
#login_box .apply_fine2 a:active {color: #4169A8;}
#login_box .text {border: 1px #EEEEEE solid; padding: 0.2em 0.4em;font-size: 13px;} 
#login_box .login_btn{float: right; padding-right: 0.5em; max-width: 50px;}
#login_box .logout_btn{float: right; padding-right: 0.5em; max-width: 50px;}
#login_box .apply_fine_btn {display: table-cell; color: #999999; width:100%; box-sizing: border-box; float: right;} 
#login_box input:focus {outline: none !important; border:1px solid #4169A8;}
#login_box a:link {color: #AAAAAA;}
#login_box a:visited {color: #AAAAAA;}
#login_box a:hover {color: #4169A8;}
#login_box a:active {color: #4169A8;}

/*carousel control*/
.carousel-control-prev{z-index: 7;width:4%}
.carousel-control-next{z-index: 7;width:4%}
.vplayer_lh{ text-align:center;}
.article_content{text-align:justify;}

.st_facebook_large{margin: 0 -3px;display: inline-block;vertical-align: bottom;}
.st_twitter_large{margin: 0 -3px;display: inline-block;vertical-align: bottom;}
.sina_large{margin: 0 -3px;display: inline-block;vertical-align: bottom;}