@charset "utf-8";
body,input,select {font:normal 16px/140% Arial, Helvetica, "微軟正黑體";color:#636363;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;}
img.inline { display: inline-block; vertical-align: middle; }
ul, li {list-style: none;}
.fL {float:left;}
.fR {float:right;}
.tL {text-align:left;}
.tR {text-align:right;}
.tC {text-align:center;}
.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;}
p{ line-height:24px;}


/*顏色*/
.red{ color:#e21f1f;}
.gray{ color:#b2b2b2;}
.darkGray{ color:#7d7d7d;}
.blue{ color:#0081cc;}
.darkBlue{ color:#065ba3;}
.lightBlue{ color:#00b7ee;}
.black{color:#222222;}
.orange{ color:#ec6a00;}
.brown{ color:#bb9157;}
.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;}

/*header*/
.header{background: #fff url(../images/bg_flower.jpg) right top no-repeat; position: relative; padding:0 0 42px 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:227px; height:80px; background: transparent url("../images/logo_header.png") center center no-repeat; background-size:227px auto; display: block;}

/*以下for 元大及大眾銀行logo*/
/*a.logo_company { position: absolute; top:0;  left: 0; width:380px; height:80px; background: transparent url("../images/logo_header.png") center center no-repeat; background-size:380px auto; display: block;}*/

/*#menu{display: none;}*/

/*副導覽列*/
.header .header_link {font-size:12px;display: block;text-align: right; }
.header .header_link a {  color:#030303; /*color: #7e9fb8;*/ line-height:40px; display: inline-block; margin-left: 20px;}
.header .header_link a:hover{ color:#0067b3; /*color: #2d92cb;*/}
.header .header_link a.logout span { display: inline-block; padding:0 5px 0 20px; line-height: 20px; font-weight: bold; color:#fff; background: #b7b7b7 url(../images/btn_logout.png) 5px center no-repeat; background-size: 12px auto; border-radius: 4px; }
.header .header_link a.fb{ width:20px; height:20px;  background:url(../images/icon_fb.png)0 0 no-repeat; background-size:contain; vertical-align:middle;}
.header .header_link a.line{ width:20px; height:20px;  background:url(../images/icon_line.png) 0 0 no-repeat; background-size:contain; vertical-align:middle;}
/*頁面右上工具列*/
.header .header_tools {position: absolute;top: 0;right: 0; }
.header .header_tools a.header_tools_world, 
.header .header_tools a.header_tools_search {display: block;box-sizing: content-box;width:40px;height: 40px;}
a.header_tools_world {background: #0067b3 url("../images/icon_world.png") center center no-repeat; } 
a.header_tools_search { background: #c9c9c9 url("../images/icon_search.png") center center no-repeat; }
.header .header_tools a:hover{ background-color: #093f7f;}

/*主選單*/
.nav_main_all {z-index: 9; right: 90px; bottom: 0; position: absolute;display: block;text-align: right; }
.nav_main_second_level_all{position: absolute; left:0; right:0; height:22px; padding: 10px 0; text-align: right; background:#0081cc url(../images/bg_nav.jpg) 0 0 repeat-y;transition:all 0.3s;}
.header.corp .nav_main_second_level_all{ height:5px; padding:0;}

/*以下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;}*/
.nav_main_second_level_all .logo{ position:absolute; left:40px; top:0; width:280px; height:42px; display:block; opacity:0; background: url(../images/logo_header_white.png) no-repeat; background-size:cover; transition:all 0.3s;}
.nav_main_second_level_all .logo a { position:absolute; left:0; right:0; top:0; bottom:0; z-index: 2; }

.nav_main_second_level_all .login_person { position:absolute; left:40px; top:0; padding:10px 0; color:#fff; opacity:1; transition:all 0.2s;}
.nav_main_second_level_all .login_person span { margin-right:5px; }

/*以下for 元大及大眾銀行logo*/
/*.nav_main_second_level_all .logo{ position:absolute; left:40px; top:0; width:200px; height:42px; display:block; opacity:0; background: url(../images/logo_header_white.png) no-repeat; background-size:cover; transition:all 0.3s;}*/
.nav_main_second_level_all.sticky{position: fixed; top:0; right:0; left:0;z-index:1000888;}
.nav_main_second_level_all.sticky .logo{ opacity:1;}
.header.corp .nav_main_second_level_all.sticky{height:42px;}
.nav_main_second_level_all.sticky .login_person { opacity:0; }
.nav_main_second_level_all .inner {position: relative;}
.nav_main_all .nav_main_first_level {position: relative;display: inline-block; }
.nav_main_all .nav_main_first_level > li {font-weight: bold;  display: inline-block;padding: 0 0 0 40px; }
.nav_main_first_level a { display: block;padding: 0 0 12px 0; color: #030303; /*color: #94999c;*/ background: url("../images/bg_nav_main_first_level_item-active.png") center 40px no-repeat; font-size:16px;}
.nav_main_first_level a:hover, .nav_main_first_level a.active{color: #0067b3; background: url("../images/bg_nav_main_first_level_item-active.png") center bottom no-repeat;}
/*主選單-第二層*/
.nav_main_second_level_all .nav_main_second_level { position: relative; margin: 0;padding: 0; }
.nav_main_second_level_all .nav_main_second_level > li { position: relative; display: inline-block; }
.nav_main_second_level_all .nav_main_second_level > li a {display: inline-block;padding: 0 32px;color: #fff;border-right: solid 1px rgba(255, 255, 255, 0.35); }
.nav_main_second_level_all .nav_main_second_level > li a:hover, .nav_main_second_level_all .nav_main_second_level > li a.on {color: #ffca59; text-decoration: underline; }
.nav_main_second_level_all .nav_main_second_level > li:last-child a {border-right: none; }

/*子選單區塊*/
.nav_main_second_level_all .nav_main_third_level {position: absolute; z-index:9999;right: 40px; top: 32px; max-width: 1200px; height: auto; min-height:400px; padding:0; box-sizing: border-box;text-align: left;  background-color: #fff;box-shadow: 0 3px 7px rgba(0, 0, 0, 0.35); display: none; }
.header.corp .nav_main_second_level_all .nav_main_third_level{top:5px;transition:all 0.3s;}
.header.corp .nav_main_second_level_all.sticky .nav_main_third_level{top:42px;}
.nav_main_third_level.show{ display: block;}
.nav_main_third_level.hide{ display: none;}

.nav_main_third_level_block_all { display: flex; padding:0 10px 20px; justify-content: center; background-color: #fff; }
.nav_main_second_level_all .nav_main_third_level .nav_main_third_level_block {  flex:1 1 auto; width: 130px; padding: 20px 5px 0; box-sizing: border-box; }

h4.nav_main_third_level_block_title { font-size: 16px;color: #1886e3;border-bottom: solid 1px #e2e2e2; margin: 0 0 10px; padding: 0 0 10px; }
.nav_main_third_level_block > ul {
        margin-bottom: 0;
        padding-left: 0;
        list-style: none; }
.nav_main_third_level_block > ul li {padding: 0 0 16px; }
.nav_main_third_level_block a { color: #444; }
.nav_main_third_level_block a:hover{ color: #2d92cb}

/*子選單右邊區塊*/
.nav_main_third_level .nav_main_third_level_links_block { position: absolute; top: 0; right: 0; bottom: 0; width: 180px; padding: 10px; box-sizing: border-box;background-color: #f8f8f8;}
.nav_main_third_level_links_block .figure_with_side_name { display: table;position: relative; width:80px; height: 60px; padding: 20px 0 20px 80px; }
.figure_with_side_name span{font-weight: bold; display: table-cell;color: #454f5c; vertical-align: middle; max-width: 4em; padding:  0 0; }
.figure_with_side_name .icon_item, .figure_with_side_name .icon_item_hide{ display: inline-block; position: absolute; width: 60px; height: 60px; top: 50%; left:10px; margin-top: -30px; }
.figure_with_side_name .icon_item_hide{ display: none;}
.figure_with_side_name:hover .icon_item_hide{ display: block;transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;}

.nav_main_third_level_links_block .nav_aside_ad { display: block; position: absolute; bottom: 10px; right: 10px;}
.nav_main_third_level_links_block .nav_aside_ad img { display: block; }

.block_section {padding: 30px 0; }


/*header內的搜尋偽下拉*/
.nav_search{ position: absolute; height: 30px; width: 260px; right: 500px;z-index:99; font-size: 14px;}
.nav_search .s_input, .nav_search .LiSelect, .s_input .in_box, .s_input a.go{display: inline-block; vertical-align: middle;}

.LiSelect{;width:100px; height:30px; background: url(../images/icon_side_arrow_down.png) no-repeat 75px center #fff; background-size: 20px auto;cursor:pointer; }
.LiSelect:hover ul {display:block;}
.LiSelect span {display:block; width:100%; border:1px solid #d8d8d8;  line-height:30px; height:30px;text-align: left; padding: 0 5px; box-sizing: border-box; border-radius: 4px;}
.LiSelect:hover span{ background: url(../images/icon_side_arrow_down.png) no-repeat 75px center #eee;background-size: 20px auto;border-color: #eee;}
.LiSelect ul{position:relative;list-style:none; width:100px;overflow-x:hidden;padding:0; margin:0; display:none; border-top:0;border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px; }
.LiSelect ul li{ width:100%; background:#FFF; line-height:25px; padding: 0 10px; box-sizing: border-box;}
.LiSelect ul li:hover {background-color:#54a2cf; color:#FFF; }

.nav_search .s_input{width:150px; height:30px; line-height: 30px;}
.s_input .in_box{background: #fff; position: relative; padding: 0 40px 0 0; border:1px solid #d8d8d8;border-radius: 4px; overflow: hidden;height:28px; line-height: 28px;width:80px; }
.s_input input[type="text"]{ font-size:14px; background: #fff; border: none; padding: 0 5px; height: 28px;}
.s_input a.code{ position: absolute; top:0; right: 0; width: 40px; height: 28px; background: #eee; color: #666; text-align: center; font-size: 14px;}
.s_input a.code:hover{ background-color:#54a2cf; color:#FFF;}
.s_input a.go{ background: url(../images/btn_go.png) center no-repeat;background-size: 20px auto; width: 20px; height: 20px; }
.s_input a.go:hover{ background: url(../images/btn_go_on.png) center no-repeat;background-size: 20px auto; }



/*下拉選單*/
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 5px 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; padding-left:20px; 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;}

/*footer*/

.footer {  box-sizing:border-box; background:url(../images/footerBg.jpg) repeat-x; background-size: auto 100%; /*padding: 12px 0 13px 0; background: #0095e6 url("../images/footer.png") left center no-repeat; background-size:auto 100%;*/font-size:13px; color: #fff; }
.footer .inner {max-width: 1000px; padding:13px; box-sizing: border-box; /*background: url(../images/logo_footer_mobile.png) right -10px no-repeat; background-size:80px auto;*/}
.footer .footer_link{ display: inline-block; float:rightleft; text-align:right; }
.footer .footer_link a{display: inline-block; color: #fff; line-height:1;}
.footer .footer_link p{ color:#8dd4f5;line-height:1;}
.footer .copyright {display: inline-block; margin-left: 20px; }
.footer .footer_info {padding-top:20px;}
.footer .footer_info li {display: inline-block; width: 48%;background: url(../images/icon_dot_w.png) 0 center no-repeat;padding-left: 10px;}
.footer a{color: #fff;}
.footer_h_info{display: none;}

/*集團選單*/
/*.corporation_all {background: #0067b3 url("../images/bg_corporation_ul.png") left center no-repeat; padding: 10px 0; background-size:auto 100%; }*/
.corporation_all { height:60px; line-height:60px; background: #00599d; /* Old browsers */
background: -moz-linear-gradient(left,  #00599d 50%, #0067b3 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #00599d 50%,#0067b3 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #00599d 50%,#0067b3 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00599d', endColorstr='#0067b3',GradientType=1 ); /* IE6-9 */}
.corporation_all .inner{ width:1000px; margin:0 auto; padding:0;}

.corporation_ul {font-size:14px; font-weight:bold; margin:0; color:#fff; text-align:center; padding:0 5px;}
.corporation_ul .corporation_title { background:url(../images/corporation_titleBG.png) top right no-repeat; background-color:transparent; font-weight:bold; display:inline-block; padding:0 45px 0 0; margin-right:-2px;}
.hide_icon{ display: none;}
.corporation_ul .corporation_item { display:inline-block; background-color:#0067b3; margin:0 -2px;}
.corporation_ul .corporation_item a {padding: 0 15px;color: #fff; }


.block_more {font-size: 0.9375rem;line-height: 0.9375rem;padding: 0.3125rem 0.625rem; color: #70a0d0;border: solid 1px #70bcec;border-radius: 2px; }
.block_more:hover {text-decoration: none; color: #fff;background-color: #70bcec; }

/*輪播slider*/
.slides_bn{ width: 100%; height: auto; }
.slides_bn img{ width: 100%; height: auto; }
.slides_bn .slick-prev { left:30px;background: transparent url("../images/img_bn_prev.png") center center no-repeat;}
.slides_bn .slick-next { right:30px;background: transparent url("../images/img_bn_next.png") center center no-repeat;}
.slides_bn .slick-prev, .slides_bn .slick-next{font-size: 0;position: absolute;z-index: 2;top: 50%;width: 40px;height: 40px; margin-top: -20px;cursor: pointer;border: none;background-color: transparent;}
.slides_bn .slick-dots { position: absolute; bottom: 10px;}
.slides_bn.type2 .slick-dots{ left: 50%; width: 400px; margin-left: -200px; text-align: center}/*置中*/

.slides_bn .slick-dots li{ display: inline-block; margin: 0;margin: 0 10px; width: 20px; height: 20px;}
.slides_bn .slick-dots button{ background-color: #fff; border-radius: 10px; border: 1px solid #fff;width: 10px; height: 10px; box-shadow: none; text-indent: -9999px;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6; -khtml-opacity: 0.6;}
.slides_bn .slick-dots .slick-active button{filter:alpha(opacity=100);-moz-opacity:1;opacity:1; -khtml-opacity: 1;}

.bn_block{ position: relative; height: auto; }


/*-----------swiper-wrapper 分類滑動選單-----------*/
.thumbs-cotnainer{position:absolute; bottom:0; right:0; left:0; text-align:center;z-index:99;  overflow: hidden; width:100%; height:60px;}
.swiper-container.sticky {position: fixed;top: 0px;left:0; }
.swiper-container {margin:0 auto;position:relative;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;/* Fix of Webkit flickering */
z-index:1002;height:45px; background-color:#fff; border-bottom: 1px solid #007ac5; border-top: 1px solid #bebebe;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s;}
.swiper-wrapper{ position:relative; width:100%; height:100%; display:flex; line-height:30px; box-sizing:content-box;  transition-property:transform; z-index:1;
-webkit-transition-property:-webkit-transform, left, top;
-webkit-transition-duration:0s;
-webkit-transform:translate3d(0px,0,0);
-webkit-transition-timing-function:ease;
-moz-transition-property:-moz-transform, left, top;
-moz-transition-duration:0s;
-moz-transform:translate3d(0px,0,0);
-moz-transition-timing-function:ease;
-o-transition-property:-o-transform, left, top;
-o-transition-duration:0s;
-o-transform:translate3d(0px,0,0);
-o-transition-timing-function:ease;
-o-transform:translate(0px,0px);
-ms-transition-property:-ms-transform, left, top;
-ms-transition-duration:0s;
-ms-transform:translate3d(0px,0,0);
-ms-transition-timing-function:ease;
transition-property:transform, left, top;
transition-duration:0s;
transform:translate3d(0px,0,0);
transition-timing-function:ease;text-align: center;}
.swiper-free-mode > .swiper-wrapper {-webkit-transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;-ms-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;transition-timing-function: ease-out;margin: 0 auto;}
.swiper-slide{flex-shrink:0;}
.swiper-wrapper > div{ display: inline-block;line-height: 20px; padding: 20px 0; min-width: 140px; box-sizing: border-box;}
.swiper-wrapper > div a{ display:block; color:#fff; font-size: 16px; text-align:center; line-height: 20px; padding: 0 20px; color: #0078b4; border-left: 1px solid #b3b3b3;}
.swiper-wrapper > div:nth-child(2) a{ border:none;}
.thumbs-cotnainer .swiper-wrapper > div.active a, .thumbs-cotnainer .swiper-wrapper > div a:hover{}
.topic_finance_title .swiper-wrapper  div a{ padding: 6px 5px; line-height:20px; margin:10px 15px  0 0;}

/*常用功能-swiper-wrapper 分類滑動選單-*/
.function_area{position: relative; height: 60px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0078b4+30,e4e4e4+30 */
background: #0078b4; /* Old browsers */
background: -moz-linear-gradient(left, #0078b4 50%, #e4e4e4 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #0078b4 50%,#e4e4e4 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #0078b4 50%,#e4e4e4 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0078b4', endColorstr='#e4e4e4',GradientType=1 ); /* IE6-9 */
}
.function_area .thumbs-cotnainer{width: 1000px; left: 50%; margin-left: -500px;background: url(../images/bg_function_area.png) 0 0 no-repeat;  }
.function_area .func_tit{ padding: 20px 40px 20px 20px; color: #fff; text-align: center;}


/*頁籤樣式*/
.thumbs-cotnainer_2{position: relative; border-bottom: 1px solid #cecece; height:36px; }
.thumbs-cotnainer_2 .swiper-wrapper > div:first-child{ border-left: 1px solid #cecece; }
.thumbs-cotnainer_2 .swiper-wrapper > div{ float: left; position: relative;  min-width: 60px;  padding: 10px 20px; border-top: 1px solid #cecece;border-right: 1px solid #cecece; box-sizing: border-box; 
background: rgb(234,234,234); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(234,234,234,1) 0%, rgba(255,255,255,1) 49%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(234,234,234,1) 0%,rgba(255,255,255,1) 49%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(234,234,234,1) 0%,rgba(255,255,255,1) 49%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.thumbs-cotnainer_2 .swiper-wrapper > div a{ color:#333; font-size: 16px; text-align:center; position: absolute; top: 0; right:0; left:0; bottom:-1px; border-top:1px solid #fff; border-bottom: 1px solid #fff;}
.thumbs-cotnainer_2 .swiper-wrapper > div.active a, .thumbs-cotnainer_2 .swiper-wrapper > div a:hover{ border-top: 3px solid #0081cc;}


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



/*nivoSlider大圖輪播*/
.slider-wrapper .nivoSlider {position:relative;}
.slider-wrapper .nivoSlider img {position:absolute;top:0px;left:0px;display:none;}
.slider-wrapper .nivoSlider a {border:0;display:block;}

.slider-wrapper .nivo-controlNav { width:300px; text-align: center;padding:0;  position:absolute; bottom:120px; left:50%; margin:0 0 0 -150px; z-index:99;}
.slider-wrapper .nivo-controlNav a {display:inline-block;width:22px;height:22px;background:url(../images/bullets.png) no-repeat;text-indent:-9999px;border:0;margin: 0 2px;}
.slider-wrapper .nivo-controlNav a.active {background-position:0 -22px;}

.nivo-directionNav a {position:absolute;top:50%; margin-top:-15px;z-index:9;cursor:pointer;}
.slider-wrapper .nivo-directionNav a {display:block;width:30px;height:30px;background:url(../images/arrows.png) no-repeat;text-indent:-9999px;border:0;opacity: 0;-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}
.slider-wrapper:hover .nivo-directionNav a { opacity: 1; }
.slider-wrapper a.nivo-nextNav {background-position:-30px 0;right:15px;}
.slider-wrapper a.nivo-prevNav {left:15px;}

/*-----------swiper-wrapper 分類滑動選單 end-----------*/

/*麵包屑*/
.breadcrumb{ background: url(../images/icon_breadcrumb.png) 0 8px no-repeat; background-size: 18px auto;  padding: 5px 0 15px 24px;   }
.breadcrumb li{ max-width: 15em; display: inline-block; color: #0096e0; font-size: 14px; line-height: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.breadcrumb a{ color: #0054a6;background: url(../images/icon_breadcrumb_arrow.png) right center no-repeat;background-size: 14px auto;  padding: 0 20px 0 0; }
.breadcrumb a:hover{ color: #0096e0; }
/*分頁*/
.page_area{ display: block; text-align: center; margin: 0 0 20px;}
.page_area li{ margin: 0 5px; display: inline-block; vertical-align: middle;}
.page_area a{ display: block;}
.page_area li.prev ,
.page_area li.next { margin: 0 20px; }
.page_area li.prev a{ background: url(../images/img_shortcut_prev.png) center center no-repeat; width: 20px; height: 20px; background-size: 8px auto; padding: 0;}
.page_area li.next a{background: url(../images/img_shortcut_next.png) center center no-repeat; width: 20px; height: 20px;background-size: 8px auto; padding: 0;}
.page_area li.prev a:hover{ background:#bb9157 url(../images/img_shortcut_prev_w.png) center center no-repeat; background-size: 8px auto;}
.page_area li.next a:hover{ background:#bb9157 url(../images/img_shortcut_next_w.png) center center no-repeat; background-size: 8px auto;}
.page_area li a{ color:#bb9157; font-size: 14px; line-height: 20px; padding: 0 5px;}
.page_area li a:hover, .page_area .on a{ background-color: #bb9157; color: #fff;}
/*for .Net C# 分頁*/
.pagination{ display: block; text-align: center; margin: 0 0 20px;}
.pagination li{ margin: 0 5px; display: inline-block; vertical-align: middle;}
.pagination a{ display: block;}
.pagination li.PagedList-skipToPrevious ,
.pagination li.PagedList-skipToNext { margin: 0 10px; }
.pagination li.PagedList-skipToFirst a{ background: url(../images/img_shortcut_prev2.png) center center no-repeat; width: 20px; height: 20px; background-size: 8px auto; padding: 0;}
.pagination li.PagedList-skipToPrevious a{ background: url(../images/img_shortcut_prev.png) center center no-repeat; width: 20px; height: 20px; background-size: 8px auto; padding: 0;}
.pagination li.PagedList-skipToNext a{background: url(../images/img_shortcut_next.png) center center no-repeat; width: 20px; height: 20px;background-size: 8px auto; padding: 0;}
.pagination li.PagedList-skipToLast a{background: url(../images/img_shortcut_next2.png) center center no-repeat; width: 20px; height: 20px;background-size: 8px auto; padding: 0;}
.pagination li.PagedList-skipToFirst a:hover{ background:#bb9157 url(../images/img_shortcut_prev2_w.png) center center no-repeat; background-size: 8px auto;}
.pagination li.PagedList-skipToPrevious a:hover{ background:#bb9157 url(../images/img_shortcut_prev_w.png) center center no-repeat; background-size: 8px auto;}
.pagination li.PagedList-skipToNext a:hover{ background:#bb9157 url(../images/img_shortcut_next_w.png) center center no-repeat; background-size: 8px auto;}
.pagination li.PagedList-skipToLast a:hover{ background:#bb9157 url(../images/img_shortcut_next2_w.png) center center no-repeat; background-size: 8px auto;}
.pagination li a{ color:#bb9157; font-size: 14px; line-height: 20px; padding: 0 5px;}
.pagination li a:hover, .pagination .active a{ background-color: #bb9157; color: #fff; border-radius: 1px;}
.PagedList-skipToFirst, .PagedList-skipToPrevious, .PagedList-skipToNext, .PagedList-skipToLast{ text-indent:-9999px;}


/*警語*/
.bt_warnings{/* background: url(../images/bn_warnings.png) center center no-repeat; height: 110px;*/ min-height:50px; padding:20px 0; clear: both; box-sizing:border-box;}
.bt_warnings img{ margin:0 auto;}
.bt_warnings img.warn_web{ display:block;}
.bt_warnings img.warn_phone{ display:none;}


/*E櫃台浮動選單*/
.nav_Ecounter { position: fixed;bottom:0; right:50px; z-index: 100; }
.nav_Ecounter_btn { display: block; width:300px; height:50px; cursor: pointer; background: url(../images/img_nav_Ecounter01.jpg) center no-repeat;}
.nav_Ecounter_box {display: none;}
/*.nav_Ecounter_box.open {display:block; }*/
.nav_Ecounter_box { position: absolute; bottom:50px; left:0; width:300px; height:260px; padding:30px; box-sizing: border-box; background: url(../images/bg_nav_Ecounter_01.png) center;}
.nav_Ecounter_box a {color:#fff;}
.nav_Ecounter_box li {float:left; width:50%; height:110px; padding:10px; text-align: center; color:#fff;  box-sizing: border-box;}
.nav_Ecounter_box li:nth-child(1){border-right:solid 1px rgba(255,255,255,0.5); border-bottom:solid 1px rgba(255,255,255,0.5);}
.nav_Ecounter_box li:nth-child(2){border-bottom:solid 1px rgba(255,255,255,0.5);}
.nav_Ecounter_box li:nth-child(3){border-right:solid 1px rgba(255,255,255,0.5); }
.nav_Ecounter_box li img { width:70px; margin:0 auto;}
.nav_Ecounter_box .btn_float {position:absolute; top:10px; right:10px; padding:0 10px; font-size: 15px; border:solid 1px #fff; border-radius: 4px; }

/*pop*/
.popup_overlay ,
.popup_overlay + .pop {display:none;}
.popup_overlay.show ,
.popup_overlay.show + .pop {display:block;}
.popup_overlay{ position:fixed;  top:0; left: 0; width: 100%; height:100%; min-height:100%; min-width:100%; background-color: #000; filter: alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; z-index:121;}
.pop{ position:absolute; top:280px;  left:50%;  margin:0  -300px; width:600px; padding:50px; /*background:url(../images/bg_video.png) right -30px bottom -70px no-repeat;*/ background-color:#fff; z-index:999; 
-moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px;}
.pop h6{ text-align:center; font-size:24px; border-bottom:1px solid #efefef; padding:0 0 10px; margin:0 0 10px; color:#0280cd;}
.pop p{ font-size:16px;}
.pop .btnArea{ padding:0 0 0 0; text-align:center;}
.pop .close{ position:relative; width:600px; height:1px; display:block;}
.pop .close a{ position:absolute; right:-65px; top:-65px; width:40px; height:40px; display:block; background:url(../images/close_02.png) no-repeat; }

.pop .userType{ text-align:center;}
.pop .userType li{ width:250px; display:inline-block; margin:0 10px; position:relative;}
.pop .userType li a{ width:100%; height:100%; display:block; position:absolute;}
.pop .userType .tit{ width:100%; height:80px; padding:0 15px; background-color:#0081cc; color:#fff; font-size:25px; line-height:80px; box-sizing:border-box; font-weight:bold;}
.pop .userType .tit2{ width:100%; height:80px; padding:0 15px; background-color:#0096e0; color:#fff; font-size:25px; line-height:80px; box-sizing:border-box;font-weight:bold;}
.pop .userType .item{ color:#535353; padding:95px 15px 25px 15px; border:1px solid #e8e8e8; border-top:none; background-color:#fff;}
.pop .userType .icon{ width:60px; height:60px; position:absolute; top:100px; left:50%; margin-left:-30px;}
.pop .userType .icon_on{ width:60px; height:60px; position:absolute; top:100px; left:50%; margin-left:-30px; opacity:0; transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;}
.pop .userType li:hover .icon_on{ opacity:1;}

/* pop 股名代碼查詢 */
.pop_code_search .popup_overlay.show ,
.pop_code_search .popup_overlay.show + .pop{display: none;}
.code_pop { top:130px; width:540px; padding:30px; }
.code_pop .close {width:100%;}
.code_pop .close a {top:-50px; right:-50px;}
.code_pop .notice { font-size: 14px; text-align: right; color: #888; }
.code_search { overflow: auto; margin: 0 -10px 20px 0;}
.code_search input ,
.code_search select { float:left; width:calc(50% - 10px); margin-right: 10px;}
.code_list { margin-bottom: 20px; overflow: auto; border-top:solid 1px #ddd; border-left:solid 1px #ddd; }
.code_list li { float:left; display: inline-block; width:50%; box-sizing: border-box;  line-height: 36px; border-right:solid 1px #ddd; border-bottom:solid 1px #ddd;}
.code_list li a {display: block; text-align: center; color:#0078b4; transition: 0.2s;}
.code_list li a:hover {color:#00b7ee;}

/*loading*/
.pop.loading_pop {
    transform: translateX(-50%);
    max-width: 360px;
    margin:0;
    padding:30px 20px;
    text-align: center;
}
/*loading_icon*/
.loading_icon {
  font-size: 10px;
  margin: 20px auto;
  text-indent: -9999em;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #f39800;
  background: -moz-linear-gradient(left, #0081cc 10%, rgba(243,152,0, 0) 42%);
  background: -webkit-linear-gradient(left, #0081cc 10%, rgba(243,152,0, 0) 42%);
  background: -o-linear-gradient(left, #0081cc 10%, rgba(243,152,0, 0) 42%);
  background: -ms-linear-gradient(left, #0081cc 10%, rgba(243,152,0, 0) 42%);
  background: linear-gradient(to right, #0081cc 10%, rgba(243,152,0, 0) 42%);
  position: relative;
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.loading_icon:before { background: #0081cc;
    width: 50%;  height: 50%;    border-radius: 100% 0 0 0;  position: absolute;  top: 0;  left: 0;  content: '';
}
.loading_icon:after {  background: #fff;
  width: 75%; height: 75%; border-radius: 50%;  content: '';  margin: auto;  position: absolute;  top: 0;  left: 0;  bottom: 0;  right: 0;
}
@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*頁面1440px以內時*/
@media screen and (max-width: 1440px){
    .footer .copyright{ padding: 0 0 0 10px;}

}

@media screen and (max-width: 1280px){
    /*主選單-第二層*/
    .nav_main_second_level_all .nav_main_third_level { left:0; right:40px; max-width: 100%;}
}

@media screen and (max-width: 1100px){
    /*主選單-第二層*/
    .nav_main_third_level_block_all { }
    .nav_main_second_level_all .nav_main_second_level > li a {padding: 0 20px;}

    /*.footer {background: #0095e6 url("../images/footer_mobile.png") left bottom no-repeat;  }*/
    .corporation_all .inner{ width:auto;}
    .corporation_ul .corporation_item a { padding: 0 10px;}
    
    /*E櫃台浮動選單*/
    .nav_Ecounter { right:30px; }

}

@media screen and (max-width: 1000px){
    /*Header*/
    .nav_search {display: none;}
    
    .function_area .thumbs-cotnainer{width:100%;}
}

/*頁面980以內時*/
@media screen and (max-width: 980px){
	/*主選單-第二層*/
    .nav_main_second_level_all .nav_main_third_level{ right: 0; width:calc(100% - 0px);  height:auto; }
    /*子選單右邊區塊*/
    .nav_main_third_level .nav_main_third_level_links_block { position: absolute; top: 0; right: 0; bottom: 0; width: 105px; padding: 0; box-sizing: border-box;background-color: #f8f8f8;}
    .nav_main_third_level_links_block .nav_aside_ad { display: block; position: absolute; bottom: 0; right: 0;width: 105px;}
    .nav_main_third_level_links_block .nav_aside_ad img{ width:100%; height:auto;}
    .nav_main_third_level_links_block .figure_with_side_name { display: block;position: relative; width:65px; height: auto; padding:60px 20px 10px ; text-align:center;}
    .figure_with_side_name .icon_item, .figure_with_side_name .icon_item_hide{ display: inline-block; position: absolute; width: 60px; height: 60px; top:0; left:50%; margin: 0 -30px; }
    .figure_with_side_name span{ padding: 0 0 0; }
    .figure_with_side_name .icon_item_hide{ display: none;}
    .nav_main_third_level_links_block .nav_aside_ad img { display: block; }
    /*警語*/
    .bt_warnings{ padding:20px 5px 20px 0; box-sizing:border-box;}
    .bt_warnings img{ width:100%; height:auto; margin:0;}
}

/*小網*/
@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;}

    /*主選單-第二層*/
    .nav_main_second_level_all .nav_main_second_level > li a {padding: 0 10px;}
    

    /*.footer { padding:5px 0 6px 0; background: #0095e6 url("../images/footer_mobile.png") left bottom no-repeat; background-size:auto 100%; }*/
    .footer .inner{max-width: 100%; width: 100%; padding: 10px; }
    .corporation_ul{padding: 0;}
    .corporation_ul .corporation_title{padding: 0 40px 0 0; text-align: left;}
    .corporation_ul .corporation_item a { padding: 0 3px;}
    .corporation_ul li:nth-child(1){margin-left: -10px;}
    .corporation_ul li:nth-child(2) a{ padding-left:0;}

    .corporation_ul .corporation_item { }
    .footer .footer_link{ text-align:center; display:block;}
    .footer .copyright{ display:block; padding-left:0; float:none; text-align:center;}

    /*pop*/
    .pop{ box-sizing:border-box;}
    .pop .close{ width:100%;}

    .pop .userType li{ width:220px; margin:0 10px;}

    /*常用功能-swiper-wrapper 分類滑動選單-*/
    .function_area .thumbs-cotnainer{ left: 0; margin-left: 0;background:#e4e4e4; background-image: none;  }
    .function_area .func_tit{ background: url(../images/bg_function_area_tit.png) right 0 no-repeat;}

}

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

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

    /*header*/
    .m_header{height: 50px; position: relative; background:#fff url(../images/bg_flower.jpg) right top no-repeat; background-size: cover;}

    /*以下for 單純只有元大logo*/	
    a.logo_company { top: -4px; left: 50%; margin-left:-75px;  width: 150px; height: 56px; background-size:160px auto;}

    /*以下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: 45px; width: 40px; height: 50px; }
    .m_header .header_tools_search02 a { display: block; width: 40px; height: 50px; background: transparent url("../images/icon_search_03.png") center center no-repeat; background-size: 26px 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;}
        /*#menu{display:block;}*/
    /*footer*/
    .footer { padding:10px; /*background: #0095e6 url("../images/logo_footer_mobile.png") left center no-repeat; background-size: 60px auto;*/ font-size: 14px; }
    .footer .footer_link{ width:100%; text-align: center; float:none; margin:0 auto 5px;}
    .footer .footer_link a{ line-height:  2; text-align:center;}
    .footer .footer_link p{ line-height: 2; text-align:center;}
    .footer .footer_info li { width: 100%;}
    .footer .inner{ background-image: none; padding: 10px 0 0; display: none; border-top: 1px solid #999;}
    .footer .inner.show{display: block;}

    .footer_h_info{display: block; position: relative; min-height: 30px; background: url(../images/img_slider_hide.png) 0 center no-repeat; background-size: 20px auto; padding: 0 0 0 30px; box-sizing: border-box; cursor: pointer;}
    .footer_h_info.show { background: url(../images/img_slider_show.png) 0 center no-repeat; background-size: 20px auto; }
    .footer_h_info p{z-index: 1; position:inherit; }
    /*.footer_h_info .bg_f{ background: url(../images/logo_footer_mobile.png) 10px 0 no-repeat; background-size:contain; position:absolute; width: 90px; height: 90px; right: -10px; top: -50px; z-index: 0; }*/

    .corporation_all { background: #0067b3; padding: 0; height:auto; line-height: 50px; text-align: left;}
    .corporation_all .inner{ padding: 0;}
    .corporation_ul{ padding:0;  text-align: left;}
    .corporation_ul .corporation_item a { padding: 0;}
    .corporation_ul .corporation_title{ display: block; padding:0 10px; font-size: 16px; cursor: pointer;background: #00599d; margin:0;}
    .corporation_ul li:nth-child(1){margin: 0;}
    .hide_icon{display: inline-block; font-size:30px; font-weight: normal; vertical-align: middle; margin: 0 10px 0 0;}
    .corporation_ul .corporation_item{ display: none; margin:0;padding:0 10px;}
    .corporation_ul .corporation_item.show{ display:block; line-height:20px;}
    .corporation_item a{ line-height: 40px; }

    .nav_main_all .nav_main_hamburger {display: none; }
    .nav_main_all .nav_main_hamburger img {width: 35px;height: auto; }

    /*大圖輪播*/
    .shortcut_webbank {display: none;}
    .slides_bn .slick-dots{ width: 300px; left: 50%; margin-left: -150px; text-align: center;}
    .slides_bn .slick-dots li{ margin: 0 10px;}
    .slides_bn .slick-prev, .slides_bn .slick-next{ filter:alpha(opacity=0);-moz-opacity:0;opacity:0; -khtml-opacity: 0;}
    .block_section {padding: 20px 0 0;  }
    .block_section.type2{ padding: 0;}
        
    /*---------------------- mmenu --------------------*/
    #menu .mm-next { background-color: rgba(0,0,0,0.2); }
    
    /*-----------swiper-wrapper 分類滑動選單-----------*/
    /*頁籤樣式*/
    .thumbs-cotnainer{position:absolute; left:0;  text-align:center;}
    /*麵包屑*/
    .breadcrumb{ 
    /*隱藏麵包屑*/
    display: none;}
    /*警語*/
    .bt_warnings{ width: 300px; min-height:0; padding:0; margin: 0 auto;/* background: url(../images/bn_warnings_m.png) center center no-repeat;*/ background-size: contain;}
    .bt_warnings img.warn_web{ display:none;}
    .bt_warnings img.warn_phone{ display:block;}

    /*輸入框*/
    input[type="checkbox"] + label.type31{ width:100%; display:inline-block; margin-bottom:10px;}
    input[type="checkbox"] + label:last-child{ margin-bottom:0;}
    
    /*分頁*/
    /*for .Net C# 分頁*/
    .pagination li ,
    .pagination li.PagedList-skipToPrevious, .pagination li.PagedList-skipToNext {margin:0 auto;}
    
    /*E櫃台浮動選單*/
    .nav_Ecounter { display: none; }
    
    /*pop*/
    .pop{ width: 90%; margin-left:-45%; box-sizing:border-box; top:60px; background-size:150px auto; background-position: right -60px bottom -50px; padding:20px}
    .pop .close a{ top:-35px; right:-35px; width:30px; height:30px; background-size:30px auto;}
    .pop h6 { font-size:20px; line-height:25px;}
    .pop p{ font-size:14px; line-height:22px;}

    .pop .userType li{ width:100%; margin:0 0 10px 0;}
    .pop .userType .tit{ width:100%; height:60px; padding:0 15px; color:#fff; font-size:18px; line-height:60px;}
    .pop .userType .tit2{ width:100%; height:60px; padding:0 15px; color:#fff; font-size:18px; line-height:60px;}
    .pop .userType .item{ padding-top:70px; padding-bottom:10px;}
    .pop .userType .icon{ width:50px; height:50px; top:70px;}
    .pop .userType .icon_on{ width:50px; height:50px;  top:70px;}
    .pop .userType .icon img, .pop .userType .icon_on img{ width:100%; height:auto;}
    
    
    .pop .btnArea a{ display: block; width:100%; height:40px; line-height:42px; box-sizing: border-box; text-align:center; color:#0081cc; border:1px solid #0081cc; border-radius:3px; transition: all 0.3s; opacity:1; background-color:#fff;}
    .btnArea a:hover{ color:#bb9157; border-color:#bb9157;}
    .pop .card_tab { margin-bottom: 20px; font-size: 15px; font-weight: bold; }
    
    /* pop 股名代碼查詢 */
    .pop_code_search .card_tab .swiper-slide { width:50%; }
    .code_search { margin:0 0 20px 0; padding:0 0 10px 0; border-bottom: solid 1px #eee;}
    .code_search input,
    .code_search select,
    .code_search .btnArea{ float:none; width:100%; margin:0 0 10px 0;}
    
}

@media screen and (max-width: 425px){
    .code_list li { width:100%; }
}