﻿@charset "utf-8";
/*公共樣式*/
html,body,h1,h2,h3,h4,h5,h6,div,p,dl,dt,dd,ul,ol,li,form,fieldset,legend,button,submit,input,textarea,select,table,tr,th,td,hr,pre,sup,address,cite,dfn,em,var,blockquote {font-size: 14px; margin:0; padding:0;text-decoration: none;font-style: none;font-weight: normal;}
html { min-height:100%;border:none 0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body { font:12px/1.5 "Microsoft YaHei","Hiragino Sans GB",arial,simsun,sans-serif;word-wrap:break-word;word-break:break-all;/*overflow-x: hidden;*/}
ul,ol,li { list-style-type:none;}
button,submit,input,select,textarea {font:12px/1.5 Tahoma,"Microsoft YaHei",arial,simsun,sans-serif; outline:none;}
button,submit,input,select { vertical-align:middle;}
button,submit { cursor:pointer;}
textarea { resize:none; outline:none;}
button::-moz-focus-inner,
submit::-moz-focus-inner, 
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner, 
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner { padding:0; border:none;}
table { border-collapse:separate;border-spacing:0;}
th,td { text-align:left;}
address,cite,dfn,em,var{font-style:normal; }
img { border:none; vertical-align:middle;}
a { outline:none;color: #4a4a4a;}
a:link,a:visited { text-decoration:none; outline:none;}
a:hover,a:active { text-decoration:underline; outline:none;}
iframe {vertical-align: top;}
*html{zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}
.ui_clear{*zoom:1}
.ui_clear:after{content:'\20';display:block;clear:both;height:0;overflow: hidden;}
.hide {display: none;}

::-webkit-input-placeholder { /* WebKit browsers */
    color:   #b4b3b3;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #b4b3b3;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #b4b3b3;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #b4b3b3;
}
body { color:#4a4a4a; width: 100%; overflow-x: hidden; }
a:link,a:visited { text-decoration:none;}
a:hover,a:active { color:#de0301; text-decoration:none;}
.l { float: left; }
.r { float: right; }
.clear { clear: both; }

/********************** 首頁 **********************/
.logo_nav { width: 1200px; margin: 0 auto; text-align: center; }
.logo_nav .logo { float: left; width: 200px; }
.logo_nav .logo img { width: 200px; height: 58px; margin-top: 16px; }
.logo_nav .nav { float: right; }
.logo_nav .nav ul li { float: left; position: relative; }
.logo_nav .nav ul>li>a { display: block; float: left; padding: 0px 18px; font-size: 15px; color: #4a4a4a; height: 90px; line-height: 90px; font-weight: bold; }
.logo_nav .nav ul>li:hover { background: #de0301; }
.logo_nav .nav ul>li:hover a { color: #fff; }
.logo_nav .nav ul>li>a.on { background: #de0301; color: #fff; }
.logo_nav .nav ul li:hover .subnav { display: block; }

.logo_nav .nav .subnav { position: absolute; background: rgba(0,0,0,0.7); width: 1200px; top: 90px; z-index: 999; display: none; }
.logo_nav .nav .subnav a { display: block; float: left; color: #fff; height: 60px; line-height: 60px; padding: 0 20px; font-weight: bold; }
.logo_nav .nav .subnav a:hover { color: #de0301; }
.logo_nav .nav .subwq { width: 210px; padding: 10px; /*max-height: 320px;*/ overflow: hidden; }
.logo_nav .nav .subwq a { width: 210px; height: 30px; line-height: 30px; padding: 0px;}
.logo_nav .nav .isearch { width: 68px; height: 90px; background: url(../images/isearch_1.png) center no-repeat; }
.logo_nav .nav .isearch:hover { background: url(../images/isearch_2.png) #de0301 center no-repeat; }
.logo_nav .nav .isearch a.on { background: url(../images/isearch_2.png) #de0301 center no-repeat; width: 32px; }
/*.logo_nav .nav .isearch a.ise_ico { background: url(../images/isearch_2.png) #de0301 center no-repeat; }*/
.logo_nav .nav .isearch_box { right: 0px; width: 260px; height: 60px; color: #fff; }
.logo_nav .nav .isearch_box input { width: 200px; height: 44px; line-height: 44px; padding: 0 20px; margin-top: 6px; font-size: 14px; }

.ibanner { width: 100%; margin: 0 auto; text-align: center; overflow: hidden; }
.ibanner .flex-control-nav { left: 0px; }
.ibanner .flex-control-paging li a.flex-active { background: #de0301; }

.idynamic { width: 1200px; margin: 0 auto; text-align: center; overflow: hidden; margin-top: 30px; margin-bottom: 35px; }
.idynamic .l { width: 560px; overflow: hidden; }
.idynamic .itit { width: 560px; overflow: hidden; }
.idynamic .itit h3 { float: left; width: 230px; height: 18px; line-height: 18px; border-left: 4px solid #de0301; padding-left: 10px; font-size: 16px; text-align: left; }
.idynamic .itit a { display: block; float: right; }
.idynamic .l .con_list h2{ font-size: 16px; font-weight: bold;text-align: left; margin-top: 20px; }
.idynamic .l .con_list p { height: 52px; line-height: 26px; overflow: hidden; text-align: left; margin-top: 15px; display: none; }
.idynamic .r { width: 560px; overflow: hidden; }
.idynamic .r ul { margin-top: 60px; overflow: hidden; }
.idynamic .r ul li { float: left; width: 160px; border-right: 2px solid #9e9fa1;}
.idynamic .r ul li:last-child {border-right: none;}
/*.idynamic .r ul li img { border-right: 2px solid #9e9fa1; }*/

.footer { width: 100%; margin: 0 auto; text-align: center; overflow: hidden; background: #eaebed; padding: 20px 0; border-top: 1px solid #ccc; }
.footer .con { width: 1200px; margin: 0 auto; text-align: center; overflow: hidden; }
.footer .con .l p { margin-top: 15px; text-align: left; }
.footer .con .r .icall { width: 210px; float: left; margin-left: 35px; }
.footer .con .r .icall .pic { float: right; padding: 3px; background: #fff; border-radius: 5px; }
.footer .con .r .icall .pic img { width: 73px; height: 73px; }
.footer .con .r .icall .des { float: left; text-align: left; margin-top: 15px; }
.footer .con .r .icall .des h5 { font-size: 18px; font-weight: bold; font-style: italic; margin-bottom: 10px; }

#QRcode { width: 100px; background: #d8d8d8; color: #000; padding: 10px; text-align: center; line-height: 26px; font-size: 12px; position: fixed; z-index: 9999; right: 0px; bottom: 20px; }
#QRcode img { width: 80px; height: 80px; border: 6px solid #fff; }
.QRclose { display: block; border: 1px solid #bdbab3; line-height: 16px; float: right; position: absolute; right: 0px; bottom: -18px; padding: 0px 4px; background-color: #fff; cursor: pointer; }

/********************** 了解大眾-董事長展現 **********************/
.understand_tit { width: 100%; margin: 0 auto; text-align: center; overflow: hidden; background: #eaebed; border-top: 2px solid #de0301; }
.understand_tit .con { width: 1200px; margin: 0 auto; height: 50px; line-height: 50px; }
.understand_tit .con .l a img { margin-right: 10px; }
.understand_tit .con .r ul li { float: left; margin-left: 30px; border-bottom: 2px solid #eaebed; }
.understand_tit .con .r ul li a { display: block; }
.understand_tit .con .r ul li:hover { border-bottom: 2px solid #de0301; }
.understand_tit .con .r ul li.on { color: #de0301; border-bottom: 2px solid #de0301; }

.understand_bg { width: 100%; margin: 0 auto; text-align: center; overflow: hidden; background: url(../images/liaojie_bg.jpg) center no-repeat; background-size: 100% 100%; background-attachment: fixed; }
.understand_bg .con_dsz { width: 1140px; margin: 0 auto; overflow: hidden; background: #fff; padding: 50px 30px 40px; }
.understand_bg .con_dsz .l { float: right!important; }
.understand_bg .con_dsz .l img { width: 400px; }
.understand_bg .con_dsz .r { width: 700px; text-align: left; float: left!important; }
.understand_bg .con_dsz .r h2 { font-size: 24px; /*margin-top: 15px;*/ margin-bottom: 30px; }
.understand_bg .con_dsz .r p { line-height: 26px; text-indent: 30px; }

/********************** 了解大眾-集團變化 **********************/
.understand_bg .con_jtdt { width: 1140px; margin: 0 auto; overflow: hidden; background: #fff; padding: 40px 30px 60px; }
.understand_bg .con_jtdt .con_td { width: 1040px; margin: 0 auto; }
.understand_bg .con_jtdt .con_td ul { width: 812px; overflow: hidden; height: 50px; line-height: 50px; background: #eaebed; }
.understand_bg .con_jtdt .con_td ul li { float: left; width: 116px; cursor: pointer; }
.understand_bg .con_jtdt .con_td ul li:hover { background: #de0301; color: #fff; }
.understand_bg .con_jtdt .con_td ul li.on { background: #de0301; color: #fff; }
.understand_bg .con_jtdt .pro_box { display: none; }
.understand_bg .con_jtdt .pic_des { width: 1040px; padding: 30px 0; overflow: hidden; border-bottom: 1px dashed #ccc; margin: 0 auto; }
.understand_bg .con_jtdt .pic_des .pic { float: left; width: 240px; height: 160px; overflow: hidden; }
.understand_bg .con_jtdt .pic_des .pic img { width: 240px; height: 160px;  -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; 
	-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; }
.understand_bg .con_jtdt .pic_des .pic img:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); }
.understand_bg .con_jtdt .pic_des .des { float: right; width: 770px; text-align: left; }
.understand_bg .con_jtdt .pic_des .des h2 { font-size: 18px; margin-top: 10px; }
.understand_bg .con_jtdt .pic_des .des em { display: block; font-size: 12px; color: #999; margin-top: 10px; margin-bottom: 15px; }
.understand_bg .con_jtdt .pic_des .des p { line-height: 26px; height: 78px; overflow: hidden; }
.understand_bg .con_jtdt .pic_des .des_big { text-align: left; }
.understand_bg .con_jtdt .pic_des .des_big h2 { font-size: 18px; margin-top: 10px; }
.understand_bg .con_jtdt .pic_des .des_big em { display: block; font-size: 12px; color: #999; margin-top: 10px; margin-bottom: 15px; }
.understand_bg .con_jtdt .pic_des .des_big p { line-height: 26px; height: 78px; overflow: hidden; }

/*引領大眾*/
.understand_bg .con_jtdt .pdf_list { height: 90px; }
.understand_bg .con_jtdt .pdf_list:hover { background: #eaebed; }
.understand_bg .con_jtdt .pdf_list .date { float: left; height: 90px; border-right: 1px solid #ccc; padding: 0 15px; }
.understand_bg .con_jtdt .pdf_list .date h2 { font-size: 24px; color: #de0301; margin-top: 16px; }
.understand_bg .con_jtdt .pdf_list .title { float: left; margin-top: 15px; margin-left: 15px; width: 600px; overflow: hidden; }
.understand_bg .con_jtdt .pdf_list .title h3 { height: 60px; line-height: 30px; overflow: hidden; font-size: 16px; font-weight: bold; color: #333; text-align: left; }
.understand_bg .con_jtdt .pdf_list .download { float: right; width: 90px; height: 90px; background: #eaebed; }
.understand_bg .con_jtdt .pdf_list .download p { background: url(../images/nianbao_2.png) bottom no-repeat; padding-bottom: 37px; margin-top: 10px; font-size: 18px; }
.understand_bg .con_jtdt .pdf_list:hover .download { background: #de0301; color: #fff; }
.understand_bg .con_jtdt .pdf_list:hover .download p {  background: url(../images/nianbao_1.png) bottom no-repeat; }

.pageList { width: 900px; margin: 0 auto; overflow: hidden; margin-top: 50px; }
.pageList li { margin: 0 7px; display: inline-block; width: 33px; height: 33px; line-height: 33px; background: #f5f5f5; border: 1px solid #dcdcdc; border-radius: 5px; cursor: pointer; }
.pageList li a { display: inline-block; width: 30px; height: 30px; }
.pageList .cur  {background: #de0301; border: 1px solid #de0301; color: #fff; }
.pageList li:hover {background: #de0301;border: 1px solid #de0301;color: #fff; }
.pageList li a:hover {background: #de0301;border: 1px solid #de0301;color: #fff; width: 30px; height: 30px; }

.understand_bg .jtdt_details { width: 1140px; margin: 0 auto; overflow: hidden; background: #fff; padding: 40px 30px; }
.understand_bg .jtdt_details h2 { font-size: 28px; margin-top: 10px; }
.understand_bg .jtdt_details em { display: block; margin-top: 10px; margin-bottom: 15px; }
.understand_bg .jtdt_details em a { margin-left: 20px; }
.understand_bg .jtdt_details p { text-align: left; line-height: 26px; margin-top: 20px; }
.understand_bg .jtdt_details img { max-width: 100%; text-align: center; margin-top: 20px; }
 
.understand_bg .jtdt_details .next_share { margin-top: 30px; overflow: hidden; margin-bottom: 20px; }
.understand_bg .jtdt_details .next_share .l { width: 780px; overflow: hidden; text-align: left; }
.understand_bg .jtdt_details .next_share .l a { display: block; color: #de0301; line-height: 30px; }
.understand_bg .jtdt_details .next_share .l a:hover { opacity: 0.6; }
.understand_bg .jtdt_details .next_share .r { text-align: left; margin-top: 14px; }
.understand_bg .jtdt_details .next_share .m { float: left; height: 32px; line-height: 32px; margin-top: 14px; }

.understand_bg .con_zzjg .pic_des { width: 1140px; }
.understand_bg .con_zzjg .pic_des .pic { float: left; width: 200px; height: 120px; }
.understand_bg .con_zzjg .pic_des .pic img { width: 200px; height: 120px; }
.understand_bg .con_zzjg .pic_des .des { float: right; width: 910px; text-align: left; }
.understand_bg .con_zzjg .pic_des .des h2 { font-size: 18px; margin-top: 0px; margin-bottom: 20px; }

.zk_box { width: 1200px; margin: 0 auto; text-align: center; overflow: hidden; background: #fff; }
.zhankai { width: 680px; margin: 0 auto; height: 40px; line-height: 40px; background: #eaebed; color: #de0301; border-radius: 20px; margin-bottom: 45px; cursor: pointer; }
.zhankai img { margin-right: 10px; }

/********************** 選擇大眾-通用 **********************/
.choice_jr { width: 100%; margin: 0 auto; text-align: center; overflow: hidden; background: url(../images/choice_bg1.jpg) center no-repeat; background-size: 100% 100%; background-attachment: fixed; }
.choice_jr .content { width: 1140px; margin: 0 auto; overflow: hidden; background: #fff; padding: 30px; }
.choice_jr .content .l { width: 885px; display: flex; flex-wrap: wrap; }
.choice_jr .content .l .pic_des { float: left; width: 255px; padding: 0 5px; margin-right: 30px; margin-bottom: 15px; }
.choice_jr .content .l .pic_des:hover { box-shadow: 0px 0px 22px #ccc; }
.choice_jr .content .l .pic_des .pic { width: 255px; height: 220px; margin-bottom: 25px; overflow: hidden; margin-top: 5px;} 
.choice_jr .content .l .pic_des img { width: 255px; height: 220px;  -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; 
	-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; }
.choice_jr .content .l .pic_des:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); }	
.choice_jr .content .l .pic_des h3 { font-size: 18px; margin-bottom: 10px; text-align: left; }
.choice_jr .content .l .pic_des h3 a { color: #de0301; }
.choice_jr .content .l .pic_des h3 a:hover { color: #de0301; font-weight: bold; }
.choice_jr .content .l .pic_des .des { padding: 0 5px; margin-bottom: 15px; height: 300px; }
.choice_jr .content .l .pic_des .des p { text-align: left; line-height: 26px; }
.choice_jr .content .l .pic_des a:hover { color: #666; }

.choice_jr .content .r { width: 215px; padding: 0px 20px; background: #eaebed; }
.choice_jr .content .r .pic_des { border-bottom: 1px dashed #bbbcbe; }
.choice_jr .content .r .pic_des .pic { width: 215px; height: 143px; overflow: hidden; margin-top: 20px; }
.choice_jr .content .r .pic_des .pic img { width: 215px; height: 143px; }
.choice_jr .content .r .pic_des .pic img:hover { opacity: 0.8; }
.choice_jr .content .r .pic_des .des { margin-top: 15px; margin-bottom: 20px; }
.choice_jr .content .r .pic_des .des p { line-height: 26px; }
.choice_jr .content .r a.choice_more { display: block; width: 215px; height: 45px; line-height: 45px; background: #de0301; color: #fff; border-radius: 50px; margin-top: 25px; margin-bottom: 30px; }
.choice_jr .content .r a.choice_more:hover { opacity: 0.8; }
.choice_lvyou { background: url(../images/choice_bg4.jpg) center no-repeat; background-size: 100% 100%; background-attachment: fixed; }
.choice_wuliu { background: url(../images/choice_bg3.jpg) center no-repeat; background-size: 100% 100%; background-attachment: fixed; }
.choice_jiaotong { background: url(../images/choice_bg5.jpg) center no-repeat; background-size: 100% 100%; background-attachment: fixed; }
.choice_dichang { background: url(../images/choice_bg2.jpg) center no-repeat; background-size: 100% 100%; background-attachment: fixed; }

/********************** 攜手大眾-通用 **********************/
.xieshou_bg { background: url(../images/xieshou_bg.jpg) center no-repeat; background-size: 100% 100%; background-attachment: fixed; }

/********************** 投資者關系-公司資料 **********************/
.touzi_bg { width: 100%; margin: 0 auto; text-align: center; overflow: hidden; background: url(../images/touzi_bg.jpg) center no-repeat; background-size: 100% 100%; background-attachment: fixed; }
.touzi_bg .con_ziliao { width: 1140px; margin: 0 auto; overflow: hidden; background: #fff; padding: 30px 30px 88px; }
.touzi_bg .con_ziliao .l { width: 255px; }
.touzi_bg .con_ziliao .l img { width: 255px; height: 560px; } 
.touzi_bg .con_ziliao .r { width: 845px; }
.touzi_bg .con_ziliao .r .con_top { width: 785px; padding: 30px 30px 15px; background: #fbfbfc;  
    background:-moz-linear-gradient(top, #eaebed, #fefefe); /*火狐*/ 
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#eaebed), to(#fefefe));  /*谷歌*/
    background: -ms-linear-gradient(top, #eaebed,  #fefefe);        /* IE 10 */ }
.touzi_bg .con_ziliao .r .con_top .shares { display: none; }
.touzi_bg .con_ziliao .r .con_top .shares ul { overflow: hidden; }
.touzi_bg .con_ziliao .r .con_top .shares .l_big { float: left; }
.touzi_bg .con_ziliao .r .con_top .shares .r_list { float: right; margin-bottom: 20px; }
.touzi_bg .con_ziliao .r .con_top .shares .l_big p.bold_b { width: 210px; font-weight: bold; color: #333; }
.touzi_bg .con_ziliao .r .con_top .shares .l_big p.bold_r { width: 210px;  color: #de0301; font-size: 40px; }
.touzi_bg .con_ziliao .r .con_top .shares .l_big p.bold_r em { font-size: 24px; margin-left: 20px; background: url(../images/touzi_ico.png) left no-repeat; padding-left: 20px; }

.touzi_bg .con_ziliao .r .con_top .shares ul li { float: left; width: 100px; text-align: left; margin-right: 25px; color: #666; }
.touzi_bg .con_ziliao .r .con_top .shares ul li.bold_r em { font-size: 24px; margin-left: 20px; background: url(../images/touzi_ico.png) left no-repeat; padding-left: 20px; }
.touzi_bg .con_ziliao .r .con_top .shares ul li.short { width: 50px; margin-right: 0px; }
.touzi_bg .con_ziliao .r .con_top .shares ul.bott li { margin-top: 30px; }
.touzi_bg .con_ziliao .r .con_top .shares ul.bott li.bold_r { margin-top: 1px; }
.touzi_bg .con_ziliao .r .con_top .shares p { text-align: left; }
.touzi_bg .con_ziliao .r .con_bottom { background: #de0301; overflow: hidden; }
.touzi_bg .con_ziliao .r .con_bottom ul { width: 280px; float: right; }
.touzi_bg .con_ziliao .r .con_bottom ul li { float: left; width: 140px; height: 50px; line-height: 50px; color: #fff; cursor: pointer; }
.touzi_bg .con_ziliao .r .con_bottom ul li:hover { background: #eaebed; color: #333; }
.touzi_bg .con_ziliao .r .con_bottom ul li.on { background: #eaebed; color: #333; }
.touzi_bg .group_dz h2 { font-size: 24px; margin-top: 20px; margin-bottom: 15px; text-align: left; }
.touzi_bg .group_dz ul { margin-left: -15px; }
.touzi_bg .group_dz ul li { float: left; width: 415px; height: 30px; line-height: 30px; margin-top: 5px; margin-left: 15px; text-align: left;margin-bottom: 5px;}
.touzi_bg .group_dz ul li span { display: inline-block; float: left; width: 98px; background: #eaebed; padding-left: 10px; }
.touzi_bg .group_dz ul li em { display: inline-block; float: right; width: 286px; background: #fafafa; padding-left: 10px; }
.touzi_bg .group_dz ul li.row {float: none;overflow: hidden;width: 100%;}
.touzi_bg .group_dz ul li.row em {float: none;width: 717px;margin-left: 10px;}

/********************** 投資者關系-中報年報 **********************/
.touzi_bg .con_nianbao .l { float: right; }
/*.touzi_bg .con_nianbao .l .when_time { height: 277px; background: url(../images/touzi_2.jpg) center no-repeat; }*/
.touzi_bg .con_nianbao .l .when_time p { font-size: 20px; color: #fff; text-align: left; padding-top: 10px; margin-left: 15px; }
.touzi_bg .con_nianbao .l .years_list { padding: 15px 20px 30px; border-radius: 6px; background: #eaebed; margin-top: 20px; }
.touzi_bg .con_nianbao .l .years_list p { border-left: 3px solid #de0301; text-align: left; padding-left: 10px;}
.touzi_bg .con_nianbao .l .years_list select { width: 215px; color: #666; font-size: 14px; margin-top: 10px; padding: 5px 0px 5px 15px; }

.touzi_bg .con_nianbao .r { float: left; }
.touzi_bg .con_nianbao .pdf_list { height: 90px; margin-top: 20px; }
.touzi_bg .con_nianbao .pdf_list .line { height: 1px; border-bottom: 1px dashed #ccc; padding-top: 20px; overflow: hidden; width: 845px; margin: 0 auto; }
.touzi_bg .con_nianbao .pdf_list:hover { background: #eaebed; }
.touzi_bg .con_nianbao .pdf_list .date { float: left; height: 90px; border-right: 1px solid #ccc; padding: 0 15px; }
.touzi_bg .con_nianbao .pdf_list .date h2 { font-size: 24px; color: #de0301; margin-top: 16px; }
.touzi_bg .con_nianbao .pdf_list .title { float: left; margin-top: 15px; margin-left: 15px; width: 600px; overflow: hidden; }
.touzi_bg .con_nianbao .pdf_list .title h3 { height: 60px; line-height: 30px; overflow: hidden; font-size: 16px; font-weight: bold; color: #333; text-align: left; }
.touzi_bg .con_nianbao .pdf_list .download { float: right; width: 90px; height: 90px; background: #eaebed; }
.touzi_bg .con_nianbao .pdf_list .download p { background: url(../images/nianbao_2.png) bottom no-repeat; padding-bottom: 37px; margin-top: 10px; font-size: 18px; }
.touzi_bg .con_nianbao .pdf_list:hover .download { background: #de0301; color: #fff; }
.touzi_bg .con_nianbao .pdf_list:hover .download p {  background: url(../images/nianbao_1.png) bottom no-repeat; }

/********************** 投資者關系-常見問題 **********************/
.touzi_bg .con_wenti { width: 1140px; margin: 0 auto; overflow: hidden; background: #fff; padding: 30px 30px 88px; }
.touzi_bg .con_wenti .con_left { float: left; width: 270px; background: #eaebed; }
.touzi_bg .con_wenti .con_left ul { padding-bottom: 15px; overflow: hidden; }
.touzi_bg .con_wenti .con_left ul li { height: 52px; line-height: 52px; text-align: left; padding-left: 25px; cursor: pointer; margin-top: 10px; }
.touzi_bg .con_wenti .con_left ul li:hover { background: url(../images/wenti_line.jpg) #fff left no-repeat; }
.touzi_bg .con_wenti .con_left ul li.on { background: url(../images/wenti_line.jpg) #fff left no-repeat; }

.touzi_bg .con_wenti .con_right { float: right; width: 770px; height: 1035px; padding: 0px 30px; overflow: hidden; background: #ccc; }
.touzi_bg .con_wenti .con_right .pdf_box { display: none; }

/********************** 加入大眾-大眾精英 **********************/
.join_elite { background: url(../images/join_bg.jpg) center no-repeat; background-size: 100% 100%; background-attachment: fixed; }
.join_elite .content { width: 1172px; padding-left: 28px; padding-right: 0px; }
.join_elite .content .l { width: 1172px; }
.join_elite .content .l .pic_des { margin-right: 28px; }

.join_elite .recruit { width: 1140px; margin: 0 auto; overflow: hidden; background: #fff; padding: 30px 30px 88px; }
.join_elite .recruit .recruit_l { float: left; width: 270px; background: #eaebed;position: fixed; top: 174px;}
.join_elite .recruit .recruit_scroll { top: 10px; }
.join_elite .recruit .recruit_l ul { padding-bottom: 15px; overflow: hidden; }
.join_elite .recruit .recruit_l ul li { height: 52px; line-height: 52px; text-align: left; padding-left: 25px; cursor: pointer; margin-top: 10px; }
.join_elite .recruit .recruit_l ul li:hover { background: url(../images/wenti_line.jpg) #fff left no-repeat; }
.join_elite .recruit .recruit_l ul li.on { background: url(../images/wenti_line.jpg) #fff left no-repeat; }
.join_elite .recruit .recruit_l a.join_style { display: block; width: 230px; margin: 0 auto; height: 45px; line-height: 45px; background: #de0301; border-radius: 30px; color: #fff; text-align: center; margin-top: 15px; margin-bottom: 30px; }
.join_elite .recruit .recruit_l a.join_style:hover { opacity: 0.7; }

.join_elite .recruit .recruit_r { width: 830px; float: right; }
.join_elite .recruit .recruit_r .recruit_box { text-align: left; display: block; }
.join_elite .recruit .recruit_r .recruit_box h2 { color: #de0301; font-size: 24px; margin-top: 10px; }
.join_elite .recruit .recruit_r .recruit_box h5 { color: #de0301; margin-top: 15px; }
.join_elite .recruit .recruit_r .recruit_box .des { padding-bottom: 35px; border-bottom: 1px dashed #ccc; line-height: 30px;  margin-top: 15px; margin-bottom: 35px; }

/********************** 站內搜索 **********************/
.sitserach_bg { width: 100%; margin: 0 auto; text-align: center; overflow: hidden; background: url(../images/search_bg.jpg) center no-repeat; background-size: 100% 100%; background-attachment: fixed; }
.sitserach_bg .con { width: 1140px; margin: 0 auto; overflow: hidden; background: #fff; padding: 40px 30px 60px; }
.sitserach_bg .con .pic_des { width: 1140px; padding: 30px 0; overflow: hidden; border-bottom: 1px dashed #ccc; }
.sitserach_bg .con .pic_des h2 { font-size: 18px; font-weight: bold; text-align: left; }
.sitserach_bg .con .pic_des .des { text-align: left; margin-top: 10px; }
.sitserach_bg .con .pic_des .des p { line-height: 26px; height: 78px; overflow: hidden; color: #333; }

.sitserach_bg .con .seek-input { margin: 0 auto; }
.sitserach_bg .con .seek-input .seek-box-content { font-size: 14px; border: 8px solid #dddddd; border-right: none;  height: 45px; width: 420px; border-radius: 4px 0 0 4px; padding-left: 20px; vertical-align: middle; }
.sitserach_bg .con .seek-input .seek-box-btn { width: 110px; height: 61px; color: #fff; font-size: 14px; letter-spacing: 5px; background: #de0301; border: 8px solid #dddddd; border-radius: 0 4px 4px 0; vertical-align: middle;  margin-left: -5px; cursor: pointer; }
.serach_result { margin: 0 auto; font-size: 18px; color: #333; margin-top: 30px; margin-bottom: 20px; }
.serach_result em { display: inline-block; font-size: 18px; color: #de0301;  }

/********************** 聯絡我們 **********************/
.contact_bg { width: 100%; margin: 0 auto; text-align: center; overflow: hidden; background: url(../images/contact_bg.jpg) center no-repeat; background-size: 100% 100%; background-attachment: fixed; }
.contact_bg .con { width: 1140px; margin: 0 auto; overflow: hidden; background: #fff; padding: 40px 30px 60px; }
.contact_bg .con .map { float: left; width: 700px; height: 550px; margin-bottom: 10px; }
.contact_bg .con .des { float: right; text-align: left; margin-right: 30px; margin-top: 20px; }
.contact_bg .con .des h2 { font-size: 24px; margin-bottom: 25px; }
.contact_bg .con .des p { line-height: 30px; }

.mlogo_nav { display: none; }
.slide_menu { display: none; }
.m_isearchbox { display: none; }
.m_understand_tit { display: none; }
.mzk_box { display: none; }
.mobile_comnav { display: none; }
.com_iframe iframe { width: 750px; height: 1000px; margin-top: 20px; }