@charset "utf-8";
@import url("tabs.css");
body,input,select {font:normal 16px/140% Arial, Helvetica, "微軟正黑體";color:#4c4c4c;background-color:#fff;margin:0;padding:0;}
html, body {height: 100%;}
a {text-decoration:none;}
div, p, span, ul, ol, li, h1, h2, h3, h4, h5, h6, input, table, td, th, img {margin: 0;padding: 0;border: none;}
img {
    border: none;
    display: block;
    text-align: center;
}
ul, li {list-style: none;}
.fL {float:left;}
.fR {float:right;}
.tL {text-align:left;}
.tR {text-align:right;}
.tC {text-align:center;}
.tC_1 {text-align: center;
    height: 45px;
    position: relative;
    margin: 0 auto 0 auto;
}
.tC_2 {text-align: center;

    height: 45px;
    position: relative;
    margin: 0 auto 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 30px;

}
.tC img{ margin:0 auto;}
.tB { font-weight:bold;}
.clr {clear:both;}

h3 {font-size:35px;line-height:35px;}
h4 {font-size:24px;line-height:24px;}
h5 {font-size:18px;}
h6 {font-size:16px; color:#065ba3;}
h7 {font-size:15px; color:#777777; }
p{ line-height:24px;}
hr {border:0; height:1px; background: #eee;}

.f_color_1{ color: #ff3030;}/*股票紅*/
.f_color_2{ color: #2eb51a;}/*股票綠*/

a.txt_focus{ color: #cc0000 !important;}

.clearfix {*zoom: 1; }
.clearfix:before, .clearfix:after { line-height: 0; display: table; content: ''; }
.clearfix:after { clear: both; }

.container {width: 100%; }
.inner {margin: 0 auto; padding: 0 40px; position: relative; /*max-width: 1440px;*/ box-sizing: border-box;}

.m_hide{ display: block;}

.m_block{ display: none;}

/*top*/
.btn_top {           
    position: fixed ;
    bottom:20px; right:calc(50% - 523px); }
.btn_top a {display: block; width:45px; line-height:45px; text-align: center; color:#fff; background: rgba(0,0,0,0.3); border-radius: 50%;}

/*下拉選單*/
select{
	vertical-align:middle;
	appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
	 height:32px; color:#777777; border:1px solid #b6b6b6;
	 background: url("../images/icon_side_arrow_down.png") no-repeat scroll right 10px center #fff;
	 background-size:14px 14px;
	 padding-left:8px;
	 padding-right: 14px;}
select::-ms-expand { display: none; }

/*輸入框*/
input[type="text"],
input[type="password"]{ width:100%; padding:0 7px; height:32px; color:#777777; border:1px solid #b6b6b6; box-sizing:border-box;}

input[type="checkbox"]{ display:none;}
input[type="checkbox"] + label{}
input[type="checkbox"] + label.type31{ width:30%; display:inline-block;}
input[type="checkbox"] + label span{ width:23px; height:32px; display:inline-block; background:url(../images/checkbox_normal.jpg) 0 3px no-repeat; background-size:23px; vertical-align:middle; margin:0 8px 0 0;}
input[type="checkbox"]:checked + label span{ background:url(../images/checkbox_checked.jpg) 0 3px no-repeat; background-size:23px;}

input[type="checkbox"] + label.general span{ margin-right:0;}

input[type="radio"]{ display:none;}
input[type="radio"] + label{ margin-right: 10px; display:inline-block; background:url(../images/radio_normal.png) left 3px no-repeat; background-size:15px;cursor:pointer; box-sizing:border-box; margin-bottom:5px;}
input[type="radio"]:checked + label{ background:url(../images/radio_checked.png) left 3px no-repeat; background-size:15px;}

textarea{ width:100%; height:90px; box-sizing:border-box; padding:5px 10px; border:1px solid #b6b6b6;}

/*header*/
.header{background: #fff url(../images/bg_flower.jpg) right top no-repeat; position: relative; padding:0;}
.header.corp{padding:0 0 5px 0; }
.header .header_inner {position: relative;height: 80px; /*max-width: 1440px;*/ padding:0 90px 0 240px; box-sizing:  border-box;}
/*以下for 單純只有元大logo*/
a.logo_company { position: absolute; top:0px;  left: 0; width:400px; height:70px; background: transparent url("../images/logo_header-1.png") center center no-repeat; background-size:400px auto; display: block;}

/*以下for 單純只有元大背景色 大版*/
.logo_bgcolor {
    position: absolute;
    left: 0;
    width: 100%;
    height: 40px;
    display: block;
    top: 80px;
    background: rgb(0,64,151); /* Old browsers */
    background: -moz-linear-gradient(left,  rgb(0,64,151) 0%, rgb(0,159,232) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgb(0,64,151) 0%,rgb(0,159,232) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgb(0,64,151) 0%,rgb(0,159,232) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004097', endColorstr='#009fe8',GradientType=1 ); /* IE6-9 */

}

/*以下for 單純只有元大背景色 小版*/
.logo_bgcolor_s {
    position: relative;
    left: 0;
    width: 100%;
    height: 40px;
    display: block;
    background: rgb(0,64,151); /* Old browsers */
    background: -moz-linear-gradient(left,  rgb(0,64,151) 0%, rgb(0,159,232) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgb(0,64,151) 0%,rgb(0,159,232) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgb(0,64,151) 0%,rgb(0,159,232) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004097', endColorstr='#009fe8',GradientType=1 ); /* IE6-9 */

}

.logo_bgcolor_text {padding:10px; text-align: center; color: #FFFFFF;font-size: large;font-family: "微軟正黑體";}

/*以下for 單純只有元大logo*/
.nav_main_second_level_all .logo{ position:absolute; left:40px; top:0; width:119px; height:42px; display:block; opacity:0; background: url(../images/logo_header_white.png) no-repeat; background-size:cover; transition:all 0.3s;}


/* IE10 Windows Phone 8 Fixes*/
.swiper-wp8-horizontal {	-ms-touch-action: pan-y; }
.swiper-wp8-vertical {	-ms-touch-action: pan-x;} 


@media screen and (max-width: 1100px){  
    .inner {padding:0 50px;}
     /*top*/
    .btn_top {           
    position: fixed ;
    bottom:20px; right:calc(50% - 367px); }
    .btn_top a {display: block; width:45px; line-height:45px; text-align: center; color:#fff; background: rgba(0,0,0,0.3); border-radius: 50%;}
    
}
@media screen and (max-width: 1000px){
    .breadcrumb { position: absolute; top:0; left:0; padding-bottom:5px;}
    .main_block.single .breadcrumb { position: static;}
    /*top*/
    .btn_top {           
    position: fixed ;
    bottom:20px; right:calc(50% - 333px); }
    .btn_top a {display: block; width:45px; line-height:45px; text-align: center; color:#fff; background: rgba(0,0,0,0.3); border-radius: 50%;}
}
/*頁面980以內時*/
@media screen and (max-width: 980px){
     /*top*/
    .btn_top {           
    position: fixed ;
    bottom:20px; right:calc(50% - 327px); }
    .btn_top a {display: block; width:45px; line-height:45px; text-align: center; color:#fff; background: rgba(0,0,0,0.3); border-radius: 50%;}

}

/*小網*/
@media screen and (max-width: 900px){
    input[type="checkbox"] + label span{ margin:-3px 5px 0 10px;}
    input[type="radio"] + label { margin-left:10px;}
    input[type="checkbox"] + label.general span{ margin:-5px 5px 0 5px;}
    
     /*header*/
    
     /*top*/
    .btn_top {           
    position: fixed ;
    bottom:20px; right:calc(50% - 300px); }
    .btn_top a {display: block; width:45px; line-height:45px; text-align: center; color:#fff; background: rgba(0,0,0,0.3); border-radius: 50%;}
    
   /*搜尋*/
    .nav_search ,
    .nav_search .s_input
     {width:180px;}
    .nav_search {right: 330px;}
    .s_input .in_box {width:150px;}
    
    /*主選單-第二層*/
    .nav_main_second_level_all .nav_main_second_level > li a {padding: 0 10px;}
    .nav_main_second_level_all .nav_main_third_level{ left:-25px; width:160px; }
    .nav_main_second_level_all .nav_main_third_level li a { padding: 0; font-size: 14px;}
}

@media screen and (max-width: 768px){
    body { font-size: 16px; background: #fff;}

    .inner{ padding: 0; max-width: auto;}
    .m_hide{ display: none;}
    .m_block{ display: block;}

    /*header*/
    .m_header{height: 80px; position: relative; background:#fff url(../images/bg_flower.jpg) right top no-repeat; background-size: cover;}
   
    /*top*/
    .btn_top {           
    position: fixed ;
    bottom:20px; right:calc(50% - 307px); }
    .btn_top a {display: block; width:45px; line-height:45px; text-align: center; color:#fff; background: rgba(0,0,0,0.3); border-radius: 50%;}

    /*以下for 單純只有元大logo*/
    a.logo_company { left: 50%; margin-left:-110px; width: 400px; height: 70px; background-size:cover;}
    
    /*以下for 單純只有元大背景色*/
    .logo_bgcolor { width: 100%; height: 40px; background-size:cover;}
    
    /*以下for 元大及大眾銀行logo*/	
    .m_header .header_tools_locate{position: absolute; top: 0; right: 0; width: 50px; height: 50px; }
    .m_header .header_tools_locate a { display: block;width: 50px; height: 50px; background: transparent url("../images/icon_locate.png") center center no-repeat; background-size: 30px auto; }
    .m_header .header_tools_search02{position: absolute; top: 0; right: 0; width: 50px; height: 50px; }
    .m_header .header_tools_search02 a { display: block; width: 50px; height: 50px; background: transparent url("../images/icon_search_02.png") center center no-repeat; background-size: 24px auto; }

    .opemenu{ display:inline-block;  width:50px; height:50px;}
    .opemenu a{display:block; height:50px;background:url(../images/icon_hamburger.png) center center no-repeat;background-size:30px auto;}
    .menu-btn{ position:absolute; top:0; left:0;}
    
}
/*小網*/
@media screen and (max-width: 640px){
    .pic_icon {
    max-width: 100%;
    position:relative;
    width: 50px;
    height: 70px;
    margin: 0 auto 0 auto;
    padding-top: 10px;
    }
     
    .tC_2 {
    text-align: center;
    height: 45px;
    position: relative;
    margin: 0 auto 0 auto;
    padding-bottom: 50px;

}
    .btn_top {           
    position: fixed ;
    bottom:20px; right:calc(50% - 256px); }
}

/*小網*/
@media screen and (max-width: 560px){
    
    .btn_top {           
    position: fixed ;
    bottom:20px; right:calc(50% - 224px); }
   
} 

/*小網*/
@media screen and (max-width: 480px){
    
    .btn_top {           
    position: fixed ;
    bottom:20px; right:calc(50% - 192px); }
   
} 
/*小網*/
@media screen and (max-width: 375px){
    
    .btn_top {           
    position: fixed ;
    bottom:20px; right:calc(50% - 150px); }
    }
/*小網*/
@media screen and (max-width: 320px){ 
    .btn_top {           
    position: fixed ;
    bottom:20px; 
    right:calc(50% - 128px); }
    .tC_2 { 
    padding-bottom: 90px;}      }
    
 @media screen and (max-width: 200px){ 
    .btn_top {           
    position: fixed ;
    bottom:20px; 
    right:calc(50% - 80px); }
    .tC_2 { 
    padding-bottom: 90px;}      }