/* wealth color: #373737, #b5b5b5, #666, #facd0f, #fac014 */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, th, td {
  padding: 0;
  margin: 0;
}

/* ASCII (碧筵綰) */

@font-face {
  font-family: 'Ampersand';
  unicode-range: U+7db0, U+78A7, U+7B75;
  font-style: normal;
  font-weight: normal;
  src: local('Microsoft JhengHei');
}

body {
  background-color: #fff;
  font-family: 'Ampersand', Microsoft JhengHei, '微軟正黑體', LiHei Pro, '儷黑體', PMingLiu, '新細明體', sans-serif !important;
  font-size: 16px;
  color: #666;
}

/*@media screen and (-webkit-min-device-pixel-ratio:0){ body {font-family: Verdana,Microsoft JhengHei, LiHei Pro, "儷黑體", PMingLiu, "新細明體", sans-serif;} } chrome hack*/

img {
  border: 0;
  display: block;
  margin: 0 auto;
}

ul, ol, li {
  list-style-type: none;
  list-style-image: none;
}

a {
  text-decoration: none;
  outline: none;
}

a:hover {
  text-decoration: none;
  outline: none;
}

.header_area, .top_area, #content_wrp, .focus_body, .scroll, .ft_wrp {
  margin: 0 auto;
}

#wrapper {
  width: 100%;
  position: relative;
  z-index: 0;
}

/*-----------------header------------------*/

#wealth_dh {
  width: 100%;
  background-color: #222;
}

/* logo */

.header_area {
  width: 1200px;
  height: 70px;
}

.bwmoney_logo {
  width: 185px;
  height: 40px;
  float: left;
  margin: 15px 40px 0 0;
}

.bwlogo_60 {
  width: 60px;
  height: 27px;
  float: right;
  margin-top: 10px;
}

/* search + social */

.srh_scl_wrp {
  width: 100%;
  background-color: #b5b5b5;
}

.hotkey {
  float: left;
  width: 180px;
  font-size: 14px;
  color: #fff;
}

.hotkey a {
  margin-left: 5px;
  text-decoration: none;
}

.hotkey a:hover {
  text-decoration: underline;
}

.top_area {
  display: block;
  width: 975px;
  height: 70px;
  float: left;
}

.top_area li {
  float: left;
  line-height: 70px;
  color: #fff;
}

.top_area li a {
  color: #fff;
}

.top_area li a:hover {
  color: #facd0f;
}

.top_area li.search_nav {
  width: 650px;
}

.top_area li.search_nav a {
  color: #facd0f;
}

.top_area li.search_nav a:hover {
  color: #facd0f;
}

.top_area li.fbfans, top_area li.fbfans a {
  width: 140px;
  font-size: 14px;
  margin-left: 10px;
}

.top_area li.register {
  width: 100px;
  font-size: 14px;
  text-align: center;
}

.top_area li.user {
  width: 160px;
  font-size: 12px;
  text-align: center;
  color: #373737;
}

.top_area li.fbsign a {
  width: 44px;
  background: url('../images/fb_btn.gif') 0 27px no-repeat;
  display: inline-block;
  text-indent: -9999em;
  text-align: center;
  margin-left: 25px;
}

/* search_nav */

.sch_box {
  width: 420px;
  font-size: 14px;
  color: #666;
  text-align: left;
  text-indent: 10px;
  height: 70px;
  float: left;
}

.seatext {
  padding-left: 5px;
  font-size: 15px;
  width: 370px;
  height: 27px;
  line-height: 27px;
  margin-top: 21px;
  border: 1px solid #fff;
  float: left;
  font-family: Verdana, Microsoft JhengHei, LiHei Pro, '儷黑體', PMingLiu, '新細明體', sans-serif;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .seatext {
    line-height: 18px;
  }
}

/*chrome hack*/

.seabtn {
  display: block;
  background: url(../images/icon_w.png) 3px -420px no-repeat;
  background-color: #666;
  border: none;
  cursor: pointer;
  width: 35px;
  height: 29px;
  float: left;
  text-indent: -9999em;
  margin-top: 21px;
}

.seabtn:hover {
  background-color: #facd0f;
}

/*---------------main_nav----------------------*/

#nav_wrp {
  width: 100%;
  background-color: #666;
  height: 45px;
  /*z-index:999;*/
}

.drop_wrp {
  width: 1190px;
}

.dropnav {
  float: left;
  width: 180px;
  height: 285px;
  background-color: #373737;
}

#Header1_Repeater1_SubMegameun_7 .dropnav {
  height: 325px;
}

.dropnav ul {
  font-size: 16px;
}

