@charset "utf-8";
body,input,select, textarea {font-family:"微軟正黑體", Arial, Helvetica;  font-size:100%;color:#313131;background-color:#fff;margin:0;padding:0;}
html, body {height: 100%;background-color: #f7f7f7; }
a {text-decoration:none;}
a:hover{transition:all 300ms ease-in-out}
div, p, span, ul, ol, li, h1, h2, h3, h4, h5, h6, input, table, td, th, img{margin: 0;padding: 0;border: none;}
table{border-top: 1px solid #ddd; border-right:1px solid #ddd}
td, th{border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;}
fieldset, legend {margin: 0;padding: 0;border: none; display: inline;}
fieldset {margin: 0;padding: 0;border: none; display: inline-block;}
img {border: none;display:block;}
img.inline { display: inline-block; vertical-align: middle; }
ul, li {list-style: none;}
ol{padding: inherit;}
ol li{list-style: decimal;}
:focus{outline:#b90f00 dashed 3px; z-index: 99; position: relative; background-color: transparent;}
.topnav .accesskey :focus, .header .resize :focus, .footer :focus{outline:#ffffff dashed 3px; z-index: 99999; }
.company_ul li :focus{outline:#404040 dashed 3px; z-index: 99999; }
/*:focus{outline:#f4d448 dashed 4px; z-index: 99999; }*/
html:focus, body:focus, div:focus{outline: none;}
a{color: #666;}
a:hover{color: #e60012;}
.fL {float:left;}
.fR {float:right; text-align: right;} .fR.mt{margin-top: -6px;}
.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:1.5em;line-height:1.5rem;font-weight: bold;}
.h4 {font-size:1.25em;line-height:1.25rem; font-weight: bold;}
.h5 {font-size:1.125em; line-height: 1.125rem;font-weight: bold;}
.h6 {font-size:1em; color:#065ba3;}
p{ line-height:1.8rem;}
.fw{font-weight: normal;}
.f_s{font-size:0.875em;line-height: 1.4em; vertical-align: middle;}
.space{height:70px;}
.space2{height: 20px;}
.space_line{ border-bottom: 1px solid #ddd; margin-bottom: 10px;}
.mb{margin-bottom: 10px !important;}
.mb2{margin-bottom: 20px !important;}
/*顏色*/
.red{ color:#e21f1f;}
.gray{ color:#b2b2b2;}
.dark{ color:#313131;}


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

.container {width: 100%; }
.inner {margin: 0 auto; position: relative; max-width: 1240px; padding: 0 20px; box-sizing: border-box;}

.m_hide{ display: block;}
.m_hide.ty2{ display:inline-block; padding:0 10px;}
table.m_hide{display: table;}
.m_block{ display: none;}
.none{ display:none;}
/*header*/
.header{background: #fff; border-bottom: 1px solid #eee;}
.header .topnav{ background: #e60012; height: 30px;padding: 4px 0; box-sizing: border-box;color: #fff; text-align: right;}
.header.corp{padding:0 0 5px 0; }
.header .header_inner {position: relative;height:70px; /*max-width: 1440px;*/  box-sizing:  border-box;}
.header .resize{text-align: right; display: inline-block;}
.header .resize li{  display: inline-block; vertical-align:top; margin: 0 0 0 0.4rem;}
.header .resize li:first-child{font-size: 0.8em;line-height:1.2rem;}
.header .resize a{color: #fff; width: 1.2rem; height:1.2rem;line-height:1.2rem; text-align: center; font-weight: bold;display: block;border:1px solid #fff; }
.header .resize a.small{font-size: 0.7em}
.header .resize a.normal{font-size: 0.9em}
.header .resize a.large{font-size: 1.1em }
.header .resize a:hover{ background-color: #fff; color: #e60012;}


/*以下for 單純只有LOGO*/
a.logo_company {display: block;width:190px; height:48px;/*opacity: 0;*/line-height:0;font-size:0;overflow:hidden;}
h1{ position: absolute; top:10px;  left: 20px; width:190px; height:48px; background: transparent url("../images/logo_header.png") center center no-repeat; background-size:contain;  }
/*導盲磚*/
/*首頁*/
.sr-only {position: absolute;width: 0.063rem;height: 0.063rem;padding: 0.4rem;margin: 0;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0; z-index: 1000000;color: #ffffff; background-color: #ca1000;}
.sr-only:active,
.sr-only:focus {position: absolute;width: auto;height: auto;margin: 0;overflow: visible;clip: auto;outline:none;}


ul.accesskey {display: inline-block;}
ul.accesskey li{display: inline-block;border-right: solid 1px rgba(255, 255, 255, 0.70); line-height: 0.875em; }
ul.accesskey a{color: #fff; font-size:1.1em; padding:0 10px; line-height: 0.875em; height: 14px;}
.topnav ul.accesskey a{font-size:0.9em;}
ul.accesskey li:first-child, ul.accesskey li:last-child {border: none;} ul.accesskey li:first-child a{padding: 0;}
ul.accesskey a:hover{color: #f7e24c;}

/*副導覽列*/
.header .header_link {font-size:0.75em;display: block;text-align: right; }
.header .header_link a {  color:#030303; /*color: #7e9fb8;*/ line-height: 2.5em; 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: 1.25em; 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;}


/*footer*/
.footer {  font-size:0.875em; color: #fff; background-color: #404040; border-top:2px solid #cd0202;}
.footer .inner {padding: 10px 0; height: 65px; box-sizing: border-box;}
.footer .copyright {background-color:#cd0202; text-align: center; padding: 10px 0;}
.footer a{color: #fff; display: inline-block;}
.footer a.accessibility, .footer a.iso_bn{margin-left: 5px; }
.footer a.accessibility img{ height: 44px; width: 128px; }
.footer a.iso_bn img{ height: 44px; width: auto; }
.footer ul.accesskey{padding-top: 14px;}
.footer .link_tit{display: none;}

/*主選單*/
#nav-menu {
	width: 100%;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-preferred-size: 0px;
	flex-basis: 0px;
}
#nav-menu .bring-item {
	display: none
}
#nav-menu > ul {width: 100%;height: 100%; position: relative;
	/*display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center*/}
#nav-menu > ul > li {height: 100%;display: inline-block;vertical-align: top;}
#nav-menu a.menu-btn {width: 100%;height: 100%;padding:10px; box-sizing: border-box;color: #161211;font-size: 1.25em; line-height: 1.5em; display: block;}
#nav-menu .menu-btn.current {color:#e60012;}
#nav-menu .menu-icon {display: none}
#nav-menu .nav-submenu { padding: 20px 10px 10px; position:absolute; right:0; top: 44px;z-index: 1000;
opacity: 0;visibility: hidden;background-color:#fff;background: transparent\9; filter:alpha(opacity=90);-webkit-transition: opacity 0.5s;-o-transition: opacity 0.5s;transition: opacity 0.5s;box-shadow: 0px 0px 5px rgba(0,0,0,.4);box-sizing: border-box;border-top: 2px solid #e60012;
	/* display: -webkit-box;display: -ms-flexbox;display: flex;flex-direction: row;flex-wrap: nowrap;align-items: flex-start;justify-content:center;-ms-flex-align:flex-start;*/}
#nav-menu > ul > li:first-child .nav-submenu{ left:0; right: auto;}
#nav-menu .nav-submenu.width{width:1050px;}

#nav-menu .nav-submenu > a {font-size: 1em;color: #e50101;text-decoration: underline;}
#nav-menu .nav-submenu > li{vertical-align: top;font-size: 1em;padding: 0 10px;width:180px; display: inline-block; }
#nav-menu .nav-submenu.short > li, #nav-menu .nav-submenu > li.short{width: 100px}
#nav-menu .nav-submenu .nav-submenu-btn{font-size: 1em;color:#e50101; font-weight: bold;display: block;}

.regionmenu {display: block; padding-top: 10px;}
.regionmenu li{margin-bottom: 10px;}
.regionmenu a{color: #444; }
.regionmenu a:hover{color: #000; text-decoration:underline;}
.nav_main_second_level_all .inner {position: relative; padding-right:30px; padding-top:10px;}

.features-block{ width: 24px; height: 24px;position: absolute; right: 0; top: 24px; background: url("../images/ic_search.png") center no-repeat; background-size:contain;padding: 0;}
.features-block:hover{ background: url("../images/ic_search_on.png") center no-repeat; background-size:contain; }
.features-block a.search{line-height:0;font-size:0;overflow:hidden; width: 24px; height: 24px; display:block;}


/*主選單_old*/
.nav_main_second_level_all{ position: absolute;right: 20px;  height:22px; background:#fff;transition:all 0.05s;}
.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:120px; height:42px; display:block; opacity:0; background: url(../images/logo_header_white.png) center no-repeat; background-size:120px auto; transition:all 0.3s;}
.nav_main_second_level_all .logo a { z-index: 2; /*opacity: 0;*/line-height:0;font-size:0;overflow:hidden; display: block;width:120px; height:42px;}

/*以下for LOGO*/
.nav_main_second_level_all.sticky{position: fixed; top:0; right:0; left:0;z-index:1000888;background-color:#e60012; height: 44px;}
.nav_main_second_level_all.sticky .logo{ opacity:1;}
.header.corp .nav_main_second_level_all.sticky{height:50px;}
.nav_main_second_level_all.sticky .login_person { opacity:0; }
.nav_main_second_level_all.sticky .inner {position: relative; padding-top:0; text-align: right;}
.nav_main_second_level_all.sticky #nav-menu > ul > li{ border-right:solid 1px rgba(255, 255, 255, 0.35); position: static;}
.nav_main_second_level_all.sticky #nav-menu a.menu-btn{ color: #fff; line-height: 1em;}
.nav_main_second_level_all.sticky #nav-menu a.menu-btn:hover{ color: #f7e24c;}
.nav_main_second_level_all.sticky #nav-menu .nav-submenu{ text-align: left;}
.nav_main_second_level_all.sticky #nav-menu > ul > li:first-child .nav-submenu{  right:100px; left: auto;}
.nav_main_second_level_all.sticky #nav-menu > ul > li .nav-submenu{ right: 0; left: auto;}

.nav_main_second_level_all.sticky #nav-menu .nav-submenu{border: none; top: 36px;}

.nav_main_second_level_all.sticky .features-block{ top: 10px; background: url("../images/ic_search_w.png") center no-repeat; background-size:contain;}
.nav_main_second_level_all.sticky .features-block:hover{ background: url("../images/ic_search_y.png") center no-repeat; background-size:contain; }




/*主選單-第二層*/
.nav_main_second_level_all .nav_main_second_level { position: relative; margin:-3px 0 0;padding: 0;  }
.nav_main_second_level_all .nav_main_second_level > li { position: relative; display: inline-block; vertical-align: middle; padding: 0 10px;border-right: solid 1px rgba(255, 255, 255, 0.35);}
.nav_main_second_level_all .nav_main_second_level > li > a {display: block;padding: 0 ;color: #626262;border-bottom: 2px solid #fff; font-size:1.25em; height: 24px;}
.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: #e60012; border-bottom: 2px solid #e60012;}

.nav_main_second_level_all .nav_main_second_level > li.search{ background: url("../images/ic_search.png") center no-repeat; background-size:contain; width: 24px; height: 24px;padding: 0; }
.nav_main_second_level_all .nav_main_second_level > li.search:hover{ background: url("../images/ic_search_on.png") center no-repeat; background-size:contain;border-bottom: 2px solid #fff; }
.nav_main_second_level_all .nav_main_second_level > li.search a{/*opacity: 0;*/line-height:0;font-size:0;overflow:hidden;}

.nav_main_second_level_all.sticky .nav_main_second_level > li{}
.nav_main_second_level_all.sticky .nav_main_second_level > li a{ color: #fff; border-bottom: none;}
.nav_main_second_level_all.sticky .nav_main_second_level > li a:hover{ color: #f7e24c; border-bottom: none;}

.nav_main_second_level_all.sticky .nav_main_second_level > li.search{ background: url("../images/ic_search_w.png") center no-repeat; background-size:contain; width: 24px; height: 24px;padding: 0; margin-top:0; border-bottom: none; vertical-align: middle;}
.nav_main_second_level_all.sticky .nav_main_second_level > li.search:hover{filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7; -khtml-opacity: 0.7; }

.nav_main_second_level_all .nav_main_second_level > li:last-child{border-right: none; }

/*子選單區塊*/
.nav_main_second_level_all .nav_main_third_level {position: absolute; z-index:9999;right: 40px; top: 40px; max-width: 1200px; height: auto;  padding:0; box-sizing: border-box;text-align: left; background:rgba(255,255,255,0.9);background: transparent\9;
	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; }
.nav_main_second_level_all .nav_main_third_level .nav_main_third_level_block {  flex:1 1 auto; /*width: 130px;*/ min-width:100px; width: auto;padding: 20px 5px 0; box-sizing: border-box; }

.nav_main_third_level_block_title { font-size:1em;color: #e50101; text-decoration: underline;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: #f26541}

/*子選單右邊區塊*/
.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;}

/*內容*/
/*.main_block{ width: 1200px; height:100%; min-height: 600px; margin: 0 auto; position: relative; background-color: #f7f7f7; padding: 20px 0 0 280px; margin-bottom: 20px;box-sizing: border-box;}*/
.main_block{ width: 1200px; height:100%; min-height: 600px; margin: 0 auto 20px auto; position: relative; background-color: #f7f7f7; padding: 20px 0 0; box-sizing: border-box;display:flex;justify-content: space-between;align-items: stretch;}
/*側邊選單*/
.menu_flex{ width: 250px;margin-right: 20px; position: relative;}
.menu_tit{color: #e60012; font-size:1.4em; font-weight: bold; background:url("../images/ic_menu_t.png") 0 4px no-repeat; background-size: 20px; padding: 0 0 10px 24px; box-sizing: border-box; text-transform: uppercase; letter-spacing: -1px; display: block; width: 250px;}
.side_menu{ width: 250px;  margin: 0 20px 0 0;  background: #fff;box-shadow:0 0 2px rgba(0,0,0,.2);}
.side_menu li{ border-bottom: 1px solid #e6e6e6;  display: block; background: url(../images/menu_arw.png) 0 0 no-repeat; background-size:contain; min-height: 50px;}
.side_menu > li:first-child{ border-top: none;}
.side_menu li li{ border-bottom: none; background: none;}
.side_menu li a{padding: 14px 40px 10px 24px; min-height: 1.2em;line-height: 1.2em; box-sizing: border-box;color:#292929; font-size: 1.125em; position: relative; display:block;}
/*.side_menu li a span{ position: absolute;bottom: -1px; left: 0; width: 0; height: 2px; background-color: #bb9157;transition: all 300ms ease-in-out;}*/
/*.side_menu li a span{background: url("../images/menu_dot.png") 0 center no-repeat; width: 5px ;height: 5px; display: inline-block; vertical-align: middle; margin-right: 10px;}*/
.side_menu li.open a{ color: #fff;}
.side_menu li.open > ul.sub_menu{ border-top: 1px solid #e6e6e6;}
.side_menu > li.open > a{ background: url(../images/menu_arw_on.png) 0 center no-repeat; background-size: cover;}
.side_menu ul.sub_menu{ display: none; margin:0 20px;}
.side_menu ul.sub_menu li{ border-top: 1px solid #eee; min-height:auto;} .side_menu ul.sub_menu li:first-child{border: none;}
.side_menu ul.sub_menu li a{ color: #7d7d7d; font-size:1em; line-height: 1.25em; height: auto; padding: 10px 0;  display: block; }
.side_menu ul.sub_menu li a:hover{ color: #eb6100;}
.side_menu ul.sub_menu li a.on{ color: #eb6100;}
.side_menu li.open > ul.sub_menu{ display: block;}
.l-acceky{position: absolute; top:0; right: 0; color:#f7f7f7;}

/*內容 - 右邊區塊*/
.tit{ font-size:1.25em;margin: 0 0 20px; color: #313131;}
.tit span{  background-color: #fff; padding: 0 10px; line-height:1.125em;}
.main_block .main_box{word-break:break-all;text-align:justify; width: calc(100% - 280px); flex:1 1 auto;}
.main_block.single .main_box{ width: 100%;float: none;}
.main_block.single .login_pw_box { max-width: calc(100% - 40px);}
.bt_warnings {padding:20px;}
.main_box .inner_box{ background-color: #fff; padding:20px 20px 10px; overflow: hidden;  min-height: calc(100vh - 318px);}
.main_box .pic{margin: 0 0 10px;}
.pic img{ width: 100%; height: auto;}
/*Q&A*/
.question{  margin: 0 0 20px; /*overflow: hidden;*/}
.question ul > li{ min-height:40px; line-height: 2.5em; border:1px solid #dcdcdc; margin-bottom: 10px;}

.question ul li .quest{  font:bold 1em/40px Arial, Helvetica, Roboto, "微軟正黑體";color:#065ba3; cursor:pointer;line-height: 2em;background: url(../images/ic_down_arw.png) 99% center no-repeat; background-size: 16px; position: relative;}
.question ul li .quest a{  display: block;}
.question ul li .answer{ display:none; padding:0; }

.question ul li .quest.close { background: url(../images/ic_open_arw.png) 99% center no-repeat; background-size: 16px; border-top: 2px solid #a59a58;}
.question ul li .quest, .question ul li .answer {padding:10px 30px 10px 55px; position: relative;color: #313131; }
.question ul li .answer {padding-top: 15px; padding-bottom: 15px; line-height: 1.5em; border-top: 1px solid #dcdcdc}
.question ul li .ic_q, .question ul li .ic_a{display: block; width: 35px; height: 35px; position: absolute; top: 10px; left: 10px;}
.question ul li .quest .ic_q{background: url(../images/icon_qa_q_2.png) 0 0 no-repeat;}
.question ul li .quest.close .ic_q{background: url(../images/icon_qa_q.png) 0 0 no-repeat;}
.question ul li .answer .ic_a{background: url(../images/icon_qa_a.png) 0 0 no-repeat;}

/*共用*/

/*段落*/
.inner_box .title{margin-bottom: 10px;}
.inner_box .title .h5{ display: inline-block; vertical-align: middle; line-height: 2em;}
.inner_box .sub1{ background-color:#a59a58; color: #fff;  font-size:1.2rem; line-height: 2em;font-weight: bold; margin-bottom: 5px; padding: 0 5px;  }
.inner_box .sub2{color: #a59a58; font-size:1.2rem; line-height: 2em; font-weight: bold; margin-bottom: 5px;}
.inner_box .sub3{color: #333; font-size:1rem; line-height: 1.2em; font-weight: bold;margin-bottom: 5px;}
.inner_box p{ margin:0 0 10px 0; }
.inner_box p a{ color:#e60012; text-decoration:underline;}
.inner_box p a:hover{text-decoration:none;}
.inner_box ul.sub_li li{background: url("../images/sub_dot.png") 0 10px no-repeat; background-size:7px; padding: 0 0 0 15px; box-sizing: border-box; margin-bottom:10px; line-height: 1.6rem;}

/*輸入框*/

input[type="text"], input[type="password"], select{ width:100%; padding:0 7px; height:32px; color:#777777; border:1px solid #b6b6b6; box-sizing:border-box; display: inline-block; vertical-align: middle;}
input[type="text"].short, input[type="password"].short, select.short{ width: 120px;}
textarea{ width:100%; height:90px; box-sizing:border-box; padding:5px 10px; border:1px solid #b6b6b6; font-size: 1.2em;}
input[type="text"].w-200{width: 200px;}

.radio, .checkbox{/*display:none*/line-height:0;font-size:0;overflow:hidden;  width: 20px;height: 20px; display: inline-block; vertical-align: middle;}/*txt_input*/
.radioInput{background:#fff url("../images/radio_normal.png") center center no-repeat;background-size:20px;display:inline-block; vertical-align:sub;width:20px; height:20px; line-height:1;position: absolute; top: 2px; left: 0;}
.radio:checked + .radioInput:after{background:#fff url(../images/radio_checked.png) center center no-repeat;background-size:20px;content:"";display:block;width:20px; height:20px;}

.checkboxInput{background:#fff;border:2px solid #ddd; border-radius:0.25rem;display:inline-block;height:20px;width:20px; vertical-align:sub; line-height:1;background-size: contain;position: absolute; top: 1px; left: -1px; }
.checkbox:checked + .checkboxInput:after{background:#fff url("../images/checkbox_checked.jpg") center center no-repeat;content:"";display:inline-block;height:20px;width:20px;background-size:20px; position: relative;}
.checkbox.radioInput, .radio:checked + .checkbox.checkboxInput:after{border-radius:0;}


fieldset label{margin: 0 0.4rem 0.4rem 0; display: inline-block; position: relative; line-height: 1.25em;}
input[type="checkbox"], input[type="radio"]{-webkit-appearance:none;border: none;}


/*下拉選單*/
select{vertical-align:middle;appearance:none;-moz-appearance:none;-webkit-appearance:none; height:32px; color:#777777; border:1px solid #b6b6b6;
	 background: url("../images/ic_down_arw.png") no-repeat scroll right 10px center #fff;background-size:14px 14px;padding-left:8px;padding-right: 14px; }
select::-ms-expand { display: none; }
label.hide{display: none;}
img.verify{display: inline-block; vertical-align: middle; height: 32px; width: auto;}
a.refresh{width: 30px; height: 30px; background:url(../images/ic_refresh.png) center no-repeat; background-size: 20px; display: inline-block; vertical-align: middle;}

/* 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/ic_home.png") 0 5px no-repeat; background-size: 20px auto;  padding: 5px 0 15px 24px;overflow: hidden;box-sizing: border-box;max-width:100%;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.breadcrumb li{  display: inline-block; color: #e60012; font-size:0.875em; line-height: 1.25em; }
.breadcrumb a{ color: #313131;background: url(../images/ic_breadcrumb_arw.png) right center no-repeat;background-size: 14px auto;  padding: 0 20px 0 0; }
.breadcrumb a:hover{ color: #e60012; }
.breadcrumb li.c-acceky a{background: none; padding: 0;}

/*分頁*/
.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:0.875em; line-height: 1.25em; padding: 0 5px;}
.page_area li a:hover, .page_area .on a{ background-color: #bb9157; color: #fff;}

/*本站導覽*/
.sitemap_box{border:1px solid #dcdcdc;  border-top: 2px solid #a59a58; padding: 20px 20px 10px; margin-bottom: 20px;}
.sitemap_box .h4{ font-size:1.25em;font-weight: bold;text-align: center; color: #a59a58; border-bottom: 1px solid #dcdcdc; padding-bottom: 20px; margin-bottom: 10px; position: relative;}
.sitemap_box .h4 a, .sitemap_box .h4 a:hover{color: #a59a58; cursor: default;}
.sitemap_box .h4 .btn_box{position: absolute; top: -5px; right: 0;}
.btn_box a{font-weight: normal;font-size:0.75em;min-width: 80px; line-height: 1.8em;height: 30px; color: #fff; border-radius: 4px; background-color: #e60012; display: inline-block; text-align: center; }
.btn_box a:hover{background-color: #404040}

.sitemap_sub{display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; margin: 0 -5px;}
.sitemap_sub > li{width: 31.95%; flex:1 1 30%; margin: 0 5px 10px;}
.sitemap_sub .h5{ font-size:1.25em; line-height: 1.2em; min-height: 44px; font-weight: bold;background-color: #deedec;padding: 10px; color: #313131; text-align: center;position: relative; box-sizing: border-box;}
.sitemap_sub .h5 a{display: flex; justify-content: center; align-items: center; color: #313131; position: absolute; width: 100%; height: auto; bottom: 0; top: 0; left: 0; right: 0; }
.sitemap_sub .h5 + ul{margin-top: 10px;}
.sitemap_sub li li{background: url("../images/sub_dot.png") 4px 6px no-repeat; background-size:7px; padding: 0 0 0 15px; box-sizing: border-box; margin-bottom:10px;}
.sitemap_sub.ty2 li, .sitemap_sub.ty3 li{min-width: 18.5%;}
.sitemap_sub.ty2 .h5 a{ color: #313131;}
.sitemap_sub.ty2 .h5 a:hover{color: #fff; background-color: #e60012;}

.sitemap_box .h4 .btn_box a{color: #fff; cursor: pointer;}

.topBn{margin-bottom: 20px; text-align: center;}
.topBn img{width: 100%; max-width: 530px; height: auto; margin: 0 auto;}
/*最新訊息*/
.news_li{ margin-bottom: 20px;}
.news_li li{ position: relative; padding: 10px 20px 10px 10px; border-bottom: 1px solid #eee; background: url("../images/ic_breadcrumb_arw.png") 99% center no-repeat;}
.news_li li:nth-child(even){ background-color:#f7f7f7;}
.news_li li .day{color: #a99e5f;  line-height:1.125em; display: inline-block; vertical-align: baseline; margin-right: 10px; background: url("../images/sub_dot.png") 0 center no-repeat; background-size: 7px;padding-left: 15px;}
.news_li li p{ color: #313131; margin: 0; display: inline-block;line-height:1.125em;}
.news_li li p.whole_line{ display: block; padding-top: 6px; padding-left: 15px; line-height: 120%; width:100%;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.news_li li:hover p.whole_line{color: #e60012;}
.news_li li a{position: absolute; top: 0; right: 0; bottom: 0; left:0; display: block;/*opacity: 0;*/line-height:0;font-size:0;overflow:hidden;}
.news_li a.play{display: inline-block;  margin: 0 5px; position: relative; top: auto; left: auto; right: auto; bottom: auto;opacity: 1; z-index: 99;}
.news_li a.play img{width: 24px; height: auto;}
.news_li a.play:hover{opacity: 0.8;}
.news_li.ty2 {padding:10px 20px 20px;}
.news_li.ty2 li{background-image: none; min-height: auto; overflow: hidden; padding: 10px;}/*去除箭頭背景*/
.h5 .day{color: #a99e5f;  line-height:1.125em; display:block; font-size: 0.9em ;font-weight: normal; margin-bottom: 5px;}
/*投資人關係-總覽*/
.investor_box{ border: 1px solid #dcdcdc; border-top: 2px solid #a59a58; width:428px; display: inline-block; vertical-align: top; margin: 0 15px 20px 0;}
.investor_box .sub_title{ background-color: #f2f0e6; padding:15px 10px; border-bottom: 1px solid #dcdcdc;}
.investor_box .sub_title .h4{ font-size:1.25em;font-weight: bold;color: #a59a58; display: inline-block; vertical-align: middle;}
.investor_box .h4 .sub{font-size:0.875em; color: #313131; font-weight: normal; margin-left: 5px;}
.investor_box .news_li{ margin-bottom: 0;}
.investor_box .news_li li{min-height: 66px; box-sizing: border-box;}
.investor_box .news_li.ty2 li{min-height: auto; padding: 19px 10px;}
.investor_box .news_li li:last-child{border-bottom: none;}
.inner_box > .investor_box:nth-child(even){margin-right: 0;}

/*首長介紹*/
.leadership_info{border:1px solid #dcdcdc;  border-top: 2px solid #a59a58; padding: 20px 20px 10px 220px; min-height: 240px; box-sizing: border-box;margin-bottom: 20px; overflow: hidden; position: relative;}
.leadership_info .avatar{ text-align: center; position: absolute; top: 20px; left: 20px; bottom:20px; border-right: 1px solid #ddd; padding-right: 20px;}
.leadership_info .h4{ color: #eb6100; font-weight: normal;}
.leadership_info .h5{ color: #a59a58; font-weight: normal; margin: 0 0 20px;}
.leadership_info .avatar .pic{ width: 165px; height: 165px; overflow: hidden;}
.leadership_info .info {width: 48%; display: inline-block; vertical-align: top; margin-bottom: 20px;}
.leadership_info .info li{ background:  url("../images/sub_dot.png") 0 4px no-repeat; background-size:6px;padding: 0 0 0 10px; margin-bottom: 10px;}

/*報告書下載-列表*/
.dw_li{padding:10px 10px 0;}
.dw_li li{border:1px solid #a59a58; border-radius: 4px; margin-bottom: 10px; }
.dw_li li a{color:#a59a58; line-height: 2em; height: 32px; display: block;width:100%;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.dw_li li a:hover{color: #fff; background-color:#a59a58; }
.dw_li li a span{background: url("../images/ic_btn_dw_g.png") 0 0 no-repeat; background-size: contain; width: 30px; height: 30px; display: inline-block; vertical-align: bottom;}
.dw_li li a:hover span{background: url("../images/ic_btn_dw.png") 0 0 no-repeat; background-size: contain;}


a.more{float: right; background: #e60012; color: #fff; border-radius: 4px; padding: 5px 10px; min-width: 50px; box-sizing: border-box;text-align: center; margin-top: -2px;  font-size:0.9em;}
a.more:hover{background-color: #404040;}



/*頁籤*/
.tab_box{position: relative; border-bottom: 1px solid #a59a58; margin-bottom: 20px; }
.tab_li{display: inline-block;}
.tab_li li {display: inline-block; margin-right: -3px;}
.tab_li li a{padding: 15px 20px; color: #313131; display: block;}
.tab_li li.on a, .tab_box li a:hover{background-color: #a59a58;color: #fff;}

/*右邊輸入欄位*/
.side_select{float: right; text-align: right; margin-bottom: 10px;}
.side_select li{width: 140px; display: inline-block; text-align: left; margin-left: 10px;}
.side_select li.inline{width:auto; display: inline-block;margin-left: 0; }

/*btnArea*/
.btnArea a{ min-width: 120px; line-height: 2.5em; height: 40px; color: #fff; border-radius: 4px; background-color: #e60012; display: inline-block; text-align: center;}
.btnArea a:hover{background-color: #404040}

/*表格化 display:table樣式*/
.ul_table{ display: table; margin: 0 0 20px; width: 100%;}
.ul_table .ul_tr{ display: table-row;width: auto;}
.ul_tr.ty2 .ul_td{ background-color: #a59a58; color: #fff; }
.ul_table .ul_td{ display: table-cell;vertical-align: middle; width: auto; /*min-width: 8em;*/ text-align: center;padding: 10px 5px; box-sizing: border-box; line-height: 140%;}
.ul_table .ul_td.tL{ text-align: left;}
.ul_table li:nth-child(odd){background-color: #f4f4f4;}
.ul_table .in_tit{display: none;}
.ul_table.b_line{border-bottom: 1px solid #dcdcdc; margin-bottom: 15px;}

/* 小網 - 表格化 display:table樣式*/
.ul_table_mobile{ display: none;}



/*按鈕*/
a.btn{ width: 44px; height: 44px; border-radius: 44px; display: inline-block; vertical-align: middle;}
a.btn.dw{ background: #ccbca1 url("../images/ic_btn_dw.png") center no-repeat; background-size:30px;  }/*下載*/
a.btn.dw:hover{ background: #e60012 url("../images/ic_btn_dw.png") center no-repeat; background-size:30px;  }
a.btn.play{ background: #ccbca1 url("../images/ic_btn_play.png") center no-repeat; background-size:30px;  }/*播放*/
a.btn.play:hover{ background: #e60012 url("../images/ic_btn_play.png") center no-repeat; background-size:30px;  }
a.btn.detail{ background: #ccbca1 url("../images/ic_btn_detail.png") center no-repeat; background-size:30px;  }/*更多內容*/
a.btn.detail:hover{ background: #e60012 url("../images/ic_btn_detail.png") center no-repeat; background-size:30px;  }
a.btn span{display: none;}

/*表格*/
table.tb_style{ margin: 0 0 10px;border: 1px solid #ddd; border-bottom: none;}
table.tb_style th{ min-width: 20%; max-width: 50%;}
table.tb_style th, table.tb_style td{ padding: 10px;border-bottom: 1px solid #ddd; box-sizing: border-box;line-height: 1.2em;}
table.tb_style th{ background-color: #f2f0e6; border-left: 2px solid #a59a58; color: #313131;}
table.tb_style td{ }

table.tb_style2{ margin: 0 0 10px;}
table.tb_style2 th{background-color: #a59a58; color: #fff; }
table.tb_style2 th, table.tb_style2 td{ padding: 10px;border-bottom: 1px solid #ddd; box-sizing: border-box;text-align: center; line-height: 1.2em;}
table.tb_style2 tr:nth-child(even){background-color: #f7f7f7; }

/*for .Net C# 分頁*/
.pagination{ display: block; text-align: center; margin-bottom: 10px; }
.pagination li{ margin: 0 5px; display: inline-block; vertical-align: middle; margin-bottom: 20px;}
.pagination a{ display: block;}
.pagination li.PagedList-skipToPrevious , .pagination li.PagedList-skipToNext {  }
.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:0.875em; line-height: 1.25em;min-width: 20px; padding: 0 5px; box-sizing: border-box;}
.pagination li a:hover, .pagination .active a{ background-color: #bb9157; color: #fff; border-radius: 50px;}
.PagedList-skipToFirst, .PagedList-skipToPrevious, .PagedList-skipToNext, .PagedList-skipToLast{ text-indent:-9999px;}

/*報告下載*/
.report_li{margin-left: -2%; overflow: hidden;}
.report_li li{ width: 23%; height: auto; float: left; text-align: center; margin:0 0 20px 2%;}
.report_li .pic{border:1px solid #a59a58; margin-bottom: 10px; position: relative; height: 285px; overflow: hidden;}
.report_li .pic img{ width: 100%; height: auto;}
.report_li .pic .cover_txt{ width: 100%; height: auto;box-sizing: border-box; position: absolute; bottom: 0; left: 0; right: 0; padding:5px 10px; color: #a59a58; background-color:rgba(255,255,255,0.8); line-height: 140%; }

.report_li a{ background-color: #a59a58; padding:5px 0; width: 100%; display: block; color: #fff; box-sizing: border-box;}
.report_li a:hover{ background-color: #e60012;}
.report_li span.dw{ background:url("../images/ic_btn_dw.png") center no-repeat; background-size:30px; width: 30px; height: 30px; display: inline-block; vertical-align: middle;}
.report_li li.divide_line{ height:0; border-bottom: 1px solid #ddd; width: 100%; padding: 0; float: inherit; clear: both;margin: 0 0 20px 2%; }

/*其他服務-電郵通知*/
.service_box.email{ background: url("../images/bg_service_email.jpg") right bottom no-repeat; padding: 60px 0 0 20px; box-sizing: border-box; min-height: 240px;}
.service_box .h3{ color: #a59a58;line-height: 1.8em;}
.service_box .h5{ color: #313131; font-weight: normal;line-height: 1.8em;}
.service_box .h5 .wrap{ display: block;}

/*其他服務-聯絡窗口*/
.service_box.contact{ background: url("../images/bg_service_contact.jpg") right bottom no-repeat; padding: 60px 0 0 20px; box-sizing: border-box; min-height: 240px;}
.contact_box .h5{ color: #a59a58; line-height: 1.2em; margin-bottom: 5px;}
.contact_box{display: flex; justify-content: center;flex-wrap: wrap;margin-bottom: 20px;border-bottom: 1px solid #d2ccab; }
.contact_box > li{ flex: 1 1 30%;padding: 0 10px; margin-bottom: 20px; border-left: 1px solid #dcdcdc; box-sizing: border-box;}
.contact_box > li:nth-child(4), .contact_box > li:first-child{border: none; padding: 0;}
.contact_box li li{background: url("../images/sub_dot.png") 0 7px no-repeat; background-size:7px; padding: 0 0 0 15px; box-sizing: border-box; margin-bottom:10px;}
.contact_box a{color: #313131;}
.contact_box a:hover{color: #e60012;}

/*輸入區塊*/
.input_block{ border:1px solid #dcdcdc; border-top: 2px solid #a59a58; padding: 20px; box-sizing: border-box; margin-bottom: 20px; }
.input_block > fieldset{ display: block;}
ul.search_li li {position: relative; padding: 0 0 10px 130px; box-sizing: border-box; min-height: 32px;}
ul.search_li li .intit{ background: url("../images/sub_dot.png") 0 center no-repeat; background-size:8px; padding: 0 0 0 12px;position: absolute; top: 0; left: 0; width: 120px; line-height: 2em;}
ul.search_li .star{display: inline-block; width:14px;height: 20px; vertical-align:middle;background: url("../images/ic_star.png") center no-repeat; background-size:10px;text-indent: -9999px; margin: -4px 0 0 2px; }
ul.search_li.ty2 li{ min-width: 49%; padding-right: 10px; padding-left: 100px; display: inline-block; vertical-align: top;}
ul.search_li.ty2 li .intit{width: 90px;}
ul.search_li.ty2 li.all{width: 100%; }
ul.search_li.center{ display: flex; justify-content: center;}
ul.search_li.no-ic li .intit{ background: none; padding: 0;}
ul.search_li p.warn{flex: 1 1 100%;color: #e40001;text-align: left; margin: 0;}


.input_block.ty2{ border:none; padding:10px 0 0; margin: 0;}
/*其他服務-問券調查*/
.service_box.survey{ background: url("../images/bg_service_survey.jpg") right bottom no-repeat; padding: 90px 0 0 20px; box-sizing: border-box; min-height: 240px;}
/*輸入區塊-問券*/
ul.search_li02 li {position: relative; padding: 10px 0 ; box-sizing: border-box; display: flex;width:100%;flex-wrap:wrap; justify-content: flex-start; 
	border-top: 1px solid #eee;}
ul.search_li02 li:first-child{border: none; padding-top: 0;}
ul.search_li02 li > div{text-align: left;  vertical-align:top; line-height: 1.8rem;}
ul.search_li02 .dec{  flex: 1 1 38px; max-width: 38px;  color: #a59a58; font-size: 1em; font-weight: bold; padding-right: 5px; box-sizing: border-box; text-align:center;}
ul.search_li02 .intit{ flex: 1 1 calc(100% - 38px);max-width: calc(100% - 38px);  font-weight: bold; font-size:1.05rem;  color: #333; padding-right: 20px; padding-bottom: 5px; box-sizing: border-box;}
ul.search_li02 .input{ min-height: 1.8em;/*flex: 1 1 calc(100% - 370px); max-width: 610px; width:calc(100% - 225px);*/ width: calc(100% - 38px); margin-left: 38px;}
ul.search_li02 .input.top{top:-5px;}
ul.search_li02 li.minH{min-height: 80px; padding-bottom:2px; }
ul.search_li02 li.minH textarea{height: 100px; color: #777; max-width: 100%; font-size: 1em;resize: none;  }

  @media all and (-ms-high-contrast:none) {
ul.search_li02 li.minH textarea{
               margin-bottom: 10px;
            }
        }


.search_btn{ text-align: center; margin-bottom: 20px; padding-top: 20px;}
.search_btn li{display: inline-block; width: 140px; height: 40px; margin: 0 10px;}
.search_btn a{font-weight: normal;font-size:1em;width:100%; line-height: 2.5em; height: 40px; color: #fff; border-radius: 4px; background-color: #e60012; display: block; text-align: center; border:1px solid #e60012;}
.search_btn a.del{background-color: #fff; color: #e60012}
.search_btn a:hover, .search_btn a.del:hover{background-color: #404040; border-color: #404040; color: #fff;}


/*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=70); -moz-opacity:0.7; opacity:0.7; z-index:99;}
.pop{position: fixed;top:220px;  left:50%;  margin-left:-300px; width:600px; padding:50px;background-color:#ffffff; opacity: 1; z-index:999;
-moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; box-sizing: border-box;}
.pop .title{ text-align:center; font-size:1.5em; border-bottom:1px solid #efefef; padding:0 0 10px; margin:0 0 10px; color:#e60012; font-weight: bold; box-sizing: border-box;}
.pop p{ font-size:1em;}

.pop.ty2{ padding:60px 20px 20px; border-radius: 20px;  margin-left: -500px; width:1000px; }
.pop.ty2 .title{padding:10px 20px;  margin: -60px -20px 0 -20px; color: #fff;  background-color: #ee3424; border-top-left-radius: 20px; border-top-right-radius: 20px; text-align: left;font-size:1.3em; line-height:1.2em; box-sizing: border-box; }
a.pop_close{color: #fff; background: url("../images/a_close.png") 0 0 no-repeat; background-size:20px;padding: 0 0 0 24px; position: absolute; top: -30px; right: 0; width: 2em; height: 30px;}
a.pop_close:hover{opacity: 0.8;}

.over_x{ max-width: 100%; overflow-x: scroll; box-sizing: border-box;}
.over_y{height: 300px; overflow-y: scroll;padding:10px 0 0;}

.gotop{background: url("../images/gotop.png")0 0 no-repeat; width: 60px; height: 60px; background-size: contain;}

#gotop {position: fixed; right: 20px;bottom:20px;background: url(../images/gotop.png) center center no-repeat; background-size:contain; width: 60px; height: 60px; z-index: 9999;}
#gotop a{width: 60px; height: 60px; display: block;line-height: 0;font-size: 0;overflow: hidden;}




/*頁面1440px以內時*/
@media screen and (max-width: 1440px){


}

@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){
	.main_block{ width:100%; }
	.menu_tit, .side_menu{left: 14px;}
	.footer .inner{padding: 10px;}
	
    /*主選單-第二層*/
    .nav_main_third_level_block_all { }
    .nav_main_second_level_all .nav_main_second_level > li a {padding: 0 20px;}
/*本站導覽*/.sitemap_sub > li{width: 31.8%;}
}
@media screen and (max-width: 1020px){
    .main_block {width:100%;}
	
}
/*頁面1000以內時*/
@media screen and (max-width: 1024px){
	.space, .space2{height:10px;}
/*Header*/
/*主選單-第二層*/
.nav_main_second_level_all .nav_main_second_level > li a {padding: 0;}
	
.main_block{ width: 100%;}
	.main_block.single{ padding: 10px 20px 0;}
	.inner {max-width: 1000px; padding: 0 10px;}
	/*投資人關係-總覽*/
.investor_box{ width:48%; margin: 0 15px 20px 0;}
	.news_li.ty2{padding:0 10px 10px;}
	
	/*pop*/
	.pop{ position: fixed;top:150px; }
}

/*頁面980以內時*/
@media screen and (max-width: 980px){
	.m_hide{ display: none;}.m_hide.ty2{display: none;}
	table.m_hide{display: none;}
    .m_block{ display: block;}
	.pic.ty2 img{ max-width: 60%; margin: 0 auto;}
	/*表格化 display:table樣式*/
    .ul_table .ul_td{  min-width: 5em; }
	
	/* 小網 - 表格化 display:table樣式*/
	.ul_table_mobile{ display: table;}
.ul_table_mobile { border-left: 1px solid #d2ccab; }
.ul_table_mobile td, .ul_table_mobile th{text-align: center;border-right: 1px solid #d2ccab; border-bottom: 1px solid #d2ccab; padding: 10px 5px; box-sizing: border-box;}
.ul_table_mobile th{ background: #edebde; font-size:1em;}
.ul_table_mobile .ul_th{ background-color: #a59a58; color: #fff;padding: 10px 5px; line-height: 1em; font-size:1em;   }
.ul_table_mobile .ul_th .f_s{line-height: 1em; vertical-align:middle; display: inline-block; padding-right: 10px; margin-top: -3px;}
.ul_table_mobile td.ul_sub_tit{ background-color: #f7f7f7; padding: 10px 5px;font-size:1em; border-bottom: none;}


/*header*/
.m_header{height:50px; position: relative; background:#fff; border-top: 4px solid #e60012;}
a.logo_company {width:144px; height:36px; left: 50%; margin-left: -72px; top: 8px; position: absolute; opacity: 1;background: transparent url("../images/logo_header.png") center center no-repeat; background-size:contain; text-indent: -9999em}
.opemenu{ display:inline-block;  width:50px; height:50px;}
.opemenu a{display:block; height:50px;background:url(../images/ic_hamburger.png) center center no-repeat;background-size:30px auto;text-indent: -9999em}
.menu-btn{ position:absolute; top:0; left:0;}
/*footer*/
.footer .inner {display: none; height: auto;}
.footer .inner.show{display: block;}
.footer .copyright {padding: 10px; box-sizing: border-box;}
.footer .accessibility {display: none;}
.footer ul.accesskey{padding: 0; margin: 0 0 10px;}
ul.accesskey a{padding:10px; font-size: 1em;}
.footer ul.accesskey li.z-acceky{display: none;}
.footer .link_tit{display:block; padding: 10px; font-size:1.25em; background: url("../images/ic_footer_arw.png") 96% center no-repeat;}

/*側邊選單*/
.menu_flex{display: block; width: 100%; margin-right: 0;}
.menu_tit{position: relative; top: auto; left: 0;  margin-bottom: 10px; padding-left: 36px; background-position: 10px 5px;font-size:1.4em; line-height: 1.2em;width: 100%;  }
.menu_tit.small{font-size: 1.4em;}
.side_menu{ display: none;}
    /*麵包屑*/
    .breadcrumb{ background: url("../images/ic_home.png") 6px 6px no-repeat; background-size: 20px auto;  padding: 6px 0 10px 30px; position: absolute; top: 10px; left: 0; box-sizing: border-box;}
	.breadcrumb li.c-acceky{display: none;}
	
	 .main_block{ width: 100%; position: relative; box-sizing: border-box; padding: 50px 0 0; margin: 0; display: block;}
    .main_block .main_box{ width: 100%;}
    .main_block.single{ padding:50px 0 0;}
    .side_menu{ display: none;}
	/*主選單-第二層*/
    .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; }
/*最新訊息*/
.news_li{ margin-bottom: 10px; margin-top: -10px;}
.news_li li{}
.news_li li .day{margin-bottom: 10px;}
	
/*投資人關係-總覽*/
.investor_box{  width:100%;  margin: 0 0 10px;}
	.investor_box .sub_title{padding: 10px;}
.news_li li p.whole_line {padding-top:0;}
.news_li.ty2 {padding: 0 10px 10px;}
.investor_box .news_li.ty2 li{padding: 10px;}
	
/*首長介紹*/
.leadership_info{ padding:240px 20px 10px; ;margin-bottom: 20px;  position: relative; text-align: center;}
.leadership_info .avatar{ text-align: center; position: absolute; top: 20px; left: 20px; right: 20px; bottom: inherit; border-right: none; padding-right: 0;}
.leadership_info .avatar .pic{ margin: 0 auto 20px auto;}
.leadership_info .info {width: 30%; text-align: left; padding-right: 10px; margin:0;}
	.leadership_info .h5{margin-bottom: 10px;}

	
}

/*小網*/
@media screen and (max-width: 900px){
    .m-mb{margin-bottom: 10px;}
    .m-mb2{margin-bottom: 20px;}


    input[type="checkbox"] + label span{ margin:-3px 5px 0 0;}
    input[type="radio"] + label { margin-right:10px;}
    input[type="checkbox"] + label.general span{ margin:-5px 5px 0 5px;}
	img.verify {height: 40px;}
    /*主選單-第二層*/
    .nav_main_second_level_all .nav_main_second_level > li a {padding: 0 10px;}
.f_s {font-size:1em;}
    /*.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: 0; }
    .footer .footer_link{ text-align:center; display:block;}
    .footer .copyright{ display:block;float:none; text-align:center;}

	/*其他服務-聯絡窗口*/
.contact_box{margin-bottom: 10px; }
.contact_box > li{ flex: 1 1 50%; margin-bottom: 10px;}
.contact_box > li:nth-child(odd){border: none; padding: 0;}
.contact_box > li:nth-child(even){padding: 0 10px; border-left: 1px solid #dcdcdc;}


/*輸入區塊-問券*/
ul.search_li02 li { padding:5px 0; }
ul.search_li02 li > div{}
ul.search_li02 .dec{ min-width:inherit; width:auto;}
ul.search_li02 .intit{ width: 90%;}
ul.search_li02 .input{ position: static; top: 0; right: 0; width:100%; min-height: 1.8em;}
	
	
	.main_box .inner_box{ padding: 10px 10px 0;}
    /*pop*/
    .pop{ box-sizing:border-box;}
	.pop.ty2{width: 90%; margin-left: -45%;}
    .pop .close{ width:100%;}
	

	/*按鈕*/
a.btn{ width: auto; height: auto; padding:10px; line-height: 100%;}
a.btn.dw{ background: #ccbca1 url("../images/ic_btn_dw.png") 96% center no-repeat; background-size:30px;  }
a.btn.dw:hover{ background: #e60012 url("../images/ic_btn_dw.png") 96% center no-repeat; background-size:30px;  }
a.btn.play{ background: #ccbca1 url("../images/ic_btn_play.png") 96% center no-repeat; background-size:30px;  }
a.btn.play:hover{ background: #e60012 url("../images/ic_btn_play.png") 96% center no-repeat; background-size:30px;  }
a.btn.detail{ background: #ccbca1 url("../images/ic_btn_detail.png") 96% center no-repeat; background-size:30px;  }
a.btn.detail:hover{ background: #e60012 url("../images/ic_btn_detail.png") 96% center no-repeat; background-size:30px;  }
a.btn span{display:block; color: #fff; padding-right: 30px; text-decoration: none; min-width: 4em;}
.inner_box p a.btn{text-decoration: none;}
.inner_box .title .h5, .inner_box .sub2{font-size:1em;margin-bottom: 10px;  line-height: 1.2em;}
.inner_box .sub2.mb{line-height: 1.8em;}	
}

@media screen and (max-width: 767px){
    body { font-size:100%; background: #fff;}
	h3 {font-size:1.8em;line-height:1.8em;}
h4 {font-size:1.5em;line-height:1.5em;}
h5 {font-size:1.125em; line-height:1.125em;}
h6 {font-size:1em; color:#065ba3;}
p{ line-height:1.5em;font-size:1em;}

input[type="text"].w-full{width: 100% !important; margin-bottom: 10px;}

.tR.ty2 {text-align:center;}
    .inner{ padding: 0; max-width: auto;}
	.breadcrumb li{display: inline;}
    .tit{ margin:0 0 10px;}
    .tit span.tooLong{ display:inline-block; line-height:1.2;}
    .main_block{ margin: 0; min-height: auto; }
    .main_block .main_box{ width: 100%;}
    .main_box .inner_box{ padding:10px 10px 0; min-height:0; background-color: #fff; box-sizing: border-box; min-height: calc(100vh - 273px);}
.pic.ty2 img{ max-width:100%;}
/*本站導覽*/
	.sitemap_box{border-bottom: none; border-left: none; border-right: none; padding: 10px 0 0; margin: 0;}
	.sitemap_sub{margin: 0; display: block;}
	.sitemap_sub > li{width: 100%; margin-left: 0;}
	.sitemap_box .h4{padding-bottom: 0; border-bottom: none;}  
    /*---------------------- mmenu --------------------*/
    #menu .mm-next { background-color: rgba(0,0,0,0.2); }
    
    /*-----------swiper-wrapper 分類滑動選單-----------*/
	
/*Q&A*/
.question{  margin: 0;}
.question ul li .quest{ line-height: 1.5em;background: url(../images/ic_down_arw.png) 98% 18px no-repeat; background-size: 18px; padding-top: 17px; padding-bottom: 14px;}
.question ul li .quest.close { background: url(../images/ic_open_arw.png) 98% 18px no-repeat; background-size: 18px; border-top: 2px solid #a59a58;}
	
/*段落*/
.inner_box .title{margin-bottom: 10px;}
    /*輸入框*/
input[type="text"], input[type="password"], select{ width:100%; padding:0 7px; height:40px; color:#777777; border:1px solid #b6b6b6; box-sizing:border-box;}
	
    input[type="checkbox"] + label.type31{ width:100%; display:inline-block; margin-bottom:10px;}
    input[type="checkbox"] + label:last-child{ margin-bottom:0;}
    /*下拉選單*/
select{background: url("../images/ic_down_arw.png") no-repeat scroll right 10px center #fff;background-size:20px 20px;padding-left:8px;padding-right:40px; }

/*首長介紹*/
.leadership_info{ padding:240px 20px 10px; ;margin-bottom: 10px;  position: relative; text-align: center;}
.leadership_info .avatar{ text-align: center; position: absolute; top: 20px; left: 20px; right: 20px; bottom: inherit; border-right: none; padding-right: 0;}
.leadership_info .info {width: 100%;}	
	
/*頁籤*/
.tab_box{border-bottom: none; margin-bottom: 10px; }
.tab_li{border-bottom: 1px solid #a59a58; margin-bottom: 10px; display: block;}
.tab_li li{width: 50%; text-align: center;}
.tab_li.ty2 li{width: auto;}
	.tab_li.ty2 a{padding:15px 4px }
/*右邊輸入欄位*/
.side_select{float:inherit;text-align: left;}
.side_select li{width: 100%; display: block; margin: 0 0 10px;}	
	
	
/*表格化 display:table樣式*/
.ul_table{ display: block; margin: 0;border: 1px solid #ddd; border-bottom: none;}
.ul_table .ul_tr{ display: block;}
.ul_table .ul_tr.ty2{display: none;}
.ul_table .ul_td{ display: block;width: 100%;  text-align: left; position: relative; padding: 10px 10px 10px 110px; border-bottom: 1px solid #ddd;line-height: 1.8em;}
.ul_table .in_tit{display: block; background-color: #f2f0e6; border-left: 2px solid #a59a58; position: absolute; top: 0; left: 0; bottom: 0; width: 100px; text-align: center; padding:5px; box-sizing: border-box; line-height: 2em;}

	

/*表格*/
table.tb_style th{padding: 10px 5px; text-align: center; font-size:1em; width: 30%;}
	
    /*分頁*/
    /*for .Net C# 分頁*/
    .pagination li ,
    .pagination li.PagedList-skipToPrevious, .pagination li.PagedList-skipToNext {margin:0 auto;}

/*報告下載*/
.report_li li{ width: 48%; margin:0 0 10px 2%;}
	
/*其他服務-電郵通知*/
.service_box.email{ padding:0 45% 50px 0; background-position:70% top;  min-height:180px;}
.service_box .h3, .service_box .h5{ font-weight: bold;line-height: 1.6em;}
.service_box .h5 .wrap{ display: inline;}
	
/*其他服務-聯絡窗口*/
.service_box.contact{ padding:0 45% 50px 0; background-position:70% top;  min-height:180px;}
.contact_box{margin: 0 0 10px;}
.contact_box .h5{ color: #a59a58; line-height: 1.8em; margin-bottom: 10px;}
.contact_box > li{ flex: 1 1 100%;}
.contact_box > li:nth-child(odd), .contact_box > li:nth-child(even){border: none; padding: 0; }

	
	
	
/*輸入區塊*/
.input_block{ padding: 10px; margin-bottom: 10px;}
ul.search_li li { padding: 0 5px 5px 15px ; margin-bottom: 10px; }
ul.search_li li .intit{ background: url("../images/sub_dot.png") 0 center no-repeat; background-size:8px; padding: 0 0 0 12px;position:static; top:0; left: 0; width: 100%; margin-left: -15px; margin-bottom: 5px;}
ul.search_li.ty2 li{ width: 100%; padding-right: 10px; padding-left:15px; display: inline-block; vertical-align: top;}
ul.search_li.ty2 li .intit{width: 100%;}
ul.search_li.ty2 li.all{width: 100%; }
	.main_block .main_box fieldset label{text-align:left; margin: 0 0.2em 0.4em 0;}
	
/*其他服務-問券調查*/
.service_box.survey{ padding:70px 35% 50px 0; background-position:20px 0; background-size: cover;  min-height:180px;}
/*輸入區塊-問券*/
ul.search_li02 li { padding:5px 0;}
ul.search_li02 li > div{}
ul.search_li02 .dec{ width: 34px; padding: 0; }
ul.search_li02 .intit{ width:calc(100% - 34px);max-width:calc(100% - 34px);padding-right:0;}
ul.search_li02 .input{ position: static; top: 0; right: 0; width:100%; min-height: 1.8em; margin-left: 0; }
ul.search_li02 .input input, ul.search_li02 .input select{ margin-bottom: 5px;}
	
.search_btn{  margin-bottom: 10px; padding-top: 10px;}
.search_btn li{width:40%; height: 40px; margin: 0 10px;}

    /*pop*/
    .pop, .pop.ty2{ width: 90%; margin-left:-45%; box-sizing:border-box; top:60px; background-size:150px auto; background-position: right -60px bottom -50px; padding:20px}
	.pop, .pop.ty2{padding: 40px 20px 20px;}
	.pop.ty2 .title{margin: -40px -20px 0 -20px; }
    .pop .close a{ top:-35px; right:-35px; width:30px; height:30px; background-size:30px auto;}
    .pop .title { font-size:1.25em; line-height: 1.5em;}
    .pop p{ font-size:0.875em; line-height: 1.6em;}



}

@media screen and (max-width: 425px){

}