.dropnav li, .dropnav li.undo, .dropnav li.drophot {
  border-bottom: dotted #5c5c5c 1px;
  padding: 5px 10px;
}

.dropnav li, .dropnav li.undo, .dropnav li.drophot, .dropnav li a {
  width: 150px;
  line-height: 25px;
  color: #b5b5b5;
  text-align: left;
}

.dropnav li a:hover, .dropnav li.drophot a, .dropnav li.drophot a:hover {
  color: #facd0f;
}

.dropnav li.undo {
  color: #666;
}

/* dropdown article */

.drop_art, .drop360, .drop150_wrp, .drop150, .drop150_wrp_full {
  float: left;
}

.drop_art {
  width: 995px;
  height: 270px;
  margin: 15px 0 0 15px;
}

.drop360 {
  width: 345px;
  margin: 0 15px 15px 0;
}

.drop360_img a img {
  max-width: 100%;
}

.drop360 p a {
  font-size: 20px;
  line-height: 150%;
  color: #666;
}

.drop360 p a:hover, .drop150 p a:hover {
  color: #000;
  text-decoration: underline;
}

.drop150_wrp {
  width: 630px;
}

.drop150 {
  width: 142px;
  margin: 0 15px 15px 0;
}

.drop150_img a img {
  max-width: 100%;
}

.drop150 p {
  display: block;
  width: 150px;
  height: 38px;
}

/*20150518*/

.drop150 p a {
  font-size: 14px;
  line-height: 130%;
  color: #666;
}

.drop_art_full {
  width: 1190px;
  height: 270px;
  margin: 15px 0 0 15px;
}

.drop150_wrp_full {
  width: 790px;
}

/* overlayer */

#over_layer {
  background-color: #666;
  width: 100%;
  /*min-width: 990px;*/
  position: fixed;
  top: -45px;
  z-index: 0;
}

/*.fixnav {
	display: block;
	position: fixed;
	top:-45px;
}*/

/*-----------------content------------------*/

.big_ad970 {
  width: 970px;
  overflow: hidden;
  margin: 27px auto 0 auto;
}

#content_wrp {
  width: 1200px;
  margin: 20px auto 0 auto;
  overflow: hidden;
}

.sky_ad950 {
  width: 970px;
  overflow: hidden;
  margin: 0 auto;
  padding-bottom: 15px;
}

/****** content_left ******/

#index_main_cnt {
  float: left;
  width: 870px;
  margin-right: 30px;
}

#main_cnt {
  float: left;
  width: 870px;
  margin-right: 30px;
}

.cnt_title, .cnt_title_gry, .cnt_title_tag, .cnt_title_evt {
  height: 30px;
  width: 100%;
  margin-bottom: 7px;
}

.cnt_title, .cnt_title_tag {
  border-bottom: 1px solid #facd0f;
}

.cnt_title_gry, .cnt_title_evt {
  border-bottom: 1px solid #888;
}

.cnt_title_tag, .cnt_title_evt {
  margin-top: 15px;
}

.title_txt, .title_txt_gry {
  font: 1em;
  line-height: 27px;
  padding: 0 8px;
  font-weight: bold;
  display: inline-block;
  *display: inline;
}

.title_txt {
  background-color: #facd0f;
  border-top: 3px solid #edc003;
}

.title_txt_gry {
  color: #facd0f;
  background-color: #666;
  border-top: 3px solid #505050;
}

.title_txt_tag, .title_txt_evt, .title_txt_tag a, .title_txt_evt a, .title_txt_tag a:hover, .title_txt_evt a:hover {
  font: 1em;
  line-height: 30px;
  padding-left: 4px;
  font-weight: bold;
  display: block;
  width: 120px;
  color: #666;
}

.title_txt_evt a, .title_txt_evt a:hover {
  color: #facd0f;
}

.title_txt_tag {
  background: url(../images/icon_w.png) 0 -590px no-repeat;
}

.title_txt_evt {
  color: #facd0f;
  background: url(../images/icon_w.png) 0 -620px no-repeat;
}

#ContentPlaceHolder1_Panel1 .title_txt h1 {
  font-size: 16px;
}

/* marquee */

#realtime {
  width: 800px;
  height: 30px;
  margin-bottom: 7px;
  background-color: #000;
}

#realtime-art {
  width: 100%;
  height: 30px;
  margin-bottom: 7px;
  background-color: #000;
}

#real_title {
  float: left;
  font: 17px;
  line-height: 30px;
  height: 30px;
  font-weight: bold;
  background: url(../images/icon_w.png) -160px 0px no-repeat;
  color: #facd0f;
  width: 100px;
  text-align: center;
  letter-spacing: 1px;
}

#hot_marquee {
  position: relative;
  overflow: hidden;
  /* 超出範圍的部份要隱藏 */
  width: 500px;
  height: 30px;
  padding-left: 10px;
}

#hot_marquee ul, #hot_marquee li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#hot_marquee ul {
  position: absolute;
}

#hot_marquee ul li a {
  display: block;
  overflow: hidden;
  /* 超出範圍的部份要隱藏 */
  font-size: 16px;
  height: 30px;
  line-height: 30px;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
}

/* default-article */

#article_box {
  width: 620px;
  /*height:180px;*/
  overflow: hidden;
}

.article_top5 {
  float: left;
  width: 355px;
}

.article_top5 ul {}

.article_top5 li {
  background: url(../images/top5.png) 0 0 no-repeat;
  line-height: 25px;
  font-size: 17px;
  padding-left: 10px;
  margin-bottom: 4px;
}

.article_top5 li a {
  color: #666;
}

.article_top5 li a:hover {
  color: #000;
}

/* article pic250 slide */

.pic_box {
  float: left;
  width: 250px;
  margin-right: 15px;
}

.pic_block250 {
  margin: 0;
  padding: 0;
  width: 250px;
  height: 141px;
  overflow: hidden;
  position: relative;
  border: none;
}

.pic_block250 a img {
  max-width: 100%;
}

.wel-slide a, .wel-slide a:hover {
  color: #facd0f;
}

.wel-slide .title {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  width: 100%;
  background: url(../images/1px_70b.png);
}

.wel-slide .title h3 {
  margin: 0;
  padding: 1px 6px 5px 6px;
  font-weight: normal;
  font-size: 15px;
}

.wel-slide .desc {
  position: absolute;
  bottom: 27px;
  bottom: 24px\9;
  /*ie hack*/
  left: 0;
  width: 234px;
  display: none;
  overflow: hidden;
  color: #fff;
  background: url(../images/1px_70b.png);
  padding: 5px 8px 0 8px;
  padding: 5px 8px 0 8px\9;
  /*ie hack*/
  font-size: 13px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .wel-slide .desc {
    bottom: 26px;
    padding: 5px 8px 0 8px;
  }
}

/*chrome hack*/

.wel-slide .desc a, .desc a:hover {
  color: #fff;
}

/* today slider */

.focus_body {
  position: relative;
  width: 620px;
  height: 380px;
  background: #000;
  /*margin-top:5px;*/
}

.scroll {
  width: 620px;
  position: relative;
  height: 390px;
  overflow: hidden;
}

.arr_left {
  display: none;
  position: absolute;
  width: 75px;
  height: 75px;
  cursor: pointer;
  overflow: hidden;
  left: 0;
  top: 85px;
  z-index: 3;
  line-height: 400px;
  background: url(../images/icon_w.png) 0 -485px no-repeat;
  /*_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/arrow-left.png');*/
  _background: none;
}

.arr_right {
  display: none;
  position: absolute;
  width: 75px;
  height: 75px;
  cursor: pointer;
  overflow: hidden;
  right: 0;
  top: 85px;
  z-index: 3;
  line-height: 400px;
  background: url(../images/icon_w.png) -75px -485px no-repeat;
  /*_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/arrow-right.png');*/
  _background: none;
}

.scroll .box {
  float: left;
  width: 620px;
  height: 410px;
  position: relative;
}

.scroll .box a img {
  max-width: 100%;
}

.scroll .box .title {
  display: block;
  position: absolute;
  bottom: 60px;
  left: 0px;
  height: 90px;
  line-height: 40px;
  font-size: 22px;
  color: #fff;
  width: 590px;
  padding: 7px 15px;
  background: url(../images/1px_80b.png);
}

.scroll .box .title h4 {
  font-weight: normal;
  font-size: 16px;
  color: #b3b3b3;
  line-height: 23px;
  padding-top: 5px;
}

.scroll .box .title a {
  color: #fff;
}

.scroll .box .title a:hover {
  color: #facd0f;
}

.scroll_cont {
  width: 620px;
  height: 410px;
  overflow: hidden;
  position: relative;
}

.numList {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 4px;
  height: 20px;
}

.numList span {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 7px;
  cursor: pointer;
  background: url(../images/icon_w.png) -10px -460px no-repeat;
  margin-top: 3px;
}

.numList span.selected {
  background: url(../images/icon_w.png) 0 -460px no-repeat;
}

/* stock api */

.stock {
  width: 620px;
  height: 230px;
  margin: 20px auto;
}

/* tab area */

#hot_tab_area {
  width: 616px;
  border: 2px solid #fcc501;
  overflow: hidden;
  background-color: #fff;
  margin-top: 15px;
}

.wealth_tab {
  width: 620px;
  margin-top: 5px;
}

ul.tabs {
  width: 618px;
  height: 35px;
  margin: 0 auto;
}

ul.tabs li {
  float: left;
  font-size: 17px;
  height: 35px;
  line-height: 35px;
  overflow: hidden;
  /*position: relative;
		/*margin-bottom: -1px;*/
  /* 讓 li 往下移來遮住 ul 的部份 border-bottom */
  border-left: none;
  margin: 0 2px;
}

ul.tabs li a {
  display: block;
  padding: 0 15px;
  color: #fff;
  background-color: #666;
}

ul.tabs li a:hover {
  background: #facd0f;
  color: #666;
}

ul.tabs li.active, ul.tabs li.active a, ul.tabs li.active a:hover {
  background: #facd0f;
  color: #202020;
}

.tab_container {
  width: 100%;
}

.tab_container .tab_content {
  padding: 0;
}

.tab_container {
  margin-top: 10px;
}

.tab_hot {
  width: 100%;
}

.tab_hot li {
  width: 100%;
  border-bottom: solid 1px #fbeec0;
  font-size: 17px;
  line-height: 40px;
  padding: 0 10px;
}

.tab_hot li a {
  color: #373737;
}

.tab_hot li a:hover {
  text-decoration: underline;
  color: #000;
}

.tab_hot li.adview {
  background-color: #fdf2d7;
}

.tab_hot li.morehot, .tab_hot li.morehot a {
  background-color: #dad9d7;
  text-align: center;
  font-size: 15px;
  border-bottom: none;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: 1px;
}

/*20151210*/

.tab_hot li.morehot a:hover {
  font-size: 15px;
  border-bottom: none;
  text-decoration: none;
  font-weight: bold;
}

/*20151210*/

.exclu, .iread, .ilike, .ivideo, .ievent, .iphoto, .iadvt {
  float: left;
  width: 40px;
  height: 20px;
  margin: 10px 7px 0 0;
}

.exclu {
  background: url(../images/icon_w.png) 0 -110px no-repeat;
}

.iread {
  background: url(../images/icon_w.png) -40px -110px no-repeat;
}

.ilike {
  background: url(../images/icon_w.png) -80px -110px no-repeat;
}

.ivideo {
  background: url(../images/icon_w.png) -120px -110px no-repeat;
}

.ievent {
  background: url(../images/icon_w.png) -160px -110px no-repeat;
}

.iphoto {
  background: url(../images/icon_w.png) -200px -110px no-repeat;
}

.iadvt {
  background: url(../images/icon_w.png) -240px -110px no-repeat;
}

.tab_ad600 {
  width: 600px;
  margin: 15px 0 10px 8px;
}

.tab_site_left {
  float: left;
  width: 300px;
  height: 600px;
  margin-left: -8px;
}

/*20150518*/

.tab_site_right {
  width: 275px;
  height: 600px;
  margin-left: 325px;
}

.tab_ad275, .tab_ad125 {
  width: 275px;
}

.tab_ad275_i {
  width: 275px;
  height: 155px;
  margin-bottom: 10px;
}

.tab_ad275 h3, .tab_ad275 h3 a {
  font-size: 18px;
  color: #373737;
}

.tab_ad275 h3 a:hover {
  text-decoration: underline;
}

.tab_ad275 p {
  font-size: 15px;
  color: #666;
  margin-top: 3px;
}

.tab_ad125 {
  margin-top: 20px;
}

.tab_ad125_i {
  width: 125px;
  height: 125px;
  margin-right: 10px;
  float: left;
}

.tab_ad125_t {
  width: 140px;
  margin-left: 135px;
}

.tab_ad125_t h3, .tab_ad125_t h3 a {
  font-size: 15px;
  color: #373737;
}

.tab_ad125_t h3 a:hover {
  text-decoration: underline;
}

.tab_ad125_t p {
  font-size: 15px;
  color: #666;
  margin-top: 2px;
}

.tab_ad62 {
  width: 600px;
  height: 200px;
  margin-bottom: 15px;
  margin-left: -8px;
}

/*20150518*/

.tab_ad190 {
  width: 190px;
  margin-right: 15px;
  float: left;
}

.tab_ad190_last {
  width: 190px;
  margin-right: 0px;
  float: left;
}

.tab_ad190_i {
  width: 190px;
  height: 190px;
  margin-bottom: 5px;
}

.tab_ad190 h3, .tab_ad190 h3 a, .tab_ad190_last h3, .tab_ad190_last h3 a {
  font-size: 18px;
  color: #373737;
}

.tab_ad190 h3 a:hover, .tab_ad190_last h3 a:hover {
  text-decoration: underline;
}

.tab_ad190 p, .tab_ad190_last p {
  font-size: 15px;
  color: #666;
  margin-top: 3px;
  margin-bottom: 15px;
}

/*-------------------- right -----------------*/

#right_cnt, .chart_wrp, .ad_banner, .tool_sp, .right_pro_img, .group_wrp, .group, .fb_brd {
  width: 300px;
}

.right_pro_img a img {
  max-width: 100%;
}

#right_cnt {
  float: left;
  /*margin-left:650px;*/
}

.chart_wrp {
  height: 200px;
}

.right_pro, .group_wrp {
  margin-top: 20px;
}

.right_pro {
  padding-bottom: 20px;
}

.ad_banner, .ad_banner2 {
  margin-top: 0px;
}

.right_pro p, .right_pro p a {
  font-size: 17px;
  line-height: 130%;
  color: #666;
  margin-top: 5px;
}

.right_pro p a:hover {
  color: #000;
}

/*.tool_sp { margin: 0;padding: 0; height:140px;overflow: hidden;position: relative;}
.tool_sp img {position: absolute; max-width:100%; overflow:hidden;}
.tool_sp .caption {
	position: absolute;
	top: 82px;	
	width: 284px;
	padding:5px 8px;
	cursor: pointer;
	color: #fff;
	background: url(../images/1px_70b.png) repeat;
	height: 52px;
	}*/

.tool_sp {
  margin: 0;
  padding: 0;
  height: 300px;
  overflow: hidden;
  position: relative;
}

.tool_sp img {
  position: absolute;
  max-width: 100%;
}

.tool_sp .caption {
  position: absolute;
  top: 242px;
  width: 284px;
  padding: 5px 8px;
  cursor: pointer;
  color: #fff;
  background: url(../images/1px_70b.png) repeat;
  height: 52px;
}

.tool_sp .caption h3 {
  margin: 0;
  font-size: 17px;
  line-height: 23px;
  font-weight: normal;
}

.tool_sp .caption h3 a {
  text-decoration: none;
  color: #fff;
}

.tool_sp .caption h3 a:hover {
  text-decoration: none;
  color: #facd0f;
}

/*social media 20151002*/

.socialindex {
  width: 300px;
  overflow: hidden;
  margin: 0 auto 20px auto;
}

.in-fb a, .in-line a, .in-ytb a, .in-rss a {
  width: 50px;
  height: 50px;
  margin-right: 10px;
  float: left;
  text-indent: -9999px;
}

.in-fb a {
  background: url(../images/icon_w.png) 0 -800px no-repeat;
}

.in-line a {
  background: url(../images/icon_w.png) -50px -800px no-repeat;
}

.in-ytb a {
  background: url(../images/icon_w.png) -100px -800px no-repeat;
}

.in-rss a {
  background: url(../images/icon_w.png) -150px -800px no-repeat;
}

.in-fb a:hover {
  background: url(../images/icon_w.png) 0 -850px no-repeat;
}

.in-line a:hover {
  background: url(../images/icon_w.png) -50px -850px no-repeat;
}

.in-ytb a:hover {
  background: url(../images/icon_w.png) -100px -850px no-repeat;
}

.in-rss a:hover {
  background: url(../images/icon_w.png) -150px -850px no-repeat;
}

/* group 6 */

.group_wrp {
  height: 255px;
}

.group_salary a, .group_house a, .group_care a, .group_basket a, .group_retire a, .group_ace a {
  float: left;
  display: block;
  width: 90px;
  height: 25px;
  margin: 0 15px 15px 0;
  text-align: center;
  color: #fff;
  padding-top: 65px;
}

.group_salary a {
  background: url(../images/icon_w.png) 0 -150px no-repeat;
}

.group_house a {
  background: url(../images/icon_w.png) -180px -150px no-repeat;
}

.group_care a {
  background: url(../images/icon_w.png) 0 -240px no-repeat;
  margin-right: 0;
}

.group_basket a {
  background: url(../images/icon_w.png) -180px -240px no-repeat;
}

.group_retire a {
  background: url(../images/icon_w.png) 0 -330px no-repeat;
}

.group_ace a {
  background: url(../images/icon_w.png) -180px -330px no-repeat;
  margin-right: 0;
}

.group_salary a:hover {
  background: url(../images/icon_w.png) -90px -150px no-repeat;
  color: #666;
}

.group_house a:hover {
  background: url(../images/icon_w.png) -270px -150px no-repeat;
  color: #666;
}

.group_care a:hover {
  background: url(../images/icon_w.png) -90px -240px no-repeat;
  color: #666;
}

.group_basket a:hover {
  background: url(../images/icon_w.png) -270px -240px no-repeat;
  color: #666;
}

.group_retire a:hover {
  background: url(../images/icon_w.png) -90px -330px no-repeat;
  color: #666;
}

.group_ace a:hover {
  background: url(../images/icon_w.png) -270px -330px no-repeat;
  color: #666;
}

/* fb_area */

.fb_brd {
  overflow: hidden;
  margin-top: 20px;
  padding-bottom: 20px;
}

/* blog_area */

.blogarea {
  width: 300px;
  overflow: hidden;
  margin-top: 20px;
}

.blogarea li {
  float: left;
  margin: 0 12px 13px 0;
  border: 1px solid #ccc;
}

.blogarea li.three {
  margin-right: 0;
}

.blog_tip {
  padding: 0;
  width: 90px;
  height: 90px;
  overflow: hidden;
  position: relative;
}

.blog_tip img {
  position: absolute;
}

.blog_tip a img {
  max-width: 100%;
}

.blog_tip .caption {
  position: absolute;
  top: 65px;
  /* .abgne_tip_gallery_block 的高 - 想顯示 title 的高(這邊是設 55) */
  width: 78px;
  /* .abgne_tip_gallery_block 的寬 - .caption 的左右 padding */
  padding: 4px 6px;
  cursor: pointer;
  color: #fff;
  background: url(../images/1px_80b.png) repeat;
}

.blog_tip .caption h3 {
  margin: 0;
  font-size: 15px;
  font-weight: normal;
  line-height: 20px;
}

.blog_tip .caption h3 a {
  text-decoration: none;
  color: #fff;
}

.blog_tip .caption h3 a:hover {
  text-decoration: none;
  color: #facd0f;
}

/* footer */

#footer {
  background-color: #facd0f;
  font-weight: bolder;
  line-height: 21px;
  width: 100%;
  position: relative;
  z-index: 101;
  margin-top: 20px;
  font-weight: bolder;
}

.ft_wrp {
  width: 1200px;
  padding: 20px 0;
}

.ft_map {
  float: left;
  width: 650px;
}

.mapcate_w {
  height: auto;
  width: 100%;
  padding-bottom: 15px;
}

.mapcate {
  float: left;
  width: 190px;
  margin-right: 25px;
}

.maptt {
  font-size: 16px;
  line-height: 26px;
  border-bottom: #d8a803 solid 3px;
  color: #000;
  margin-bottom: 5px;
  /*display:inline-block;*/
}

.mapcate li {
  width: 95px;
  float: left;
  font-size: 13px;
  color: #666;
  padding-top: 5px;
  line-height: 16px;
}

.mapcate li a {
  color: #373737;
  text-decoration: none;
}

.mapcate li a:hover {
  color: #000;
  text-decoration: none;
}

.mapcopy, .ingroup p {
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  color: #000;
  margin: 5px 20px 0 0;
}

.ft_inf {
  width: 300px;
  margin-left: 900px;
}

.inf_w {
  width: 100%;
  background-color: #fdd341;
  /*border-radius:3px;*/
  padding-bottom: 8px;
}

.ingroup {
  width: 94%;
  margin: 0 auto;
}

.ingroup_t {
  font-size: 16px;
  line-height: 26px;
  border-bottom: #d8a803 solid 3px;
  color: #000;
  margin-bottom: 5px;
}

.ingroup ul {
  clear: both;
  display: inline-block;
  margin-bottom: 10px;
  padding-bottom: 15px;
}

.ingroup li {
  float: left;
  padding-right: 10px;
}

.ingroup a {
  display: block;
  width: 60px;
  height: 30px;
  text-indent: -9999em;
}

.ingroup li a.bwg {
  background: url(../images/icon_w.png) 0 -660px no-repeat;
}

.ingroup li a.smart {
  background: url(../images/icon_w.png) -60px -660px no-repeat;
}

.ingroup li a.golf {
  background: url(../images/icon_w.png) -120px -660px no-repeat;
}

.ingroup li a.bwe {
  background: url(../images/icon_w.png) -180px -660px no-repeat;
}

.ingroup p {
  margin-bottom: 0;
  font-family: Arial, Microsoft JhengHei, '微軟正黑體', LiHei Pro, '儷黑體', PMingLiu, '新細明體', sans-serif;
}

/* bw_link_black_down */

#bwlink {
  width: 100%;
  background-color: #373737;
}

.bwlink_nav {
  margin: 0 auto;
  /*background-color:#0C9;*/
  height: 35px;
  width: 510px;
}

.bwlink_nav ul {}

.bwlink_nav li {
  font-size: 14px;
  font-weight: bold;
  float: left;
  color: #fff;
  padding: 0 10px;
  line-height: 35px;
}

.bwlink_nav li a {
  color: #fff;
  text-decoration: none;
}

.bwlink_nav li a:hover {
  color: #facd0f;
  text-decoration: none;
}

/* top */

.gototop {
  position: absolute;
  z-index: 999;
}

.gototop a {
  display: block;
  text-indent: -9999em;
  width: 60px;
  height: 60px;
  background: url(../images/icon_w.png) 0 -700px no-repeat;
  position: fixed;
  top: 60%;
  right: 5px;
}

.gototop a:hover {
  background: url(../images/icon_w.png) -60px -700px no-repeat;
  background-color: #000;
  text-align: center;
  text-decoration: none;
  opacity: 1;
  filter: alpha(opacity=100);
  /* For IE8 and earlier */
}

@media (max-width: 768px) {
  .drop_wrp {
    display: none;
    width: 100%;
  }
}

/*ADMA*/

.awards, .awards a, .awards a:hover {
  display: block;
  position: fixed;
  right: 0;
  top: 60px;
  width: 90px;
  height: 135px;
  z-index: 9999;
  text-indent: -9999px;
  background: url(../images/adma2015.png) 0 0 no-repeat;
}

/* for fixed AD */

#door {
  position: fixed;
  top: 142px;
  z-index: 1;
  width: 990px;
  margin: 0 auto;
  text-align: center;
}

#doorleft {
  position: absolute;
  left: -320px;
}

#doorright {
  position: absolute;
  right: -530px;
}

#twodoorad>div.fixed {
  position: fixed;
}

/*================= new version 20170522 ======================*/

/*new slider*/

#zSlider {
  width: 100%;
  overflow: hidden;
  padding-bottom: 30px;
}

#picshow {
  position: relative;
}

#picshow, #picshow_img {
  width: 800px;
  height: 452px;
  overflow: hidden;
  float: left;
}

#picshow_img li {
  width: 800px;
  height: 452px;
  overflow: hidden;
  float: left;
  display: none;
}

#picshow_img img {
  width: 100%;
}

#picshow_tx {
  left: 0px;
  width: 800px;
  bottom: 0px;
  position: absolute;
  height: 76px;
  overflow: hidden;
}

#picshow_tx li {
  background: url(../images/1px_70b.png) repeat;
  padding: 8px 20px;
  height: 60px;
  color: #fff;
  display: none;
}

#picshow_tx li a {
  color: #fff;
  text-decoration: none;
  font-size: 2rem;
}

#picshow_tx li a:hover {
  text-decoration: underline;
}

#picshow_tx li h2, #picshow_tx li h3 {
  margin: 0.65rem 0;
  font-weight: normal;
  font-size: 18.72px;
}

/*#picshow_tx li p{ color:#ccc; line-height:16px; height:16px; overflow:hidden;}*/

#select_btn {
  width: 400px;
  height: 452px;
  color: #111;
  float: right;
  display: inline;
  background-color: #e8e8e8;
}

#select_btn li {
  padding: 8px 11px 0px 9px;
  width: 380px;
  height: 66px;
  border-top: 1px solid #fff;
  cursor: pointer;
}

#select_btn li:hover {
  background-color: #facd0f;
}

#select_btn li.current {
  background-color: #facd0f;
}

#select_btn li.current:hover {
  background-color: #facd0f;
}

#select_btn a {
  color: #000;
  text-decoration: none;
}

#select_btn img {
  padding: 0 2px;
  width: 100px;
  margin-right: 10px;
  float: left;
}

#select_btn .select_text {
  overflow: hidden;
  display: block;
  font-size: 19px;
  line-height: 22px;
  margin-top: 0px;
}

#select_btn .select_text:hover {
  text-decoration: underline;
}

#select_btn .select_date {
  height: 18px;
  line-height: 18px;
  overflow: hidden;
  display: block;
  font-size: 0.9rem;
  text-decoration: none;
  color: #666;
}

/*news list 15*/

.new_news, .new_news2 {
  width: 100%;
  overflow: hidden;
  padding: 1.5rem 0;
  border-top: 1px solid #c8c8c8;
}

.new_news img {
  float: left;
  width: 300px;
  margin-right: 25px;
}

.new_news2 img {
  width: 75%;
  float: left;
}

.new_news a img, .new_news2 a img {
  max-width: 100%;
}

.new_news_cnt {
  float: left;
  width: calc(99.9999% - 325px);
  overflow: hidden;
}

.new_news_cnt span {
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: #666;
  border-top: #efc620 solid 3px;
}

.new_news_cnt a span, .new_news_cnt2 a span {
  font-size: 1.125rem;
  color: #666;
  border-top: #efc620 solid 3px;
  transition: color 0.5s ease-out;
}

.new_news_cnt a:hover span, .new_news_cnt2 a:hover span {
  color: #333;
  transition: color 0.5s ease-in;
}

.new_news_cnt a p {
  font-size: 1.5rem;
  line-height: 2rem;
  color: #000;
  margin: 0.5rem 0;
}

.new_news_cnt a:hover p {
  text-decoration: underline;
}

.new_news_cnt>a+div, .new_news_cnt h5 {
  font-size: 1rem;
  color: #666;
  margin: 0.5rem 0;
  font-weight: normal;
}

.news_date {
  font-size: 0.9rem;
  color: #666;
}

.new_news_cnt2 {
  width: 100%;
  overflow: hidden;
}

.new_news_cnt2 span {
  float: left;
  margin-right: 1.5rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: #666;
  border-top: #efc620 solid 3px;
}

.news_date2 {
  float: left;
  font-size: 0.9rem;
  color: #666;
  padding-top: 0.65rem;
}

.new_news2 a p {
  font-size: 1.5rem;
  line-height: 2rem;
  color: #000;
  margin: 0.5rem 0;
}

.new_news2 a:hover p {
  text-decoration: underline;
}

/* new HOT 5 */

.newhotfive {
  width: 100%;
  overflow: hidden;
  margin: 0 auto 20px auto;
}

.new_Rtitle, .new_Rtitle a {
  font-size: 1.5rem;
  color: #000;
  border-top: #efc620 solid 3px;
  transition: color 0.5s ease-out;
}

.hot-first {
  overflow: hidden;
  width: 100%;
  padding: 0.25rem 0 0.75rem 0;
  border-bottom: #9b9b9b dotted 1px;
}

.hot-first a img {
  max-width: 100%;
}

.hot-first a p {
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: #000;
  padding-top: 5px;
  text-decoration: none;
}

.newhotfive ul {}

.newhotfive li {
  padding: 0.75rem 0;
  border-bottom: #9b9b9b dotted 1px;
}

.newhotfive li a {
  display: block;
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: #000;
  padding-left: 38px;
}

.hot-first a:hover p, .newhotfive li a:hover {
  text-decoration: underline;
}

.hot-first span, .hotNo {
  width: 30px;
  line-height: 30px;
  height: 30px;
  font-size: 22px;
  text-align: center;
  color: #000;
  background: #efc620;
  font-family: Century Gothic;
}

.hot-first span {
  position: absolute;
  margin-top: 140px;
}

.hotNo {
  float: left;
  margin-right: 0.5rem;
  overflow: hidden;
}

/* new blogarea */

.new_blogs {
  width: 300px;
  overflow: hidden;
  margin-top: 20px;
  padding-bottom: 15px;
}

.new_blogs li {
  float: left;
  width: 150px;
  margin-top: 10px;
}

.blogscnt {
  width: 145px;
  overflow: hidden;
}

.blogscnt img {
  float: left;
  width: 25px;
  width: 25px;
  line-height: 25px;
  margin-right: 5px;
}

.blogscnt a img {
  max-width: 100%;
}

.blogscnt a p {
  font-size: 15px;
  line-height: 25px;
  color: #000;
  text-decoration: none;
}

.blogscnt a:hover p {
  text-decoration: underline;
}

/*<!-- 加line好友 -->*/

.top_area li.search_nav {
  width: 600px;
}

/*<!-- 20200901更新 -->*/

.top_area li.fbfans, top_area li.fbfans a {
  width: 130px;
}

.top_area li.register {
  width: 120px;
}

/*<!-- 20200902更新 -->*/

.top_area .line-friend {
  display: block;
  padding-top: 24px;
}

.top_area .line-friend img {
  display: block;
  max-width: 100%;
}


/*<!-- 20200902更新 -->*/

/* 20220210 大變局年廣告版位 */
.event-side-top-ad {
  margin-bottom: 20px;
}


/*IndepArticle youtube responsive 20190425新增*/

@media (min-width: 870px) {
  .article_main iframe[src*="https://www.youtube"], section.article iframe[src*="http://www.youtube"] {
    width: 870px;
    height: 490px;
  }
}