﻿@charset "UTF-8";

*{
	box-sizing:border-box;
  font-family: "微軟正黑體", Arial, "Helvetica Neue", Helvetica, sans-serif;
  
	}
  /*無障礙更改*/
body[data-js="false"] form{
    padding: 109px 0;
  }
body[data-js="false"] .weather{
    margin: 78px -11px;
  }
body[data-js="false"] .search{
    padding: 38px 0;
  }
body[data-js="false"] .search a{
    top:39px;
  }
body[data-js="false"] .hot_search{
    padding: 36px 0;
  }    

 /*無障礙修改05*/
 body input[type="submit"]:focus{
    background-color: #F19500;
    color: #ffffff;
}
input[type="submit"]:focus.subscription input{
    color:#FFFFFF;
    background-color: #3fb6f2;
    background-image: none;
}  
.subscription input[type="text"]:focus{
  outline: #007eff dotted medium;
}

input#ContentPlaceHolder1_btnRefreshValiCode:focus{
  background-color: #ad5a18!important;
}
input#ContentPlaceHolder1_uscValidVoice1_btnVoice:focus{
 background-color: #ad5a18!important;
}
input#ContentPlaceHolder1_btnSubscription:focus{
 background-color: #ad5a18!important;  
}
input#ContentPlaceHolder1_btnCancelSubscription:focus{
 background-color: #ad5a18!important;  
}
input#ContentPlaceHolder1_Button1:focus{
 background-color: #ad5a18!important;  
}

/* line 182, ../sass/_variable.scss */
.tabs ul:after, [data-tabtype="1"] > .container > .inner:after, .opnemenu_area .allmenu:after, .footer_bg .footer .footer_iconlink ul:after, .menubg .menuarea #menu li div .over15_02:after, .menubg .menuarea #menu li div .over15_03:after, .menubg .menuarea #menu li div .over15_04:after, .menubg .menuarea #menu li div .over15_05:after, .menubg .menuarea #menu:after, .slider_model .slider_bottom_box .bg_box:after, .banner_slider_model .banner_slider_box .banner_mask ul:after, .module_news1_a ul li:after, .module_news1_b ul li h5:after,.module_news1_b ul li .h5:after, .module_news_rotate ul li:after, .module_photo .model_ctrl_tools:after, .module_photo ul:after, .module_link_photo_v ul li:after, .module_link_photo_h ul:after, .vote:after, .module_rss ul li:after, .email .search_un:after, .ModuleArea:after, .module_anchor ul:after {
  content: "​";
  display: block;
  height: 0;
  clear: both;
}

/* line 189, ../sass/_variable.scss */
.topbg .toplog .toplog h1 a, .topbg .toplog .fontlevel ul li a, .topbg .toplog .search .searchbt1 .searchbt1 a, .footer_bg .footer .footer_iconlink ul li a, .slider_model .model_ctrl_tools a, .slider_model .model_ctrl_tools a.ctrl_left, .slider_model .model_ctrl_tools a.ctrl_right, .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_left, .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_right, .i_module_calendar_style #module_calendar_0_0 span a:first-child, .i_module_calendar_style #module_calendar_0_0 span .month + a, .prepage_v, .nextpage_v {
  text-indent: -9999px;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
      -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
    -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
    transition: background .5s ease-in-out,padding .5s ease-in-out;
}

/* line 196, ../sass/_variable.scss */
.second_menu ul li h5 a, .slider_model .slider_list_box ul li a h5, .slider_model .slider_list_box ul li a p, .slider_model .slider_bottom_box .bg_box h5, .slider_model .slider_bottom_box .bg_box p, .slider_model .ctrl_dot_box ul, .Marquee .marquee_box ul li, .module_news1_b ul li h5 a, .module_photo ul li a h5, .module_photo ul li a span, .module_link_photo_v ul li, .module_link_photo_v ul li a, .module_rss ul li a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.second_menu ul li .h5 a, .slider_model .slider_list_box ul li a .h5, .slider_model .slider_list_box ul li a p, .slider_model .slider_bottom_box .bg_box .h5, .slider_model .slider_bottom_box .bg_box p, .slider_model .ctrl_dot_box ul, .Marquee .marquee_box ul li, .module_news1_b ul li .h5 a, .module_photo ul li a .h5, .module_photo ul li a span, .module_link_photo_v ul li, .module_link_photo_v ul li a, .module_rss ul li a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 202, ../sass/_variable.scss */
.content .content_top, .content .content_middle, .content .content_bottom {
  display: block;
  width:100%;
}

/* line 214, ../sass/_variable.scss */
.second_menu, .Marquee, .module_news1_1, .module_news_rotate, .module_news1_11, .module_photo, .module_link_photo_v, .module_link_photo_h, .module_link_photo_Select, .vote, .module_rss, .wrapper .weather, .i_module_calendar_style, .email, .module_video, .photoandtext, .ModuleArea, .module_anchor {
  position: relative;
  /*margin-bottom: 20px;*/
  /*padding: 20px 0;*/
}

/* line 219, ../sass/_variable.scss */
.module_news1_1 h4, .module_news_rotate h4, .module_news1_11 h4, .module_photo h4, .module_link_photo_v h4, .module_link_photo_h h4, .module_link_photo_Select h4, .vote h4, .module_rss h4, .i_module_calendar_style h4, .email h2, .module_video h4, .photoandtext h4, .module_anchor h4 {
  padding: 10px 0;
  margin-bottom: 10px;
  font-size: 1.8em;
  color: #009B8B;
  text-align: center;
}
.module_news1_1 .h4, .module_news_rotate .h4, .module_news1_11 .h4, .module_photo .h4, .module_link_photo_v .h4, .module_link_photo_h .h4, .module_link_photo_Select .h4, .vote .h4, .module_rss .h4, .i_module_calendar_style .h4, .email h2, .module_video .h4, .photoandtext .h4, .module_anchor .h4 {
  padding: 10px 0;
  margin-bottom: 10px;
  font-size: 1.8em;
  color: #009B8B;
  text-align: center;
}

.module_photo .h4 h2{
  display: inline-block;
}
.module_video h4,.module_video .h4{
  padding: 0;
  margin-bottom:0;
  font-size: 1.8em;
  color: #FFF;
  text-align: center;
  /*background: url(../images/index/videoBg.jpg) no-repeat scroll 50% 0;*/
  text-indent: -9999px;
  height: 0px;
  border-bottom: 1px solid #FFFFFF;
}




/* line 235, ../sass/_variable.scss */
body input[type="text"], body input[type="email"], body input[type="number"], body input[type="password"], body select {
  border:none;
  /*background:transparent;*/
	vertical-align: middle;
    color: #4E4A4A;
    font-family: "微軟正黑體",Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    height: 34px;
    line-height: 30px;
    /* margin: 5px 20px 0 20px; */
    background-color: #fff;
    width: 500px;
    padding: 0 10px!important;
    border: #cccccc 1px solid !important;
    margin: 2px 0 2px 0;
}

body select {
    width: 100px;  
}

body textarea{
    margin: 2px 0 2px 0;
    width: 500px;
    border: #cccccc 1px solid !important;
}

/* line 242, ../sass/_variable.scss */
body input[type="submit"], body input[type="button"], .banner_slider_model .banner_slider_box .model_ctrl_tools a, .footer_Login a, #WWWEdit .WWWEdit_Edit, .module_photo .model_ctrl_tools a, .vote input[type="submit"], .module_news1_more, .module_link_photo_h_more, .module_video_more, .content_bottom .banner_slider_model .model_ctrl_tools_02 a.ctrl_more , .data_midlle .data_midlle_link .link_search a.news_search{
  border-radius: 4px;
  /*background-color: mixin(white, #e5e5e5);*/
  /*background-image: linear-gradient(to bottom, #ffffff 50%, #e5e5e5 100%);*/
  /* W3C */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='white', endColorstr='#e5e5e5',GradientType=0 );*/
  /* IE6-9 */
  display: inline-block;
  padding: 5px 8px;
  color: #FFFFFF;
  border: 1px solid #e5e5e5;
  line-height: 1;
  cursor: pointer;
  vertical-align: middle;
  outline: none;
  font-size: 0.9em;
  font-family: "微軟正黑體", Arial, "Helvetica Neue", Helvetica, sans-serif;
  background-color: #F19500;
}

.data_midlle .data_midlle_link .link_search {
  padding: 0 0 10px 0;
  text-align: right;
}

/* line 255, ../sass/_variable.scss */
body input[type="submit"]:link, body input[type="button"]:link, .banner_slider_model .banner_slider_box .model_ctrl_tools a:link, .footer_Login a:link, #WWWEdit .WWWEdit_Edit:link, .module_photo .model_ctrl_tools a:link, .vote input[type="submit"]:link, .module_news1_more:link, .module_link_photo_h_more:link, .module_video_more:link, .content_bottom .banner_slider_model .model_ctrl_tools_02 a.ctrl_more:link {
  color: #3f3f3f;
}
/* line 259, ../sass/_variable.scss */
body input[type="submit"]:visited, body input[type="button"]:visited, .banner_slider_model .banner_slider_box .model_ctrl_tools a:visited, .footer_Login a:visited, #WWWEdit .WWWEdit_Edit:visited, .module_photo .model_ctrl_tools a:visited, .vote input[type="submit"]:visited, .module_news1_more:visited, .module_link_photo_h_more:visited, .module_video_more:visited,  .content_bottom .banner_slider_model .model_ctrl_tools_02 a.ctrl_more:visited {
  color: #3f3f3f;
}
/* line 263, ../sass/_variable.scss */
body input[type="submit"]:hover, body input[type="button"]:hover, .banner_slider_model .banner_slider_box .model_ctrl_tools a:hover, .footer_Login a:hover, #WWWEdit .WWWEdit_Edit:hover, .module_photo .model_ctrl_tools a:hover, .vote input[type="submit"]:hover, .module_news1_more:hover, .module_link_photo_h_more:hover, .module_video_more:hover, .content_bottom .banner_slider_model .model_ctrl_tools_02 a.ctrl_more:hover {
  color: #FFFFFF;
  background-color: #3fb6f2;
  background-image: none;
}
/* line 269, ../sass/_variable.scss */
body input[type="submit"]:active, body input[type="button"]:active, .banner_slider_model .banner_slider_box .model_ctrl_tools a:active, .footer_Login a:active, #WWWEdit .WWWEdit_Edit:active, .module_photo .model_ctrl_tools a:active, .vote input[type="submit"]:active, .module_news1_more:active, .module_link_photo_h_more:active, .module_video_more:active, .content_bottom .banner_slider_model .model_ctrl_tools_02 a.ctrl_more:active {
  color: #3f3f3f;
}

/* line 318, ../sass/_variable.scss */
body{


 overflow-x: hidden!important;
  background: #FFFFFF;
  outline: none!important;
}
.tabs {
  margin-bottom: 10px;
}
/* line 321, ../sass/_variable.scss */
.tabs ul {
  position:relative;
}
/* line 324, ../sass/_variable.scss */
.tabs ul li {
 /* width:300px;
  height:40px;*/
  float: left;
  overflow: hidden;
  text-align: center;
}
/* line 332, ../sass/_variable.scss */
.tabs ul li + li {
  /*margin-left: 6px;*/
}
/* line 336, ../sass/_variable.scss */
.tabs ul li:hover {
  /*background-color: #E4E4E4 ;*/
  color: #ffffff;
}
/* line 341, ../sass/_variable.scss */
.tabs ul li a, .tabs ul li span {
  
}
/* line 348, ../sass/_variable.scss */
.tabs ul li a span, .tabs ul li a a, .tabs ul li span span, .tabs ul li span a {
  display: inline;
  padding: 0;
  font-size: 1em;
  background-color: transparent;
}
/* line 356, ../sass/_variable.scss */
.tabs ul li .tabs_yes, .tabs ul li.data_midlle_news_category_yes {

}

.card .date{
	color: #feff00;
}



/*
tabtype 0 模組
tabtype 1 分割
tabtype 2 頁籤
tabtype 3 單攔
*/
/* line 21, ../sass/_grid.scss */
[data-tabtype="1"][data-child="2"] > .container > .inner > .group {
  float: left;
  width: 50%;
}

/* line 21, ../sass/_grid.scss */
[data-tabtype="1"][data-child="3"] > .container > .inner > .group {
  float: left;
  width: 33.3333333333%;
}

/* line 21, ../sass/_grid.scss */
[data-tabtype="1"][data-child="4"] > .container > .inner > .group {
  float: left;
  width: 25%;
}

/* line 21, ../sass/_grid.scss */
[data-tabtype="1"][data-child="5"] > .container > .inner > .group {
  float: left;
  width: 20%;
}

/* line 21, ../sass/_grid.scss */
[data-tabtype="1"][data-child="6"] > .container > .inner > .group {
  float: left;
  width: 16.6666666667%;
}

/* line 21, ../sass/_grid.scss */
[data-tabtype="1"][data-child="7"] > .container > .inner > .group {
  float: left;
  width: 14.2857142857%;
}

/* line 21, ../sass/_grid.scss */
[data-tabtype="1"][data-child="8"] > .container > .inner > .group {
  float: left;
  width: 12.5%;
}

/* line 21, ../sass/_grid.scss */
[data-tabtype="1"][data-child="9"] > .container > .inner > .group {
  float: left;
  width: 11.1111111111%;
}

/* line 21, ../sass/_grid.scss */
[data-tabtype="1"][data-child="10"] > .container > .inner > .group {
  float: left;
  width: 10%;
}

/* line 47, ../sass/_grid.scss */
[data-tabtype="0"] > .container {
 /* margin: 0 10px;*/
}

/* line 75, ../sass/_grid.scss */
[data-tabtype="2"] .tabs {
  /*margin: 10px 10px 20px;*/
}

/* line 5, ../../../../../Program Files/fire.app/lib/ruby/compass_1.0/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  /*border: 0;*/
  font: inherit;
  font-size: 100%;
  /*vertical-align: baseline;*/
}

/* line 22, ../../../../../Program Files/fire.app/lib/ruby/compass_1.0/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
  overflow-x:hidden;
}

/* line 24, ../../../../../Program Files/fire.app/lib/ruby/compass_1.0/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../Program Files/fire.app/lib/ruby/compass_1.0/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../Program Files/fire.app/lib/ruby/compass_1.0/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../Program Files/fire.app/lib/ruby/compass_1.0/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../Program Files/fire.app/lib/ruby/compass_1.0/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../Program Files/fire.app/lib/ruby/compass_1.0/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../Program Files/fire.app/lib/ruby/compass_1.0/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* line 3, ../sass/_layout.scss */
body {
  font-family: "微軟正黑體", Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #3f3f3f;
 /* background:#CCC;*/


}
/* line 7, ../sass/_layout.scss */
body > form {
  background-color: #ffffff;
}
/* line 11, ../sass/_layout.scss */
body.font-size-s {
  font-size: .8em;
}
/* line 15, ../sass/_layout.scss */
body.font-size-m {
  font-size: .9em;
}
/* line 19, ../sass/_layout.scss */
body.font-size-l {
  font-size: 1em;
}
/* line 23, ../sass/_layout.scss */
body a {
  color: #6b6b6b;
  text-decoration: none;
}
/* line 27, ../sass/_layout.scss */
body a:link {
  color: #6b6b6b;
}
/* line 31, ../sass/_layout.scss */
body a:visited {
  color: #6b6b6b;
}
/* line 35, ../sass/_layout.scss */
body a:hover {
  color: #42a881;
}
/* line 39, ../sass/_layout.scss */
body a:active {
  color: #6b6b6b;
}

body a:focus {
    outline: #007eff dotted medium;
}

body a:focus img {
    /*outline: #007eff dotted medium;*/
}

/* line 65, ../sass/_layout.scss */
.wrapper {
	width:100%;
}

/* line 69, ../sass/_layout.scss */
.topbg {
	width:100%;
	z-index:10;
  background-color: rgba(255, 255, 255, 0.45);
	position: absolute;
	left:0;
	top:-30px;
  
  
	-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
-moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
transition: background .5s ease-in-out,padding .5s ease-in-out;
}


/*.topbg:hover {
  width:100%;
  z-index:10;
  background-color: rgba(255, 255, 255, 1);
  position: absolute;
  left:0;
  top:0;
  padding-top: 15px;
  -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
-moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
transition: background .5s ease-in-out,padding .5s ease-in-out;
}*/


 /*.menubg:hover{
  background-color: rgba(255, 255, 255, 1);
}*/
/* line 75, ../sass/_layout.scss */
.topbg .toplog {
  
}
/* line 78, ../sass/_layout.scss */
.topbg .toplog .toplog {
  width: 269px;
  float: left;
  /*margin-top: 15px;*/
}
/* line 81, ../sass/_layout.scss */
.topbg .toplog .toplog h1 {
  padding: 0;
}
/* line 84, ../sass/_layout.scss */
.topbg .toplog .toplog h1 a {
  width: 269px;
  height: 80px;
  background-image: url('../images/index/Y-LOGO.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
  width: 269px\9!important;
  height: 60px\9!important;
}

/* line 92, ../sass/_layout.scss */
.topbg .toplog .toplink {
  margin-top: 3px;	
  /*margin-right: -50px;*/
  width: 100%;
  position: absolute;
  right: 169px;
  top: 6px;
  text-align: right;
  z-index: 5;
}
/* line 99, ../sass/_layout.scss */
.topbg .toplog .toplink ul li {
  display: inline-block;
  vertical-align: middle;

      margin: 2px 0px;
}

.topbg .toplog .toplink ul li:nth-child(1) {
  /*display: none;*/
}
/* line 105, ../sass/_layout.scss */
.topbg .toplog .toplink ul li + li + li {
  border-left: 1px solid black;
}

.topbg .toplog .toplink ul li:nth-child(5) {
 border-left:none;
}
/* line 108, ../sass/_layout.scss */
.topbg .toplog .toplink ul li + li + li a {
  
}
/* line 113, ../sass/_layout.scss */
.topbg .toplog .toplink ul li + li a {
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
}
/* line 118, ../sass/_layout.scss */
.topbg .toplog .toplink ul li a {
  color: #000000;
  margin-left: 6px;
  margin-right: 6px;
}
.topbg .toplog .toplink ul li a span {
  color: #000000;
  /*visibility: hidden !important;*/
}
/* line 121, ../sass/_layout.scss */
.topbg .toplog .toplink ul li a:hover {
  color: #FF9900;
}
/* line 129, ../sass/_layout.scss */
.topbg .toplog .fontlevel {
  float: right;
  margin-top: 2px;
  color: #ffffff;
  right: 72px;
  position: absolute;
  z-index: 4;
}
.fontlevel span{
	display:none;}
/* line 135, ../sass/_layout.scss */
.topbg .toplog .fontlevel ul {
  display: inline-block;
}
/* line 138, ../sass/_layout.scss */
.topbg .toplog .fontlevel ul li {
  display: inline-block;
  vertical-align: middle;
}
/* line 144, ../sass/_layout.scss */
.topbg .toplog .fontlevel ul li + li a {
  width:30px;
  height: 30px;
  background: url(../images/index/aM.png) no-repeat scroll 0 0;
  display: block;
  color: #ffffff;
  background-size: contain;
}
/* line 150, ../sass/_layout.scss */
.topbg .toplog .fontlevel ul li + li + li a {
  width:30px;
  height: 30px;
  background: url(../images/index/aL.png) no-repeat scroll 0 0;
  display: block;
 /* background-size: contain;*/
}
/* line 156, ../sass/_layout.scss */
.topbg .toplog .fontlevel ul li a {
  width:30px;
  height: 30px;
   background: url(../images/index/aS.png) no-repeat scroll 0 0;
  display: block;
  color: #ffffff;
}
.topbg .toplog .fontlevel ul li + li + li a.is_active {
  background: url(../images/index/aL_hover.png) no-repeat scroll 0 0;
}
/* line 162, ../sass/_layout.scss */
.topbg .toplog .fontlevel ul li + li a.is_active {
  background: url(../images/index/aM_hover.png) no-repeat scroll 0 0;
}
.topbg .toplog .fontlevel ul li a.is_active {
	background: url(../images/index/aS_hover.png) no-repeat scroll 0 0;
}


/* line 171, ../sass/_layout.scss */
.topbg .toplog .share_box {
  display: none;
}
/* line 175, ../sass/_layout.scss */
.topbg .toplog .sitemap {
    position: absolute;
    top: 7px!important;
    right: 0px!important;
    display: block;
    z-index: 4;
}
/* line 180, ../sass/_layout.scss */
.topbg .toplog .sitemap .share_box {
  display: block;
}
/* line 184, ../sass/_layout.scss */
.topbg .toplog .sitemap #uscSearch1_a1 {
  display: none;
}
/* line 189, ../sass/_layout.scss */
.topbg .toplog .search {
  position: relative;
  top: 110px;
  z-index: 3;
  width: 44%;
  display:block;
  margin: 0 auto;
  -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
  -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
  transition: background .5s ease-in-out,padding .5s ease-in-out;
 /* background: url(../images/index/search.png) no-repeat scroll 0 0;
	width:528px;
	height:35px;*/
}

.search input{
    border: none;
    /* background: transparent; */
    vertical-align: middle;
    color: #474747;
    font-family: "微軟正黑體",Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    height: 34px;
    line-height: 30px;
    position: absolute;
    margin: 0!important; 
	background-color: rgba(0, 0, 0, 0.45)!important;
    border-radius: 28px;
        outline: none;
        color: #fff!important;
    width: 531px!important;
    border: solid 1px #FF9900!important;
    -webkit-transition: ease-in-out .2s;
    transition:ease-in-out .2s;
  }

  .search input:focus{
       border: solid 1px #FFFFFF!important;
    box-shadow: 0px 0px 5px #ffffff;
  }

.topbg .toplog .search>.searchbt1>.searchbt1{
  width: 33px;
  display: block;
  height: 34px;
  float: right;
}

/* line 203, ../sass/_layout.scss */
.topbg .toplog .search .searchbt1 .searchbt1 a {
display: block;
/*position: absolute;*/
cursor: pointer;
/*float: right;*/
width: 33px;
height: 30px;
top: 2px;
right: 8px;
background-color:rgba(255, 255, 255, 0);
background-image: url('../images/p_search.png?1433303522');
background-repeat: no-repeat;
background-position: center;
background-size: 59% auto;
}
.topbg .toplog .search>.searchbt1 {
  margin-top: 37px;
  display: block;
  width: 100%;
  height: 34px;
}


/* line 212, ../sass/_layout.scss */
.topbg .toplog .search .searchbt1 ul {
  /*width: 148px;*/
  display: none;
  position: absolute;
    top: 50px;
    width: 100%;
}
/* line 216, ../sass/_layout.scss */
.topbg .toplog .search .searchbt1 ul li {
  background-color: #ffffff;
}
/* line 219, ../sass/_layout.scss */
.topbg .toplog .search .searchbt1 ul li:hover {
  background-color: #08c;
}
/* line 222, ../sass/_layout.scss */
.topbg .toplog .search .searchbt1 ul li:hover a {
  color: #ffffff;
}
/* line 227, ../sass/_layout.scss */
.topbg .toplog .search .searchbt1 ul li + li {
  border-top: 1px dotted #d8d8d8;
}
/* line 231, ../sass/_layout.scss */
.topbg .toplog .search .searchbt1 ul li a {
  padding: 10px;
  display: block;
}
/* line 239, ../sass/_layout.scss */
.topbg .toplog .search .searchbt2 {
  display: none;
}
/* line 244, ../sass/_layout.scss */
.topbg .toplog .hot_search {
  position: absolute;
  top: 160px;
  text-align: center;
  color: #ffffff;
  /*display: none;*/
  width: 100%;
  font-size: 1.2em;
  text-shadow: 0px 0px 5px #4e4e4e, 0px 0px 5px #4e4e4e, 0px 0px 5px #4e4e4e, 0px 0px 5px #4e4e4e, 0px 0px 5px #4e4e4e, 0px 0px 5px #4e4e4e, 0px 0px 5px #4e4e4e;
}
/* line 250, ../sass/_layout.scss */
.topbg .toplog .hot_search a {
  color: #ffffff;
}
/* line 255, ../sass/_layout.scss */
.topbg .toplog .hot_search a + a:before {
  content: ', ';
}
/* line 260, ../sass/_layout.scss */
.topbg .toplog .hot_search a:hover {
  color: #ff9900;
}

.topbg .toplog .tophot_search{
    position: absolute;
    top: 74px;
    right: 0px!important;
    text-align: right;
    color: #721818;
    font-size: 1.1em;
    text-shadow: 0px 0px 5px #ffffff, 0px 0px 5px #ffffff, 0px 0px 5px #ffffff, 0px 0px 5px #ffffff, 0px 0px 5px #ffffff, 0px 0px 5px #ffffff, 0px 0px 5px #ffffff;
}

.topbg .toplog .tophot_search a {
    color: #ad5a18;
}

.topbg .toplog .tophot_search a:hover {
    color: #009d86;
}

/* line 272, ../sass/_layout.scss */
.content {
}
/* line 296, ../sass/_layout.scss */
.content .accesskey_l, .content .accesskey_c, .content .accesskey_r {
  display: block;
  height: 1px;
  margin-top: -1px;
}
/* line 299, ../sass/_layout.scss */
.content .accesskey_l a, .content .accesskey_c a, .content .accesskey_r a {
  display: block;
}
/* line 302, ../sass/_layout.scss */
.content .accesskey_l a span, .content .accesskey_c a span, .content .accesskey_r a span {
  display: block;
  overflow: hidden;
}

/* line 311, ../sass/_layout.scss */
.opnemenu_area {
  position: relative; 
  background: #ad5a18;
  color:#FFFFFF;
  width: 100%;
}

/* line 317, ../sass/_layout.scss */
.opnemenu_area .openbtn, .opnemenu_area .closebtn {
  display: none;
}
/* line 329, ../sass/_layout.scss */
.opnemenu_area .allmenu {
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
  padding: 50px 0 40px;
  /*background: url(../images/index/footer-bg.jpg) no-repeat scroll 0 0;*/
  background-position: right bottom;
}
/* line 337, ../sass/_layout.scss */
.opnemenu_area .allmenu .onemenu {
  width: 20%;
  float: left;
}
/* line 343, ../sass/_layout.scss */
.opnemenu_area .allmenu .onemenu:first-child:nth-last-child(5), .opnemenu_area .allmenu .onemenu:first-child:nth-last-child(5) ~ .onemenu {
  width: 20%;
}
/* line 343, ../sass/_layout.scss */
.opnemenu_area .allmenu .onemenu:first-child:nth-last-child(6), .opnemenu_area .allmenu .onemenu:first-child:nth-last-child(6) ~ .onemenu {
  width: 16.6666666667%;
}
/* line 343, ../sass/_layout.scss */
.opnemenu_area .allmenu .onemenu:first-child:nth-last-child(7), .opnemenu_area .allmenu .onemenu:first-child:nth-last-child(7) ~ .onemenu {
  width: 14.2857142857%;
}
/* line 343, ../sass/_layout.scss */
.opnemenu_area .allmenu .onemenu:first-child:nth-last-child(8), .opnemenu_area .allmenu .onemenu:first-child:nth-last-child(8) ~ .onemenu {
  width: 12.5%;
}
/* line 343, ../sass/_layout.scss */
.opnemenu_area .allmenu .onemenu:first-child:nth-last-child(9), .opnemenu_area .allmenu .onemenu:first-child:nth-last-child(9) ~ .onemenu {
  width: 11.1111111111%;
}
/* line 343, ../sass/_layout.scss */
.opnemenu_area .allmenu .onemenu:first-child:nth-last-child(10), .opnemenu_area .allmenu .onemenu:first-child:nth-last-child(10) ~ .onemenu {
  width: 10%;
}
/* line 343, ../sass/_layout.scss */
.opnemenu_area .allmenu .onemenu:first-child:nth-last-child(11), .opnemenu_area .allmenu .onemenu:first-child:nth-last-child(11) ~ .onemenu {
  width: 9.0909090909%;
}
/* line 343, ../sass/_layout.scss */
.opnemenu_area .allmenu .onemenu:first-child:nth-last-child(12), .opnemenu_area .allmenu .onemenu:first-child:nth-last-child(12) ~ .onemenu {
  width: 8.3333333333%;
}
/* line 349, ../sass/_layout.scss */
.opnemenu_area .allmenu .onemenu h3,.opnemenu_area .allmenu .onemenu .h3 {
  position: relative;
  margin: 0 6px;
  margin-bottom: 10px;
}
/* line 354, ../sass/_layout.scss */
.opnemenu_area .allmenu .onemenu h3 a,.opnemenu_area .allmenu .onemenu .h3 a {
  color: #fff7f7;
  font-size: 1.3em;
}
.opnemenu_area .allmenu .onemenu h3 a:hover,.opnemenu_area .allmenu .onemenu .h3 a:hover {
  color: #feff00;
}
/* line 360, ../sass/_layout.scss */
.opnemenu_area .allmenu .onemenu ul {
  margin: 30px 0 0 7px;
}
/* line 365, ../sass/_layout.scss */
.opnemenu_area .allmenu .onemenu ul li + li {
  margin-top: 6px;
}
/* line 369, ../sass/_layout.scss */
.opnemenu_area .allmenu .onemenu ul li a {
  color: #FFFFFF;
  font-size: 1.05em;
  display: block;
  line-height: 1.7;
}
.opnemenu_area .allmenu .onemenu ul li a:hover{
  color: #feff00;
}
/* line 382, ../sass/_layout.scss */
.opnemenu_area .shadow {
  display: none;
}

/* line 387, ../sass/_layout.scss */
.footer_bg {
  padding: 20px 0;
  background-color: #6A6666;
  padding: 20px 0 10px 0;
}
/* line 394, ../sass/_layout.scss */
.footer_bg .footer {
  color: #ffffff;
  margin: 0 auto;
  position: relative;
  width: 1000px;
}
/* line 398, ../sass/_layout.scss */
.footer_bg .footer > a {
  display: block;
  overflow: hidden;
}
/* line 404, ../sass/_layout.scss */
.footer_bg .footer .footer_link {
  overflow: hidden;
  margin-bottom: 10px;
}
/* line 410, ../sass/_layout.scss */
.footer_bg .footer .footer_link ul li {
  display: inline;
  vertical-align: middle;
}
/* line 414, ../sass/_layout.scss */
.footer_bg .footer .footer_link ul li + li {
  border-left: 1px solid #d8d8d8;
}
/* line 417, ../sass/_layout.scss */
.footer_bg .footer .footer_link ul li + li a {
  margin-left: 6px;
}
/* line 422, ../sass/_layout.scss */
.footer_bg .footer .footer_link ul li a {
  margin-right: 6px;
  color: #f5fdff;
  font-size: 1.05em;
  margin: 5px;
    display: inline-block;
    box-sizing: border-box;
}
/* line 426, ../sass/_layout.scss */
.footer_bg .footer .footer_link ul li a:hover {
  color: #FF9900;
}
/* line 434, ../sass/_layout.scss */
.footer_bg .footer .footer_visitcount {
  overflow: hidden;
  color: #FFFFFF;
  font-size: 1.05em;
  position: absolute;
  bottom: 40px;
  left: 159px; 
  border-left: 1px solid #ffffff;
  padding-left: 6px;
}
.footer_bg .footer .footer_visitcount span{
  color: #FFFFFF;
}
/* line 441, ../sass/_layout.scss */
.footer_bg .footer .footer_visitcount .footer_Login {
  display:none;
}
/* line 446, ../sass/_layout.scss */
.footer_bg .footer .footer_info {
    overflow: hidden;
    line-height: 1.6;
    color: #ffffff;
    height: auto;
    padding: 0 0 35px 0;
	font-size: 1.05em;
}
.footer_bg .footer .footer_info map {
  line-height: 1.6;
  color: #ffffff;
}
/* line 454, ../sass/_layout.scss */
.footer_bg .footer .footer_info a {
  color: #f5fdff;
  text-decoration: none;
}
/* line 458, ../sass/_layout.scss */
.footer_bg .footer .footer_info a:hover {
  color: #ff9900; 
  text-decoration: underline;
}
/* line 468, ../sass/_layout.scss */
.footer_bg .footer .footer_info map a img {
  margin-left: 3px;
}
.footer_lastupdated,.footer_lastupdated span{
  color: #FFFFFF;
}
/* line 482, ../sass/_layout.scss */
.footer_bg .footer .footer_iconlink {
  position: absolute;
  top: 0px;
  right: 5px;
}
/* line 489, ../sass/_layout.scss */
.footer_bg .footer .footer_iconlink ul li {
  float: left;
  z-index: 1;
  background-repeat: no-repeat;
}
/* line 494, ../sass/_layout.scss */
.footer_bg .footer .footer_iconlink ul li + li {
  margin-left: 6px;
}
/* line 498, ../sass/_layout.scss */
.footer_bg .footer .footer_iconlink ul li a {
  display: block;
}
/* line 505, ../sass/_layout.scss */
.footer_bg .footer .footer_iconlink ul li.footer_wcag a {
  width: 128px;
  height: 46px;
  background-image: url('../images/index_37.jpg?1433303522');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
/* line 512, ../sass/_layout.scss */
.footer_bg .footer .footer_iconlink ul li.footer_egov a {
  width: 43px;
  height: 45px;
  background-image: url('../images/gov_03.png?1433303522');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.footer_bg .footer a span{
  visibility:visible !important;
  color: #FFFFFF;
}


/*
  jQuery.mmenu CSS
*/
/*
  jQuery.mmenu oncanvas CSS
*/
/* line 372, ../sass/_mobile_menu.scss */
.mm-hidden {
  display: none !important;
}

/* line 375, ../sass/_mobile_menu.scss */
.mm-wrapper {
  overflow-x: hidden;
  position: relative;
}

/* line 379, ../sass/_mobile_menu.scss */
.mm-menu,
.mm-menu > .mm-panel {
  margin: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}

/* line 389, ../sass/_mobile_menu.scss */
.mm-menu {
  background: inherit;
  display: block;
  overflow: hidden;
  padding: 0;
}

/* line 395, ../sass/_mobile_menu.scss */
.mm-panel {
  -webkit-transition: -webkit-transform 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  -o-transition: -o-transform 0.4s ease;
  transition: transform 0.4s ease;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

/* line 406, ../sass/_mobile_menu.scss */
.mm-panel.mm-opened {
  -webkit-transform: translate3d(0%, 0, 0);
  -moz-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}

/* line 412, ../sass/_mobile_menu.scss */
.mm-panel.mm-subopened {
  -webkit-transform: translate3d(-30%, 0, 0);
  -moz-transform: translate3d(-30%, 0, 0);
  -ms-transform: translate3d(-30%, 0, 0);
  -o-transform: translate3d(-30%, 0, 0);
  transform: translate3d(-30%, 0, 0);
}

/* line 418, ../sass/_mobile_menu.scss */
.mm-panel.mm-highest {
  z-index: 1;
}

/* line 421, ../sass/_mobile_menu.scss */
.mm-menu > .mm-panel {
  background: inherit;
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  padding: 0 10px;
}

/* line 429, ../sass/_mobile_menu.scss */
.mm-menu > .mm-panel.mm-hasnavbar {
  padding-top: 40px;
}

/* line 431, ../sass/_mobile_menu.scss */
.mm-menu > .mm-panel:before, .mm-menu > .mm-panel:after {
  /*content: '';*/
  display: block;
  height: 20px;
}

/* line 436, ../sass/_mobile_menu.scss */
.mm-vertical .mm-panel {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
}

/* line 443, ../sass/_mobile_menu.scss */
.mm-vertical .mm-listview .mm-panel,
.mm-listview .mm-vertical .mm-panel {
  display: none;
  padding: 10px 0 10px 10px;
}

/* line 447, ../sass/_mobile_menu.scss */
.mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after,
.mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after {
  border-color: transparent;
}

/* line 451, ../sass/_mobile_menu.scss */
.mm-vertical li.mm-opened > .mm-panel,
li.mm-vertical.mm-opened > .mm-panel {
  display: block;
}

/* line 455, ../sass/_mobile_menu.scss */
.mm-vertical .mm-listview > li > .mm-next,
.mm-listview > li.mm-vertical > .mm-next {
  height: 40px;
  bottom: auto;
}

/* line 459, ../sass/_mobile_menu.scss */
.mm-vertical .mm-listview > li > .mm-next:after,
.mm-listview > li.mm-vertical > .mm-next:after {
  top: 16px;
  bottom: auto;
}

/* line 463, ../sass/_mobile_menu.scss */
.mm-vertical .mm-listview > li.mm-opened > .mm-next:after,
.mm-listview > li.mm-vertical.mm-opened > .mm-next:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* line 471, ../sass/_mobile_menu.scss */
.mm-navbar {
  border-bottom: 1px solid transparent;
  text-align: center;
  line-height: 20px;
  height: 40px;
  padding: 0 40px;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

/* line 482, ../sass/_mobile_menu.scss */
.mm-navbar > * {
  display: block;
  padding: 10px 0;
}


/* line 485, ../sass/_mobile_menu.scss */
.mm-navbar a,
.mm-navbar a:hover {
  text-decoration: none;
}

/* line 488, ../sass/_mobile_menu.scss */
.mm-navbar .mm-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/* line 492, ../sass/_mobile_menu.scss */
.mm-navbar .mm-btn {
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  z-index: 1;
}

/* line 499, ../sass/_mobile_menu.scss */
.mm-navbar .mm-btn:first-child {
  padding-left: 20px;
  left: 0;
}

/* line 502, ../sass/_mobile_menu.scss */
.mm-navbar .mm-btn:last-child {
  text-align: right;
  padding-right: 20px;
  right: 0;
}

/* line 507, ../sass/_mobile_menu.scss */
.mm-panel .mm-navbar {
  display: none;
}

/* line 509, ../sass/_mobile_menu.scss */
.mm-panel.mm-hasnavbar .mm-navbar {
  display: block;
}

/* line 512, ../sass/_mobile_menu.scss */
.mm-listview,
.mm-listview > li {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
}

/* line 519, ../sass/_mobile_menu.scss */
.mm-listview {
  font: inherit;
  font-size: 14px;
  line-height: 20px;
}

/* line 523, ../sass/_mobile_menu.scss */
.mm-listview a,
.mm-listview a:hover {
  text-decoration: none;
}

/* line 526, ../sass/_mobile_menu.scss */
.mm-listview > li {
  position: relative;
}

/* line 528, ../sass/_mobile_menu.scss */
.mm-listview > li > a,
.mm-listview > li > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: inherit;
  display: block;
  padding: 10px 10px 10px 20px;
  margin: 0;
}

/* line 537, ../sass/_mobile_menu.scss */
.mm-listview > li > a.mm-arrow,
.mm-listview > li > span.mm-arrow {
  padding-right: 50px;
}

/* line 540, ../sass/_mobile_menu.scss */
.mm-listview > li:not(.mm-divider):after {
  content: '';
  border-bottom-width: 1px;
  border-bottom-style: solid;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

/* line 549, ../sass/_mobile_menu.scss */
.mm-listview > li:not(.mm-divider):after {
  left: 20px;
}

/* line 551, ../sass/_mobile_menu.scss */
.mm-listview .mm-next {
  background: rgba(3, 2, 1, 0);
  width: 50px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}

/* line 560, ../sass/_mobile_menu.scss */
.mm-listview .mm-next:before {
  content: '';
  border-left-width: 1px;
  border-left-style: solid;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

/* line 569, ../sass/_mobile_menu.scss */
.mm-listview .mm-next + a,
.mm-listview .mm-next + span {
  margin-right: 50px;
}

/* line 572, ../sass/_mobile_menu.scss */
.mm-listview .mm-next.mm-fullsubopen {
  width: 100%;
}

/* line 574, ../sass/_mobile_menu.scss */
.mm-listview .mm-next.mm-fullsubopen:before {
  border-left: none;
}

/* line 576, ../sass/_mobile_menu.scss */
.mm-listview .mm-next.mm-fullsubopen + a,
.mm-listview .mm-next.mm-fullsubopen + span {
  padding-right: 50px;
  margin-right: 0;
}

/* line 581, ../sass/_mobile_menu.scss */
.mm-menu > .mm-panel > .mm-listview {
  margin: 20px -20px;
}

/* line 583, ../sass/_mobile_menu.scss */
.mm-menu > .mm-panel > .mm-navbar + .mm-listview {
  margin-top: -20px;
}

/* line 586, ../sass/_mobile_menu.scss */
.mm-listview .mm-inset {
  list-style: inside disc;
  padding: 0 10px 15px 40px;
  margin: 0;
}

/* line 590, ../sass/_mobile_menu.scss */
.mm-listview .mm-inset > li {
  padding: 5px 0;
}

/* line 593, ../sass/_mobile_menu.scss */
.mm-listview .mm-divider {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 10px;
  text-transform: uppercase;
  text-indent: 20px;
  line-height: 25px;
}

/* line 602, ../sass/_mobile_menu.scss */
.mm-listview .mm-spacer {
  padding-top: 40px;
}

/* line 604, ../sass/_mobile_menu.scss */
.mm-listview .mm-spacer > .mm-next {
  top: 40px;
}

/* line 606, ../sass/_mobile_menu.scss */
.mm-listview .mm-spacer.mm-divider {
  padding-top: 25px;
}

/* line 609, ../sass/_mobile_menu.scss */
.mm-prev:before,
.mm-next:after,
.mm-arrow:after {
  content: '';
  border: 2px solid transparent;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* line 627, ../sass/_mobile_menu.scss */
.mm-prev:before {
  border-right: none;
  border-bottom: none;
  left: 20px;
}

/* line 632, ../sass/_mobile_menu.scss */
.mm-next:after,
.mm-arrow:after {
  border-top: none;
  border-left: none;
  right: 20px;
}

/* line 638, ../sass/_mobile_menu.scss */
.mm-menu {
  background: #f3f3f3;
  color: rgba(0, 0, 0, 0.7);
}

/* line 641, ../sass/_mobile_menu.scss */
.mm-menu .mm-navbar {
  border-color: rgba(0, 0, 0, 0.1);
}

/* line 643, ../sass/_mobile_menu.scss */
.mm-menu .mm-navbar > *,
.mm-menu .mm-navbar a {
  color: rgba(0, 0, 0, 0.3);
}

/* line 646, ../sass/_mobile_menu.scss */
.mm-menu .mm-navbar .mm-btn:before,
.mm-menu .mm-navbar .mm-btn:after {
  border-color: rgba(0, 0, 0, 0.3);
}

/* line 649, ../sass/_mobile_menu.scss */
.mm-menu .mm-listview > li:after {
  border-color: rgba(0, 0, 0, 0.1);
}

/* line 651, ../sass/_mobile_menu.scss */
.mm-menu .mm-listview > li .mm-prev:before,
.mm-menu .mm-listview > li .mm-next:after,
.mm-menu .mm-listview > li .mm-arrow:after {
  border-color: rgba(0, 0, 0, 0.3);
}

/* line 655, ../sass/_mobile_menu.scss */
.mm-menu .mm-listview > li .mm-prev:after,
.mm-menu .mm-listview > li .mm-next:before {
  border-color: rgba(0, 0, 0, 0.1);
}

/* line 658, ../sass/_mobile_menu.scss */
.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu .mm-listview > li.mm-selected > span {
  background: rgba(255, 255, 255, 0.5);
}

/* line 661, ../sass/_mobile_menu.scss */
.mm-menu.mm-vertical .mm-listview li.mm-opened > a.mm-next,
.mm-menu.mm-vertical .mm-listview li.mm-opened > .mm-panel,
.mm-menu .mm-listview li.mm-opened.mm-vertical > a.mm-next,
.mm-menu .mm-listview li.mm-opened.mm-vertical > .mm-panel {
  background: rgba(0, 0, 0, 0.05);
}

/* line 666, ../sass/_mobile_menu.scss */
.mm-menu .mm-divider {
  background: rgba(0, 0, 0, 0.05);
}

/*
  jQuery.mmenu offcanvas addon CSS
*/
/* line 672, ../sass/_mobile_menu.scss */
.mm-page {
  box-sizing: border-box;
  position: relative;
  top: 0;
}


/* line 676, ../sass/_mobile_menu.scss */
.mm-slideout {
  -webkit-transition: -webkit-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  transition: transform 0.4s ease;
}

/* line 681, ../sass/_mobile_menu.scss */
html.mm-opened {
  overflow: hidden;
  position: relative;
}

/* line 684, ../sass/_mobile_menu.scss */
html.mm-opened body {
  overflow: hidden;
}

/* line 687, ../sass/_mobile_menu.scss */
html.mm-background .mm-page {
  background: inherit;
}

/* line 690, ../sass/_mobile_menu.scss */
#mm-blocker {
  background: rgba(3, 2, 1, 0);
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
}

/* line 700, ../sass/_mobile_menu.scss */
html.mm-opened #mm-blocker,
html.mm-blocking #mm-blocker {
  display: block;
}

/* line 704, ../sass/_mobile_menu.scss */
.mm-menu.mm-offcanvas {
  display: none;
  position: fixed;
}

/* line 707, ../sass/_mobile_menu.scss */
.mm-menu.mm-current {
  display: block;
}

/* line 710, ../sass/_mobile_menu.scss */
.mm-menu {
  width: 80%;
  min-width: 160px;
  max-width: 1024px;
}

/* line 715, ../sass/_mobile_menu.scss */
html.mm-opening .mm-slideout {
  -webkit-transform: translate(80%, 0);
  -moz-transform: translate(80%, 0);
  -ms-transform: translate(80%, 0);
  -o-transform: translate(80%, 0);
  transform: translate(80%, 0);
}

@media all and (max-width: 175px) {
  /* line 723, ../sass/_mobile_menu.scss */
  html.mm-opening .mm-slideout {
    -webkit-transform: translate(140px, 0);
    -moz-transform: translate(140px, 0);
    -ms-transform: translate(140px, 0);
    -o-transform: translate(140px, 0);
    transform: translate(140px, 0);
  }
}
@media all and (min-width: 550px) {
  /* line 730, ../sass/_mobile_menu.scss */
  html.mm-opening .mm-slideout {
    -webkit-transform: translate(440px, 0);
    -moz-transform: translate(440px, 0);
    -ms-transform: translate(440px, 0);
    -o-transform: translate(440px, 0);
    transform: translate(440px, 0);
  }
}
/*RWD*/

/*平版1024X768*/
@media (max-width: 1023px) and (min-width: 768px) {
  /* line 742, ../sass/_mobile_menu.scss */
  .topbg .toplog .search>.searchbt1 {
    margin-top: 5px;
  }
  #mobile-header {
    display: block;
  }

  /* line 746, ../sass/_mobile_menu.scss */
  #mobile_menu {
    display: block;
  }

  /* line 750, ../sass/_mobile_menu.scss */
  .mm-menu {
    display: none;
  }

  /* line 755, ../sass/_mobile_menu.scss */
  #mobile-header, #navigation {
    display: block !important;
  }

  .content_middle  .main .data_midlle{
    display: block;
    width: 100%;
  }

  .data_midlle_cp .cp_tabs{
    width: 100%;
    margin-bottom: 10px;
  }

  .content_middle .main .data_bottom {
    margin-top: 20px;
    width: 78%;
  }

  .topbg .toplog .toplog {
    width: 243px;
    float: left;
    margin-top: 0px!important;
  }

  .topbg {
      width: 100%;
      z-index: 10;
      position: fixed;
      left: 0;
      top: 0;
      /*padding-top: 15px;*/
  }

  .topbg {
      background-color: #FFF!important;
      box-shadow: 0px 0px 4px #7E7E7E;
  }

  .topbg {
      width: 100%;
      z-index: 10;
      background-color: rgba(255, 255, 255, 0.45);
      position: absolute;
      left: 0;
      top: 0;
      padding-top: 15px;
      -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
      -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
      transition: background .5s ease-in-out,padding .5s ease-in-out;
  }  

  .topbg .toplog .toplog h1 a {
    width: 200px!important;
    height: 80px!important;
    /*background-image: url('../images/index/Y-LOGO.png')!important;*/
    background-repeat: no-repeat!important;
    background-position: center!important;
    background-size: contain!important;
    display: block!important;
    top: -7px!important;
  } 

  .topbg .toplog .toplink {
    position: absolute;
    top: -46px;
    right: 195px;
    display: block!important;
    width: 350px!important;
  }

  .topbg .toplog .sitemap {
      position: absolute;
      top: 4px!important;
      right:0px!important;
      display: block;
      
  }

  .topbg .toplog .fontlevel {
    display: block!important;
    top: 4px;
    margin-top: 0px!important;
    margin: 0px 20px 0 0;
}


  .topbg .toplog .search .searchbt1 .searchbt1 a {
    display: inline-block!important;
    padding: 0px 8px!important;
    vertical-align: middle!important;
    cursor: pointer;
    width: 33px!important;
    height: 30px!important;
    margin-top: 0px!important;
    right: 28px;
    top: 5px;
    background-color: #FF8F00!important;
    background-image: url('../images/p_search.png?1433303522')!important;
    background-repeat: no-repeat!important;
    background-position: center!important;
    background-size: 59% auto!important;
  }

  .topbg .toplog .topsearch .searchbt1 .searchbt1 a {
    display: inline-block!important;
    padding: 0px 8px!important;
    vertical-align: middle!important;
    cursor: pointer;
    width: 33px!important;
    height: 30px!important;
    margin-top: 0px!important;
    right: 8px;
    top: 6px;
    background-color: #FF8F00!important;
    background-image: url('../images/p_search.png?1433303522')!important;
    background-repeat: no-repeat!important;
    background-position: center!important;
    background-size: 59% auto!important;
}

  .topbg .toplog .search{
    display: block!important;
    top: 38px!important;
    margin-top: -1px!important;
    position: absolute!important;
    right: -1px!important;
    z-index: 3!important;
    width: 211px!important;
    -webkit-transition: background .5s ease-in-out,padding 1s ease-in-out;
    -moz-transition: background .5s ease-in-out,padding 1s ease-in-out;
    transition: background .5s ease-in-out,padding 1s ease-in-out;
  }

  .topbg .toplog .topsearch {
    display: block!important;
    top: 30px!important;
    margin-top: -1px!important;
    position: absolute!important;
    right: -1px!important;
    z-index: 3!important;
    width: 211px!important;
    -webkit-transition: background .5s ease-in-out,padding 1s ease-in-out;
    -moz-transition: background .5s ease-in-out,padding 1s ease-in-out;
    transition: background .5s ease-in-out,padding 1s ease-in-out;
}


  .menubg {
      position: fixed;
      top: 30px!important;
      left: 0;
      right: 0;
      bottom: 0;
      margin: 0 auto;
      height: 47px;
      z-index: 10;
      padding: 5px 0;
  }

  .topcard {
      background-color: #FFF!important;
      box-shadow: 0px 0px 4px #7E7E7E!important;
      position: fixed!important;
      padding: 0px!important;
      display: block!important;
      top:0;
  }
  .topcard .toplog .search>.searchbt1{margin-top: 15px;}
}

@media (min-width: 1024px) {
  /* line 761, ../sass/_mobile_menu.scss */
  #mobile-header {
    display: none;
  }

  /* line 765, ../sass/_mobile_menu.scss */
  #mobile_menu {
    display: none;
  }

  /* line 769, ../sass/_mobile_menu.scss */
  .mm-menu {
    display: none;
  }

  /* line 774, ../sass/_mobile_menu.scss */
  #mobile-header, #navigation {
    display: none;
  }
}
@media (max-width: 767px) {
  /* line 5, ../sass/_close.scss */
  .NonMobile {
    display: none;
  }
  .tab_group_7 .fb_group {
    width: 40%;
    float: left;
}
.tab_group_7 .vedio {
    float: left;
    width: 60%;
    background: #f5f6f8;
}

  .content_middle  .main .data_midlle{
    display: block;
    width: 100%;
  }

  .data_midlle_cp .cp_tabs{
    width: 100%;
    margin-bottom: 10px;
  }

  .content_middle .main .data_bottom {
    margin-top: 20px;
    width: 78%;
}

}
@media (max-width: 1023px) and (min-width: 768px) {
  /* line 12, ../sass/_close.scss */
  .NonPad {
    display: none;
  }
}
@media (min-width: 1023px) {
  /* line 19, ../sass/_close.scss */
  .NonDeskTop {
    display: none;
  }                                                                                                               
}
/* line 8, ../sass/_menu.scss */
/*.menubg {
  width:600px;
  position:fixed;
  top:35px;
  left:0;
  right:0;
  bottom:0;
  margin:0 auto;
  height: 50px;
  z-index: 10;
  
  
}*/

.menubg {
    width: 680px!important;
    position: fixed;
    top: 35px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    height: 47px;
    z-index: 10;
    padding: 5px 0;
    /*background-color: rgba(255, 255, 255, 0.41);*/
}
@media (max-width: 1075px) and (min-width: 1024px) {
  .menubg {
    left: 205px;
    right: unset;
  }
}
/* line 25, ../sass/_menu.scss */
.menubg .menuarea #menu li {
  position: relative;
  width: 16.6666666667%;
  float: left;
}
/* line 32, ../sass/_menu.scss */
.menubg .menuarea #menu li + li:before {
  content: "​";
  display: block;
  position: absolute;
  width: 1px;
  height: 60%;
  left: 0;
  left: 0.5px;
  top: 20%;
  background-color: #d8d8d8;
}
/* line 47, ../sass/_menu.scss */
.menubg .menuarea #menu li:first-child:nth-last-child(6), .menubg .menuarea #menu li:first-child:nth-last-child(6) ~ li {
  width: 16.6666666667%;
}
/* line 47, ../sass/_menu.scss */
.menubg .menuarea #menu li:first-child:nth-last-child(7), .menubg .menuarea #menu li:first-child:nth-last-child(7) ~ li {
  width: 14.2857142857%;
}
/* line 47, ../sass/_menu.scss */
.menubg .menuarea #menu li:first-child:nth-last-child(8), .menubg .menuarea #menu li:first-child:nth-last-child(8) ~ li {
  width: 12.5%;
}
/* line 47, ../sass/_menu.scss */
.menubg .menuarea #menu li:first-child:nth-last-child(9), .menubg .menuarea #menu li:first-child:nth-last-child(9) ~ li {
  width: 11.1111111111%;
}
/* line 47, ../sass/_menu.scss */
.menubg .menuarea #menu li:first-child:nth-last-child(10), .menubg .menuarea #menu li:first-child:nth-last-child(10) ~ li {
  width: 10%;
}
/* line 47, ../sass/_menu.scss */
.menubg .menuarea #menu li:first-child:nth-last-child(11), .menubg .menuarea #menu li:first-child:nth-last-child(11) ~ li {
  width: 9.0909090909%;
}
/* line 47, ../sass/_menu.scss */
.menubg .menuarea #menu li:first-child:nth-last-child(12), .menubg .menuarea #menu li:first-child:nth-last-child(12) ~ li {
  width: 8.3333333333%;
}
/* line 53, ../sass/_menu.scss */
.menubg .menuarea #menu li span {
  display: block;
}

/* line 56, ../sass/_menu.scss */
.menubg .menuarea #menu li span a {
  display: block;
  position: relative;
  padding: 4px 0;
  margin: 6px;
  text-align: center;
  font-size: 1.2em;
  color: #000;
}


.menubg .menuarea #menu li span a:hover {
  background-color: #4DB9BE;
  color: #fff!important;
}
/* line 67, ../sass/_menu.scss */
.menubg .menuarea #menu li span a img {
  display: block;
  width: 100%;
}
/* line 72, ../sass/_menu.scss */
.menubg .menuarea #menu li span a:hover {
  color: #0065B7;
}
.menubg .menuarea #menu li span.submenu a:hover {
  color: #1D838C;
}
/* line 79, ../sass/_menu.scss */
.menubg .menuarea #menu li div.submenuarea {
  display: none;
  position: absolute;
  width: 170%;
  left: -33px;
  top: 96%;
  z-index: 1;
  z-index: 9999;
  background-color: #ffffff;
  box-shadow: 0px 0px 5px #989898;
}


/* line 89, ../sass/_menu.scss */
.menubg .menuarea #menu li div div {
  display: block;
  position: static;
  overflow: hidden;
  background: #EDFEFF;
}



/* line 95, ../sass/_menu.scss */
.menubg .menuarea #menu li div div ul {
  position: relative;
  width: 100%;
}
/* line 99, ../sass/_menu.scss */
.menubg .menuarea #menu li div div ul li {
  width: 100% !important;
  float: none;
  border-bottom: 1px dashed #145268;
  
}
.menubg .menuarea #menu li div div ul li:hover{
  background: #C5DFFF ;


}
/* line 103, ../sass/_menu.scss */
.menubg .menuarea #menu li div div ul li + li {
  border-top: 1px solid #d8d8d8;
}
/* line 107, ../sass/_menu.scss */
.menubg .menuarea #menu li div div ul li:before {
  content: none;
  display: none;
}
/* line 112, ../sass/_menu.scss */
.menubg .menuarea #menu li div div ul li span {
  overflow: hidden;
}
/* line 115, ../sass/_menu.scss */
.menubg .menuarea #menu li div div ul li span a {
  margin: 3px;
  padding: 8px 0;
}
/* line 129, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_02 {
  width: 200%;
}
/* line 132, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_02 ul {
  position: relative;
  width: 50%;
  float: left;
}
/* line 137, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_02 ul:before {
  content: "​";
  display: block;
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  left: 0;
  left: 0.5px;
  background-color: #d8d8d8;
}
/* line 151, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_02 ul:nth-child(2) {
  position: static;
}
/* line 154, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_02 ul:nth-child(2):before {
  left: 100%;
}
/* line 151, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_02 ul:nth-child(3) {
  position: static;
}
/* line 154, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_02 ul:nth-child(3):before {
  left: 200%;
}
/* line 151, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_02 ul:nth-child(4) {
  position: static;
}
/* line 154, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_02 ul:nth-child(4):before {
  left: 300%;
}
/* line 151, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_02 ul:nth-child(5) {
  position: static;
}
/* line 154, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_02 ul:nth-child(5):before {
  left: 400%;
}
/* line 151, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_02 ul:nth-child(6) {
  position: static;
}
/* line 154, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_02 ul:nth-child(6):before {
  left: 500%;
}
/* line 151, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_02 ul:nth-child(7) {
  position: static;
}
/* line 154, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_02 ul:nth-child(7):before {
  left: 600%;
}
/* line 151, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_02 ul:nth-child(8) {
  position: static;
}
/* line 154, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_02 ul:nth-child(8):before {
  left: 700%;
}
/* line 151, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_02 ul:nth-child(9) {
  position: static;
}
/* line 154, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_02 ul:nth-child(9):before {
  left: 800%;
}
/* line 151, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_02 ul:nth-child(10) {
  position: static;
}
/* line 154, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_02 ul:nth-child(10):before {
  left: 900%;
}
/* line 151, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_02 ul:nth-child(11) {
  position: static;
}
/* line 154, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_02 ul:nth-child(11):before {
  left: 1000%;
}
/* line 151, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_02 ul:nth-child(12) {
  position: static;
}
/* line 154, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_02 ul:nth-child(12):before {
  left: 1100%;
}
/* line 129, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_03 {
  width: 300%;
}
/* line 132, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_03 ul {
  position: relative;
  width: 33.3333333333%;
  float: left;
}
/* line 137, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_03 ul:before {
  content: "​";
  display: block;
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  left: 0;
  left: 0.5px;
  background-color: #d8d8d8;
}
/* line 151, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_03 ul:nth-child(2) {
  position: static;
}
/* line 154, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_03 ul:nth-child(2):before {
  left: 100%;
}
/* line 151, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_03 ul:nth-child(3) {
  position: static;
}
/* line 154, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_03 ul:nth-child(3):before {
  left: 200%;
}
/* line 151, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_03 ul:nth-child(4) {
  position: static;
}
/* line 154, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_03 ul:nth-child(4):before {
  left: 300%;
}
/* line 151, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_03 ul:nth-child(5) {
  position: static;
}
/* line 154, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_03 ul:nth-child(5):before {
  left: 400%;
}
/* line 151, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_03 ul:nth-child(6) {
  position: static;
}
/* line 154, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_03 ul:nth-child(6):before {
  left: 500%;
}
/* line 151, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_03 ul:nth-child(7) {
  position: static;
}
/* line 154, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_03 ul:nth-child(7):before {
  left: 600%;
}
/* line 151, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_03 ul:nth-child(8) {
  position: static;
}
/* line 154, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_03 ul:nth-child(8):before {
  left: 700%;
}
/* line 151, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_03 ul:nth-child(9) {
  position: static;
}
/* line 154, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_03 ul:nth-child(9):before {
  left: 800%;
}
/* line 151, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_03 ul:nth-child(10) {
  position: static;
}
/* line 154, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_03 ul:nth-child(10):before {
  left: 900%;
}
/* line 151, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_03 ul:nth-child(11) {
  position: static;
}
/* line 154, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_03 ul:nth-child(11):before {
  left: 1000%;
}
/* line 151, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_03 ul:nth-child(12) {
  position: static;
}
/* line 154, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_03 ul:nth-child(12):before {
  left: 1100%;
}
/* line 129, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_04 {
  width: 400%;
}
/* line 132, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_04 ul {
  position: relative;
  width: 25%;
  float: left;
}
/* line 137, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_04 ul:before {
  content: "​";
  display: block;
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  left: 0;
  left: 0.5px;
  background-color: #d8d8d8;
}
/* line 151, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_04 ul:nth-child(2) {
  position: static;
}
/* line 154, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_04 ul:nth-child(2):before {
  left: 100%;
}
/* line 151, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_04 ul:nth-child(3) {
  position: static;
}
/* line 154, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_04 ul:nth-child(3):before {
  left: 200%;
}
/* line 151, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_04 ul:nth-child(4) {
  position: static;
}
/* line 154, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_04 ul:nth-child(4):before {
  left: 300%;
}
/* line 151, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_04 ul:nth-child(5) {
  position: static;
}
/* line 154, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_04 ul:nth-child(5):before {
  left: 400%;
}
/* line 151, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_04 ul:nth-child(6) {
  position: static;
}
/* line 154, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_04 ul:nth-child(6):before {
  left: 500%;
}
/* line 151, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_04 ul:nth-child(7) {
  position: static;
}
/* line 154, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_04 ul:nth-child(7):before {
  left: 600%;
}
/* line 151, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_04 ul:nth-child(8) {
  position: static;
}
/* line 154, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_04 ul:nth-child(8):before {
  left: 700%;
}
/* line 151, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_04 ul:nth-child(9) {
  position: static;
}
/* line 154, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_04 ul:nth-child(9):before {
  left: 800%;
}
/* line 151, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_04 ul:nth-child(10) {
  position: static;
}
/* line 154, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_04 ul:nth-child(10):before {
  left: 900%;
}
/* line 151, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_04 ul:nth-child(11) {
  position: static;
}
/* line 154, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_04 ul:nth-child(11):before {
  left: 1000%;
}
/* line 151, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_04 ul:nth-child(12) {
  position: static;
}
/* line 154, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_04 ul:nth-child(12):before {
  left: 1100%;
}
/* line 129, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_05 {
  width: 500%;
}
/* line 132, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_05 ul {
  position: relative;
  width: 20%;
  float: left;
}
/* line 137, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_05 ul:before {
  content: "​";
  display: block;
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  left: 0;
  left: 0.5px;
  background-color: #d8d8d8;
}
/* line 151, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_05 ul:nth-child(2) {
  position: static;
}
/* line 154, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_05 ul:nth-child(2):before {
  left: 100%;
}
/* line 151, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_05 ul:nth-child(3) {
  position: static;
}
/* line 154, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_05 ul:nth-child(3):before {
  left: 200%;
}
/* line 151, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_05 ul:nth-child(4) {
  position: static;
}
/* line 154, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_05 ul:nth-child(4):before {
  left: 300%;
}
/* line 151, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_05 ul:nth-child(5) {
  position: static;
}
/* line 154, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_05 ul:nth-child(5):before {
  left: 400%;
}
/* line 151, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_05 ul:nth-child(6) {
  position: static;
}
/* line 154, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_05 ul:nth-child(6):before {
  left: 500%;
}
/* line 151, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_05 ul:nth-child(7) {
  position: static;
}
/* line 154, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_05 ul:nth-child(7):before {
  left: 600%;
}
/* line 151, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_05 ul:nth-child(8) {
  position: static;
}
/* line 154, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_05 ul:nth-child(8):before {
  left: 700%;
}
/* line 151, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_05 ul:nth-child(9) {
  position: static;
}
/* line 154, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_05 ul:nth-child(9):before {
  left: 800%;
}
/* line 151, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_05 ul:nth-child(10) {
  position: static;
}
/* line 154, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_05 ul:nth-child(10):before {
  left: 900%;
}
/* line 151, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_05 ul:nth-child(11) {
  position: static;
}
/* line 154, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_05 ul:nth-child(11):before {
  left: 1000%;
}
/* line 151, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_05 ul:nth-child(12) {
  position: static;
}
/* line 154, ../sass/_menu.scss */
.menubg .menuarea #menu li div .over15_05 ul:nth-child(12):before {
  left: 1100%;
}


/* line 3, ../sass/_second_menu.scss */
.second_menu {
  border-radius: 4px;
  overflow: hidden;
  background-color: #08c;
}
/* line 9, ../sass/_second_menu.scss */
.second_menu h4,.second_menu .h4 {
  padding: 10px;
  font-size: 1.1em;
  color: #ffffff;
}

.second_menu .h4 h2 {
  display: inline-block;
}
/* line 14, ../sass/_second_menu.scss */
.second_menu h4:before,.second_menu .h4:before {
  width: 16px;
  height: 16px;
  background-image: url('../images/page_menu.png?1433303522');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "​";
  vertical-align: middle;
  display: inline-block;
  margin-right: 6px;
}
/* line 19, ../sass/_second_menu.scss */
.second_menu ul {
  padding: 0 6px 6px;
  border-radius: 4px;
}
/* line 23, ../sass/_second_menu.scss */
.second_menu ul li {
  background-color: #ffffff;
}
/* line 28, ../sass/_second_menu.scss */
.second_menu ul li + li h5,.second_menu ul li + li .h5 {
  border-top: 1px dotted #d8d8d8;
}
/* line 33, ../sass/_second_menu.scss */
.second_menu ul li h5,.second_menu ul li .h5 {
  overflow: hidden;
  margin: 0 6px;
}
/* line 37, ../sass/_second_menu.scss */
.second_menu ul li h5 a,.second_menu ul li .h5 a {
  border-radius: 4px;
  display: block;
  margin: 5px 2px;
  padding: 2px 0;
  line-height: 2;
  font-size: 1.1em;
}
/* line 46, ../sass/_second_menu.scss */
.second_menu ul li h5 a:before,.second_menu ul li .h5 a:before {
  width: 16px;
  height: 16px;
  background-image: url('../images/sec_menu_icon.png?1433303522');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "​";
  vertical-align: middle;
  display: inline-block;
  margin-right: 6px;
}
/* line 54, ../sass/_second_menu.scss */
.second_menu ul li:hover a {
  color: #0ca;
  background-color: #f2f2f2;
}
/* line 62, ../sass/_second_menu.scss */
.second_menu ul li.second_menu_yes a {
  background-color: #0ca;
  color: #ffffff;
}
/* line 69, ../sass/_second_menu.scss */
.second_menu ul li.second_menu_yes a:before {
  visibility: hidden;
}

/* line 3, ../sass/_slider.scss */
.slider_model {
  width: 100%;
  position: relative;
  display: block;
  overflow: hidden;
  height: auto;
}
.slider_model .slider_model_box{
  margin-top: 60px;

}
@media screen and (min-width:768px) {
  .slider_model .slider_model_box{
    margin-top: 80px;

  }
}
@media screen and (min-width:1024px) {
  .slider_model .slider_model_box{
    margin-top: 0px;

  }
}
/* line 10, ../sass/_slider.scss */
.slider_model .slider_model_box a {
  display: block;
}
/* line 14, ../sass/_slider.scss */
.slider_model .slider_model_box img {
  display: block;
  width: 100%;
}
/* line 20, ../sass/_slider.scss */
.slider_model .slider_introduce_box {
  position: absolute;
  display: block;
  overflow: hidden;
  width: 50%;
  top: 80%;
  right: 5%;
  bottom: 20px;
/*  background-color: #f2f2f2;
  background-color: rgba(100%, 100%, 100%, 0.5);*/
  z-index: 1;
  border-radius: 4px;
}
/* line 33, ../sass/_slider.scss */
.slider_model .slider_introduce_box h5,.slider_model .slider_introduce_box .h5 {
  font-family: "微軟正黑體",Verdana,Arial,Helvetica,sans-serif;
  font-weight:800;  
  padding: 10px;
 /* background-color: #08c;*/
  color: #f29102;
  font-size: 37px;
  text-align: right;
  text-shadow: 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff;
/*  text-shadow: 2px 2px 0px rgba(100%,100%,100%,0.9);*/
}

/* line 39, ../sass/_slider.scss */
.slider_model .slider_introduce_box p {
  font-family: "微軟正黑體",Verdana,Arial,Helvetica,sans-serif;
  font-weight:700;	
  margin: 10px 10px;
  line-height: 32px;
  /*text-indent: 2em;*/
  text-align: right;
  font-size: 13px;
  /*text-justify: inter-ideograph;*/
  color: #FFFFFF;
  text-shadow: 0px 0px 2px #6A6A6A;
  /*text-shadow: 2px 2px 0px rgba(100%,100%,100%,0.9); */ 
}
/* line 46, ../sass/_slider.scss */
.slider_model .slider_introduce_box .ctrl_dot_box {
  position: absolute;
  width: 100%;
  margin: 0;
  padding: 10px 0 10px 0px;
  left: 0;
  bottom: 0;
}
/* line 58, ../sass/_slider.scss */
.slider_model .slider_introduce_box .ctrl_dot_box ul li a {
  opacity: 1;
}
/* line 74, ../sass/_slider.scss */
.slider_model .slider_list_box {
  position: absolute;
  display: block;
  overflow: hidden;
  width: 30%;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #3f3f3f;
  background-color: rgba(63, 63, 63, 0.9);
}
/* line 85, ../sass/_slider.scss */
.slider_model .slider_list_box ul {
  position: relative;
  padding: 0;
  margin: 0;
  list-style: none;
}
.slider_model .slider_list_box ul li {
   /* border-top: 1px solid #6b6b6b;*/
    width: 20%;
    display: inline-block;
  }

/* line 93, ../sass/_slider.scss */
.slider_model .slider_list_box ul li + li {
 /* border-top: 1px solid #6b6b6b;*/
}
/* line 97, ../sass/_slider.scss */
.slider_model .slider_list_box ul li a {
  display: block;
  padding: 10px;
  font-size: 0.9em;
  text-decoration: none;
  color: #f2f2f2;
}
/* line 108, ../sass/_slider.scss */
.slider_model .slider_list_box ul li a.is_active {
  background-color: #08c;
  background-color: rgba(0, 136, 204, 0.9);
}
/* line 113, ../sass/_slider.scss */
.slider_model .slider_list_box ul li a div {
  width: 42px;
  height: 42px;
  float: left;
  margin-right: 10px;
  border: 1px solid #d8d8d8;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: none;
}
/* line 124, ../sass/_slider.scss */
.slider_model .slider_list_box ul li a h5,.slider_model .slider_list_box ul li a .h5 {
  padding: 4px 0;
  color: #f2f2f2;
  text-align: center;

}
/* line 130, ../sass/_slider.scss */
.slider_model .slider_list_box ul li a p {
  min-width: 13px;
  padding: 4px 0;
  color: #f2f2f2;
}
/* line 141, ../sass/_slider.scss */
.slider_model .model_ctrl_tools {
  width: 100%;
  height: 0;
  display: none;
}
/* line 145, ../sass/_slider.scss */
.slider_model .model_ctrl_tools a {
  position: absolute;
  display: block;
  height: 30%;
  width: 30px;
  top: 35%;
  z-index: 1;
  -webkit-tab-highlight-color:rgba(0,0,0,0);
}
/* line 156, ../sass/_slider.scss */
.slider_model .model_ctrl_tools a:hover {
  background: #ffffff;
}
/* line 160, ../sass/_slider.scss */
.slider_model .model_ctrl_tools a.ctrl_left {
  width: 30px;
  height: 110px;
  background:url(../images/index/prevNext.png) no-repeat scroll left top;
  left: 10px;

}
.slider_model .model_ctrl_tools a.ctrl_left:hover {
  width: 30px;
  height: 110px;
  background:url(../images/index/prevNext.png) no-repeat scroll left bottom;
  left: 10px;
 
}
/* line 165, ../sass/_slider.scss */
.slider_model .model_ctrl_tools a.ctrl_right {
  width: 30px;
  height: 110px;
  background:url(../images/index/prevNext.png) no-repeat scroll right top;
  right: 10px;

}
.slider_model .model_ctrl_tools a.ctrl_right:hover {
  width: 30px;
  height: 110px;
  background:url(../images/index/prevNext.png) no-repeat scroll right bottom;
  right: 10px;

}
/* line 172, ../sass/_slider.scss */
.slider_model .slider_sec_model_box {
  position: absolute;
  display: block;
  width: 65%;
  right: 3%;
  top: 20px;
  bottom: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
/* line 184, ../sass/_slider.scss */
.slider_model .slider_bottom_box {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 1;
  display:none;
}
/* line 211, ../sass/_slider.scss */
.slider_model .slider_bottom_box .bg_box {
  padding: 10px 0 6px;
  background-color: #3f3f3f;
  background-color: rgba(63, 63, 63, 0.9);
}
/* line 216, ../sass/_slider.scss */
.slider_model .slider_bottom_box .bg_box .ctrl_dot_box {
  margin: 0 20px;
  float: right;
}
/* line 238, ../sass/_slider.scss */
.slider_model .slider_bottom_box .bg_box .ctrl_img_box {
  position: relative;
}
/* line 241, ../sass/_slider.scss */
.slider_model .slider_bottom_box .bg_box .ctrl_img_box ul {
  width: 100%;
  text-align: center;
  letter-spacing: 6px;
  *zoom: 1;
}
/* line 247, ../sass/_slider.scss */
.slider_model .slider_bottom_box .bg_box .ctrl_img_box ul li {
  display: inline-block;
  *float: left;
  *padding: 0 4px;
}
/* line 252, ../sass/_slider.scss */
.slider_model .slider_bottom_box .bg_box .ctrl_img_box ul li a {
  display: block;
  height: 40px;
  width: 40px;
  border: 1px solid #a1a1a1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  opacity: .8;
}
/* line 262, ../sass/_slider.scss */
.slider_model .slider_bottom_box .bg_box .ctrl_img_box ul li a:hover {
  opacity: 1;
}
/* line 266, ../sass/_slider.scss */
.slider_model .slider_bottom_box .bg_box .ctrl_img_box ul li a.is_active {
  border: 1px solid #08c;
  opacity: 1;
}
/* line 275, ../sass/_slider.scss */
.slider_model .slider_bottom_box .bg_box h5,.slider_model .slider_bottom_box .bg_box .h5 {
  padding: 4px 0;
  margin: 0 6px;
  color: #f2f2f2;
  text-align: center;
  display:inline-block;
  width:100%;
  height:100%;
  font-size:1em;
}
/* line 283, ../sass/_slider.scss */
.slider_model .slider_bottom_box .bg_box p {
  padding: 4px 0;
  margin: 0 3px;
  color: #f2f2f2;
  text-align: center;
}
/* line 297, ../sass/_slider.scss */
.slider_model .ctrl_dot_box {
  padding: 4px 0;
}
/* line 300, ../sass/_slider.scss */
.slider_model .ctrl_dot_box ul {
  text-align: right;
  letter-spacing: 3px;
  padding: 0 10px 0 0;
  *zoom: 1;
}
/* line 306, ../sass/_slider.scss */
.slider_model .ctrl_dot_box ul li {
  display: inline-block;
  *float: left;
  *padding: 0 4px;
}
/* line 311, ../sass/_slider.scss */
.slider_model .ctrl_dot_box ul li a {
  position: relative;
  display: block;
  width: 40px;
  height: 6px;
  background-color: #E8E8E8;
  /*opacity: 0.9;*/
  margin: 2px;
  /*border-radius: 100%;*/
}
/* line 321, ../sass/_slider.scss */
.slider_model .ctrl_dot_box ul li a:hover {
  /*opacity: 1;*/
  background-color: #a1a1a1;
}
/* line 327, ../sass/_slider.scss */
.slider_model .ctrl_dot_box ul li a.is_active {
  background-color: #D2FF82;
  border-bottom: 1px solid #00719d;
}
/* line 336, ../sass/_slider.scss */
.slider_model h5,.slider_model .h5 {
  font-size: 1.1em;
}
/* line 340, ../sass/_slider.scss */
.slider_model p {
  overflow: hidden;
}
/*----------------------------600以下---------------------------*/
@media (max-width: 600px) {
  /* line 349, ../sass/_slider.scss */
  .slider_model .slider_introduce_box {
    display: block;
    width: 100%!important;
    top: auto!important;
    height: 50px!important;
    bottom: 10px!important;

  }
  .slider_model .slider_introduce_box .ctrl_dot_box{
    padding: 0!important;
  }
  .slider_model .slider_introduce_box p {
    margin: 0!important;
    line-height: 14px!important;
    padding-right: 10px;
  }
  /* line 353, ../sass/_slider.scss */
  .slider_model .slider_list_box {
    width: 26%;
  }
  /* line 360, ../sass/_slider.scss */
  .slider_model .slider_list_box ul li a {
    padding: 4px;
  }
  /* line 363, ../sass/_slider.scss */
  .slider_model .slider_list_box ul li a div {
    width: 20px;
    height: 20px;
  }
  /* line 372, ../sass/_slider.scss */
  .slider_model .slider_list_box ul li a p {
    display: none;
  }
  /* line 380, ../sass/_slider.scss */
  .slider_model .model_ctrl_tools {
    display: none;
  }
  /* line 384, ../sass/_slider.scss */
  .slider_model .slider_sec_model_box {
    width: auto;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    border: 0;
    border-radius: 0;
  }
  /* line 396, ../sass/_slider.scss */
  .slider_model .slider_bottom_box .bg_box {
    padding: 4px 0 2px;
  }
  /* line 399, ../sass/_slider.scss */
  .slider_model .slider_bottom_box .bg_box .ctrl_dot_box {
    margin: 0px;
  }
  /* line 405, ../sass/_slider.scss */
  .slider_model .slider_bottom_box .bg_box .ctrl_img_box ul {
    letter-spacing: 4px;
  }
  /* line 410, ../sass/_slider.scss */
  .slider_model .slider_bottom_box .bg_box .ctrl_img_box ul li a {
    height: 26px;
    width: 26px;
  }
  /* line 428, ../sass/_slider.scss */
  .slider_model .ctrl_dot_box {
    padding: 4px;
  }
  /* line 431, ../sass/_slider.scss */
  .slider_model .ctrl_dot_box ul {
    letter-spacing: 1px;
  }
  /* line 436, ../sass/_slider.scss */
  .slider_model .ctrl_dot_box ul li a {
    width: 10px;
    height: 10px;
  }
  /* line 99, ../sass/_banner_slider.scss */
  .banner_slider_model .banner_slider_box .banner_mask ul {
    width: 1000%;
  }
}
/*-------------------------1023~768-----------------------------------------*/
@media (max-width: 1023px) and (min-width: 768px) {

  .topbg .toplog .toplog h1 a {
    width: 170px;
    margin: 0 auto;
  }
  #mobile-header {
    display: block;
    z-index: 1;
    /*height: 40px;*/
    position: relative;
  }
  .tab_group_3 .group ul li a .card .more_btn {
    color: #FFFFFF;
    font-size: 0.9em;
    letter-spacing: 0.05em;
    background: #93bfc4;
    width: 100%;
    height: 30px;
    text-align: left;
    margin-top: 20px;
    line-height: 30px;
/*    border-radius: 0 20px;*/
    padding-left: 15px;
  }
  /* line 451, ../sass/_slider.scss */
  .slider_model .slider_introduce_box {
    width: 50%;
    top: 70%;
    /*left: 25%;*/
    bottom: 10px;
  }


  
  /* line 457, ../sass/_slider.scss */
  .slider_model .slider_introduce_box h5,.slider_model .slider_introduce_box .h5 {
    padding: 6px;
    color: #f29102;
	font-size: 2em;
  }
  /* line 463, ../sass/_slider.scss */
  .slider_model .slider_introduce_box p {
    text-indent: 0;
    margin: 6px;
  }
  /* line 468, ../sass/_slider.scss */
  .slider_model .slider_introduce_box .ctrl_dot_box {
    padding: 4px 0;
  }
  /* line 473, ../sass/_slider.scss */
  .slider_model .slider_list_box {
    width: 26%;
  }
  /* line 480, ../sass/_slider.scss */
  .slider_model .slider_list_box ul li a {
    padding: 4px;
  }
  /* line 483, ../sass/_slider.scss */
  .slider_model .slider_list_box ul li a div {
    width: 20px;
    height: 20px;
  }
  /* line 492, ../sass/_slider.scss */
  .slider_model .slider_list_box ul li a p {
    display: none;
  }
  /* line 504, ../sass/_slider.scss */
  .slider_model .slider_sec_model_box {
    width: 62%;
    right: 10px;
    top: 10px;
    bottom: 10px;
  }
  /* line 511, ../sass/_slider.scss */
  .slider_model .slider_bottom_box {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
  }
  /* line 517, ../sass/_slider.scss */
  .slider_model .slider_bottom_box .bg_box {
    padding: 4px 0 2px;
  }
  /* line 521, ../sass/_slider.scss */
  .slider_model .slider_bottom_box .bg_box .ctrl_dot_box {
    margin: 0 10px;
  }
  /* line 527, ../sass/_slider.scss */
  .slider_model .slider_bottom_box .bg_box .ctrl_img_box ul {
    letter-spacing: 4px;
  }
  /* line 532, ../sass/_slider.scss */
  .slider_model .slider_bottom_box .bg_box .ctrl_img_box ul li a {
    height: 32px;
    width: 32px;
  }
  /* line 550, ../sass/_slider.scss */
  .slider_model .ctrl_dot_box {
    padding: 4px;
  }
  /* line 553, ../sass/_slider.scss */
  .slider_model .ctrl_dot_box ul {
    letter-spacing: 1px;
  }
  /* line 558, ../sass/_slider.scss */
  .slider_model .ctrl_dot_box ul li a {
    width: 12px;
    height: 12px;
  }
  /* line 117, ../sass/_banner_slider.scss */
  .banner_slider_model .banner_slider_box .banner_mask ul {
    width: 666.6666666667%;
  }
}
/* line 11, ../sass/_wwwedit.scss */
.footer_Login .WWWEdit_Login:before {
  width: 16px;
  height: 16px;
  background-image: url('../images/p_login.png?1433303522');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "​";
  vertical-align: middle;
  display: inline-block;
  margin-right: 6px;
}
/* line 18, ../sass/_wwwedit.scss */
.footer_Login .WWWEdit_HomeEdit:before {
  width: 16px;
  height: 16px;
  background-image: url('../images/p_editor.png?1433303522');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "​";
  vertical-align: middle;
  display: inline-block;
  margin-right: 6px;
}
/* line 25, ../sass/_wwwedit.scss */
.footer_Login .WWWEdit_Logout:before {
  width: 16px;
  height: 16px;
  background-image: url('../images/p_login.png?1433303522');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "​";
  vertical-align: middle;
  display: inline-block;
  margin-right: 6px;
}

/* line 31, ../sass/_wwwedit.scss */
#WWWEdit {
  margin-bottom: 10px;
  text-align: right;
}
/* line 38, ../sass/_wwwedit.scss */
#WWWEdit .WWWEdit_Edit:before {
  width: 16px;
  height: 16px;
  background-image: url('../images/p_editor.png?1433303522');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "​";
  vertical-align: middle;
  display: inline-block;
  margin-right: 6px;
}

/* line 6, ../sass/_module_message.scss */
.Marquee h4,.Marquee .h4 {
  display: none;
}
/* line 10, ../sass/_module_message.scss */
.Marquee .marquee_box {
  overflow: hidden;
  background-color: #6b6b6b;
  border-radius: 4px;
}
/* line 17, ../sass/_module_message.scss */
.Marquee .marquee_box ul li {
  padding: 10px;
}
/* line 21, ../sass/_module_message.scss */
.Marquee .marquee_box ul li + li {
  display: none;
}
/* line 25, ../sass/_module_message.scss */
.Marquee .marquee_box ul li a {
  display: block;
  color: #ffffff;
}

/* line 44, ../sass/_module_message.scss */
.module_news1_1 h4:before,.module_news1_1 .h4:before {
  width: 16px;
  height: 16px;
  background-image: url('../images/module_message.png?1433303522');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "​";
  vertical-align: middle;
  display: inline-block;
  margin-right: 6px;
}
/* line 51, ../sass/_module_message.scss */
.module_news1_1 ul li {
  line-height: 1.6;
}
/* line 54, ../sass/_module_message.scss */
.module_news1_1 ul li span {
  font-size: 0.9em;
  color: #ca0;
}

/* line 62, ../sass/_module_message.scss */
.module_news1_a {
  padding-bottom: 6px;
}
/* line 65, ../sass/_module_message.scss */
.module_news1_a + .module_news1_a, .module_news1_a + .module_news1_b {
  padding-top: 6px;
  border-top: 1px dotted #d8d8d8;
}
/* line 74, ../sass/_module_message.scss */
.module_news1_a ul li > a {
  display: block;
  width: 30%;
  max-width: 120px;
  float: left;
  margin-right: 10px;
  background-color: #f2f2f2;
}
/* line 82, ../sass/_module_message.scss */
.module_news1_a ul li > a h6,.module_news1_a ul li > a .h6, {
  margin: 2px;
}
/* line 85, ../sass/_module_message.scss */
.module_news1_a ul li > a h6 img,.module_news1_a ul li > a .h6 img {
  display: block;
  width: 100%;
}
/* line 98, ../sass/_module_message.scss */
.module_news1_a dl {
  display: block;
  overflow: hidden;
}
/* line 104, ../sass/_module_message.scss */
.module_news1_a dl h5 a,.module_news1_a dl .h5 a {
  font-size: 1.1em;
  color: #c02;
}
/* line 113, ../sass/_module_message.scss */
.module_news1_a dl h5 b,.module_news1_a dl .h5 b {
  display: block;
  font-size: 0.9em;
  color: #ca0;
}
/* line 122, ../sass/_module_message.scss */
.module_news1_a dl dt a {
  font: 0.9em;
  line-height: 1.6;
}

/* line 130, ../sass/_module_message.scss */
.module_news1_b {
  padding-bottom: 6px;
}
/* line 133, ../sass/_module_message.scss */
.module_news1_b + .module_news1_b, .module_news1_b + .module_news1_a {
  padding-top: 6px;
  border-top: 1px dotted #d8d8d8;
}
/* line 144, ../sass/_module_message.scss */
.module_news1_b ul li h5 b,.module_news1_b ul li .h5 b {
  float: right;
  margin-top: 3px;
  font-size: 0.9em;
  color: #ca0;
}
/* line 151, ../sass/_module_message.scss */
.module_news1_b ul li h5 a,.module_news1_b ul li .h5 a  {
  display: block;
  overflow: hidden;
  color: #c02;
  font-size: 1.1em;
}
/* line 164, ../sass/_module_message.scss */
.module_news1_b ul li dl {
  line-height: 1.6;
}

/* line 181, ../sass/_module_message.scss */
.module_news_rotate h4:before,.module_news_rotate .h4:before {
  width: 16px;
  height: 16px;
  background-image: url('../images/module_message.png?1433303522');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "​";
  vertical-align: middle;
  display: inline-block;
  margin-right: 6px;
}
/* line 186, ../sass/_module_message.scss */
.module_news_rotate ul {
  width: 100%;
}
/* line 189, ../sass/_module_message.scss */
.module_news_rotate ul li {
  padding-bottom: 6px;
}
/* line 192, ../sass/_module_message.scss */
.module_news_rotate ul li + li {
  padding-top: 6px;
  
}
/* line 197, ../sass/_module_message.scss */
.module_news_rotate ul li > a {
  display: block;
  width: 30%;
  float: left;
}
/* line 203, ../sass/_module_message.scss */
.module_news_rotate ul li > a img {
  display: block;
  width: 100%;
}
/* line 211, ../sass/_module_message.scss */
.module_news_rotate ul li h5 a,.module_news_rotate ul li .h5 a {
  font-size: 1.1em;
  color: #c02;
}
/* line 219, ../sass/_module_message.scss */
.module_news_rotate ul li dl dt {
  overflow: hidden;
  line-height: 1.6;
  margin: 5px 0;
}
/* line 226, ../sass/_module_message.scss */
.module_news_rotate ul li dl dt a span {
  color: #ca0;
}

/* line 246, ../sass/_module_message.scss */
.module_news1_11 h4:before,.module_news1_11 .h4:before {
  width: 16px;
  height: 16px;
  background-image: url('../images/module_message.png?1433303522');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "​";
  vertical-align: middle;
  display: inline-block;
  margin-right: 6px;
}

/* line 12, ../sass/_module_album.scss */
.module_photo h4:before,.module_photo .h4:before {
  width: 16px;
  height: 16px;
  background-image: url('../images/module_album.png?1433303522');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "​";
  vertical-align: middle;
  display: inline-block;
  margin-right: 6px;
}
/* line 17, ../sass/_module_album.scss */
.module_photo .model_ctrl_tools {
  position: absolute;
  /*top: 8px;*/
  right: 15px;
  bottom:-30px;
}

.banner_slider_model .model_ctrl_tools_02 {
    top: 8px;
    right: 0;
    /* position: fixed; */
    display: table;
    width: 1050px;
    margin: 0 auto;
    text-align: right;
    padding: 0 15px 10px 0;
}

/* line 33, ../sass/_module_album.scss */
.module_photo .model_ctrl_tools a.ctrl_left {
  margin-right: 3px;
}
/* line 41, ../sass/_module_album.scss */
.module_photo .model_ctrl_tools a.ctrl_right {
  margin-left: 3px;
}
/* line 53, ../sass/_module_album.scss */
.module_photo ul li {
  display: inline-block;
  width: 32%!important;
  margin: 5px;
  -webkit-box-shadow: 1px 1px 10px rgba(0%,0%,0%,0.15);
  -moz-box-shadow: 1px 1px 10px rgba(0%,0%,0%,0.15);
  box-shadow: 1px 1px 10px rgba(0%,0%,0%,0.15);  
}
/* line 57, ../sass/_module_album.scss */
.module_photo ul li:nth-child(n+7) {
  display: none;
}
/* line 63, ../sass/_module_album.scss */
.module_photo ul li:first-child:nth-last-child(1), .module_photo ul li:first-child:nth-last-child(1) ~ li {
  width: 100%;
}
/* line 63, ../sass/_module_album.scss */
.module_photo ul li:first-child:nth-last-child(2), .module_photo ul li:first-child:nth-last-child(2) ~ li {
  width: 50%;
}
/* line 63, ../sass/_module_album.scss */
.module_photo ul li:first-child:nth-last-child(3), .module_photo ul li:first-child:nth-last-child(3) ~ li {
  width: 33.3333333333%;
}
/* line 63, ../sass/_module_album.scss */
.module_photo ul li:first-child:nth-last-child(4), .module_photo ul li:first-child:nth-last-child(4) ~ li {
  width: 25%;
}
/* line 63, ../sass/_module_album.scss */
.module_photo ul li:first-child:nth-last-child(5), .module_photo ul li:first-child:nth-last-child(5) ~ li {
  width: 20%;
}
/* line 63, ../sass/_module_album.scss */
.module_photo ul li:first-child:nth-last-child(6), .module_photo ul li:first-child:nth-last-child(6) ~ li {
  width: 16.6666666667%;
}
/* line 69, ../sass/_module_album.scss */
.module_photo ul li a {
  display: block;
  overflow: hidden;
  /*margin: 0 4px;*/
  background-color: #FFFFFF;
  padding: 0 0 10px 0;
}
/* line 75, ../sass/_module_album.scss */
.module_photo ul li a:hover {
  background-color: #0ca;
}
/* line 78, ../sass/_module_album.scss */
.module_photo ul li a:hover h5,.module_photo ul li a:hover .h5 {
  color: #f2f2f2;
}
/* line 82, ../sass/_module_album.scss */
.module_photo ul li a:hover span, .module_photo ul li a:hover p {
  color: #f2f2f2;
}
/* line 87, ../sass/_module_album.scss */
.module_photo ul li a img, .module_photo ul li a h5,.module_photo ul li a .h5, .module_photo ul li a span, .module_photo ul li a p {
  color: inherit;
}
/* line 91, ../sass/_module_album.scss */
.module_photo ul li a img {
  display: block;
  width: 100%;
  margin: 0;
}
/* line 97, ../sass/_module_album.scss */
.module_photo ul li a h5,.module_photo ul li a .h5 {
  margin: 10px 10px;
  font-size: 1.1em;
  color: #08c;
}
/* line 104, ../sass/_module_album.scss */
.module_photo ul li a span {
  display: block;
  margin: 3px 10px;
  font-size: 0.9em;
}
/* line 111, ../sass/_module_album.scss */
.module_photo ul li a p {
  margin: 6px 10px;
  line-height: 1.2;
}

@media (max-width: 600px) {
  /* line 131, ../sass/_module_album.scss */
  .module_photo ul li:first-child:nth-last-child(2), .module_photo ul li:first-child:nth-last-child(2) ~ li {
    width: 50%;
  }
  /* line 131, ../sass/_module_album.scss */
  .module_photo ul li:first-child:nth-last-child(3), .module_photo ul li:first-child:nth-last-child(3) ~ li {
    width: 50%;
  }
  /* line 131, ../sass/_module_album.scss */
  .module_photo ul li:first-child:nth-last-child(4), .module_photo ul li:first-child:nth-last-child(4) ~ li {
    width: 50%;
  }
  /* line 131, ../sass/_module_album.scss */
  .module_photo ul li:first-child:nth-last-child(5), .module_photo ul li:first-child:nth-last-child(5) ~ li {
    width: 50%;
  }
  /* line 131, ../sass/_module_album.scss */
  .module_photo ul li:first-child:nth-last-child(6), .module_photo ul li:first-child:nth-last-child(6) ~ li {
    width: 50%;
  }
  /* line 137, ../sass/_module_album.scss */
  .module_photo ul li:nth-child(n+3) {
    display: none;
  }
  

}


/*-----------------------平版---1023~768------------------------------------------*/
@media (max-width: 1023px) and (min-width: 768px) {
  /* line 156, ../sass/_module_album.scss */
  .module_photo ul li:first-child:nth-last-child(3), .module_photo ul li:first-child:nth-last-child(3) ~ li {
    width: 33.3333333333%;
  }
  /* line 156, ../sass/_module_album.scss */
  .module_photo ul li:first-child:nth-last-child(4), .module_photo ul li:first-child:nth-last-child(4) ~ li {
    width: 33.3333333333%;
  }
  /* line 156, ../sass/_module_album.scss */
  .module_photo ul li:first-child:nth-last-child(5), .module_photo ul li:first-child:nth-last-child(5) ~ li {
    width: 33.3333333333%;
  }
  /* line 156, ../sass/_module_album.scss */
  .module_photo ul li:first-child:nth-last-child(6), .module_photo ul li:first-child:nth-last-child(6) ~ li {
    width: 33.3333333333%;
  }
  /* line 162, ../sass/_module_album.scss */
  .module_photo ul li:nth-child(n+4) {
    display: none;
  }
}
/* line 9, ../sass/_module_link.scss */
/*.module_link_photo_v h4:before {
  width: 16px;
  height: 16px;
  background-image: url('../images/module_link.png?1433303522');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "​";
  vertical-align: middle;
  display: inline-block;
  margin-right: 6px;
}*/
/* line 16, ../sass/_module_link.scss */
.module_link_photo_v ul li {
 width: 48%!important;
float: left!important;
margin: 1%;
padding: 2%;
display: block;
background-color: #90D4F4;
font-size: 1.1em;
text-align: center;
border-radius: 5px;
}

.module_link_photo_v ul li:hover a {
color:#fff!important;
}

.module_link_photo_v ul li:hover {

background-color: #4DB9BE;
color:#fff;

}

.module_link_photo_v h4,.module_link_photo_v .h4{color: #006594;}
.module_link_photo_Select h4,.module_link_photo_Select .h4{color: #006594;}
/* line 20, ../sass/_module_link.scss */
.module_link_photo_v ul li + li {
  
 
}
/* line 25, ../sass/_module_link.scss */
.module_link_photo_v ul li span {
  display: none;
  margin-top: 2px;
  color: #ca0;
  float: right;
  font-size: 0.9em;
}
/* line 33, ../sass/_module_link.scss */
.module_link_photo_v ul li a {
  display: block;
  overflow: hidden;
  color: #000;
}

.module_link_photo_v ul li a:hover {

  color: #fff;
}
/* line 38, ../sass/_module_link.scss */
.module_link_photo_v ul li a img {
  margin-bottom: 6px;
}

/* line 66, ../sass/_module_link.scss */
.module_link_photo_h h4:before,.module_link_photo_h .h4:before  {
  width: 16px;
  height: 16px;
  background-image: url('../images/module_link.png?1433303522');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "​";
  vertical-align: middle;
  display: inline-block;
  margin-right: 6px;
}
/* line 73, ../sass/_module_link.scss */
.module_link_photo_h ul li {
  width: 33.3333333333%;
  float: left;
}
/* line 77, ../sass/_module_link.scss */
.module_link_photo_h ul li a {
  display: block;
  padding: 2px;
}
/* line 81, ../sass/_module_link.scss */
.module_link_photo_h ul li a img {
  display: block;
  width: 100%;
}
/* line 86, ../sass/_module_link.scss */
.module_link_photo_h ul li a:hover {
  background-color: #0ca;
}
/* line 91, ../sass/_module_link.scss */
.module_link_photo_h ul li:nth-child(3n+1) {
  clear: left;
}

/* line 112, ../sass/_module_link.scss */
/*.module_link_photo_Select h4:before {
  width: 16px;
  height: 16px;
  background-image: url('../images/module_link.png?1433303522');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "​";
  vertical-align: middle;
  display: inline-block;
  margin-right: 6px;
}*/
/* line 117, ../sass/_module_link.scss */
.module_link_photo_Select select {
  width: 100%;
}

@media (max-width: 767px) {
  /* line 130, ../sass/_module_link.scss */
  .module_link_photo_h ul li {
    width: 50%;
  }
  /* line 134, ../sass/_module_link.scss */
  .module_link_photo_h ul li:nth-child(2n+1) {
    clear: left;
  }

  .slider_model .slider_introduce_box {
/*    width: 50%;
    top: 35%;
    left: 25%;
    bottom: 10px;*/
	width: 50%;
	top: 70%;
	/* left: 25%; */
	bottom: 10px	
  }  
  
   .slider_model .slider_introduce_box h5,  .slider_model .slider_introduce_box .h5 {
	  padding: 6px;
	  color: #f29102;
	  font-size: 1.5em;
	}

   .slider_model .ctrl_dot_box ul li a {
	   width: 12px;
	   height: 12px;
   }	  
}
@media (max-width:1023px) and (min-width:768px) {
  /* line 149, ../sass/_module_link.scss */
  .module_link_photo_h ul li {
    width: 33.3333333333%;
  }
  /* line 153, ../sass/_module_link.scss */
  .module_link_photo_h ul li:nth-child(3n+1) {
    clear: left;
  }
}
/* line 9, ../sass/_module_vote.scss */
.vote h4:before,.vote .h4:before  {
  width: 16px;
  height: 16px;
  background-image: url('../images/module_vote.png?1433303522');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "​";
  vertical-align: middle;
  display: inline-block;
  margin-right: 6px;
}
/* line 14, ../sass/_module_vote.scss */
.vote p {
  margin: 6px 0;
}
/* line 19, ../sass/_module_vote.scss */
.vote p.CVT_Title a {
  color: #c02;
  font-size: 1.1em;
  line-height: 1.6;
}
/* line 26, ../sass/_module_vote.scss */
.vote p.CVT_Date {
  color: #ca0;
}
/* line 31, ../sass/_module_vote.scss */
.vote ul {
  padding: 5px 5px 5px 20px;
  background-color: #f2f2f2;
  border-radius: 4px;
}
/* line 36, ../sass/_module_vote.scss */
.vote ul li {
  margin: 10px 0;
}
/* line 39, ../sass/_module_vote.scss */
.vote ul li input[type="radio"] {
  cursor: pointer;
}
/* line 45, ../sass/_module_vote.scss */
.vote input[type="submit"] {
  margin-top: 6px;
  float: right;
}

/* line 9, ../sass/_module_rss.scss */
.module_rss h4:before,.module_rss .h4:before {
  width: 16px;
  height: 16px;
  background-image: url('../images/module_rss.png?1433303522');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "​";
  vertical-align: middle;
  display: inline-block;
  margin-right: 6px;
}
/* line 14, ../sass/_module_rss.scss */
.module_rss ul {
  margin-bottom: 10px;
}
/* line 17, ../sass/_module_rss.scss */
.module_rss ul li {
  padding-bottom: 6px;
}
/* line 20, ../sass/_module_rss.scss */
.module_rss ul li + li {
  padding-top: 6px;
  border-top: 1px dotted #d8d8d8;
}
/* line 25, ../sass/_module_rss.scss */
.module_rss ul li span {
  float: right;
  margin-top: 2px;
  font-size: 0.9em;
  color: #ca0;
}
/* line 32, ../sass/_module_rss.scss */
.module_rss ul li a {
  display: block;
  overflow: hidden;
}

/* line 3, ../sass/_module_weather.scss */
.wrapper .weather {
  background-color: #f2f2f2;
  text-align: center;
  border-radius: 4px;
}
/* line 9, ../sass/_module_weather.scss */
.wrapper .weather .temp {
  display: inline-block;
  vertical-align: middle;
}
/* line 13, ../sass/_module_weather.scss */
.wrapper .weather .temp > a:before {
  content: '天氣概況：';
  margin-right: 10px;
  font-size: 1em;
  font-size: 1em\9!important;
  font-weight: 700;
}

.Rain:before {
    content: '降雨機率：'!important;
    font-size: 1em;
    font-size: 1em\9!important;
    font-weight: 700;
    display: block;
    width: 96px;
    /* margin-left: -36px; */
}

/* line 25, ../sass/_module_weather.scss */
.wrapper .weather .sun {
  display: inline-block;
  vertical-align: middle;
}
/* line 29, ../sass/_module_weather.scss */
.wrapper .weather .sun img {
  vertical-align: middle;
}

/* line 9, ../sass/_module_calendar.scss */
.i_module_calendar_style h4:before,.i_module_calendar_style .h4:before {
  width: 16px;
  height: 16px;
  background-image: url('../images/module_calendar.png?1433303522');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "​";
  vertical-align: middle;
  display: inline-block;
  margin-right: 6px;
}
/* line 16, ../sass/_module_calendar.scss */
.i_module_calendar_style #module_calendar_0_0 span {
  display: block;
  text-align: center;
  margin-bottom: 6px;
}
/* line 21, ../sass/_module_calendar.scss */
.i_module_calendar_style #module_calendar_0_0 span a {
  display: inline-block;
  vertical-align: middle;
  margin: 0 3px;
}
/* line 27, ../sass/_module_calendar.scss */
.i_module_calendar_style #module_calendar_0_0 span a:first-child {
  border-radius: 4px;
  display: inline-block;
  padding: 5px 8px;
  vertical-align: middle;
  cursor: pointer;
  width: 16px;
  height: 16px;
  background-image: url('../images/left.png?1433303522');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
/* line 31, ../sass/_module_calendar.scss */
.i_module_calendar_style #module_calendar_0_0 span .month {
  display: inline-block;
  font-size: 1.1em;
  vertical-align: middle;
}
/* line 36, ../sass/_module_calendar.scss */
.i_module_calendar_style #module_calendar_0_0 span .month + a {
  border-radius: 4px;
  display: inline-block;
  padding: 5px 8px;
  vertical-align: middle;
  cursor: pointer;
  width: 16px;
  height: 16px;
  background-image: url('../images/right.png?1433303522');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
/* line 42, ../sass/_module_calendar.scss */
.i_module_calendar_style #module_calendar_0_0 table {
  overflow: hidden;
  background-color: #f2f2f2;
}
/* line 48, ../sass/_module_calendar.scss */
.i_module_calendar_style #module_calendar_0_0 table tr + tr {
  border-top: 1px solid #ffffff;
}
/* line 52, ../sass/_module_calendar.scss */
.i_module_calendar_style #module_calendar_0_0 table tr th, .i_module_calendar_style #module_calendar_0_0 table tr td {
  width: 14.28571428571429%;
  text-align: center;
  vertical-align: middle;
}
/* line 57, ../sass/_module_calendar.scss */
.i_module_calendar_style #module_calendar_0_0 table tr th:first-child, .i_module_calendar_style #module_calendar_0_0 table tr td:first-child {
  color: #0ca;
}
/* line 61, ../sass/_module_calendar.scss */
.i_module_calendar_style #module_calendar_0_0 table tr th + th + th + th + th + th + th, .i_module_calendar_style #module_calendar_0_0 table tr th + td + td + td + td + td + td, .i_module_calendar_style #module_calendar_0_0 table tr td + th + th + th + th + th + th, .i_module_calendar_style #module_calendar_0_0 table tr td + td + td + td + td + td + td {
  color: #0ca;
}
/* line 66, ../sass/_module_calendar.scss */
.i_module_calendar_style #module_calendar_0_0 table tr th {
  padding: 10px 0;
  color: #ffffff;
  background: #08c;
}
/* line 72, ../sass/_module_calendar.scss */
.i_module_calendar_style #module_calendar_0_0 table tr td {
  padding: 8px 0;
}
/* line 75, ../sass/_module_calendar.scss */
.i_module_calendar_style #module_calendar_0_0 table tr td + td {
  border-left: 1px solid #ffffff;
}
/* line 79, ../sass/_module_calendar.scss */
.i_module_calendar_style #module_calendar_0_0 table tr td.calendar_today {
  background-color: #d8d8d8;
}
/* line 83, ../sass/_module_calendar.scss */
.i_module_calendar_style #module_calendar_0_0 table tr td.calendar_activity {


  cursor: pointer;
  text-decoration: underline;
}
/* line 87, ../sass/_module_calendar.scss */
.i_module_calendar_style #module_calendar_0_0 table tr td.calendar_activity:hover {
  text-decoration: none;
}
/* line 92, ../sass/_module_calendar.scss */
.i_module_calendar_style #module_calendar_0_0 table tr td.calendar_select {
  color: #ffffff;
  background-color: #0ca;
}
/* line 102, ../sass/_module_calendar.scss */
.i_module_calendar_style #module_calendar_0_0 .calendar_text li {
  margin: 6px 0;
  padding: 10px;
  background-color: #f2f2f2;
  line-height: 1.6;
  list-style-type: square;
  list-style-position: inside;
  list-style-image: url('../images/calendar_list.png?1433303522');
  border-radius: 4px;
}
/* line 118, ../sass/_module_calendar.scss */
.i_module_calendar_style #module_calendar_0_0 .CalendarType {
  display: block;
  padding: 6px;
  margin-top: 6px;
  background-color: #0ca;
  color: #ffffff;
  text-align: center;
  border-radius: 4px;
}
/* line 127, ../sass/_module_calendar.scss */
.i_module_calendar_style #module_calendar_0_0 .CalendarType:hover {
  background-color: #00b395;
}
/* line 131, ../sass/_module_calendar.scss */
.i_module_calendar_style #module_calendar_0_0 .CalendarType:before {
  width: 16px;
  height: 16px;
  background-image: url('../images/module_calendar_btn.png?1433303522');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "​";
  vertical-align: middle;
  display: inline-block;
  margin-right: 6px;
}

/* line 9, ../sass/_module_epaper.scss */
.email h2:before {
  width: 16px;
  height: 16px;
  background-image: url('../images/module_email.png?1433303522');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "​";
  vertical-align: middle;
  display: inline-block;
  margin-right: 6px;
}
/* line 14, ../sass/_module_epaper.scss */
.email .search_un {
  padding: 10px 0;
  text-align: center;
  background-color: #f2f2f2;
  border-radius: 4px;
}
/* line 24, ../sass/_module_epaper.scss */
.email .search_un input[type="button"] {
  background-image: none;
  background-color: #0ca;
  border: 0;
  color: #ffffff;
}
/* line 33, ../sass/_module_epaper.scss */
.email .search_un input[type="button"]:hover {
  background-color: #00b395;
}

/* line 9, ../sass/_module_video.scss */
.module_video h4:before,.module_video .h4:before {
  width: 16px;
  height: 16px;
  /*background-image: url('../images/module_video.png?1433303522');*/
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "​";
  vertical-align: middle;
  display: inline-block;
  margin-right: 6px;
}
/* line 14, ../sass/_module_video.scss */
.module_video h5,.module_video .h5 {
  margin: 10px 0;
  width: 400px;
  float: left;
}
/* line 17, ../sass/_module_video.scss */
.module_video h5 a,.module_video .h5 a {
  font-size: 1.1em;
  color: #000000;
  line-height: 1.6;
  text-align: left;
  display: block;
  width: 100%;
  padding-left: 15px;
  text-decoration: none;
}
.module_video h5 a:hover,.module_video .h5 a:hover{
  color: #FFFFFF;

}
/* line 24, ../sass/_module_video.scss */
.module_video p {
  margin: 6px 0;
  display: none;
}
/* line 28, ../sass/_module_video.scss */
.module_video b {
  display: block;
  margin:  0;
  font-size: 0.9em;
  color: #000000;
  display: block;
  width: 100px;
  float: left;
  text-align: right;
  line-height: 35px;
  padding-right: 15px;
  display: none;
}

.photoandtext h4,.photoandtext .h4{
	display:none;
	}
/* line 9, ../sass/_module_diy.scss */
.photoandtext h4:before,.photoandtext .h4:before {
  width: 16px;
  height: 16px;
  background-image: url('../images/module_diy.png?1433303522');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "​";
  vertical-align: middle;
  display: inline-block;
  margin-right: 6px;
}

/* line 38, ../sass/_module_tabs.scss */
.ModuleArea_2 > div {
  width: 47%;
  float: left;
}
/* line 42, ../sass/_module_tabs.scss */
.ModuleArea_2 > div + div {
  margin-left: 6%;
}

/* line 38, ../sass/_module_tabs.scss */
.ModuleArea_3 > div {
  width: 29.3333333333%;
  float: left;
}
/* line 42, ../sass/_module_tabs.scss */
.ModuleArea_3 > div + div {
  margin-left: 6%;
}

/* line 38, ../sass/_module_tabs.scss */
.ModuleArea_4 > div {
  width: 20.5%;
  float: left;
}
/* line 42, ../sass/_module_tabs.scss */
.ModuleArea_4 > div + div {
  margin-left: 6%;
}

/* line 38, ../sass/_module_tabs.scss */
.ModuleArea_5 > div {
  width: 15.2%;
  float: left;
}
/* line 42, ../sass/_module_tabs.scss */
.ModuleArea_5 > div + div {
  margin-left: 6%;
}

/* line 38, ../sass/_module_tabs.scss */
.ModuleArea_6 > div {
  width: 11.6666666667%;
  float: left;
}
/* line 42, ../sass/_module_tabs.scss */
.ModuleArea_6 > div + div {
  margin-left: 6%;
}

/* line 3, ../sass/_module_btns.scss */
.module_news1_more, .module_link_photo_h_more, .module_video_more, .prepage_v, .nextpage_v {
  position: absolute;
  line-height: 1;
  z-index: 1;
}

/* line 13, ../sass/_module_btns.scss */
.module_news1_more, .module_link_photo_h_more, .module_video_more {
  top: 8px;
  right: 0px;
}
.tab_group_7 .module_video_more {
  border: none;
  top: 18px;


}
.tab_group_7 .module_video_more:hover {
  border: none;
  background: none;
}
.tab_group_7 .module_video_more a{
  width: 49px;
  height: 12px;
  /*background: url(../images/index/more_.png) no-repeat scroll 0 0;*/
  text-indent: -9999px;
  display: block;
  color: #000000;

}
.tab_group_7 .module_video_more a:hover{

}

/* line 19, ../sass/_module_btns.scss */
.prepage_v, .nextpage_v {
  top: 6px;
}

/* line 23, ../sass/_module_btns.scss */
.prepage_v {
  border-radius: 4px;
  display: inline-block;
  padding: 5px 8px;
  vertical-align: middle;
  cursor: pointer;
  width: 16px;
  height: 16px;
  background-image: url('../images/left.png?1433303522');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  right: 80px;
}

/* line 28, ../sass/_module_btns.scss */
.nextpage_v {
  border-radius: 4px;
  display: inline-block;
  padding: 5px 8px;
  vertical-align: middle;
  cursor: pointer;
  width: 16px;
  height: 16px;
  background-image: url('../images/right.png?1433303522');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  right: 48px;
}
/* line 12, ../sass/_module_anchor.scss */
.module_anchor h4:before,.module_anchor .h4:before {
  width: 16px;
  height: 16px;
  background-image: url('../images/module_link.png?1433303522');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "​";
  vertical-align: middle;
  display: inline-block;
  margin-right: 6px;
}
/* line 17, ../sass/_module_anchor.scss */
.module_anchor ul {
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid #08c;
}
/* line 22, ../sass/_module_anchor.scss */
.module_anchor ul li {
  position: relative;
  float: left;
  width: 25%;
}
/* line 29, ../sass/_module_anchor.scss */
.module_anchor ul li:first-child:nth-last-child(1), .module_anchor ul li:first-child:nth-last-child(1) ~ li {
  width: 100%;
}
/* line 29, ../sass/_module_anchor.scss */
.module_anchor ul li:first-child:nth-last-child(2), .module_anchor ul li:first-child:nth-last-child(2) ~ li {
  width: 50%;
}
/* line 29, ../sass/_module_anchor.scss */
.module_anchor ul li:first-child:nth-last-child(3), .module_anchor ul li:first-child:nth-last-child(3) ~ li {
  width: 33.3333333333%;
}
/* line 29, ../sass/_module_anchor.scss */
.module_anchor ul li:first-child:nth-last-child(4), .module_anchor ul li:first-child:nth-last-child(4) ~ li {
  width: 25%;
}
/* line 29, ../sass/_module_anchor.scss */
.module_anchor ul li:first-child:nth-last-child(5), .module_anchor ul li:first-child:nth-last-child(5) ~ li {
  width: 20%;
}
/* line 29, ../sass/_module_anchor.scss */
.module_anchor ul li:first-child:nth-last-child(6), .module_anchor ul li:first-child:nth-last-child(6) ~ li {
  width: 16.6666666667%;
}
/* line 37, ../sass/_module_anchor.scss */
.module_anchor ul li + li:before {
  content: "​";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: #08c;
}
/* line 49, ../sass/_module_anchor.scss */
.module_anchor ul li a {
  display: block;
  padding: 10px;
  text-align: center;
}
/* line 54, ../sass/_module_anchor.scss */
.module_anchor ul li a:hover {
  background-color: #08c;
  color: #ffffff;
}

/*# sourceMappingURL=index.css.map */

/*1040703*/
/*topbg*/
.topbg .wrapper{
	max-width:1200px;
	margin:0 auto;
  position: relative;
}
@media screen and (max-width: 1279px){ 
  .topbg .wrapper{

  }
} 
@media screen and (max-width: 1075px){ 
  .topbg .wrapper{
    margin-left: 0px;
    width: 100%;
  }
} 
.menubg .wrapper.menuarea{
  width: 680px;
  margin-left: 10px;
  padding: 3px 0;
}
.menubg .wrapper.menuarea ul#menu{
  width: 680px;
  background-color: rgba(255, 255, 255, 0.41);
    padding: 2px 0;
}
/*搜尋功能區域*/

.search_group{
  left: 0;
  position: absolute;
  right: 0;
  top: 100px;
  width: 528px;
  height: 100px;
  margin: 0 auto;
  display:none;
	}
.photoandtext ul li{
	width:100%;
	
	}
.photoandtext ul li .hot_search{
	background: url(../images/index/hotKeyword.png) no-repeat scroll 15px 0;
    height: 47px;
    overflow: hidden;
    padding-left: 210px;
	padding-right: 20px;
    width: 100%;
	margin-top: 50px;
}
.photoandtext ul li .hot_search a{
	border-right: 1px solid #ffffff;
    color: #ffffff;
    display: inline-block;
    font-size: 1em;
    height: 19px;
    line-height: 15px;
    margin: 0 -1px 5px 0;
    padding: 0 10px;
    text-align: center;
    text-shadow: 0px 0px 5px #000;
	}
.photoandtext ul li .hot_search a:hover{
	color:#FFF;
	}
.photoandtext ul li .search{
	background: url(../images/index/search.png) no-repeat scroll 0 0;
	width:528px;
	height:35px;
  position: relative;
  display: none;
	}
  .photoandtext ul li .searchbt1{
  	width:440px;
  	float:left;

	}
  .photoandtext ul li .searchbt1 input{
    background: transparent none repeat scroll 0 0;
    border: medium none;
    color: #474747;
    font-family: "微軟正黑體",Arial,Helvetica,sans-serif;
    font-size: 1.1em;
    height: 35px;
    line-height: 35px;
    margin: 0;
    padding: 0 15px;
    vertical-align: middle;
    width: 100%;
    
  }
  .photoandtext ul li .searchbt1 span.searchbt1{
    display: block;
    width:88px;
    height:35px;
    float:left;
    text-indent: -9999px;
    position: absolute;
    right: 0;
    top:0;
  }
  .photoandtext ul li .searchbt1 span.searchbt1 a{
    display: block;
    width:100%;
    height:35px;
    float:left;
    text-indent: -9999px;


  }

  
.photoandtext ul li .searchbt2{
	display: none;
	
	}
.photoandtext ul li .searchbt2 a{
	/*display: inline-block;
  float: right;
  height: 35px;
  text-indent: -9999px;
  width: 88px;*/
	}
.banner{
	width:100%;
	height:auto;
	overflow:hidden;

}

.slider_model  .slider_bottom_box .bg_box{
	width:280px;
	height:280px;
	overflow:hidden;
	margin:0 auto;
	}

/*banner下方的NAV*/
.wrapper .content .content_middle	{
	width:100%;
	}
.content_middle .accesskey_c{
  position: absolute;
  left: 0px;
  top: -3px;
  /*top: 150px;*/
}
.content_middle .accesskey_c a span{
  color: #000000;
  /*visibility: hidden !important;*/

}
.menu_group{
	width:100%;
	height:56px;
	background:#33b3ed;
	}
.content_middle .menu_group > .photoandtext{
  padding: 0;
}

.menu_group ul{
	width:100%;
	display:inline-block;
	}
.menu_group ul li{
    margin: 0 auto;
    width:750px;
	}
.menu_group ul li a:link,.menu_group ul li a:active,.menu_group ul li a:visited{
	color: #FFFFFF;
  display: block;
  float: left;
  font-size: 1.1em;
  height: 56px;
  line-height: 56px;
  width:16%;
	text-align:center;
	
	}
	
.menu_group ul li a:hover{
	background:#FFFFFF;
	color:#33b3ed;
	}
/*最新消息+我的懶人包【中間內容】*/
/* line 6, ../sass/_banner_slider.scss */
.group .banner_slider_model,.group.tab_group_1 .banner_slider_model {
  width: 100%;
}
/* line 9, ../sass/_banner_slider.scss */
.group .banner_slider_model h4,.group.tab_group_1 .banner_slider_model h4,.group .banner_slider_model .h4,.group.tab_group_1 .banner_slider_model .h4  {
  display: none;
}
/* line 13, ../sass/_banner_slider.scss */
.group .banner_slider_model .banner_slider_box,.group.tab_group_1 .banner_slider_model .banner_slider_box{
  position: relative;
}
/* line 16, ../sass/_banner_slider.scss */
.group .banner_slider_model .banner_slider_box .model_ctrl_tools,.group.tab_group_1 .banner_slider_model .banner_slider_box .model_ctrl_tools {
  display: block !important;
}

/* line 19, ../sass/_banner_slider.scss */
.group .banner_slider_model .banner_slider_box .model_ctrl_tools a,.group.tab_group_1 .banner_slider_model .banner_slider_box .model_ctrl_tools a{

  height: 100%;
  width: 10px;
  border: 0;
  text-decoration: none;
  vertical-align: middle;

}
/* line 31, ../sass/_banner_slider.scss */
.group .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_left,.group.tab_group_1 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_left {
  position: absolute;
  top:44px;
  left: -90px;
  display: block;
  width: 57px;
  height: 110px;
  background: url(../images/index/prevNext.png) no-repeat scroll left top;
  font-size: 1em;
  color: #FFFFFF;
  text-indent:30px;
  text-align: center;
  line-height: 103px;
}
.group .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_left:hover,.group.tab_group_1 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_left:hover {
  
  background: url(../images/index/prevNext.png) no-repeat scroll left bottom;
  color: #000000;
  }
/* line 36, ../sass/_banner_slider.scss */
.group .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_right,.group.tab_group_1 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_right {
  position: absolute;
  top: 44px;
  right: -90px;
  display: block;
  width: 57px;
  height: 110px;
  background: url(../images/index/prevNext.png) no-repeat scroll right top;
  font-size: 1em;
  color: #FFFFFF;
  text-indent:-50px;
  text-align: center;
  line-height: 103px;

}
.group .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_right:hover,.group.tab_group_1 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_right:hover {
  
  background: url(../images/index/prevNext.png) no-repeat scroll right bottom;
  color: #000000;
  }
/* line 43, ../sass/_banner_slider.scss */
.group .banner_slider_model .banner_slider_box .banner_mask, .group.tab_group_1 .banner_slider_model .banner_slider_box .banner_mask{
  overflow: hidden;
}
/* line 47, ../sass/_banner_slider.scss */
.group .banner_slider_model .banner_slider_box .banner_mask ul, .group.tab_group_1 .banner_slider_model .banner_slider_box .banner_mask ul{
  width: 647.666667%;
  list-style: none;
  padding: 10px 0 10px 22px;
  display: table;
}
/* line 57, ../sass/_banner_slider.scss */
.group .banner_slider_model .banner_slider_box .banner_mask ul li{
  /*margin-left: 0 !important;
  margin-right: 0 !important;*/
  display: table-cell;
  width: 5%;
  padding: 0 20px;
}
.group.tab_group_1 .banner_slider_model .banner_slider_box .banner_mask ul li{
  /*margin-left: 0 !important;
  margin-right: 0 !important;*/
  display: table-cell;
  width: 5%;
  padding: 0 10px;
}
/* line 63, ../sass/_banner_slider.scss */
.group .banner_slider_model .banner_slider_box .banner_mask ul li:nth-child(n+21) {
  display: none;
}
/* line 67, ../sass/_banner_slider.scss */
.group .banner_slider_model .banner_slider_box .banner_mask ul li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li {
  display: none;
}
/* line 71, ../sass/_banner_slider.scss */
.group .banner_slider_model .banner_slider_box .banner_mask ul li a {
  display: block;
  width: 100%;
  vertical-align: middle;
  color: #000000;
  font-size: 0.9em;
  letter-spacing: 0.05em;
}
.group .banner_slider_model .banner_slider_box .banner_mask ul li a:hover {
  display:block;
  width: 100%;
  vertical-align: middle;
  color: #00a0e8;
  font-size: 0.9em;
  letter-spacing: 0.05em;
}
/* line 76, ../sass/_banner_slider.scss */
.group .banner_slider_model .banner_slider_box .banner_mask ul li a img {
  display: block;
  width: 90%;
  margin: 0 auto;
}
/*----------------最新消息+我的懶人包----------------*/
.tab_group_3{
	width:100%;
  background: #f5f6f8;
  /*padding-top:80px;*/
	background: url(../images/index/tab-bg.jpg) repeat-x scroll 0 0;
	}
.tab_group_3 .container, .tab_group_4 .container, .tab_group_5 .container, .tab_group_6 .container, .tab_group_10 .container{
	width:1000px;
	margin:0 auto;
	}

.tab_group_3 .container{

}
	
.tab_group_3 .tabs{
  margin: 0 auto;
  width: 100%;

  
}
/*最新消息-選中的TAB*/
.tab_group_3 .tabs ul li .tabs_yes a{
  display:block;
  width:142px;
  height:50px;
  line-height:50px;
  /*background: url(../images/index/tab1_on.png) no-repeat scroll 0 0;*/
  background: #ff9900;
  color:#000000;
  font-size: 1.2em;

}

/*我的懶人包-未選中的TAB*/
.tab_group_3 .tabs ul li .tabs_no a{
  display:block;
  width:142px;
  height:50px;
  line-height:50px;
  /*background: url(../images/index/tab2_off.png) no-repeat scroll 0 0;*/
  background:#000000;
  color:#FFFFFF;
  font-size: 1.2em;

}

/*機關連結 + 熱門服務*/

.tab_group_8 > .container{
	width: 1000px;
	margin: 0 auto;
    background: #FFFFFF;
    padding: 10px 10px 30px 10px;
    box-shadow: 0 0 10px #188A90;
    border-radius: 15px;
}


.tab_group_3 .tabs ul li a{
  display:block;
  width:142px;
  height:50px;
  line-height:50px;
/*  background: url(../images/index/tab1_off.png) no-repeat scroll 0 0;*/
  background:#000000;
  color:#FFFFFF;
  font-size: 1.2em;

}
.tab_group_3 .tabs ul li .tabs_no.tabs_yes a{
  display:block;
  width:142px;
  height:50px;
  line-height:50px;
  /*background: url(../images/index/tab2_on.png) no-repeat scroll 0 0;*/
  background:#ff9900;
  color:#000000;
  font-size: 1.2em;
  text-align: center;

}

/*影片 + 相簿模組*/
.tab_group_9 > .container{
  max-width: 1000px;
  margin: 0 auto;

}

/*最新消息+我的懶人包【內容】*/
.tab_group_3 .group,.tab_group_3 .group.tab_group_1{
  width: 100%;
  height: 240px;

}
.tab_group_3 .group .photoandtext,.tab_group_3 .group.tab_group_1 .photoandtext{
  width: 100%;
  padding: 50px;
}
/*最新消息內容*/
.tab_group_3 .group.tab_group_1 ul li a .card .date{
  color: #000000;
  font-size: 0.9em;
  letter-spacing: 0.05em;
  display: block;
  /*height: 25px;*/
}
.tab_group_3 .group.tab_group_1 ul li a .card .caption{
  color: #000000;
  font-size: 1.4em;
  height: 60px;
  letter-spacing: 0.05em;
  line-height: 1.4em;
  overflow: hidden;

}
.tab_group_3 .group.tab_group_1 ul li a .card .more_btn{
  color: #FFFFFF;
  font-size: 0.9em;
  letter-spacing: 0.05em;
  background: #666666;
  width:100%;
  height: 30px;
  text-align: center;
  margin-top:20px;
  line-height: 30px;
  border-radius: 0;
  padding-left: 0;
}
.tab_group_3 .group.tab_group_1 ul li a:hover .card .date{
  color: #00a0e8;
  font-size: 0.9em;
  letter-spacing: 0.05em;
  display: block;
  /*height: 25px;*/
}
.tab_group_3 .group.tab_group_1 ul li a:hover .card .caption{
  color: #00a0e8;
  font-size: 1.4em;
  height: 60px;
  letter-spacing: 0.05em;
  line-height: 1.4em;

}
.tab_group_3 .group.tab_group_1 ul li a:hover .card .more_btn{
  color: #FFFFFF;
  font-size: 0.9em;
  letter-spacing: 0.05em;
  background: #00a0e8;
  width:100%;
  height: 30px;
  text-align: center;
  margin-top:20px;
  line-height: 30px;
  border-radius: 0;
  padding-left: 0;
}

/*機關連結*/

/*.tab_group_6 .container .inner #Group_1755{
	width: 40%;
}

.tab_group_6 .container .inner #Group_1755 .container .inner .module_link_photo_Select{
	width: 40%;
}

.tab_group_6 .container .inner #Group_1788{
	width: 40%;

}

.tab_group_6 .container .inner #Group_1788 .container .inner .module_link_photo_v{
	width: 40%;
}*/

/*主題服務樣式*/

.group .banner_slider_model .banner_slider_box .banner_mask ul li {
display: inline;
/*padding: 0 10px;*/

}
.group .banner_slider_model .banner_slider_box .banner_mask > ul > li {
	display: inline !important;
}

.banner_slider_model.subject .banner_slider_box .banner_mask > ul {
width: 500%;
}

.banner_slider_model.subject .banner_slider_box .banner_mask > ul > li {
	width: 3.8%;

}

.banner_slider_model .banner_slider_box .banner_mask > ul > li {
float: left;
}

.banner_slider_model.subject .banner_slider_box .banner_mask > ul > li .card {	
margin: 0 6px 20px 0;
background-color: #ffffff;
box-shadow: 0 0 10px #a1a1a1;
}

.banner_slider_model.subject .banner_slider_box .banner_mask > ul > li.green .card .title {
background-color: #9edf3e;
}

.banner_slider_model.subject .banner_slider_box .banner_mask > ul > li.red .card .title {
background-color: #ff7271;
}

.banner_slider_model.subject .banner_slider_box .banner_mask > ul > li.orange .card .title {
background-color: #ff9900;
}

.banner_slider_model.subject .banner_slider_box .banner_mask > ul > li.blue .card .title {
background-color: #32ccfe;
}

.banner_slider_model.subject .banner_slider_box .banner_mask > ul > li .card .title {
position: relative;
/*padding: 10px 0;*/
text-align: center;
background-color: #d76b53;
font-size: 1.2em;
color: #ffffff;
}

.tab_group_5 .container .inner #Group_1764 .container .inner .subject .banner_slider_box .banner_mask > ul > li .card .item{
	margin: 6px 0;
	min-height: 150px;
}

.banner_slider_model.subject .banner_slider_box .banner_mask > ul > li .card .item ul {
width: auto;
margin: 0 auto;
height: 190px;

}



.banner_slider_model.subject .banner_slider_box .banner_mask > ul > li .card .item ul li a {
border-radius: 4px;
max-width: 100%;
display: block;
width:185px;
vertical-align: middle;
box-sizing: border-box;
text-align:center;
font-size: 1.1em;
color:#616161;
white-space: nowrap;
overflow:hidden;
text-overflow:ellipsis;
line-height: 1.3em;
height: 35px;

}

.banner_slider_model.subject .banner_slider_box .banner_mask > ul > li .card .item ul li.green a:hover {
border-radius: 4px;
color: #7ebe20;
}

.banner_slider_box .banner_mask > ul .green .card{
	width: 100%;
}

.banner_slider_box .banner_mask ul > li .card .title .img{
	clear:both;
	height: 40px;
	padding: 10px 0 0 0;
}
.banner_slider_box .banner_mask ul > li .card .title span{
	margin: 0 0 5px 0;
	line-height: 50px;
	clear:both;
      color: #fff;
    font-size: 18px;
    font-weight: 700;

}

.banner_slider_model.subject .banner_slider_box .banner_mask > ul > li .card .more{
	margin: 0 auto;
	padding: 0px 0;
	text-align: center;
}

.banner_slider_model.subject .banner_slider_box .banner_mask > ul > li .card .more a{
	color: #FFFFFF;
	height: 30px;
	max-width: 100%;
	display: block;
	padding: 6px;
	vertical-align: middle;
	box-sizing: border-box;
	font-size: 1.1em;
}

.banner_slider_model.subject .banner_slider_box .banner_mask > ul > li.green .card .more a {
	background-color: #9edf3e;

}

.banner_slider_model.subject .banner_slider_box .banner_mask > ul > li.green .card .more a:hover {
	background-color: #7ebe20;
}

.banner_slider_model.subject .banner_slider_box .banner_mask > ul > li.red .card .more a {
	background-color: #ff7271;
}

.banner_slider_model.subject .banner_slider_box .banner_mask > ul > li.red .card .more a:hover {
	background-color: #e55958;
}

.banner_slider_model.subject .banner_slider_box .banner_mask > ul > li.orange .card .more a {
	background-color: #ff9900;
}

.banner_slider_model.subject .banner_slider_box .banner_mask > ul > li.orange .card .more a:hover {
	background-color: #e08805;
}

.banner_slider_model.subject .banner_slider_box .banner_mask > ul > li.blue .card .more a {
	background-color: #32ccfe;
}

.banner_slider_model.subject .banner_slider_box .banner_mask > ul > li.blue .card .more a:hover {
	background-color: #129ecb;
}

/*縣長專區*/
.photoandtext .man_title {
    position: absolute;
    color: #ffffff;
    font-size: 2em;
    font-weight: 700;
    text-indent: 2px;
}

.photoandtext .man {
    min-height: 381px;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.photoandtext .man .inner {
    height: 521px;
    background-image: url('../images/index/man-new.png');
    /*background-position: right bottom;*/
    background-repeat: no-repeat;
    background-size:100% auto;
}

.photoandtext .man .talk {
    position: absolute;
    padding: 20px;
    background-color: #f99500;
    background-color: rgba(249, 200, 38, 0.9);
    width: 206px;
    border-radius: 100%;
    box-shadow: 0 0 10px #888888;
    top: 90px;
}

.photoandtext .man .talk ul li {
    line-height: 35px;
    text-align: center;
}

.photoandtext .man .talk ul li a {
    color: #ffffff;
    text-shadow: 0 0 10px #888888;
        font-size: 1.3em;
}


/*我的懶人包內容*/
.tab_group_3 .group ul li a .card .more_btn .date{
  float: right;
  color: #FFFFFF;
  font-size: 0.9em;
  letter-spacing: 0.05em;
  display: block;
  height: 25px;
  padding-right: 15px;
}
.tab_group_3 .group ul li a .card .caption{
  color: #FFFFFF;
  font-size: 1.2em;
  height: 80px;
  letter-spacing: 0.05em;
  line-height: 1.4em;
  padding-top: 10px;

}
.tab_group_3 .group ul li a .card .more_btn{
  color: #000000;
  font-size: 0.9em;
  letter-spacing: 0.05em;
  background: #FFFFFF;
  width:100%;
  height: 30px;
  text-align: left;
  margin-top:20px;
  line-height: 30px;
  /*border-radius: 0 20px;*/
  padding-left: 15px;
}
.tab_group_3 .group ul li a:hover .card .more_btn .date{
  float: right;
  color: #FFFFFF;
  font-size: 0.9em;
  letter-spacing: 0.05em;
  display: block;
  height: 25px;
  padding-right: 15px;
}
.tab_group_3 .group ul li a:hover .card .caption{
  color: #000000;
  font-size: 1.2em;
  height: 80px;
  letter-spacing: 0.05em;
  line-height: 1.4em;
  padding-top: 10px;

}
.tab_group_3 .group ul li a:hover .card .more_btn{
  color: #FFFFFF;
  font-size: 0.9em;
  letter-spacing: 0.05em;
  background: #000000;
  width:100%;
  height: 30px;
  text-align: left;
  margin-top:20px;
  line-height: 30px;
  /*border-radius: 0 20px;*/
  padding-left: 15px;
}
.tab_group_3 .group a.more{
  display: block;
  background: url(../images/index/more01.png) no-repeat scroll 0 0;
  text-indent: -9999px;
  width: 66px;
  height: 65px;
  position: absolute;
  margin: 0 auto;
  left: 0;
  top: 170px;
  right:0;
  bottom: 0;
}
.tab_group_3 .group a.more:hover{
  display: block;
  background: url(../images/index/more_hover.png) no-repeat scroll 0 0;
  text-indent: -9999px;
  width: 66px;
  height: 65px;
  position: absolute;
  margin: 0 auto;
  left: 0;
  top: 170px;
  right:0;
  bottom: 0;
}

/*----------------------20160421 主題服務more btn-----------------------*/
.tab_group_5 .group .themes_service_more a.more2 {
    display: block;
    background: url(../images/index/more3.png) no-repeat scroll 0 0;
    text-indent: -9999px;
    width: 66px;
    height: 65px;
    /*position: absolute;*/
    margin: 0 auto;
    left: 0;
    top: 170px;
    right: 0;
    bottom: 0;
}

.tab_group_5 .group .themes_service_more a.more2:hover{
  display: block;
  background: url(../images/index/more3_hover.png) no-repeat scroll 0 0;
  text-indent: -9999px;
  width: 66px;
  height: 65px;
  /*position: absolute;*/
  margin: 0 auto;
  left: 0;
  top: 170px;
  right:0;
  bottom: 0;
}

.tab_group_5 .group .themes_service_more{
    padding: 0 0 10px 0;
}


/*----------------------20160422 下方連結more btn-----------------------*/
.content_bottom .banner_slider_model .banner_slider_box a.ctrl_more {
    top: auto;
    right: 0;
    bottom: 100%;
}
/*-----------------------景氣指標---------------------------*/
.tab_group_4{
    width: 100% !important;
padding: 98px 0px;
display: inline-block;
background: url(../images/index/bg1.jpg) repeat-x scroll 0 0;
background-size: 125% auto;

}
.tab_group_4 .tabs{
  width: 1000px;
  border-bottom: #000000 solid 3px;
}
.tab_group_4 .tabs ul{
  position: relative;
}
.tab_group_4 .tabs ul li{
  width: 250px;
  height: 50px;
  overflow: hidden;
}
.tab_group_4 .tabs ul li a{
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  color: #000000;
  font-size: 1.5em;
  overflow: hidden;

}
.tab_group_4 .tabs ul li a:hover{
  color: #00a0e8;
  display: block;
  font-size: 1.5em;
  height: 50px;
  margin: 0px 10px;
  line-height: 44px;
  position: absolute;
  top: 3px;
  width: 230px;
  border-bottom: #00a0e8 solid 3px;

}

.tab_group_4 .tabs ul li a.tabs_yes{
    color: #00a0e8;
    display: block;
    font-size: 1.5em;
    height: 50px;
    margin: 0px 10px;
    line-height: 44px;
    position: absolute;
    top: 3px;
    width: 230px;
    border-bottom: #00a0e8 solid 3px;
}
/*最新縣民資訊TAB--左側圖表區*/

 .imgLeft{
  float: left;
  width: 650px;
}
.tab_group_4 .imgLeft .container{
  width: 100%;
} 
.tab_group_4 .imgLeft ul li .imgTable{
  width: 100%;

}
.tab_group_4 .imgLeft ul li .imgTable .imgs{
  width: 100%;
  text-align: center;
  margin: 0 auto;
}
.tab_group_4 .imgLeft ul li .imgTable .shareText{
  width: 100%;
  text-align: left;
  padding-left: 10px;
  padding-top: 5px;
}
.tab_group_4 .imgLeft ul li .imgTable .shareText a{
  display: block;
  float: left;
  width: 25px;
  height: 25px;
  padding: 0 8px;
}
.tab_group_4 .imgLeft ul li .imgTable .shareText a img{
  width: 25px;
  height: 25px;
}
.tab_group_4 .imgLeft ul li .imgTable .shareText span{
  float: right;
  padding-right: 10px;
  line-height: 25px;

}
/**/
.tab_group_4 .imgLeft .shareText{
  width: 100%;
  text-align: left;
  padding-left: 10px;
  padding-top: 5px;
}
.tab_group_4 .imgLeft .shareText a{
  display: block;
  float: left;
  width: 25px;
  height: 25px;
  padding: 0 8px;
}
.tab_group_4 .imgLeft .shareText a img{
  width: 25px;
  height: 25px;
}
.tab_group_4 .imgLeft .shareText span{
  float: right;
  padding-right: 10px;
  line-height: 25px;

}


/*最新縣民資訊TAB--右側圖表區*/
.tab_group_4 .imgRight{
  float: right;
  width: 332px;
}
.tab_group_4 .imgRight .container{
  width: 100%;
}
.tab_group_4 .imgRight ul{
  width: 332px;

}

.tab_group_4 .imgRight ul li{
  width: 100%;

}
.tab_group_4 .imgRight ul li .imgTableR{
  width: 332px;
  height: 400px;
  background: url(../images/index/imgTableR.png) no-repeat scroll 0 0;

}
/*月曆*/
.tab_group_4 .imgRight ul li .imgTableR .calendar{
  float: left;
  width: 79px;
  margin: 10px;
}
.tab_group_4 .imgRight ul li .imgTableR .calendar .year{
  color: #ffffff;
  font-size: 1em;
  font-weight: bold;
  height: 28px;
  line-height: 28px;
  text-align: center;
}
.tab_group_4 .imgRight ul li .imgTableR .calendar .month{
  width: 100%;
  height: 51px;
  text-align: center;
}
.tab_group_4 .imgRight ul li .imgTableR .calendar .month .a1{
  display: block;
  color: #000000;
  font-size: 2.5em;
  font-weight: bold;
}
.tab_group_4 .imgRight ul li .imgTableR .calendar .month .b1{
  color: #000000;
  font-size: 0.5em;
  font-weight: bold;
}
/**/
.tab_group_4 .imgRight ul li .imgTableR ul.info{
  color: #fff;
  float: right;
  font-size: 15px;
  font-weight: 900;
  line-height: 25px;
  width: 205px;
}
.tab_group_4 .imgRight ul li .imgTableR ul.info li{
  float: left;
  height: 36px;
  line-height: 36px;
  padding-bottom: 2px;
  padding-top: 3px;
  text-align: left;
  width: 100%;
}
.tab_group_4 .imgRight ul li .imgTableR ul.info li .left{
  color: #FFFFFF;
  font-size: 1em;
  float: left;
  line-height: 20px;
  padding-bottom: 2px;
  padding-top: 3px;
  text-align: left;
  width: 55%;

}
.tab_group_4 .imgRight ul li .imgTableR ul.info li .right{
  color: #FFFFFF;
  font-size: 1em;
  float: right;
  line-height: 20px;
  padding-bottom: 2px;
  padding-top: 3px;
  text-align: left;
  width: 40%;

}
.tab_group_4 .imgRight ul li .imgTableR .textContent{
  clear: both;
  width: 307px;
  padding-top: 10px;
  margin: 0 auto;
}
.tab_group_4 .imgRight ul li .imgTableR .textContent p{
  color: #008cff;
  font-size: 1.1em;
  text-align:center;
  font-weight: bold;
  padding-top: 10px;
}
.tab_group_4 .imgRight ul li .imgTableR .textContent ul{
  width: 100%;
  padding-top: 10px;
}
.tab_group_4 .imgRight ul li .imgTableR .textContent ul li{
  width: 100%;
  background-image: url(../images/index/hand.png);
  background-position: 10px 3px;
  background-repeat: no-repeat;
  border-bottom: 1px dotted #ccc;
  line-height: 25px;
  padding: 3px 5px 3px 15px;
  display: inline-block;
}
.tab_group_4 .imgRight ul li .imgTableR .textContent ul li span{
  float:left;
  color: #000000;
  font-size: 1.05em;
  padding-left: 15px;

}
.tab_group_4 .imgRight ul li .imgTableR .textContent ul li .icons{
  float: right;
  width: 25px;
  height: 25px;

  
}
.tab3over,.tab4over{
  display: none;
}

/*-----------------------景氣指標【END】---------------------------*/


/*-----------------新聞稿+查詢系統【tab_group_5(同tab_group_3)】-------------*/
.tab_group_5{
  display: inline-block;
  width: 100%;
}

/*----------------最新消息+我的懶人包----------------*/
.tab_group_5{
  width:100%;
  background-image: linear-gradient(to bottom, #f7f7f7 0%, #ffffff 100%);
  padding: 40px 0px 0px 0px;

  }
.tab_group_5 .tabs{
  margin: 0 auto;
  width: 603px;
  
}
/*最新消息-選中的TAB*/
.tab_group_5 .tabs ul li .tabs_yes a{
  display:block;
  width:325px;
  height:50px;
  line-height:50px;
  background: url(../images/index/tab1_on.png) no-repeat scroll 0 0;
  color:#000000;
  font-size: 1.6em;

}

/*我的懶人包-未選中的TAB*/
.tab_group_5 .tabs ul li .tabs_no a{
  display:block;
  width:278px;
  height:50px;
  line-height:50px;
  background: url(../images/index/tab2_off.png) no-repeat scroll 0 0;
  color:#FFFFFF;
  font-size: 1.6em;

}



.tab_group_5 .tabs ul li a{
  display:block;
  width:278px;
  height:50px;
  line-height:50px;
  background: url(../images/index/tab1_off.png) no-repeat scroll 0 0;
  color:#FFFFFF;
  font-size: 1.6em;

}
.tab_group_5 .tabs ul li .tabs_no.tabs_yes a{
  display:block;
  width:325px;
  height:50px;
  line-height:50px;
  background: url(../images/index/tab2_on.png) no-repeat scroll 0 0;
  color:#000000;
  font-size: 1.6em;
  text-align: center;

}

/*最新消息+我的懶人包【內容】*/
.tab_group_5 .group,.tab_group_5 .group.tab_group_1{
  width: 100%;
  

}
.tab_group_5 .group .photoandtext,.tab_group_5 .group.tab_group_1 .photoandtext{
  width: 100%;
  padding: 80px;
  display: inline-block;
}
/*最新消息內容*/
.tab_group_5 .group.tab_group_1 ul li a .card{
  width: 100%;
  padding-top: 10px;
}
.tab_group_5 .group.tab_group_1 ul li a .card .date{
  color: #e87939;
  font-size: 0.9em;
  letter-spacing: 0.05em;
  display: block;
  padding: 0 10px 5px 10px;
  /*height: 25px;*/
}
.tab_group_5 .group.tab_group_1 ul li a .card .caption{
  color: #000000;
  font-size: 1.4em;
  height: 77px;
  letter-spacing: 0.05em;
  line-height: 1.4em;
  overflow: hidden;
  padding: 3px 10px;

}
.tab_group_5 .group.tab_group_1 ul li a .card .more_btn{
  color: #FFFFFF;
  font-size: 0.9em;
  letter-spacing: 0.05em;
  background: #666666;
  width:100%;
  height: 30px;
  text-align: center;
  margin-top:15px;
  line-height: 30px;
  border-radius: 0;
  padding-left: 0;
  border-radius: 20px 0;
}
.tab_group_5 .group.tab_group_1 ul li a:hover .card .date{
  color: #e87939;
  font-size: 0.9em;
  letter-spacing: 0.05em;
  display: block;
  padding: 0 10px 5px 10px;
}
.tab_group_5 .group.tab_group_1 ul li a:hover .card .caption{
  color: #00a0e8;
  font-size: 1.4em;
  height: 77px;
  letter-spacing: 0.05em;
  line-height: 1.4em;
  overflow: hidden;
  padding: 3px 10px;

}
.tab_group_5 .group.tab_group_1 ul li a:hover .card .more_btn{
  color: #FFFFFF;
  font-size: 0.9em;
  letter-spacing: 0.05em;
  background: #00a0e8;
  width:100%;
  height: 30px;
  text-align: center;
  margin-top:15px;
  line-height: 30px;
  border-radius: 0;
  padding-left: 0;
  border-radius: 20px 0;
}

/*最新消息+我的懶人包【中間內容】*/
/* line 6, ../sass/_banner_slider.scss */
.tab_group_5 .banner_slider_model,.tab_group_5 .group.tab_group_1 .banner_slider_model {
  width: 100%;
}
/* line 9, ../sass/_banner_slider.scss */
.tab_group_5 .banner_slider_model h4,.tab_group_5 .group.tab_group_1 .banner_slider_model h4,.tab_group_5 .banner_slider_model .h4,.tab_group_5 .group.tab_group_1 .banner_slider_model .h4 {
  display: none;
}
/* line 13, ../sass/_banner_slider.scss */
.tab_group_5 .banner_slider_model .banner_slider_box,.tab_group_5 .group.tab_group_1 .banner_slider_model .banner_slider_box{
  position: relative;
}
/* line 16, ../sass/_banner_slider.scss */
.tab_group_5 .banner_slider_model .banner_slider_box .model_ctrl_tools,.tab_group_5 .group.tab_group_1 .banner_slider_model .banner_slider_box .model_ctrl_tools {
  
}

/* line 19, ../sass/_banner_slider.scss */
.tab_group_5 .banner_slider_model .banner_slider_box .model_ctrl_tools a,.tab_group_5 .group.tab_group_1 .banner_slider_model .banner_slider_box .model_ctrl_tools a{

  height: 100%;
  width: 10px;
  border: 0;
  text-decoration: none;
  vertical-align: middle;

}
/* line 31, ../sass/_banner_slider.scss */
.tab_group_5 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_left,.tab_group_5 .group.tab_group_1 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_left {
  position: absolute;
  top:100px;
  left: -90px;
  display: block;
  width: 57px;
  height: 110px;
  background: url(../images/index/prevNext02.png) no-repeat scroll left top;
  font-size: 1em;
  color: #cccccc;
  text-indent:30px;
  text-align: center;
  line-height: 103px;
}
.tab_group_5 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_left:hover,.tab_group_5 .group.tab_group_1 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_left:hover {
  
  background: url(../images/index/prevNext02.png) no-repeat scroll left bottom;
  color: #000000;
  }
/* line 36, ../sass/_banner_slider.scss */
.tab_group_5 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_right,.tab_group_5 .group.tab_group_1 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_right {
  position: absolute;
  top: 100px;
  right: -90px;
  display: block;
  width: 57px;
  height: 110px;
  background: url(../images/index/prevNext02.png) no-repeat scroll right top;
  font-size: 1em;
  color: #cccccc;
  text-indent:-50px;
  text-align: center;
  line-height: 103px;

}
.tab_group_5 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_right:hover,.tab_group_5 .group.tab_group_1 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_right:hover {
  
  background: url(../images/index/prevNext02.png) no-repeat scroll right bottom;
  color: #000000;
  }
/* line 43, ../sass/_banner_slider.scss */
.tab_group_5 .banner_slider_model .banner_slider_box .banner_mask, .tab_group_5 .group.tab_group_1 .banner_slider_model .banner_slider_box .banner_mask{
  overflow: hidden;
  margin: 20px 0 0 0;
}
/* line 47, ../sass/_banner_slider.scss */
.tab_group_5 .banner_slider_model .banner_slider_box .banner_mask ul,.tab_group_5 .group.tab_group_1 .banner_slider_model .banner_slider_box .banner_mask ul{
  width: 666.6666666667%;
  list-style: none;
  padding: 10px 0;
  display: table;
}
/* line 57, ../sass/_banner_slider.scss */
.tab_group_5 .group.tab_group_1 .banner_slider_model .banner_slider_box .banner_mask ul li{
  background: #F1F1F1;
  /*border: 1px solid #cdcdcd;*/
  border-radius: 20px 0;
  display: block;
  float: left;
  height: 150px;
  margin: 0 10px;
  padding: 0;
  width: 4.7%;
}
.tab_group_5 .group.tab_group_1 .banner_slider_model .banner_slider_box .banner_mask ul li:hover{
  /*background: #E3F3F4;
  border: 1px solid #43c1cc;*/
  border-radius: 20px 0;
  display: block;
  float: left;
  height: 150px;
  margin: 0 10px;
  padding: 0;
  width: 4.7%;
  color: #00a0e8;
}

/* line 63, ../sass/_banner_slider.scss */
.tab_group_5 .banner_slider_model .banner_slider_box .banner_mask ul li:nth-child(n+21) {
  display: none;
}
/* line 67, ../sass/_banner_slider.scss */
.tab_group_5 .banner_slider_model .banner_slider_box .banner_mask ul li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li {
  display: none;
}
/* line 71, ../sass/_banner_slider.scss */
.tab_group_5 .banner_slider_model .banner_slider_box .banner_mask ul li a {
  display: block;
  width: 100%;
  vertical-align: middle;
  color: #000000;
  font-size: 0.9em;
  letter-spacing: 0.05em;
}
.tab_group_5 .banner_slider_model .banner_slider_box .banner_mask ul li a:hover {
  display:block;
  width: 100%;
  vertical-align: middle;
  color: #00a0e8;
  font-size: 0.9em;
  letter-spacing: 0.05em;
}
/* line 76, ../sass/_banner_slider.scss */
.tab_group_5 .banner_slider_model .banner_slider_box .banner_mask ul li a img {
  display: block;
  width: 90%;
  margin: 0 auto;
}
.tab_group_5 .group a.more{
  display: block;
  background: url(../images/index/more01.png) no-repeat scroll 0 0;
  text-indent: -9999px;
  width: 66px;
  height: 65px;
  position: absolute;
  margin: 0 auto;
  left: 0;
  top: 225px;
  right:0;
  bottom: 0;
}
.tab_group_5 .group a.more:hover{
  display: block;
  background: url(../images/index/more_hover.png) no-repeat scroll 0 0;
  text-indent: -9999px;
  width: 66px;
  height: 65px;
  position: absolute;
  margin: 0 auto;
  left: 0;
  top: 225px;
  right:0;
  bottom: 0;
}

/*分眾服務*/
.tab_group_5 .group ul li ul.Service{
  margin: 0 auto;

}
.tab_group_5 .group ul li ul.Service li{
  margin: 5px 10px;
  width: 190px;
  height: 190px;
  float: left;
}
.tab_group_5 .group ul li ul.Service li a{
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;

}
.tab_group_5 .group ul li ul.Service li a:hover{
  display: block;
  width: 100%;
  height: 100%;
  color: #FFFFFF;
  /*font-size: 2em;*/
  font-size: 0;
  text-align: center;
  line-height: 190px;
  text-indent: 0;
  background: url(../images/index/service.png) no-repeat scroll -763px 0;
  /*border-radius: 50%;
  background:rgba(0,0,0,0.8);
  filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);
  behavior: url(../js/PIE.htc);*/


}

.tab_group_5 .group ul li ul.Service li.Service1{
  
  background: url(../images/index/service.png) no-repeat scroll 0 0;
}
.tab_group_5 .group ul li ul.Service li.Service2{
  background: url(../images/index/service.png) no-repeat scroll -191px 0;
}
.tab_group_5 .group ul li ul.Service li.Service3{
  background: url(../images/index/service.png) no-repeat scroll -382px 0;
}
.tab_group_5 .group ul li ul.Service li.Service4{
  background: url(../images/index/service.png) no-repeat scroll -573px 0;
}
.tab_group_5 .group ul li ul.Service li.Service5{
  background: url(../images/index/service.png) no-repeat scroll 0 -190px;
}
.tab_group_5 .group ul li ul.Service li.Service6{
  background: url(../images/index/service.png) no-repeat scroll -191px -190px;
}
.tab_group_5 .group ul li ul.Service li.Service7{
  background: url(../images/index/service.png) no-repeat scroll -382px -190px;
}
.tab_group_5 .group ul li ul.Service li.Service8{
  background: url(../images/index/service.png) no-repeat scroll -573px -190px;
}

/*------------新聞稿+分眾服務【END】--------------*/


/*幸福宜蘭2.0【tab_group_6】*/
.tab_group_6{
  width: 100%;
  display:inline-block;
  padding-top: 85px;
}

/*幸福宜蘭2.0-選中的TAB*/
.tab_group_6 .tabs{
  font-size: 2em;
  margin: 0 auto;
  width: 660px;

}
.tab_group_6 .tabs ul li .tabs_yes a{
  display:block;
  width:330px;
  height:55px;
  line-height:55px;
  background: #04a0e9;
  color:#FFFFFF;
  font-size: 1.2em;

}

/*幸福宜蘭2.0-未選中的TAB*/
.tab_group_6 .tabs ul li .tabs_no a{
  display:block;
  width:330px;
  height:55px;
  line-height:55px;
  background:#FFFFFF;
  color:#666666;
  font-size: 1.2em;

}



.tab_group_6 .tabs ul li a{
  display:block;
  width:330px;
  height:55px;
  line-height:55px;
  background:#FFFFFF;
  color:#666666;
  font-size: 1.2em;

}
.tab_group_6 .tabs ul li .tabs_no.tabs_yes a{
  display:block;
  width:330px;
  height:55px;
  line-height:55px;
  background: #04a0e9;
  color:#FFFFFF;
  font-size: 1.2em;

}
.tab_group_6 .news_area .container{
  width: 900px;
  margin: 0 auto;
}
/*幸福宜蘭2.0內容區*/
.module_news1_more{
  display: none;
}
.module_news_rotate {
    padding-top: 80px;
    position: relative;
}
.module_news_rotate > h4,.module_news_rotate > .h4{
  display: none;
}
.module_news_rotate ul{

}
.module_news_rotate ul li{
  width: 100%;
  height: 100px;
  margin-bottom: 60px;

}
.module_news_rotate ul li a{
  display: block;
  float: left;
  width: 114px;
}
.module_news_rotate ul li h5,.module_news_rotate ul li .h5{
  display: inline-block;
  width: 786px;
  padding-left: 20px;
}
.module_news_rotate ul li h5 a,.module_news_rotate ul li .h5 a{
  color: #04a0e9;
  display: block;
  font-size: 1.3em;
  text-decoration: none;
  width: 100%;
}
.module_news_rotate ul li h5 a:hover,.module_news_rotate ul li .h5 a:hover{
  color: #000000;
}
.module_news_rotate ul li dl{
  display: inline-block;
  padding-top: 17px;
  width: 786px;
  padding-left: 20px;
  position: relative;
  
}
.module_news_rotate ul li dt{
  line-height: 1.4em; 
  width: 60%;
}
.module_news_rotate ul li dt > a{
  display: block;
  float: right;
  width: 63px;
  position: absolute;
  right: 0;
  top: -10px;
}
.module_news_rotate ul li dt > a span{
  background:url("../images/index/more2.png") no-repeat scroll center center;
  text-indent: -9999px;
  display: block;
  width: 63px;
  height: 63px;
  
}
.module_news_rotate ul li dt > a:hover span{
  background:url("../images/index/more2_hover.png") no-repeat scroll center center;
}

/*第二LI反向的*/
.module_news_rotate ul li+li a{
  display: block;
  float: right;
  /*width: 10%;*/
}
.module_news_rotate ul li+li h5,.module_news_rotate ul li+li .h5{
  display: inline-block;
  width: 786px;
  padding-right: 20px;
}
.module_news_rotate ul li+li h5 a,.module_news_rotate ul li+li .h5 a{
  color: #04a0e9;
  display: block;
  font-size: 1.3em;
  text-decoration: none;
  width: 100%;
  text-align: right;
}
.module_news_rotate ul li+li h5 a:hover,.module_news_rotate ul li+li .h5 a:hover{
  color: #000000;
}
.module_news_rotate ul li+li dl{
  display: inline-block;
  padding-right: 20px;
  padding-left: 300px;
  padding-top: 17px;
  position: relative;
  width: 786px;
  
}
.module_news_rotate ul li+li dt{
  line-height: 1.4em; 
  width: 100%;
  text-align: right;
}
.module_news_rotate ul li+li dt > a{
  display: block;
  float: left;
  width: 63px;
  position: absolute;
  left: 0;
  top: -10px;
}
.module_news_rotate ul li+li dt > a span{
  background:url("../images/index/more2.png") no-repeat scroll center center;
  text-indent: -9999px;
  display: block;
  width: 63px;
  height: 63px;
  font-size: 0;
  
}
/*第三個li*/
.module_news_rotate ul li+li+li a{
  display: block;
  float: left;
  width: 114px;
}
.module_news_rotate ul li+li+li h5,.module_news_rotate ul li+li+li .h5{
  display: inline-block;
  width:786px;
  padding-left: 20px;
}
.module_news_rotate ul li+li+li h5 a,.module_news_rotate ul li+li+li .h5 a{
  color: #04a0e9;
  display: block;
  font-size: 1.3em;
  text-decoration: none;
  width: 100%;
  text-align: left;
}
.module_news_rotate ul li+li+li h5 a:hover,.module_news_rotate ul li+li+li .h5 a:hover{
  color: #000000;
}
.module_news_rotate ul li+li+li dl{
  display: inline-block;
  padding-top: 17px;
  width: 786px;
  padding-left: 20px;
  position: relative;
  
}
.module_news_rotate ul li+li+li dt{
  line-height: 1.4em;
  text-align: left;
  width: 60%;
}
.module_news_rotate ul li+li+li dt > a{
  display: block;
  float: right;
  width: 63px;
  position: absolute;
  left: 722px;
  top: -10px;
}
.module_news_rotate ul li+li+li dt > a span{
  background:url("../images/index/more2.png") no-repeat scroll center center;
  text-indent: -9999px;
  display: block;
  width: 63px;
  height: 63px;
  
}
.module_news_rotate ul li+li+li dt > a:hover span{
  background:url("../images/index/more2_hover.png") no-repeat scroll center center;
}
/*第四個LI反向的*/
.module_news_rotate ul li+li+li+li a{
  display: block;
  float: right;
  width: 114px;
}
.module_news_rotate ul li+li+li+li h5,.module_news_rotate ul li+li+li+li .h5{
  display: inline-block;
  width: 786px;
  padding-right: 20px;
}
.module_news_rotate ul li+li+li+li h5 a,.module_news_rotate ul li+li+li+li .h5 a{
  color: #04a0e9;
  display: block;
  font-size: 1.3em;
  text-decoration: none;
  width: 100%;
  text-align: right;
}
.module_news_rotate ul li+li+li+li h5 a:hover,.module_news_rotate ul li+li+li+li .h5 a:hover{
  color: #000000;
}
.module_news_rotate ul li+li+li+li dl{
  display: inline-block;
  padding-right: 20px;
  padding-left: 300px;
  padding-top: 17px;
  position: relative;
  width: 786px;
  
}
.module_news_rotate ul li+li+li+li dt{
  line-height: 1.4em; 
  width: 100%;
  text-align: right;
}
.module_news_rotate ul li+li+li+li dt > a{
  display: block;
  float: left;
  width: 63px;
  position: absolute;
  left: 0;
  top: -10px;
}
.module_news_rotate ul li+li+li+li dt > a span{
  background:url("../images/index/more2.png") no-repeat scroll center center;
  text-indent: -9999px;
  display: block;
  width: 63px;
  height: 63px;
  font-size: 0;
  
}
.module_news_rotate a.module_news1_more{
  display: block;
  background: url(../images/index/more01.png) no-repeat scroll 0 0;
  text-indent: -9999px;
  width: 66px;
  height: 65px;
  position: absolute;
  margin: 0 auto;
  left: 0;
  top: 685px;
  right: 0;
  bottom: 0;
  border: none;
  }
.module_news_rotate a:hover.module_news1_more{
  display: block;
  background: url(../images/index/more_hover.png) no-repeat scroll 0 0;
  text-indent: -9999px;
  width: 66px;
  height: 65px;
  position: absolute;
  margin: 0 auto;
  left: 0;
  top: 685px;
  right: 0;
  bottom: 0;
}

.tab_group_7{
 width: 100%;
/* background: url(../images/index/fb-bg.jpg) no-repeat scroll 0 0; */
padding: 40px 0 0 0;
background: #4db9be;
}
  
.tab_group_7 > .container{
  width: 1000px;
  margin: 0 auto;
}
.tab_group_7 .fb_group{
  width: 30%;
  float: left;
}

.fb_group .container{
  width: 300px!important;
  margin: 0 auto!important;
  padding: 15px 0 0 0;
}

.tab_group_7 .container .album_group{
  width: 70%;  
  margin: 0 auto;
}
  
.album_group .container{
  width: 100%;
}

.fb_group ul li div {
    width: 100%;
    margin: 0 auto;
}
.fb-page{
  margin: 0 auto;
}

/*FB寬度RWD*/
.fb-comments, .fb-comments iframe[style] {width: 100% !important;}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}
/*影音相簿專區*/
.content_middle #Group_1266 .container .inner #Group_1739{
	margin: 0 auto;
	padding: 80px 0 80px 0;
/*	width: 66%; !important;*/
    background-color: #ededed;
}

#Group_1739 {
    width: 100% !important; 
    background-color: #fff;
}

/*鄉鎮人口統計*/
#Group_8623{
  background-color: #fff;
}
#Group_8623 #DynamicGraphic{
 margin-left: -2px;
}
.tab_group_7 .vedio{
  float: left;
  width: 70%;
  background: #f5f6f8;
}
.tab_group_7 .vedio .container{
  width: 100%;
}
/*頁尾分享ICON*/
.footer_info{
  position: relative;
}
.footer_info .shareicon{
  position: absolute;
  right: 0;
  top: 15px;
  text-align: right;
}
.footer_info .shareicon a img{
  width: 30px;
  height:auto;
  margin: 5px;
}

.footer_info .shareicon a .qr-code{
  width: auto;
  height:auto;
  margin: 5px;
}

/*Line QRcode單欄式專區*/
.tab_group_10{
	width: 100%;
    background: #4eb84c;
    padding: 10px 0;
}


.tab_group_10 .container .inner div .container .inner .photoandtext ul li .line-left {
	float: left;
	width: 50%;
	
}
@media all and (max-width:649px) {
  .tab_group_10 .container .inner div .container .inner .photoandtext ul li .line-left img{
    float: none!important;
    margin: 0 auto!important;
    display: block!important;
  }
}

.tab_group_10 .container .inner div .container .inner .photoandtext ul li .line-right {
	float: left;
	width: 50%;
	padding: 110px 0 0 0;
	
}

.tab_group_10 .container .inner div .container .inner .photoandtext ul li .line-right p{
	color:#FFFFFF;
	font-family: "微軟正黑體", Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 1.4em;
	line-height: 1.6em;
}

/*--------------------------RWD開始-----------------------*/
@media all and (max-width:1023px) and (max-width: 170px) {
  /* line 345, ../sass/_mobile_menu.scss */
  .mm-menu {
    width: 140px;
  }
  a{
    -webkit-tab-highlight-color:rgba(0,0,0,0);
    -webkit-user-select:none;
  }

  /* line 348, ../sass/_mobile_menu.scss */
  html.mm-opening .mm-page,
  html.mm-opening #mm-blocker,
  html.mm-opening .mm-fixed-top,
  html.mm-opening .mm-fixed-bottom {
    left: 140px;
  }
}
@media all and (max-width: 1023px) and (min-width: 550px) {
  /* line 356, ../sass/_mobile_menu.scss */
  .mm-menu {
    width: 440px;
  }

  /* line 359, ../sass/_mobile_menu.scss */
  html.mm-opening .mm-page,
  html.mm-opening #mm-blocker,
  html.mm-opening .mm-fixed-top,
  html.mm-opening .mm-fixed-bottom {
    left: 440px;
  }

}

/*------------601~999------------*/
@media (max-width: 1023px) and (min-width: 768px) {
  /* line 146, ../sass/_grid.scss */
 /* [data-tabtype="1"][data-child="2"] > .container > .inner > .group {
    width: 50%;
  }*/
  /* line 149, ../sass/_grid.scss */
  [data-tabtype="1"][data-child="2"] > .container > .inner > .group:nth-of-type(odd) {
    clear: left;
  }
  /* line 153, ../sass/_grid.scss */
  [data-tabtype="1"][data-child="2"] > .container > .inner > .group .group {
    width: 100%;
  }

  /* line 146, ../sass/_grid.scss */
  [data-tabtype="1"][data-child="3"] > .container > .inner > .group {
    width: 50%;
  }
  /* line 149, ../sass/_grid.scss */
  [data-tabtype="1"][data-child="3"] > .container > .inner > .group:nth-of-type(odd) {
    clear: left;
  }
  /* line 153, ../sass/_grid.scss */
  [data-tabtype="1"][data-child="3"] > .container > .inner > .group .group {
    width: 100%;
  }

  /* line 146, ../sass/_grid.scss */
  [data-tabtype="1"][data-child="4"] > .container > .inner > .group {
    width: 50%;
  }
  /* line 149, ../sass/_grid.scss */
  [data-tabtype="1"][data-child="4"] > .container > .inner > .group:nth-of-type(odd) {
    clear: left;
  }
  /* line 153, ../sass/_grid.scss */
  [data-tabtype="1"][data-child="4"] > .container > .inner > .group .group {
    width: 100%;
  }

  /* line 146, ../sass/_grid.scss */
  [data-tabtype="1"][data-child="5"] > .container > .inner > .group {
    width: 50%;
  }
  /* line 149, ../sass/_grid.scss */
  [data-tabtype="1"][data-child="5"] > .container > .inner > .group:nth-of-type(odd) {
    clear: left;
  }
  /* line 153, ../sass/_grid.scss */
  [data-tabtype="1"][data-child="5"] > .container > .inner > .group .group {
    width: 100%;
  }

  /* line 146, ../sass/_grid.scss */
  [data-tabtype="1"][data-child="6"] > .container > .inner > .group {
    width: 50%;
  }
  /* line 149, ../sass/_grid.scss */
  [data-tabtype="1"][data-child="6"] > .container > .inner > .group:nth-of-type(odd) {
    clear: left;
  }
  /* line 153, ../sass/_grid.scss */
  [data-tabtype="1"][data-child="6"] > .container > .inner > .group .group {
    width: 100%;
  }

  /* line 146, ../sass/_grid.scss */
  [data-tabtype="1"][data-child="7"] > .container > .inner > .group {
    width: 50%;
  }
  /* line 149, ../sass/_grid.scss */
  [data-tabtype="1"][data-child="7"] > .container > .inner > .group:nth-of-type(odd) {
    clear: left;
  }
  /* line 153, ../sass/_grid.scss */
  [data-tabtype="1"][data-child="7"] > .container > .inner > .group .group {
    width: 100%;
  }

  /* line 146, ../sass/_grid.scss */
  [data-tabtype="1"][data-child="8"] > .container > .inner > .group {
    width: 50%;
  }
  /* line 149, ../sass/_grid.scss */
  [data-tabtype="1"][data-child="8"] > .container > .inner > .group:nth-of-type(odd) {
    clear: left;
  }
  /* line 153, ../sass/_grid.scss */
  [data-tabtype="1"][data-child="8"] > .container > .inner > .group .group {
    width: 100%;
  }

  /* line 146, ../sass/_grid.scss */
  [data-tabtype="1"][data-child="9"] > .container > .inner > .group {
    width: 50%;
  }
  /* line 149, ../sass/_grid.scss */
  [data-tabtype="1"][data-child="9"] > .container > .inner > .group:nth-of-type(odd) {
    clear: left;
  }
  /* line 153, ../sass/_grid.scss */
  [data-tabtype="1"][data-child="9"] > .container > .inner > .group .group {
    width: 100%;
  }

  /* line 146, ../sass/_grid.scss */
  [data-tabtype="1"][data-child="10"] > .container > .inner > .group {
    width: 50%;
  }
  /* line 149, ../sass/_grid.scss */
  [data-tabtype="1"][data-child="10"] > .container > .inner > .group:nth-of-type(odd) {
    clear: left;
  }
  /* line 153, ../sass/_grid.scss */
  [data-tabtype="1"][data-child="10"] > .container > .inner > .group .group {
    width: 100%;
  }
    /* line 611, ../sass/_layout.scss */
  .topbg .toplog .toplog h1 a {
    /*width: 340px;*/
  }
  /* line 617, ../sass/_layout.scss */
  .topbg .toplog .toplink {
    right: 0;
  }
  /* line 621, ../sass/_layout.scss */
  .topbg .toplog .fontlevel {
    display: block;
  }
  /* line 625, ../sass/_layout.scss */
  .topbg .toplog .share_box {
    display: none;
  }
  /* line 629, ../sass/_layout.scss */
  .topbg .toplog .sitemap {
    display: none;
  }
  /* line 633, ../sass/_layout.scss */
  .topbg .toplog .hot_search {
    display: none;
  }

  /* line 639, ../sass/_layout.scss */
  .opnemenu_area {
    display: none;
  }

  /* line 645, ../sass/_layout.scss */
  .footer_bg .footer {
    padding: 0 20px;
  }
  /* line 648, ../sass/_layout.scss */
  .footer_bg .footer:before {
    content: none;
    display: none;
  }
  /* line 653, ../sass/_layout.scss */
  .footer_bg .footer .footer_iconlink {
    display: none;
  }

}

/*-------1279~1024-------*/
@media (max-width: 1279px) and (min-width: 1024px) {
/* line 761, ../sass/_mobile_menu.scss */
  #mobile-header {
    display: none;
  }

  /* line 765, ../sass/_mobile_menu.scss */
  #mobile_menu {
    display: none;
  }

  /* line 769, ../sass/_mobile_menu.scss */
  .mm-menu {
    display: none;
  }

  /* line 774, ../sass/_mobile_menu.scss */
  #mobile-header, #navigation {
    display: none;
  }

  /*------------LOGO-----------*/
  .topbg {
    width: 100%;
    z-index: 10;
    position: absolute;
    left: 0;
    top: -30px;
    padding-top:0;
  }
  .topbg .toplog .toplog h1 a {
    width: 205px;
    height: 80px;
    background-image: url('../images/index/Y-LOGO.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: block;
  }

  /* line 31, ../sass/_banner_slider.scss */
.group .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_left,.group.tab_group_1 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_left {
  position: absolute;
  top:25px;
  left: -50px;
  display: block;
  width: 57px;
  height: 110px;
  background: url(../images/index/prevNext.png) no-repeat scroll left top;
  font-size: 1em;
  color: #cccccc;
  text-indent:30px;
  text-align: center;
  line-height: 103px;
}
.group .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_left:hover,.group.tab_group_1 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_left:hover {
  
  background: url(../images/index/prevNext.png) no-repeat scroll left bottom;
  color: #000000;
  }
/* line 36, ../sass/_banner_slider.scss */
.group .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_right,.group.tab_group_1 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_right {
  position: absolute;
  top: 25px;
  right: -50px;
  display: block;
  width: 57px;
  height: 110px;
  background: url(../images/index/prevNext.png) no-repeat scroll right top;
  font-size: 1em;
  color: #cccccc;
  text-indent:-50px;
  text-align: center;
  line-height: 103px;

}
.group .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_right:hover,.group.tab_group_1 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_right:hover {
  
  background: url(../images/index/prevNext.png) no-repeat scroll right bottom;
  color: #000000;
  }
.tab_group_5 {
    width: 100%;
    padding-top: 80px;
  }
  .tab_group_5 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_left,.tab_group_5 .group.tab_group_1 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_left {
    position: absolute;
    top:25px;
    left: -50px;
    display: block;
    width: 57px;
    height: 110px;
    background: url(../images/index/prevNext.png) no-repeat scroll left top;
    font-size: 1em;
    color: #cccccc;
    text-indent:30px;
    text-align: center;
    line-height: 103px;
  }
  .tab_group_5 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_right,.tab_group_5 .group.tab_group_1 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_right {
    position: absolute;
    top: 25px;
    right: -50px;
    display: block;
    width: 57px;
    height: 110px;
    background: url(../images/index/prevNext.png) no-repeat scroll right top;
    font-size: 1em;
    color: #cccccc;
    text-indent:-50px;
    text-align: center;
    line-height: 103px;
  }
  .opnemenu_area .allmenu {
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
    padding: 50px 0 40px 70px;
  }
  .tab_group_5 .group, .tab_group_5 .group.tab_group_1 {
    width: 100%;
  }
  .tab_group_5 .group .photoandtext {
    width: 100%;
  }
  .tab_group_5 .group.tab_group_1 .photoandtext{
    width: 100%;
    padding: 50px;
  }
  .tab_group_5 .group a.more{
  
  top: 197px;

}
.tab_group_5 .group a.more:hover{
 
  top: 197px;
  
}


.tab_group_10 .container .inner div .container .inner .photoandtext ul li .line-left {
	float: left;
	width: 50%;
	
}

.tab_group_10 .container .inner div .container .inner .photoandtext ul li .line-right {
	float: left;
	width: 50%;
	padding: 110px 0 0 0;
	
}

}
/*-------1279~1024  END-------*/


/*--------------1023以下----------------*/
@media (max-width: 1023px) {
	

  /* line 2, ../sass/_mobile_menu.scss */
  #mobile-header {
    display: block;
    z-index: 999999;
    height: 61px;
    position: absolute;
    top: 0;
    width: 15%;
  }
  /* line 7, ../sass/_mobile_menu.scss */
  #mobile-header a {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 50;
    text-indent: 2.1875rem;
    width: 2.8125rem;
    height: 2.8125rem;
    display: block;
    line-height: 2.0625rem;
    padding: 0;
    color: #f2f2f2;
    -ms-transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background-color: #005865;
  }
  #mobile-header a:hover{
    background-color: #004852;
    transition: 300ms;
  }
  /* line 24, ../sass/_mobile_menu.scss */
  #mobile-header a span {
    position: absolute;
    display: block;
    height: 0;
    width: 1rem;
    line-height: 1;
    top: 0.9375rem;
    left: 0.90625rem;
    box-shadow: 0 0px 0 1px #00ADC6, 0 7px 0 1px #00ADC6, 0 14px 0 1px #00ADC6;
  }

  /* line 37, ../sass/_mobile_menu.scss */
  .m_fontlevel {
    overflow: hidden;
  }
  /* line 39, ../sass/_mobile_menu.scss */
  .m_fontlevel a {
    display: inline;
    padding: 5px;
    margin: 5px;
    float: left;
    background-color: #f2f2f2;
  }
  /* line 42, ../sass/_mobile_menu.scss */
  .m_fontlevel a.fontlevel_yes {
    background-color: #A8AA9B;
  }

  /* line 49, ../sass/_mobile_menu.scss */
  .mm-menu.mm-horizontal > .mm-panel {
    -webkit-transition: left 0.4s ease;
    -moz-transition: left 0.4s ease;
    -ms-transition: left 0.4s ease;
    -o-transition: left 0.4s ease;
    transition: left 0.4s ease;
  }

  /* line 56, ../sass/_mobile_menu.scss */
  .mm-menu .mm-hidden {
    display: none;
  }

  /* line 59, ../sass/_mobile_menu.scss */
  .mm-wrapper {
    overflow-x: hidden;
    position: relative;
  }

  /* line 63, ../sass/_mobile_menu.scss */
  .mm-menu {
    background: inherit;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
  }

  /* line 74, ../sass/_mobile_menu.scss */
  .mm-menu > .mm-panel {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background: inherit;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    padding: 20px;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 0;
  }

  /* line 92, ../sass/_mobile_menu.scss */
  .mm-menu > .mm-panel.mm-opened {
    left: 0%;
  }

  /* line 94, ../sass/_mobile_menu.scss */
  .mm-menu > .mm-panel.mm-subopened {
    left: -40%;
  }

  /* line 96, ../sass/_mobile_menu.scss */
  .mm-menu > .mm-panel.mm-highest {
    z-index: 1;
  }

  /* line 98, ../sass/_mobile_menu.scss */
  .mm-menu .mm-list {
    padding: 20px 0;
  }

  /* line 100, ../sass/_mobile_menu.scss */
  .mm-menu > .mm-list {
    padding: 20px 0 40px 0;
  }

  /* line 103, ../sass/_mobile_menu.scss */
  .mm-panel > .mm-list {
    margin-left: -20px;
    margin-right: -20px;
  }

  /* line 106, ../sass/_mobile_menu.scss */
  .mm-panel > .mm-list:first-child {
    padding-top: 0;
  }

  /* line 109, ../sass/_mobile_menu.scss */
  .mm-list,
  .mm-list > li {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
  }

  /* line 116, ../sass/_mobile_menu.scss */
  .mm-list {
    font: inherit;
    font-size: 14px;
  }

  /* line 119, ../sass/_mobile_menu.scss */
  .mm-list a,
  .mm-list a:hover {
    text-decoration: none;
  }

  /* line 122, ../sass/_mobile_menu.scss */
  .mm-list > li {
    position: relative;
  }

  /* line 124, ../sass/_mobile_menu.scss */
  .mm-list > li > a,
  .mm-list > li > span {
    overflow: hidden;
    color: inherit;
    line-height: 20px;
    display: block;
    padding: 20px 10px 20px 20px;
    margin: 0;
    color: #000000;
    font-size: 1.1em;
  }

  /* line 134, ../sass/_mobile_menu.scss */
  .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
    content: '';
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
  }

  /* line 143, ../sass/_mobile_menu.scss */
  .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
    width: auto;
    position: relative;
    left: auto;
  }

  /* line 147, ../sass/_mobile_menu.scss */
  .mm-list a.mm-subopen {
    width: 40px;
    height: 100%;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
  }

  /* line 155, ../sass/_mobile_menu.scss */
  .mm-list a.mm-subopen:before {
    content: '';
    border-left-width: 1px;
    border-left-style: solid;
    display: block;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }

  /* line 164, ../sass/_mobile_menu.scss */
  .mm-list a.mm-subopen.mm-fullsubopen {
    width: 100%;
  }

  /* line 166, ../sass/_mobile_menu.scss */
  .mm-list a.mm-subopen.mm-fullsubopen:before {
    border-left: none;
  }

  /* line 168, ../sass/_mobile_menu.scss */
  .mm-list a.mm-subopen + a,
  .mm-list a.mm-subopen + span {
    padding-right: 5px;
    margin-right: 40px;
  }

  /* line 172, ../sass/_mobile_menu.scss */
  .mm-list > li.mm-selected > a.mm-subopen {
    background: transparent;
  }

  /* line 174, ../sass/_mobile_menu.scss */
  .mm-list > li.mm-selected > a.mm-fullsubopen + a,
  .mm-list > li.mm-selected > a.mm-fullsubopen + span {
    padding-right: 45px;
    margin-right: 0;
  }

  /* line 178, ../sass/_mobile_menu.scss */
  .mm-list a.mm-subclose {
    text-indent: 20px;
    padding-top: 30px;
    margin-top: -20px;
  }

  /* line 182, ../sass/_mobile_menu.scss */
  .mm-list > li.mm-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 10px;
    text-transform: uppercase;
    text-indent: 20px;
    line-height: 25px;
    padding-right: 5px;
  }

  /* line 191, ../sass/_mobile_menu.scss */
  .mm-list > li.mm-spacer {
    padding-top: 40px;
  }

  /* line 193, ../sass/_mobile_menu.scss */
  .mm-list > li.mm-spacer.mm-label {
    padding-top: 25px;
  }

  /* line 195, ../sass/_mobile_menu.scss */
  .mm-list a.mm-subopen:after,
  .mm-list a.mm-subclose:before {
    content: '';
    border: 2px solid transparent;
    display: block;
    width: 7px;
    height: 7px;
    margin-bottom: -5px;
    position: absolute;
    bottom: 50%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  /* line 210, ../sass/_mobile_menu.scss */
  .mm-list a.mm-subopen:after {
    border-top: none;
    border-left: none;
    right: 18px;
  }

  /* line 214, ../sass/_mobile_menu.scss */
  .mm-list a.mm-subclose:before {
    border-right: none;
    border-bottom: none;
    margin-bottom: -10px;
    left: 22px;
  }

  /* line 220, ../sass/_mobile_menu.scss */
  .mm-menu.mm-vertical .mm-list .mm-panel {
    display: none;
    padding: 10px 0 10px 10px;
  }

  /* line 223, ../sass/_mobile_menu.scss */
  .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after {
    border-color: transparent;
  }

  /* line 225, ../sass/_mobile_menu.scss */
  .mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel {
    display: block;
  }

  /* line 227, ../sass/_mobile_menu.scss */
  .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen {
    height: 40px;
  }

  /* line 229, ../sass/_mobile_menu.scss */
  .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 16px;
    right: 16px;
  }

  /* line 238, ../sass/_mobile_menu.scss */
  html.mm-opened .mm-page {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  }

  /* line 241, ../sass/_mobile_menu.scss */
  .mm-ismenu {
    background: #DFDFDF;
    color: rgba(255, 255, 255, 0.6);
  }

  /* line 245, ../sass/_mobile_menu.scss */
  .mm-menu .mm-list > li:after {
    border-color: rgba(0, 0, 0, 0.15);
  }

  /* line 247, ../sass/_mobile_menu.scss */
  .mm-menu .mm-list > li > a.mm-subclose {
    color: #08C;
    font-size: 1.3em;
  }

  /* line 249, ../sass/_mobile_menu.scss */
  .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {
    border-color: rgba(0, 0, 0, 0.3);
  }

  /* line 251, ../sass/_mobile_menu.scss */
  .mm-menu .mm-list > li > a.mm-subopen:before {
    border-color: rgba(0, 0, 0, 0.15);
  }

  /* line 253, ../sass/_mobile_menu.scss */
  .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen),
  .mm-menu .mm-list > li.mm-selected > span {
    background: rgba(0, 0, 0, 0.1);
  }

  /* line 256, ../sass/_mobile_menu.scss */
  .mm-menu .mm-list > li.mm-label {
    background: rgba(255, 255, 255, 0.05);
  }

  /* line 258, ../sass/_mobile_menu.scss */
  .mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
  .mm-menu.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(255, 255, 255, 0.05);
  }
  .mm-page {
      box-sizing: border-box;
      position: relative;
  }
  /*
    jQuery.mmenu offcanvas addon CSS
  */
  /* line 265, ../sass/_mobile_menu.scss */
  .mm-page,
  .mm-fixed-top,
  .mm-fixed-bottom {
    -webkit-transition: none 0.4s ease;
    -moz-transition: none 0.4s ease;
    -ms-transition: none 0.4s ease;
    -o-transition: none 0.4s ease;
    transition: none 0.4s ease;
    -webkit-transition-property: top, right, bottom, left, border;
    -moz-transition-property: top, right, bottom, left, border;
    -ms-transition-property: top, right, bottom, left, border;
    -o-transition-property: top, right, bottom, left, border;
    transition-property: top, right, bottom, left, border;
  }

  /* line 279, ../sass/_mobile_menu.scss */
  html.mm-opened .mm-page,
  html.mm-opened #mm-blocker {
    margin: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 0px solid transparent;
  }

  /* line 288, ../sass/_mobile_menu.scss */
  html.mm-opening .mm-page {
    border: 0px solid #010101;
  }

  /* line 291, ../sass/_mobile_menu.scss */
  .mm-fixed-top,
  .mm-fixed-bottom {
    position: fixed;
    left: 0;
  }

  /* line 296, ../sass/_mobile_menu.scss */
  .mm-fixed-top {
    top: 0;
  }

  /* line 299, ../sass/_mobile_menu.scss */
  .mm-fixed-bottom {
    bottom: 0;
  }

  /* line 302, ../sass/_mobile_menu.scss */
  html.mm-opened {
    overflow-x: hidden;
    position: relative;
  }

  /* line 306, ../sass/_mobile_menu.scss */
  html.mm-opened .mm-page {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
  }

  /* line 314, ../sass/_mobile_menu.scss */
  html.mm-background .mm-page {
    background: inherit;
  }

  /* line 317, ../sass/_mobile_menu.scss */
  #mm-blocker {
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==) transparent;
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999999;
  }

  /* line 325, ../sass/_mobile_menu.scss */
  html.mm-opened #mm-blocker,
  html.mm-blocking #mm-blocker {
    display: block;
  }

  /* line 329, ../sass/_mobile_menu.scss */
  .mm-menu.mm-offcanvas {
    display: none;
    position: fixed;
  }

  /* line 332, ../sass/_mobile_menu.scss */
  .mm-menu.mm-current {
    display: block;
  }

  /* line 335, ../sass/_mobile_menu.scss */
  html.mm-opening .mm-page,
  html.mm-opening #mm-blocker,
  html.mm-opening .mm-fixed-top,
  html.mm-opening .mm-fixed-bottom {
    left: 50%;
    top: 0!important;
  }

  /* line 341, ../sass/_mobile_menu.scss */
  .mm-menu {
    width: 50%;
  }

  body{
    background: #FFFFFF;
    min-width: 300px;
  }
  a{
    -webkit-tab-highlight-color:rgba(0,0,0,0);
    -webkit-user-select:none;
  }
  .banner {
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: #FFFFFF;
  }
  .topbg .toplog .toplog {
    width: 200px;
    float: none;
    /*margin: 0 auto;*/
    /*position: absolute;
    left: -100px;
    top: -7px;
    bottom: 0;
    right: 0;*/
    margin: 0px auto 0 auto;
  }

  
  .topbg {
    /* width: 60%; */
    z-index: 20;
    padding: 0 15px;
    position: absolute;
    background-color: #FFF;
    right: 0;
    top: 0;
    left: 0;
    margin: 0 auto;
}
  .topbg .toplog .fontlevel {
    /*float: right;*/
    margin-top: 0;
    position: absolute;
    /*right: -86px;*/
    color: #ffffff;
  }
  .topbg .toplog .toplog h1 a {
    width: 200px; 
    height: 60px;
    /*margin-top: 8px;*/
  }
  .topbg .toplog .toplink {
    /*float: right;*/
    margin-top: -38px;
    position: absolute;
    right: -165px;
  }

  .menubg{
    display: none;
  }

  .directory {
    overflow: hidden;
    margin-bottom: 10px;
    border: 6px solid #ff8f00;
    border-radius: 5px;
    width: 100%!important;
    margin-left: 0px!important;
  }

  /*搜尋功能區域*/

.search_group{
  left: 0;
  position: absolute;
  right: 0;
  top: 65px;
  width: 100%;
  height: 40px;
  margin: 0 auto;
  overflow: hidden;
  }
.photoandtext ul li{
  width:100%;
  
  }
.photoandtext ul li .hot_search{
  background: url(../images/index/hotKeyword.png) no-repeat scroll 15px 0;
  border: 1px solid #000;
  height: 47px;
  overflow: hidden;
  padding-left: 210px;
  padding-right: 20px;
  width: 100%;
  margin-top: 18px;
}
  .photoandtext ul li .hot_search a{
    border-right: 1px solid #878787;
    color: #404040;
    display: inline-block;
    font-size: 1em;
    height: 19px;
    line-height: 15px;
    margin: 0 -1px 5px 0;
    padding: 0 10px;
    text-align: center;
  }
  .photoandtext ul li .hot_search a:hover{
  color:#FFF;
  }
  .photoandtext ul li .search{
    background:#EDEDED;
    width:100%;
    height:35px;
  }
  .photoandtext ul li .searchbt1{
    width:100%;
  }
  .photoandtext ul li .searchbt1 input{
    background: transparent;
    border: medium none;
    color: #474747;
    font-family: "微軟正黑體",Arial,Helvetica,sans-serif;
    font-size: 1.1em;
    height: 35px;
    line-height: 35px;
    margin: 0;
    padding: 0 15px;
    vertical-align: middle;
    width: 90%;
    
  }
  .photoandtext ul li .searchbt1 span.searchbt1{
    display: block;
    width:10%;
    height:35px;
    float:left;
    text-indent: -9999px;
    position: absolute;
    right: 0;
    top:0;
  }
  .photoandtext ul li .searchbt1 span.searchbt1 a{
    display: block;
    width:100%;
    height:35px;
    float:left;
    text-indent: -9999px;
    background: url(../images/index/searchIcon_30px.png) no-repeat scroll center center;
  }

.photoandtext ul li .searchbt2{

  display: none;
  
  }
.photoandtext ul li .searchbt2 a{
  /*display: inline-block;
    float: right;
    height: 35px;
    text-indent: -9999px;
    width: 88px;*/
  }
  body input[type="text"], body input[type="email"], body input[type="number"], body input[type="password"], body select {
    border: none;
   /* background: transparent;*/
    vertical-align: middle;
    color: #474747;
    font-family: "微軟正黑體",Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    height: 35px;
    line-height: 35px;
    margin: 0;
    width: 90%;
    padding: 0 15px;
    color: #000000!important;
  }
  #tagsKeyWords{
    background-color: #C0C0C0!important;
    width: 170px!important;
    height: 30px!important;
    border: none!important;
    color: #fff!important;
    border-radius: 0!important;
    padding: 0 10px!important;
  }
  .photoandtext ul li .searchbt2 {
      float: left;
      height: 35px;
      width: 20%;
  }

  .photoandtext ul li .searchbt2 a {
      display: inline-block;
      float: right;
      height: 35px;
      text-indent: -9999px;
      width: 20%;
  }
  .tab_group_3 {
    width: 100%;
    background: #f5f6f8;
    /*padding-top: 50px; */
	background: url(../images/index/tab-bg.jpg) repeat-x scroll 0 0;
  }

  .tab_group_4 {
    width: 100%;
    margin: 0;
    display: inline-block;
    background: url(../images/index/bg1.jpg) repeat-x scroll 0 0;
    padding: 50px 0 30px 0;

  }
  
 
  .tab_group_3 .container,.tab_group_4 .container, .tab_group_5 .container, .tab_group_6 .container, .fb_group .container {
    width: 100%;
    margin: 0;
  }
  .tab_group_3 .group, .tab_group_3 .group.tab_group_1 {
    width: 100%;

  }

  .tab_group_3 .group.tab_group_1 ul li a .card .caption {
      color: #000000;
      font-size: 1.4em;
      max-height: 70px;
      min-height: 70px;
      letter-spacing: 0.05em;
      line-height: 1.4em;
      overflow: hidden;
  }
  .tab_group_3 .group ul li a .card .caption {
    color: #FFFFFF;
    font-size: 1.2em;
    max-height: 70px;
    min-height: 70px;
    letter-spacing: 0.05em;
    line-height: 1.4em;
    overflow: hidden;
  }
  .tab_group_4 .container{
    padding: 10px 0;
    display: inline-block;
  }
  
  .slider_model .model_ctrl_tools {
    width: 100%;
    height: 0;
    display: block;
  }
  .slider_model .slider_bottom_box {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    display: none;
  }
  .group .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_left,.group.tab_group_1 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_left {
  position: absolute;
  top:25px;
  left: -10px;
  display: block;
  width: 30px;
  height: 110px;
  background: url(../images/index/prevNext.png) no-repeat scroll left top;
  font-size: 1em;
  color: #cccccc;
  text-indent:13px;
  text-align: center;
  line-height: 103px;
  }
  .group .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_left:hover,.group.tab_group_1 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_left:hover {
    
    background: url(../images/index/prevNext.png) no-repeat scroll left bottom;
    color: #000000;
    }
  /* line 36, ../sass/_banner_slider.scss */
  .group .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_right,.group.tab_group_1 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_right {
    position: absolute;
    top: 25px;
    right: -10px;
    display: block;
    width: 30px;
    height: 110px;
    background: url(../images/index/prevNext.png) no-repeat scroll right top;
    font-size: 1em;
    color: #cccccc;
    text-indent:-50px;
    text-align: center;
    line-height: 103px;

  }
  .group .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_right:hover,.group.tab_group_1 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_right:hover {
  
    background: url(../images/index/prevNext.png) no-repeat scroll right bottom;
    color: #000000;
  }
  .tab_group_3 .group .photoandtext, .tab_group_3 .group.tab_group_1 .photoandtext {
    width: 100%;
    padding: 0 20px;
  }
  .tab_group_3 .group.tab_group_1 ul li a .card .more_btn {
    color: #FFFFFF;
    font-size: 1em;
    letter-spacing: 0.05em;
    background: #666666;
    width: 100%;
    height: 30px;
    text-align: center;
    margin-top: 8px;
    line-height: 30px;
    border-radius: 0;
    padding-left: 0;
  }
  .tab_group_3 .group.tab_group_1 ul li a:hover .card .more_btn{
    color: #FFFFFF;
    font-size: 1em;
    letter-spacing: 0.05em;
    background: #00a0e8;
    width:100%;
    height: 30px;
    text-align: center;
    margin-top:8px;
    line-height: 30px;
    border-radius: 0;
    padding-left: 0;
  }

  .group.tab_group_1 .banner_slider_model .banner_slider_box .banner_mask ul {
    width: 696.666667%;
    list-style: none;
    padding: 28px 20px;
    display: table;
  }
  .group .banner_slider_model .banner_slider_box .banner_mask ul{
    width: 696.666667%;
    list-style: none;
    padding: 13px 20px;
    display: table;
  }
  .group.tab_group_1 .banner_slider_model .banner_slider_box .banner_mask ul li {
    display: table-cell;
    width: 7%;
    padding: 0 30px;
  }
  .group .banner_slider_model .banner_slider_box .banner_mask ul li {
/*    display: table-cell;*/
    width: 7%;
    padding: 0 40px;
  }
  .tab_group_4 .tabs {
  width: 100%;
  border-bottom: #000000 solid 3px;
  }
  .tab_group_4 .tabs ul {
    position: relative;
  }
  .tab_group_4 .tabs ul li {
    width: 25%;
    height: 50px;
    overflow: hidden;
  }
  .tab_group_4 .tabs ul li a.tabs_yes {
    color: #00a0e8;
    display: block;
    font-size: 1.5em;
    min-height: 50px;
    max-height: 50px;
    margin: 0;
    line-height: 50px;
    position: absolute;
    top: 3px;
    width: 25%;
    border-bottom: #00a0e8 solid 3px;
  }
  .tab_group_4 .tabs ul li a:hover {
    color: #00a0e8;
    display: block;
    font-size: 1.5em;
    height: 50px;
    margin: 0;
    line-height: 50px;
    position: absolute;
    top: 3px;
    width: 25%;
    border-bottom: #00a0e8 solid 3px;
  }
  
  .imgLeft {
      float: left;
      text-align: center;
      width: 60%;
  }
    
  .imgLeft img {
      height: auto;
      width: 100%;
  }

  .tab_group_4 .imgRight {
    float: right;
    text-align: center;
    width: 40%;
  }
  .tab_group_4 .imgRight ul {
    width: 100%;
  }
  .tab_group_4 .imgRight ul li .imgTableR {
    width: 332px;
    background: url(../images/index/imgTableR.png) no-repeat scroll 0 0;
    margin: 0 auto;
  }
  .tab_group_4 .imgLeft ul li .imgTable .imgs {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding: 10px;
  }
  .tab_group_5 {
    width: 100%;
    padding-top: 80px;
  }
  .tab_group_5 .group .photoandtext{
    width: 100%;
    padding: 80px 10px;
  }
  .tab_group_5 .group.tab_group_1 .photoandtext {
    width: 100%;
    padding: 80px 30px;
  }
  .tab_group_5 .group, .tab_group_5 .group.tab_group_1 {
    width: 100%;

  }
  .tab_group_5 .banner_slider_model .banner_slider_box, .tab_group_5 .group.tab_group_1 .banner_slider_model .banner_slider_box {
    position: relative;
  }
  .tab_group_5 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_left, .tab_group_5 .group.tab_group_1 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_left {
    position: absolute;
    top: 90px;
    left: 5px;
    display: block;
    width: 30px;
    height: 110px;
    background: url(../images/index/prevNext.png) no-repeat scroll left top;
    font-size: 1em;
    color: #cccccc;
    text-indent: 15px;
    text-align: center;
    line-height: 103px;
  }
  .tab_group_5 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_right, .tab_group_5 .group.tab_group_1 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_right {
    position: absolute;
    top: 90px;
    right: 5px;
    display: block;
    width: 30px;
    height: 110px;
    background: url(../images/index/prevNext.png) no-repeat scroll right top;
    font-size: 1em;
    color: #cccccc;
    text-indent: -50px;
    text-align: center;
    line-height: 103px;
  }
  .tab_group_5 .group.tab_group_1 ul li a .card {
    width: 100%;
    padding: 0 ;
  }
  .tab_group_5 .banner_slider_model .banner_slider_box .banner_mask ul, .tab_group_5 .group.tab_group_1 .banner_slider_model .banner_slider_box .banner_mask ul {
    width: 717.666667%;
    list-style: none;
    padding: 0 0 0 0px;
    display: block;
  }
  .tab_group_5 .group.tab_group_1 .banner_slider_model .banner_slider_box .banner_mask ul li {
    background: #F1F1F1;
    border-radius: 20px 0;
    display: block;
    float: left;
    height: 150px;
    margin: 0 10px;
    padding: 0;
    width: 6.5%;
  }
 
  .tab_group_5 .group.tab_group_1 .banner_slider_model .banner_slider_box .banner_mask ul li:hover {
    border-radius: 20px 0;
    display: block;
    float: left;
    height: 150px;
    margin: 0 10px;
    padding: 0;
    width: 6.5%;
    color: #00a0e8;
  }

  .tab_group_5 .group.tab_group_1 ul li a .card .date {
    color: #e87939;
    font-size: 0.9em;
    letter-spacing: 0.05em;
    display: block;
    padding: 10px;
  }

  .tab_group_5 .group.tab_group_1 ul li a:hover .card .date {
    color: #e87939;
    font-size: 0.9em;
    letter-spacing: 0.05em;
    display: block;
    padding: 10px;
  }
  .tab_group_5 .group.tab_group_1 ul li a:hover .card .caption {
    color: #00a0e8;
    font-size: 1.4em;
    height: 77px;
    letter-spacing: 0.05em;
    line-height: 1.4em;
    overflow: hidden;
    padding: 3px 10px;
  }
  .tab_group_5 .group.tab_group_1 ul li a .card .more_btn {
    color: #FFFFFF;
    font-size:1em;
    letter-spacing: 0.05em;
    background: #666666;
    width: 100%;
    height: 30px;
    text-align: center;
    margin-top: 8px;
    line-height: 30px;
    border-radius: 0;
    padding-left: 0;
    border-radius: 20px 0;
  }
  .tab_group_5 .group.tab_group_1 ul li a:hover .card .more_btn {
    font-size:1em;
    margin-top: 8px;
    
  }

  .tab_group_5 .group a.more {
    z-index: 30;
    top: 197px;
  }
  .tab_group_5 .group a.more:hover{
    top: 197px;
  }
  
/*主題服務*/

.banner_slider_model.subject .banner_slider_box .banner_mask > ul > li {
	width: 3.8%;

}  
  
/*分眾服務*/
.tab_group_5 .group ul li ul.Service{
  margin: 0 auto;
  width: 86%;
}
.tab_group_5 .group ul li ul.Service li{
  margin: 5px 10px;
  width: 190px;
  height: 190px;
  float: left;
}
.tab_group_5 .group ul li ul.Service li a{
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  color: #FFFFFF;
  font-size: 1.6em;
  text-align: center;
  line-height: 326px;



}
.tab_group_5 .group ul li ul.Service li a:hover{
  line-height: 326px;
  text-indent: 0;
  /*border-radius:none;*/
  /*background:none;*/
  font-size: 1.6em;
  text-indent: -9999px;

}

  /*---------幸福宜蘭2.0【tab_group_6】-----------*/
  .tab_group_6{
    width: 100%;
    display:inline-block;
    padding-top: 0;
    background: #FFFFFF;
  }
  .tab_group_6 .container{
    padding: 0;
  }
  /*幸福宜蘭2.0-選中的TAB*/
  .tab_group_6 .tabs{
    font-size: 2em;
    margin: 0 auto;
    width: 660px;
    padding: 80px 0 0 0
  }
  .tab_group_6 .tabs ul li .tabs_yes a{
    display:block;
    width:330px;
    height:55px;
    line-height:55px;
    background: #04a0e9;
    color:#FFFFFF;
    font-size: 1.6em;

  }

  /*幸福宜蘭2.0-未選中的TAB*/
  .tab_group_6 .tabs ul li .tabs_no a{
    display:block;
    width:330px;
    height:55px;
    line-height:55px;
    background:#FFFFFF;
    color:#666666;
    font-size: 1.6em;

  }
  .tab_group_6 .tabs ul li a{
    display:block;
    width:330px;
    height:55px;
    line-height:55px;
    background:#FFFFFF;
    color:#666666;
    font-size: 1.6em;

  }
  .tab_group_6 .tabs ul li .tabs_no.tabs_yes a{
    display:block;
    width:330px;
    height:55px;
    line-height:55px;
    background: #04a0e9;
    color:#FFFFFF;
    font-size: 1.6em;

  }  


  .footer_bg .footer {
    color: #ffffff;
    margin: 0 auto;
    position: relative;
    width: 100%;
  }
  .footer_bg .footer .footer_iconlink {
    position: absolute;
    top: 0px;
    right: 5px;
  }

.tab_group_7{
  width:100%;
  background: #4db9be;
  padding:80px 0
  }
.tab_group_7 .container{
  width: 100%;
  margin: 0 auto;
}
.tab_group_7 .fb_group{
  width: 30%;
  float: left;
}
  
.fb_group .container{
  width: 100%;
}

.fb_group ul li div {
    width: 100%;
}
.fb-page{
  margin: 0 auto;
}

/*FB寬度RWD*/
.fb-comments, .fb-comments iframe[style] {width: 100% !important;}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}
#facebook #u_0_0 div[style] {width: 100% !important;}

/*影音專區*/
.tab_group_7 .vedio{
  float: left;
  width: 70%;
}
.tab_group_7 .vedio .container{
  width: 100%;
}
.content_middle .accesskey_c {
    position: absolute;
    left: 0px;
    /*top: 150px;*/
    display: none;
}




.tab_group_10 .container .inner div .container .inner .photoandtext ul li .line-left {
	float: left;
	width: 50%;
	
}

.tab_group_10 .container .inner div .container .inner .photoandtext ul li .line-right {
	float: left;
	width: 50%;
	padding: 110px 0 0 0;
	
}


}
/*-------------1023以下 END--------------------*/
@media (max-width: 1015px) {
  .tab_group_5 .group ul li ul.Service{
    margin: 0 auto;
    width: 65%;
  }

.tab_group_10 .container .inner div .container .inner .photoandtext ul li .line-left {
	float: left;
	width: 50%;
	
}

.tab_group_10 .container .inner div .container .inner .photoandtext ul li .line-right {
	float: left;
	width: 50%;
	padding: 70px 0 0 0;
	
}

.tab_group_10 .container{
	width: 100%;
}

.tab_group_10 .container .inner div .container .inner .photoandtext ul li .line-right p{
	color:#FFFFFF;
	font-family: "微軟正黑體", Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 1.4em;
	line-height: 1.5em;
}


}


@media (max-width: 1006px) {
  .tab_group_5 .group ul li ul.Service{
    margin: 0 auto;
    width: 630px;
  }

  /*頁尾瀏覽人次、線上人數*/

  .footer_bg .footer .footer_info {
      overflow: hidden;
      line-height: 1.6;
      color: #ffffff;
      height: auto;
      padding: 0 0 0 0!important;
      font-size: 1.05em;
  }  

  .footer_bg .footer .footer_visitcount {
    overflow: hidden;
    color: #FFFFFF;
    font-size: 1.05em;
    position: static!important;
    border-left: 0!important;
    padding-left: 0!important;
  }

  #lblOnPeople {
    color: #fff;
    margin-top: 5px;
    display: block;
    font-size: 1.05em;
    line-height: 1;
    position: static!important;
    border-left: 0!important;
    padding-left: 0!important;
  }

}
@media (max-width: 790px) {
  .tab_group_5 .group.tab_group_1 .photoandtext {
    width: 100%;
    padding: 29px 80px 70px 80px;
  }
  .tab_group_5 .group a.more {
    top: 212px;
  }
  .tab_group_5 .group a.more:hover {
    top: 212px;
  }
  
.tab_group_10 .container .inner div .container .inner .photoandtext ul li .line-left {
	float: left;
	width: 50%;
	
}

.tab_group_10 .container .inner div .container .inner .photoandtext ul li .line-right {
	float: left;
	width: 50%;
	padding: 15px 0 0 0;
	
}

.tab_group_10 .container .inner div .container .inner .photoandtext ul li .line-right p{
	color:#FFFFFF;
	font-family: "微軟正黑體", Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 1.4em;
	line-height: 1.5em;
}

}
@media (max-width: 649px) {
  .tab_group_5 .group ul li ul.Service{
    margin: 0 auto;
    width:420px;
  }
  .tab_group_7 .fb_group {
    width: 300px;
    margin: 0 auto;
    float: none;
}
.tab_group_7 .vedio {
    float: none;
    width: 100%;
    background: #f5f6f8;
}

.tab_group_10 .container .inner div .container .inner .photoandtext ul li .line-left {
	width: 100%;
	
}

.tab_group_10 .container .inner div .container .inner .photoandtext ul li .line-right {
	width: 100%;
	text-align:center;	
}

}
@media (max-width: 460px) {
  .tab_group_5 .group ul li ul.Service{
    margin: 0 auto;
    width:190px;
  }
  
 .tab_group_10 .container .inner div .container .inner .photoandtext ul li .line-right p{
	display: none;
}
 
}

	
	.slider_model .slider_introduce_box h5,.slider_model .slider_introduce_box .h5 {
	  padding: 6px;
	  color: #f29102;
	  font-size: 1.5em;
	  }
	
  .banner {
    display: block;
	width: 100%;
	height: auto;
	overflow: hidden;	
  }
  .menu_group {
    margin-top:35px;
  }
    .tab_group_7 .fb_group {
    width: 48%;
    float: left;
}
.tab_group_7 .vedio {
    float: left;
    width: 52%;
    background: #f5f6f8;
}

#Group_1287 {
width: 100%!important;
}



  .slider_model .slider_introduce_box h5, .slider_model .slider_introduce_box .h5 {
    padding: 6px;
    color: #f29102;
    font-size: 1.5em;
    }
	  
  .tab_group_3 .tabs ul li .tabs_yes a {
    
    font-size: 1.4em;
    
  }
  
  .tab_group_7 {
    width: 100%;
    background: #4db9be;
    padding: 50px 0 0 0;
	/* display: none;20170209-首頁縣長專區隱藏*/
  }





	
/*縣長專區*/
.photoandtext .man_title {
    position: absolute;
    padding: 40px 0 0 20px;
    color: #ffffff;
    font-size: 1.4em;
    font-weight: 700;
    text-indent: 2px;
}	




/*------------------950以下-----------------*/
@media (max-width: 950px) {
/*---------幸福宜蘭2.0【tab_group_6】-----------*/
.tab_group_4 {

    background-size: cover;
}
.tab_group_4 .tabs {
  width: 100%;
  border-bottom: #000000 solid 3px;
  }
  .tab_group_4 .tabs ul {
    position: relative;
  }
  .tab_group_4 .tabs ul li {
    width: 50%;
    height: 50px;
    overflow: hidden;
    float: left;
  }
  .tab_group_4 .tabs ul li a.tabs_yes {
    color: #FFFFFF;
    display: block;
    font-size: 1.5em;
    height: 50px;
    margin: 0;
    line-height: 50px;
    position:static;
    top: 0;
    width: 100%;
    border-bottom: #87E2FD solid 3px;
    background-color: #00a0e8;
    float: left;
    border-radius: 50px 0 20px 0;
  }
  .tab_group_4 .tabs ul li a:hover {
    color: #FFFFFF;
    display: block;
    font-size: 1.5em;
    height: 50px;
    margin: 0;
    line-height: 50px;
    position:static;
    top: 0;
    width: 100%;
    border-bottom: #87E2FD solid 3px;
    background-color: #00a0e8;
  }
  .tab_group_4 .tabs ul li a {
      display: block;
      width: 100%;
      height: 50px;
      line-height: 50px;
      color: #E5E5E5;
      font-size: 1.5em;
      overflow: hidden;
      position:static;
      top: 0;
      width: 100%;
      border-bottom: #87E2FD solid 3px;
      background-color: #666666;
      float: left;
      border-radius: 50px 0 20px 0;
     
    }
      .imgLeft {
        float: left;
        text-align: center;
        width: 60%;
    }
      
    .imgLeft img {
        height: auto;
        width: 100%;
    }

    .tab_group_4 .imgRight {
      float: right;
      text-align: center;
      width: 40%;
    }
  .tab_group_4 .imgRight ul {
    width: 100%;
  }
  .tab_group_4 .imgRight ul li .imgTableR {
    width: 332px;
    background: url(../images/index/imgTableR.png) no-repeat scroll 0 0;
    margin: 0 auto;
  }
  .tab_group_4 .imgLeft ul li .imgTable .imgs {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding: 10px;
  }
  .tab_group_6 .news_area .container{
  width: 100%;
}

.module_news1_more{
  display: none;
}
.module_news_rotate {
    padding-top: 80px;
    position: relative;
}
.module_news_rotate > h4,.module_news_rotate > .h4{
  display: none;
}
.module_news_rotate ul{

}
.module_news_rotate ul li{
  width: 100%;
  height: 100px;
  margin-bottom: 60px;
  position: relative;

}
.module_news_rotate ul li a{
  display: block;
  float: left;
  width: 114px;
}
.module_news_rotate ul li h5,.module_news_rotate ul li .h5{
  display: inline-block;
  width: auto;
  padding-left: 20px;
}
.module_news_rotate ul li h5 a,.module_news_rotate ul li .h5 a{
  color: #04a0e9;
  display: block;
  font-size: 1.3em;
  text-decoration: none;
  width: 100%;
}
.module_news_rotate ul li h5 a:hover{
  color: #000000;
}
.module_news_rotate ul li dl{
  display: inline-block;
  padding-top: 17px;
  width: 60%;
  padding-left: 20px;
  position: static;
  float: left;
}
.module_news_rotate ul li dt{
  line-height: 1.4em; 
  width: 100%;
}
.module_news_rotate ul li dt > a{
  display: block;
  float: right;
  width: 63px;
  position: absolute;
  left: 91%;
  top: 7px;

}
.module_news_rotate ul li dt > a span{
  background:url("../images/index/more2.png") no-repeat scroll center center;
  text-indent: -9999px;
  display: block;
  width: 63px;
  height: 63px;
  
}
.module_news_rotate ul li dt > a:hover span{
  background:url("../images/index/more2_hover.png") no-repeat scroll center center;
}

/*第二LI反向的*/
.module_news_rotate ul li{
  width: 100%;
  height: 100px;
  margin-bottom: 60px;
  position: relative;

}
.module_news_rotate ul li+li a{
  display: block;
  float: right;
  width: 114px;
}
.module_news_rotate ul li+li h5,.module_news_rotate ul li+li .h5{
  display: inline-block;
  width: 86%;
  padding-right: 20px;
}
.module_news_rotate ul li+li h5 a,.module_news_rotate ul li+li .h5 a{
  color: #04a0e9;
  display: block;
  font-size: 1.3em;
  text-decoration: none;
  width: 100%;
  text-align: right;
}
.module_news_rotate ul li+li h5 a:hover,.module_news_rotate ul li+li .h5 a:hover{
  color: #000000;
}
.module_news_rotate ul li+li dl{
  display: inline-block;
  padding-right: 20px;
  padding-left: 30%;
  padding-top: 17px;
  position: static;
  width: 86%;
  
}
.module_news_rotate ul li+li dt{
  line-height: 1.4em; 
  width: 100%;
  text-align: right;
}
.module_news_rotate ul li+li dt > a{
  display: block;
  float: left;
  width: 63px;
  position: absolute;
  left: 5px;
  top: 12px;
}
.module_news_rotate ul li+li dt > a span{
  background:url("../images/index/more2.png") no-repeat scroll center center;
  text-indent: -9999px;
  display: block;
  width: 63px;
  height: 63px;
  font-size: 0;
  
}
/*第三個li*/
.module_news_rotate ul li{
  width: 100%;
  height: 100px;
  margin-bottom: 60px;
  position: relative;

}
.module_news_rotate ul li+li+li a{
  display: block;
  float: left;
  width: 114px;
}
.module_news_rotate ul li+li+li h5,.module_news_rotate ul li+li+li .h5{
  display: inline-block;
  width:auto;
  padding-left: 20px;
}
.module_news_rotate ul li+li+li h5 a,.module_news_rotate ul li+li+li .h5 a{
  color: #04a0e9;
  display: block;
  font-size: 1.3em;
  text-decoration: none;
  width: 100%;
  text-align: left;
}
.module_news_rotate ul li+li+li h5 a:hover,.module_news_rotate ul li+li+li .h5 a:hover{
  color: #000000;
}
.module_news_rotate ul li+li+li dl{
  display: inline-block;
  padding-top: 17px;
  width: 60%;
  padding-left: 20px;
  position:static;
  
}
.module_news_rotate ul li+li+li dt{
  line-height: 1.4em;
  text-align: left;
  width: 100%;
}
.module_news_rotate ul li+li+li dt > a{
  display: block;
  float: right;
  width: 63px;
  position: absolute;
  left: 91%;
  top: 7px;
}
.module_news_rotate ul li+li+li dt > a span{
  background:url("../images/index/more2.png") no-repeat scroll center center;
  text-indent: -9999px;
  display: block;
  width: 63px;
  height: 63px;
  
}
.module_news_rotate ul li+li+li dt > a:hover span{
  background:url("../images/index/more2_hover.png") no-repeat scroll center center;
}
/*第四個LI反向的*/
.module_news_rotate ul li{
  width: 100%;
  height: 100px;
  margin-bottom: 60px;
  position: relative;

}
.module_news_rotate ul li+li+li+li a{
  display: block;
  float: right;
  width: 114px;
}
.module_news_rotate ul li+li+li+li h5,.module_news_rotate ul li+li+li+li .h5{
  display: inline-block;
  width: 86%;
  padding-right: 20px;
}
.module_news_rotate ul li+li+li+li h5 a,.module_news_rotate ul li+li+li+li .h5 a{
  color: #04a0e9;
  display: block;
  font-size: 1.3em;
  text-decoration: none;
  width: 100%;
  text-align: right;
}
.module_news_rotate ul li+li+li+li h5 a:hover,.module_news_rotate ul li+li+li+li .h5 a:hover{
  color: #000000;
}
.module_news_rotate ul li+li+li+li dl{
  display: inline-block;
  padding-right: 20px;
  padding-left: 30%;
  padding-top: 17px;
  position:static;
  width: 86%;
  
}
.module_news_rotate ul li+li+li+li dt{
  line-height: 1.4em; 
  width: 100%;
  text-align: right;
}
.module_news_rotate ul li+li+li+li dt > a{
  display: block;
  float: left;
  width: 63px;
  position: absolute;
  left: 5px;
  top: 12px;
}
.module_news_rotate ul li+li+li+li dt > a span{
  background:url("../images/index/more2.png") no-repeat scroll center center;
  text-indent: -9999px;
  display: block;
  width: 63px;
  height: 63px;
  font-size: 0;
  
}
.module_news_rotate a.module_news1_more{
  display: block;
  background: url(../images/index/more01.png) no-repeat scroll 0 0;
  text-indent: -9999px;
  width: 66px;
  height: 65px;
  position: absolute;
  margin: 0 auto;
  left: 0;
  top: 685px;
  right: 0;
  bottom: 0;
  border: none;
  }
.module_news_rotate a:hover.module_news1_more{
  display: block;
  background: url(../images/index/more_hover.png) no-repeat scroll 0 0;
  text-indent: -9999px;
  width: 66px;
  height: 65px;
  position: absolute;
  margin: 0 auto;
  left: 0;
  top: 685px;
  right: 0;
  bottom: 0;
}  
/*網頁導覽+ENGLISH*/
  .oka_plugin span {
    display: block;
    margin-top: 6px;
  }
  .oka_plugin span a {
      -moz-border-bottom-colors: none;
      -moz-border-left-colors: none;
      -moz-border-right-colors: none;
      -moz-border-top-colors: none;
      background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%) repeat scroll 0 0;
      border-color: #d8d8d8 #d8d8d8 #cccccc;
      border-image: none;
      border-radius: 4px;
      border-style: solid;
      border-width: 1px 1px 2px;
      display: block;
      font-size: 1.1em;
      line-height: 1.2;
      padding: 6px;
      text-align: center;
  }
  .oka_plugin span a:hover {
    color: #33B3ED;
    text-decoration: none;

  }


 }

 @media (max-width: 865px) {
  .tab_group_4 {
    width: 100%;
    margin: 0;
    display: inline-block;
    background: #FFFFFF;
    padding: 50px 0 0 0;
  }
  .tab_group_4 .container {
    padding:10px 0 0 0;
    display: inline-block;
  }

  .imgLeft {
    float: left;
    text-align: center;
    width: 100%;
    padding-bottom: 10px;
  }
      
  .imgLeft img {
    height: auto;
    width: 100%;
  }

  .tab_group_4 .imgRight {
    float: right;
    text-align: center;
    width: 100%;
    background: #FF6867;
    padding: 15px 0 30px 0;
  }
  .tab_group_4 .imgRight ul {
    width: 100%;
  }
  .tab_group_4 .imgRight ul li .imgTableR {
    width: 332px;
    background: url(../images/index/imgTableR.png) no-repeat scroll 0 0;
    margin: 0 auto;
  }
  .tab_group_4 .imgLeft ul li .imgTable .imgs {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding: 10px;
  }

  


  /*第二LI反向的*/

.module_news_rotate ul li+li h5,.module_news_rotate ul li+li .h5{
  display: inline-block;
  width: 84%;
  padding-right: 20px;
}

.module_news_rotate ul li+li dl{
  display: inline-block;
  padding-right: 20px;
  padding-left: 30%;
  padding-top: 17px;
  position: static;
  width: 84%;
  
}


/*第四個LI反向的*/

.module_news_rotate ul li+li+li+li h5,.module_news_rotate ul li+li+li+li .h5{
  display: inline-block;
  width: 84%;
  padding-right: 20px;
}

.module_news_rotate ul li+li+li+li dl{
  display: inline-block;
  padding-right: 20px;
  padding-left: 30%;
  padding-top: 17px;
  position:static;
  width: 84%;
  
}
/*頁尾分享ICON*/
.footer_info{
  position: relative;
}
.footer_info .shareicon{
  position: static;
  right: 0;
  top: 0;
}
.footer_info .shareicon a img{
  width: 30px;
  height:auto;
  margin: 5px;
  display:none;
}
 
}

 

/*---------------------------786~320--------------------------*/
@media (max-width: 786px) {
  /* line 102, ../sass/_grid.scss */
 /* [data-tabtype="1"][data-child="2"] > .container > .inner > .group {
    width: 100%;
  }*/

  /* line 102, ../sass/_grid.scss */
  [data-tabtype="1"][data-child="3"] > .container > .inner > .group {
    width: 100%;
  }

  /* line 102, ../sass/_grid.scss */
  [data-tabtype="1"][data-child="4"] > .container > .inner > .group {
    width: 100%;
  }

  /* line 102, ../sass/_grid.scss */
  [data-tabtype="1"][data-child="5"] > .container > .inner > .group {
    width: 100%;
  }

  /* line 102, ../sass/_grid.scss */
  [data-tabtype="1"][data-child="6"] > .container > .inner > .group {
    width: 100%;
  }

  /* line 102, ../sass/_grid.scss */
  [data-tabtype="1"][data-child="7"] > .container > .inner > .group {
    width: 100%;
  }

  /* line 102, ../sass/_grid.scss */
  [data-tabtype="1"][data-child="8"] > .container > .inner > .group {
    width: 100%;
  }

  /* line 102, ../sass/_grid.scss */
  [data-tabtype="1"][data-child="9"] > .container > .inner > .group {
    width: 100%;
  }

  /* line 102, ../sass/_grid.scss */
  [data-tabtype="1"][data-child="10"] > .container > .inner > .group {
    width: 100%;
  }

  /* line 112, ../sass/_grid.scss */
  [data-tabtype="0"] > .container {
    margin: 0;
  }

  /* line 547, ../sass/_layout.scss */
  .topbg .toplog .toplink {
    display: none;
  }
  /* line 551, ../sass/_layout.scss */
  .topbg .toplog .fontlevel {
    display: none;
  }
  /* line 555, ../sass/_layout.scss */
  .topbg .toplog .share_box {
    display: none;
  }
  /* line 559, ../sass/_layout.scss */
  .topbg .toplog .sitemap {
    display: none;
  }
  /* line 563, ../sass/_layout.scss */
  .topbg .toplog .search {
    display: none;
  }
  /* line 567, ../sass/_layout.scss */
  .topbg .toplog .hot_search {
    display: none;
  }

  /* line 573, ../sass/_layout.scss */
  .opnemenu_area {
    display: none;
  }

  /* line 579, ../sass/_layout.scss */
  .footer_bg .footer {
    padding: 0 20px;
  }
  /* line 582, ../sass/_layout.scss */
  .footer_bg .footer:before {
    content: none;
    display: none;
  }
  /* line 587, ../sass/_layout.scss */
  .footer_bg .footer .footer_iconlink {
    display: none;
  }
  /* line 593, ../sass/_layout.scss */
  .footer_bg .footer .footer_visitcount .footer_Login {
    display: none;
  }

  .tab_group_3 {
    width: 100%;
    background: #f5f6f8;
    /*padding-top: 50px*/; 
	background: url(../images/index/tab-bg.jpg) repeat-x scroll 0 0;
  }

  .tab_group_4 {
    width: 100%;
    margin: 0;
    display: inline-block;
    background: #FFFFFF;
    padding: 50px 0 0 0;
  }
 
  .tab_group_3 .container,.tab_group_4 .container, .tab_group_5 .container, .tab_group_6 .container, .fb_group .container {
    width: 100%;
    margin: 0;
  }
  .tab_group_3 .group, .tab_group_3 .group.tab_group_1 {
    width: 100%;
    height: 212px;
  }

  .tab_group_3 .group.tab_group_1 ul li a .card .caption {
      color: #000000;
      font-size: 1.4em;
      max-height: 60px;
      min-height: 40px;
      letter-spacing: 0.05em;
      line-height: 1.4em;
      overflow: hidden;
  }
  .tab_group_3 .group ul li a .card .caption {
    color: #000000;
    font-size: 1.4em;
    max-height: 60px;
    min-height: 40px;
    letter-spacing: 0.05em;
    line-height: 1.4em;
    overflow: hidden;
  }


  .tab_group_3 .tabs{
  margin: 0 auto;
  width: 100%;
  
}
.banner_slider_model.subject .banner_slider_box .banner_mask > ul > li .card .item ul li a {
    border-radius: 4px;
    max-width: 100%;
    display: block;
    width: 90%;
    vertical-align: middle;
    box-sizing: border-box;
    text-align: center;
    font-size: 1.1em;
    color: #616161;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/*最新消息-選中的TAB*/
.tab_group_3 .tabs ul li{
  width:50%;

}
.tab_group_3 .tabs ul li .tabs_yes a{
  display:block;
  width:100%;
  height:50px;
  line-height:50px;
  background:#ff9900;
  color:#000000;
  font-size: 1.6em;
/*  border:#000000 2px solid;
  border-radius:30px 0 0 30px;*/

}

.tab_group_3 .tabs ul li:nth-child(1){
  width:100%;

}

/*我的懶人包-未選中的TAB*/
.tab_group_3 .tabs ul li .tabs_no a{
  display:block;
  width:100%;
  height:50px;
  line-height:50px;
  background: #000000;
  color:#FFFFFF;
  font-size: 1.6em;
/*  border:#000000 2px solid;
  border-radius:0 30px 30px 0 ;*/

}



.tab_group_3 .tabs ul li a{
  display:block;
  width:100%;
  height:50px;
  line-height:50px;
  background: #000000;
  color:#FFFFFF;
  font-size: 1.6em;
  /*border:#000000 2px solid;
  border-radius:30px 0 0 30px;*/

}
.tab_group_3 .tabs ul li .tabs_no.tabs_yes a{
  display:block;
  width:100%;
  height:50px;
  line-height:50px;
  background:#ff9900;

  color:#000000;
  font-size: 1.6em;
  text-align: center;
  /*border:#000000 2px solid;
  border-radius:0 30px 30px 0;*/

}






.group.tab_group_1 .banner_slider_model .banner_slider_box .banner_mask ul li {
  display: table-cell;
  width: 14%;
  padding: 0 30px;
}
.group .banner_slider_model .banner_slider_box .banner_mask ul li {
/*  display: table-cell;*/
  width: 14%;
  padding: 0 70px;
  /*line-height: 2em;*/
}
 
/*最新消息-選中的TAB*/
 .tab_group_5 .tabs{
  margin: 0 auto;
  width: 80%;
  
}
.tab_group_5 .tabs ul li{
  width: 50%;
}
.tab_group_5 .tabs ul li .tabs_yes a{
  display:block;
  width:100%;
  height:50px;
  line-height:50px;
  background: #FFFFFF;
  color:#000000;
  font-size: 1.6em;
  border: #000000 2px solid;
  border-radius: 30px 0 0 30px;

}

/*我的懶人包-未選中的TAB*/

.tab_group_5 .tabs ul li .tabs_no a{
  display:block;
  width:100%;
  height:50px;
  line-height:50px;
  background: #000000;
  color:#FFFFFF;
  font-size: 1.6em;
  border: #000000 2px solid;
  border-radius:  0 30px 30px 0 ;

}



.tab_group_5 .tabs ul li a{
  display:block;
  width:100%;
  height:50px;
  line-height:50px;
  background:#000000;
  color:#FFFFFF;
  font-size: 1.6em;
  border: #000000 2px solid;
  border-radius:30px 0 0 30px;

}
.tab_group_5 .tabs ul li .tabs_no.tabs_yes a{
  display:block;
  width:100%;
  height:50px;
  line-height:50px;
  background: #FFFFFF;
  color:#000000;
  font-size: 1.6em;
  text-align: center;
  border: #000000 2px solid;
  border-radius:  0 30px 30px 0;

}
.tab_group_5 .group.tab_group_1 .banner_slider_model .banner_slider_box .banner_mask ul li {
  background: #F1F1F1;
  border-radius: 20px 0;
  display: block;
  float: left;
  height: 150px;
  margin: 0 10px;
  padding: 0;
  width: 13%;
}
.tab_group_5 .group.tab_group_1 .banner_slider_model .banner_slider_box .banner_mask ul li:hover {
    border-radius: 20px 0;
    display: block;
    float: left;
    height: 150px;
    margin: 0 10px;
    padding: 0;
    width: 13%;
    color: #00a0e8;
  }
  .tab_group_5 .banner_slider_model .banner_slider_box .banner_mask ul, .tab_group_5 .group.tab_group_1 .banner_slider_model .banner_slider_box .banner_mask ul {
  width: 724.666667%;
  list-style: none;
  padding: 28px 0 0 15px;
  display: block;
}
.tab_group_5 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_left, .tab_group_5 .group.tab_group_1 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_left {

    top: 90px;
    left: 5px;
   
}
.tab_group_5 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_right, .tab_group_5 .group.tab_group_1 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_right {
   
    top: 90px;
    right: 5px;
    
}
.group.tab_group_1 .banner_slider_model .banner_slider_box .banner_mask ul {
    width: 696.666667%;
    padding: 28px 20px;
}
.tab_group_5 .group.tab_group_1 .photoandtext {
    width: 100%;
    padding: 29px 30px 70px 30px;
}

/*天氣手機板*/

.wrapper .weather {
   background-color: rgba(0, 0, 0, 0.41);
    text-align: center;
    border-radius: 4px;
    margin: 0px 0 30px 0;
    padding: 0px 0px;
    border: solid 1px #FF9900;
	
	width: 270px;
    position: absolute;
    top: 141px;
    right: 26px;
    z-index: 9;
	display:none;
}


/*幸福宜蘭2.0-選中的TAB*/


  .tab_group_6 .tabs{
    font-size: 1.5em;
    width:100%;
    padding: 80px 0 0 0
  }
  .tab_group_6 .tabs ul li{
    width: 50%;
  }
  .tab_group_6 .tabs ul li .tabs_yes a{
    display:block;
    width:100%;
    height:55px;
    line-height:55px;
    background: #04a0e9;
    color:#FFFFFF;
    font-size: 1.6em;

  }

  /*幸福宜蘭2.0-未選中的TAB*/
  .tab_group_6 .tabs ul li .tabs_no a{
    display:block;
    width:100%;
    height:55px;
    line-height:55px;
    background:#FFFFFF;
    color:#666666;
    font-size: 1.6em;

  }
  .tab_group_6 .tabs ul li a{
    display:block;
    width:100%;
    height:55px;
    line-height:55px;
    background:#FFFFFF;
    color:#666666;
    font-size: 1.6em;

  }
  .tab_group_6 .tabs ul li .tabs_no.tabs_yes a{
    display:block;
    width:100%;
    height:55px;
    line-height:55px;
    background: #04a0e9;
    color:#FFFFFF;
    font-size: 1.6em;

  }
  
.module_news_rotate {
  padding-top: 80px;
  position: relative;
  width: 95%;
  margin: 0 auto;
    
}
.module_news_rotate > h4,.module_news_rotate > .h4{
  display: none;
}
.module_news_rotate ul{

}
.module_news_rotate ul li{
  width: 100%;
  height: auto;
  margin-bottom: 40px;
  position: relative;
  display: inline-block;


}
.module_news_rotate ul li a{
  display: block;
  float: left;
  width: 114px;
}
.module_news_rotate ul li h5,.module_news_rotate ul li .h5{
  display: inline-block;
  width: 60%;
  padding: 0 10px 0 15px;
}
.module_news_rotate ul li h5 a,.module_news_rotate ul li .h5 a{
  color: #04a0e9;
  display: block;
  font-size: 1.3em;
  text-decoration: none;
  width: 100%;
}
.module_news_rotate ul li h5 a:hover,.module_news_rotate ul li .h5 a:hover{
  color: #000000;
}
.module_news_rotate ul li dl{
  display: inline-block;
  padding-top: 17px;
  width: 60%;
  padding: 0 10px 0 15px;
  position: static;
  float: left;
}
.module_news_rotate ul li dt{
  line-height: 1.4em; 
  width: 100%;
}
.module_news_rotate ul li dt > a{
  display: block;
  float: right;
  width: 63px;
  position: absolute;
  left: 89%;
  top: 7px;

}
.module_news_rotate ul li dt > a span{
  background:url("../images/index/more2.png") no-repeat scroll center center;
  text-indent: -9999px;
  display: block;
  width: 63px;
  height: 63px;
  
}
.module_news_rotate ul li dt > a:hover span{
  background:url("../images/index/more2_hover.png") no-repeat scroll center center;
}

/*第二LI反向的*/
.module_news_rotate ul li+li{
  width: 100%;
  height: auto;
  margin-bottom:  40px;
  position: relative;
  display: inline-block;

}
.module_news_rotate ul li+li a{
  display: block;
  float: left;
  width: 114px;
}
.module_news_rotate ul li+li h5,.module_news_rotate ul li+li .h5{
  display: inline-block;
  width: 60%;
  padding: 0 10px 0 15px;
}
.module_news_rotate ul li+li h5 a,.module_news_rotate ul li+li .h5 a{
  color: #04a0e9;
  display: block;
  font-size: 1.3em;
  text-decoration: none;
  width: 100%;
  text-align: left;
}
.module_news_rotate ul li+li h5 a:hover,.module_news_rotate ul li+li .h5 a:hover{
  color: #000000;
}
.module_news_rotate ul li+li dl{
  display: inline-block;
  padding-top: 17px;
  width: 60%;
  padding: 0 10px 0 15px;
  position: static;
  float: left;
}
.module_news_rotate ul li+li dt{
  line-height: 1.4em; 
  width: 100%;
  text-align: left;
}
.module_news_rotate ul li+li dt > a{
  display: block;
  float: right;
  width: 63px;
  position: absolute;
  left: 89%;
  top: 7px;

}
.module_news_rotate ul li+li dt > a span{
  background:url("../images/index/more2.png") no-repeat scroll center center;
  text-indent: -9999px;
  display: block;
  width: 63px;
  height: 63px;
  
}
.module_news_rotate ul li+li dt > a:hover span{
  background:url("../images/index/more2_hover.png") no-repeat scroll center center;
}
/*第三個li*/
.module_news_rotate ul li+li+li{
  width: 100%;
  height: auto;
  margin-bottom: 40px;
  position: relative;
  display: inline-block;

}
.module_news_rotate ul li+li+li a{
  display: block;
  float: left;
  width: 114px;
}
.module_news_rotate ul li+li+li h5,.module_news_rotate ul li+li+li .h5{
  display: inline-block;
  width: 60%;
  padding:0 10px 0 15px;
}
.module_news_rotate ul li+li+li h5 a,.module_news_rotate ul li+li+li .h5 a{
  color: #04a0e9;
  display: block;
  font-size: 1.3em;
  text-decoration: none;
  width: 100%;
}
.module_news_rotate ul li+li+li h5 a:hover{
  color: #000000;
}
.module_news_rotate ul li+li+li dl{
  display: inline-block;
  padding-top: 17px;
  width: 60%;
  padding: 0 10px 0 15px;
  position: static;
  float: left;
}
.module_news_rotate ul li+li+li dt{
  line-height: 1.4em; 
  width: 100%;
}
.module_news_rotate ul li+li+li dt > a{
  display: block;
  float: right;
  width: 63px;
  position: absolute;
  left: 89%;
  top: 7px;

}
.module_news_rotate ul li+li+li dt > a span{
  background:url("../images/index/more2.png") no-repeat scroll center center;
  text-indent: -9999px;
  display: block;
  width: 63px;
  height: 63px;
  
}
.module_news_rotate ul li+li+li dt > a:hover span{
  background:url("../images/index/more2_hover.png") no-repeat scroll center center;
}
/*第四個LI反向的*/
.module_news_rotate ul li+li+li+li{
  width: 100%;
  height: auto;
  margin-bottom: 40px;
  position: relative;
  display: inline-block;

}
.module_news_rotate ul li+li+li+li a{
  display: block;
  float: left;
  width: 114px;
}
.module_news_rotate ul li+li+li+li h5,.module_news_rotate ul li+li+li+li .h5{
  display: inline-block;
  width: 60%;
  padding: 0 10px 0 15px;
}
.module_news_rotate ul li+li+li+li h5 a,.module_news_rotate ul li+li+li+li .h5 a{
  color: #04a0e9;
  display: block;
  font-size: 1.3em;
  text-decoration: none;
  width: 100%;
  text-align: left;
}
.module_news_rotate ul li+li+li+li h5 a:hover,.module_news_rotate ul li+li+li+li .h5 a:hover{
  color: #000000;
}
.module_news_rotate ul li+li+li+li dl{
  display: inline-block;
  padding-top: 17px;
  width: 60%;
  padding: 0 10px 0 15px;
  position: static;
  float: left;
}
.module_news_rotate ul li+li+li+li dt{
  line-height: 1.4em; 
  width: 100%;
  text-align: left;
}
.module_news_rotate ul li+li+li+li dt > a{
  display: block;
  float: right;
  width: 63px;
  position: absolute;
  left: 89%;
  top: 7px;

}
.module_news_rotate ul li+li+li+li dt > a span{
  background:url("../images/index/more2.png") no-repeat scroll center center;
  text-indent: -9999px;
  display: block;
  width: 63px;
  height: 63px;
  
}
.module_news_rotate ul li+li+li+li dt > a:hover span{
  background:url("../images/index/more2_hover.png") no-repeat scroll center center;
}

.module_news_rotate a.module_news1_more{
  display: block;
  background: url(../images/index/more01.png) no-repeat scroll 0 0;
  text-indent: -9999px;
  width: 66px;
  height: 65px;
  position: absolute;
  margin: 0 auto;
  left: 0;
  top: 95%;
  right: 0;
  bottom: 0;
  border: none;
  }
.module_news_rotate a:hover.module_news1_more{
  display: block;
  background: url(../images/index/more_hover.png) no-repeat scroll 0 0;
  text-indent: -9999px;
  width: 66px;
  height: 65px;
  position: absolute;
  margin: 0 auto;
  left: 0;
  top: 95%;
  right: 0;
  bottom: 0;
}  
.fb_group ul li div {
  width: 100%;
  margin: 0 auto;
  padding-bottom: 50px;
}
.module_video h5,.module_video .h5 {
    margin: 10px 0;
    width: 80%;
    float: left;
}
.module_video b {
  width: 20%;

}




}

/*---------------------------767以下  END--------------------------*/
@media (max-width: 640px ) {
.tab_group_3 .tabs ul li a{
  font-size: 1.3em;
  line-height: 41px;
    height: 45px;
}
.tab_group_3 .tabs ul li .tabs_no.tabs_yes a {
  font-size: 1.3em;
  line-height: 41px;
    height: 45px;
}

  .tab_group_3 .tabs ul li .tabs_yes a {
    
    font-size: 1.3em;
    line-height: 41px;
    height: 45px;
    
  }
  .tab_group_3 .tabs ul li .tabs_no a {
    font-size: 1.3em;
    line-height: 41px;
    height: 45px;
  }
  .tab_group_4 .tabs ul li {
 
    height: auto;
  
}
  .tab_group_4 .tabs ul li a {
    font-size: 1.3em;
    max-height: 80px;
    border-radius: 10px 0 10px 0;
    line-height: normal;
    padding: 10px 0;
}
  .tab_group_4 .tabs ul li a:hover {
    font-size: 1.3em;
    max-height: 80px;
    border-radius: 10px 0 10px 0;
    line-height: normal;
    padding: 10px 0;
  }
  .tab_group_4 .tabs ul li a.tabs_yes  {
    font-size: 1.3em;
    max-height: 80px;
    border-radius: 10px 0 10px 0;
    line-height: normal;
    padding: 11px 0;
  }
  .tab_group_5 .tabs ul li a{
    font-size: 1.3em;
    line-height: 41px;
    height: 45px;
  }
.tab_group_5 .tabs ul li .tabs_no.tabs_yes a {
  font-size: 1.3em;
  line-height: 41px;
    height: 45px;
}

  .tab_group_5 .tabs ul li .tabs_yes a {
    
    font-size: 1.3em;
    line-height: 41px;
    height: 45px;
    
  }
  .tab_group_5 .tabs ul li .tabs_no a {
    font-size: 1.3em;
    line-height: 41px;
    height: 45px;
  }
  .tab_group_6 .tabs ul li a {
    font-size: 1em;
    line-height: 53px;
  }
  .tab_group_6 .tabs ul li .tabs_yes a {
    font-size: 1em;
    line-height: 53px;
  }
.tab_group_6 .tabs ul li .tabs_no a {
    font-size: 1em;
    line-height: 53px;
}
.tab_group_6 .tabs ul li .tabs_no.tabs_yes a {
    font-size: 1em;
    line-height: 53px;
}
.group.tab_group_1 .banner_slider_model .banner_slider_box .banner_mask ul {

    padding: 28px 5px;
}
.tab_group_3 .group.tab_group_1 ul li a .card .caption {
      color: #000000;
      font-size: 1.2em;
      max-height: 75px;  
      height: 75px;
      min-height: 40px;
      letter-spacing: 0.05em;
      line-height: 1.4em;
      overflow: hidden;
      
  }
  .tab_group_3 .group ul li a .card .caption {
    color: #000000;
    font-size: 1.2em;
    max-height: 75px;  
    height: 75px;
    min-height: 40px;
    letter-spacing: 0.05em;
    line-height: 1.4em;
    overflow: hidden;
  }
  .tab_group_3 .group.tab_group_1 ul li a:hover .card .caption {
     
      font-size: 1.2em;
      min-height: 40px;
      letter-spacing: 0.05em;
      line-height: 1.4em;
      overflow: hidden;
      max-height: 75px;  
      height: 75px;
      
  }
  .tab_group_3 .group ul li a:hover .card .caption {
   
    font-size: 1.2em;
    max-height: 75px;  
    height: 75px;
    min-height: 40px;
    letter-spacing: 0.05em;
    line-height: 1.4em;
    overflow: hidden;
   
  }
  .group .banner_slider_model .banner_slider_box .banner_mask ul li a:hover {
  display:block;
  width: 100%;
  vertical-align: middle;
  color: #00a0e8;
  font-size: 0.9em;
  letter-spacing: 0.05em;
}

.group.tab_group_1 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_left {
   
    width: 20px;
    top: 42px;
    text-indent: -9999px;
    
}
.group .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_right, .group.tab_group_1 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_right {
    
    width: 20px;
    top: 42px;
    text-indent: -9999px;
   
}
.group .banner_slider_model .banner_slider_box .banner_mask ul {
 
    padding: 28px 0px;
  
}
.group .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_left, .group.tab_group_1 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_left {
   
    width: 20px;
    top: 42px;
    text-indent: -9999px;
    
}
.group .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_right, .group.tab_group_1 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_right {
    
    width: 20px;
    top: 42px;
    text-indent: -9999px;
   
}

.tab_group_5 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_left, .tab_group_5 .group.tab_group_1 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_left {
    
   width: 20px; 
   text-indent: -9999px;

}
.tab_group_5 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_left:hover, .tab_group_5 .group.tab_group_1 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_left:hover {
    
   width: 20px; 
   text-indent: -9999px;

}
.tab_group_5 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_right, .tab_group_5 .group.tab_group_1 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_right {
  width: 20px; 
  text-indent: -9999px;
}
.tab_group_5 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_right:hover, .tab_group_5 .group.tab_group_1 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_right:hover {
  width: 20px; 
  text-indent: -9999px;
}
.tab_group_5 .group.tab_group_1 ul li a .card .caption {
    color: #000000;
    font-size: 1.2em;
    height: 77px;
    letter-spacing: 0.05em;
    line-height: 1.4em;
    overflow: hidden;
    padding: 3px 10px;
}
.tab_group_5 .group.tab_group_1 ul li a:hover .card .caption {
    color: #00a0e8;
    font-size: 1.2em;
    height: 77px;
    letter-spacing: 0.05em;
    line-height: 1.4em;
    overflow: hidden;
    padding: 3px 10px;
}
.tab_group_3 .group.tab_group_1 ul li a:hover .card .caption {
    font-size: 1.2em;
    min-height: 40px;
    letter-spacing: 0.05em;
    line-height: 1.4em;
    overflow: hidden;
    max-height: 75px;
    height: 75px;
}
.tab_group_5 .group.tab_group_1 .banner_slider_model .banner_slider_box .banner_mask ul {
    padding: 20px 0 0 0;
}
.module_news_rotate ul li h5,.module_news_rotate ul li .h5 {

    padding: 0 10px 0 15px;
}
.module_news_rotate ul li+li h5,.module_news_rotate ul li+li .h5 {

    padding: 0 10px 0 15px;
}
.module_news_rotate ul li+li+li h5,.module_news_rotate ul li+li+li .h5 {

    padding: 0 10px 0 15px;
}
.module_news_rotate ul li+li+li+li h5,.module_news_rotate ul li+li+li+li .h5 {

    padding: 0 10px 0 15px;
}

.module_news_rotate ul li h5,.module_news_rotate ul li .h5 {

    padding: 0 10px 0 15px;
}
.module_news_rotate ul li h5 a,.module_news_rotate ul li .h5 a {
    
    font-size: 1.1em;
   
    line-height: 1.3em;
}
.module_news_rotate ul li+li h5 a,.module_news_rotate ul li+li .h5 a {
   
    font-size: 1.1em;
   
    line-height: 1.3em;
}
.module_news_rotate ul li+li+li h5 a,.module_news_rotate ul li+li+li .h5 a {
   
    font-size: 1.1em;

    line-height: 1.3em;
}
.module_news_rotate ul li+li+li+li h5 a {
   
    font-size: 1.1em;
    
    line-height: 1.3em;
}

.module_news_rotate a.module_news1_more {
    
    top: 103%;
    
}
.module_news_rotate a.module_news1_more:hover {
   
    top: 103%;
    
}
.tab_group_6 .tabs {
    font-size: 1.5em;
    width: 100%;
    padding: 0;
}
.tab_group_6{
  padding: 60px 0;
}
.module_news_rotate ul li+li+li dl {
  
    padding: 0 10px 0 15px;
   
}
.module_news_rotate ul li+li+li+li dl {
  
    padding: 0 10px 0 15px;
   
}
.footer .footer_link ul li a {
    margin-right: 6px;
    color: #FFFFFF;
    line-height: 30px;
}
}

@media (max-width: 550px ) {
  .mm-page {
    box-sizing: border-box;
    position: relative;
}
.topbg {
    width: 200px;
    z-index: 20;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    margin: 0 auto;
}
.topbg .toplog .toplog {
    width: 200px;
    float: none;
}

.wrapper {
    width: 100%;
    margin: 0px 0 0 0!important;
}


}
/*---------------------------480以下--------------------------*/
@media (max-width: 480px ) {
  .menu_group {
  width: 100%;
  height: auto;
  background: #33b3ed;
}
.photoandtext ul li {
  width: 100%;
}
.menu_group ul{
  width:100%;
  display:inline-block;
  }
.menu_group ul li{
  
    width:100%;
  }
.menu_group ul li a:link,.menu_group ul li a:active,.menu_group ul li a:visited{
  color: #FFFFFF;
  display: block;
  float: left;
  font-size: 1.1em;
  height: auto;
  line-height: 56px;
  width:33.5%;
  text-align:center;
  border-left: #FFFFFF 1px dashed;
  border-right: #FFFFFF 1px dashed;
  border-bottom: #FFFFFF 1px dashed;
  margin-right:-1px; 
  
  }
  
.menu_group ul li a:hover{
  background:#FFFFFF;
  color:#33b3ed;
  }
  .tab_group_4 .imgRight {
    float: right;
    text-align: center;
    width: 100%;
    background: #FF6867;
    padding: 0;

  }
  .tab_group_4 .imgRight ul {
    width: 100%;
  }
  .tab_group_4 .imgRight ul li .imgTableR {
    width: 332px;
    background: url(../images/index/imgTableR.png) no-repeat scroll 0 0;
    margin: 0 auto;
  }
  .tab_group_5 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_left, .tab_group_5 .group.tab_group_1 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_left {

    top: 45px;
    left: -20px;
   
  }
  .tab_group_5 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_right, .tab_group_5 .group.tab_group_1 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_right {
     
      top: 45px;
      right: -20px;
      
  }
  .tab_group_5 .group.tab_group_1 .banner_slider_model .banner_slider_box .banner_mask ul {
 
    padding: 28px 0 0 0px;
 
}
  .tab_group_5 .group.tab_group_1 .banner_slider_model .banner_slider_box .banner_mask ul li {
    
    width: 13%;
}


.module_news_rotate {
  padding-top: 60px;
  position: relative;
  width: 95%;
  margin: 0 auto;
}
.module_news_rotate ul li{
  width: 100%;
  height: auto;
  margin-bottom: 0;
  position: relative;
  display: inline-block;

}

.module_news_rotate ul li dt > a{
  display: block;
  float: right;
  width: 63px;
  position: static;
  left: 0;
  top: 0;

}
.module_news_rotate ul li dt > a span{
  background:none;
  text-indent: inherit;
  display: block;
  width: 63px;
  height: 63px;
  color: #5C5C5C;
  font-size: 1em;
  
}
.module_news_rotate ul li dt > a:hover span{
  background:none;
  color: #000000;
}

/*第二LI反向的*/
.module_news_rotate ul li+li{
 width: 100%;
  height: auto;
  margin-bottom: 0;
  position: relative;
  display: inline-block;

}
.module_news_rotate ul li+li a{
  display: block;
  float: left;
  width: 114px;
}

.module_news_rotate ul li+li h5 a,.module_news_rotate ul li+li .h5 a{
  color: #04a0e9;
  display: block;
  font-size: 1.3em;
  text-decoration: none;
  width: 100%;
  text-align: left;
}
.module_news_rotate ul li+li h5 a:hover,.module_news_rotate ul li+li .h5 a:hover{
  color: #000000;
}

.module_news_rotate ul li+li dt{
  line-height: 1.4em; 
  width: 100%;
  text-align: left;
}
.module_news_rotate ul li+li dt > a{
  display: block;
  float: right;
  width: 63px;
  position: static;
  left: 0;
  top: 0;

}

.module_news_rotate ul li+li dt > a span{
  background:none;
  text-indent: inherit;
  display: block;
  width: 63px;
  height: 63px;
  color: #5C5C5C;
   font-size: 1em;
  
}
.module_news_rotate ul li+li dt > a:hover span{
  background:none;
  color: #000000;
}

/*第三個li*/
.module_news_rotate ul li+li+li{
  width: 100%;
  height: auto;
  margin-bottom: 0;
  position: relative;
  display: inline-block;
}
.module_news_rotate ul li+li+li a{
  display: block;
  float: left;
  width: 114px;
}
.module_news_rotate ul li+li+li h5,.module_news_rotate ul li+li+li .h5{
  display: inline-block;
  width: 60%;
  padding: 0 5px;
}
.module_news_rotate ul li+li+li h5 a,.module_news_rotate ul li+li+li .h5 a{
  color: #04a0e9;
  display: block;
  font-size: 1.3em;
  text-decoration: none;
  width: 100%;
}
.module_news_rotate ul li+li+li h5 a:hover,.module_news_rotate ul li+li+li .h5 a:hover{
  color: #000000;
}
.module_news_rotate ul li+li+li dl{
  display: inline-block;
  padding-top: 17px;
  width: 60%;
  padding: 10px 5px;
  position: static;
  float: left;
}
.module_news_rotate ul li+li+li dt{
  line-height: 1.4em; 
  width: 100%;
}
.module_news_rotate ul li+li+li dt > a{
  display: block;
  float: right;
  width: 63px;
  position: static;
  left: 0;
  top: 0;

}
.module_news_rotate ul li+li+li dt > a span{
  background:none;
 text-indent: inherit;
  display: block;
  width: 63px;
  height: 63px;
  color: #5C5C5C;
   font-size: 1em;
  
}
.module_news_rotate ul li+li+li dt > a:hover span{
  background:none;
  color: #000000;
}
/*第四個LI反向的*/
.module_news_rotate ul li+li+li+li{
   width: 100%;
  height: auto;
  margin-bottom: 0;
  position: relative;
  display: inline-block;

}
.module_news_rotate ul li+li+li+li a{
  display: block;
  float: left;
  width: 114px;
}
.module_news_rotate ul li+li+li+li h5,.module_news_rotate ul li+li+li+li .h5{
  display: inline-block;
  width: 60%;
  padding: 0 5px;
}
.module_news_rotate ul li+li+li+li h5 a,.module_news_rotate ul li+li+li+li .h5 a{
  color: #04a0e9;
  display: block;
  font-size: 1.3em;
  text-decoration: none;
  width: 100%;
  text-align: left;
}
.module_news_rotate ul li+li+li+li h5 a:hover,.module_news_rotate ul li+li+li+li .h5 a:hover{
  color: #000000;
}
.module_news_rotate ul li+li+li+li dl{
  display: inline-block;
  padding-top: 17px;
  width: 60%;
  padding: 10px 5px;
  position: static;
  float: left;
}
.module_news_rotate ul li+li+li+li dt{
  line-height: 1.4em; 
  width: 100%;
  text-align: left;
}
.module_news_rotate ul li+li+li+li dt > a{
  display: block;
  float: right;
  width: 63px;
  position: static;
  left: 0;
  top: 0;


}
.module_news_rotate ul li+li+li+li dt > a span{
  background:none;
 text-indent: inherit;
  display: block;
  width: 63px;
  height: 63px;
  color: #5C5C5C;
   font-size: 1em;
  
}
.module_news_rotate ul li+li+li+li dt > a:hover span{
  background:none;
  color: #000000;
}


  .fb_group ul li div {
  width: 100%;
  margin: 0 auto;

}
.tab_group_3 .tabs ul li a{
  font-size: 1.3em;
  line-height: 42px;
}
.tab_group_3 .tabs ul li .tabs_no.tabs_yes a {
  font-size: 1.3em;
  line-height: 42px;
}

  .tab_group_3 .tabs ul li .tabs_yes a {
    
    font-size: 1.3em;
    line-height: 42px;
    
  }
  .tab_group_3 .tabs ul li .tabs_no a {
    font-size: 1.3em;
    line-height: 42px;
  }
  .tab_group_4 .tabs ul li a{
    font-size: 1.3em;
  }
  .tab_group_4 .tabs ul li a:hover {
    font-size: 1.3em;
  }
  .tab_group_4 .tabs ul li a.tabs_yes  {
    font-size: 1.3em;
  }
  .tab_group_5 .tabs ul li a{
    font-size: 1.3em;
    line-height: 42px;
  }
.tab_group_5 .tabs ul li .tabs_no.tabs_yes a {
  font-size: 1.3em;
  line-height: 42px;
}

  .tab_group_5 .tabs ul li .tabs_yes a {
    
    font-size: 1.3em;
    line-height: 42px;
    
  }
  .tab_group_5 .tabs ul li .tabs_no a {
    font-size: 1.3em;
    line-height: 42px;
  }
  .tab_group_6 .tabs ul li a {
    font-size: 0.9em;
    line-height: 53px;
  }
  .tab_group_6 .tabs ul li .tabs_yes a {
    font-size: 0.9em;
    line-height: 53px;
  }
.tab_group_6 .tabs ul li .tabs_no a {
    font-size: 0.9em;
    line-height: 53px;
}
.tab_group_6 .tabs ul li .tabs_no.tabs_yes a {
    font-size: 0.9em;
    line-height: 53px;
}
.module_video h5,.module_video .h5 {
    margin: 10px 0;
    width: 100%;
    float: none;
  }
  .module_video h5 a,.module_video .h5 a{
    text-align: center;
    padding: 0 15px;
    line-height:1em;
  }
  .module_video h5 a:hover, .module_video .h5 a:hover{
    text-align: center;
  }
  .module_video b {
    display: block;
    margin: 0;
    font-size: 0.9em;
    color: #000000;
    display: block;
    width: 100%;
    float: none;
    text-align: center;
    line-height:0.3em;
    padding: 0 15px 15px 15px;
    display: none;
  }
.tab_group_7 .fb_group {
    width: 300px;
    margin: 0 auto;
    float: none;
}
.tab_group_7 .vedio {
    float: none;
    width: 100%;
    background: #f5f6f8;
}

}

/**/
@media (max-width: 350px ) {
  .topbg {
    width: 150px;
    z-index: 20;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    margin: 0 auto;
}
.topbg .toplog .toplog {
    width: 150px;
    height: 60px;
    float: none;
    margin: -7px auto 0 auto;
}
  .topbg .toplog .toplog h1 a {
    width: 150px;
    height: 60px;
    margin-top: 8px;
    width: 269px\9!important;
    height: 80px\9!important;
    background-position:center!important;
}


.tab_group_4 .imgRight ul li .imgTableR {
    width:300px;
    height: 400px;
    background: url(../images/index/imgTableR_300.png) no-repeat scroll 0 0;
}
.tab_group_4 .imgRight ul li .imgTableR ul.info {
    color: #fff;
    float: right;
    font-size: 15px;
    font-weight: 900;
    line-height: 25px;
    width: 190px;
}
.tab_group_4 .imgRight ul li .imgTableR .textContent {
    clear: both;
    width: 100%;
    padding-top: 10px;
}
.tab_group_4 .imgRight ul li .imgTableR .textContent ul {
    width: 100%;
    padding: 10px 23px 0 18px;
    margin: 0 ;
}
.tab_group_4 .imgRight ul li .imgTableR .textContent ul li {
    width: 100%;
    background-image: url(../images/index/hand.png);
    background-position: 0px 3px;
    background-repeat: no-repeat;
    border-bottom: 1px dotted #ccc;
    line-height: 25px;
    padding: 3px 5px 3px 0px;
    display: inline-block;
}

  .photoandtext ul li .searchbt1 input{
    background: transparent;
    border: medium none;
    color: #474747;
    font-family: "微軟正黑體",Arial,Helvetica,sans-serif;
    font-size: 1.1em;
    height: 35px;
    line-height: 35px;
    margin: 0;
    padding: 0 15px;
    vertical-align: middle;
    width: 80%;
    
  }
  .photoandtext ul li .searchbt1 span.searchbt1{
    display: block;
    width:20%;
    height:35px;
    float:left;
    text-indent: -9999px;
    position: absolute;
    right: 0;
    top:0;
  }
.tab_group_4 .imgRight {
    float: right;
    text-align: center;
    width: 100%;
    background: #FF6867;
    padding: 0;
    
}



}


@media (max-width: 320px ) {
  .topbg {
    width: 150px;
    z-index: 20;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    margin: 0 auto;
}
.topbg .toplog .toplog {
    width: 150px;
    float: none;
    margin: -7px auto 0 auto;
}
  .topbg .toplog .toplog h1 a {
    margin-top: 8px;
    width: 150px;
    height: 60px;
}

.tab_group_4 .imgRight ul li .imgTableR {
    width:100%;
    height: auto;
    background: url(../images/index/imgTableR_300.png) no-repeat scroll 0 0;
}

.tab_group_4 .imgRight ul li .imgTableR .textContent {
    clear: both;
    width: 100%;
    padding-top: 10px;
}
.tab_group_4 .imgRight ul li .imgTableR .textContent ul {
    width: 100%;
    padding: 10px 23px 0 18px;
    margin: 0 ;
}
.tab_group_4 .imgRight ul li .imgTableR .textContent ul li {
    width: 100%;
    background-image: url(../images/index/hand.png);
    background-position: 0px 3px;
    background-repeat: no-repeat;
    border-bottom: 1px dotted #ccc;
    line-height: 25px;
    padding: 3px 5px 3px 0px;
    display: inline-block;
}

  .photoandtext ul li .searchbt1 input{
    background: transparent;
    border: medium none;
    color: #474747;
    font-family: "微軟正黑體",Arial,Helvetica,sans-serif;
    font-size: 1.1em;
    height: 35px;
    line-height: 35px;
    margin: 0;
    padding: 0 15px;
    vertical-align: middle;
    width: 80%;
    
  }
  .photoandtext ul li .searchbt1 span.searchbt1{
    display: block;
    width:20%;
    height:35px;
    float:left;
    text-indent: -9999px;
    position: absolute;
    right: 0;
    top:0;
  }
.tab_group_4 .imgRight {
    float: right;
    text-align: center;
    width: 100%;
    background: #FF6867;
    padding: 0;
    height: 400px;
}
.tab_group_3 .tabs ul li a{
  font-size: 1.2em;
  line-height: 41px;
    height: 45px;
}
.tab_group_3 .tabs ul li .tabs_no.tabs_yes a {
  font-size: 1.2em;
  line-height: 41px;
    height: 45px;
}

  .tab_group_3 .tabs ul li .tabs_yes a {
    
    font-size: 1.2em;
    line-height: 41px;
    height: 45px;
    
  }
  .tab_group_3 .tabs ul li .tabs_no a {
    font-size: 1.2em;
    line-height: 41px;
    height: 45px;
  }
  .tab_group_4 .tabs ul li {
 
    height: auto;
  
}
  .tab_group_4 .tabs ul li a {
    font-size: 1.2em;
    max-height: 80px;
    border-radius: 10px 0 10px 0;
    line-height: normal;
    padding: 10px 0;
}
  .tab_group_4 .tabs ul li a:hover {
    font-size: 1.2em;
    max-height: 80px;
    border-radius: 10px 0 10px 0;
    line-height: normal;
    padding: 10px 0;
  }
  .tab_group_4 .tabs ul li a.tabs_yes  {
    font-size: 1.2em;
    max-height: 80px;
    border-radius: 10px 0 10px 0;
    line-height: normal;
    padding: 11px 0;
  }
  .tab_group_5 .tabs ul li a{
    font-size: 1.2em;
    line-height: 41px;
    height: 45px;
  }
.tab_group_5 .tabs ul li .tabs_no.tabs_yes a {
  font-size: 1.2em;
  line-height: 41px;
    height: 45px;
}

  .tab_group_5 .tabs ul li .tabs_yes a {
    
    font-size: 1.2em;
    line-height: 41px;
    height: 45px;
    
  }
  .tab_group_5 .tabs ul li .tabs_no a {
    font-size: 1.2em;
    line-height: 41px;
    height: 45px;
  }
  .tab_group_6 .tabs ul li a {
    font-size: 0.85em;
    line-height: 53px;
  }
  .tab_group_6 .tabs ul li .tabs_yes a {
    font-size: 0.85em;
    line-height: 53px;
  }
.tab_group_6 .tabs ul li .tabs_no a {
    font-size: 0.85em;
    line-height: 53px;
}
.tab_group_6 .tabs ul li .tabs_no.tabs_yes a {
    font-size: 0.85em;
    line-height: 53px;
}
.group.tab_group_1 .banner_slider_model .banner_slider_box .banner_mask ul {

    padding: 28px 5px;
}
.tab_group_3 .group.tab_group_1 ul li a .card .caption {
      color: #000000;
      font-size: 1.2em;
      max-height: 75px;  
      height: 75px;
      min-height: 40px;
      letter-spacing: 0.05em;
      line-height: 1.4em;
      overflow: hidden;
      
  }
  .tab_group_3 .group ul li a .card .caption {
    color: #000000;
    font-size: 1.2em;
    max-height: 75px;  
    height: 75px;
    min-height: 40px;
    letter-spacing: 0.05em;
    line-height: 1.4em;
    overflow: hidden;
  }
  .tab_group_3 .group.tab_group_1 ul li a:hover .card .caption {
     
      font-size: 1.2em;
      min-height: 40px;
      letter-spacing: 0.05em;
      line-height: 1.4em;
      overflow: hidden;
      max-height: 75px;  
      height: 75px;
      
  }
  .tab_group_3 .group ul li a:hover .card .caption {
   
    font-size: 1.2em;
    max-height: 75px;  
    height: 75px;
    min-height: 40px;
    letter-spacing: 0.05em;
    line-height: 1.4em;
    overflow: hidden;
   
  }
  .group .banner_slider_model .banner_slider_box .banner_mask ul li a:hover {
  display:block;
  width: 100%;
  vertical-align: middle;
  color: #00a0e8;
  font-size: 0.9em;
  letter-spacing: 0.05em;
}

.group.tab_group_1 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_left {
   
    width: 20px;
    top: 42px;
    text-indent: -9999px;
    
}
.group .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_right, .group.tab_group_1 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_right {
    
    width: 20px;
    top: 42px;
    text-indent: -9999px;
   
}
.group .banner_slider_model .banner_slider_box .banner_mask ul {
 
    padding: 28px 3px;
  
}
.group .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_left, .group.tab_group_1 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_left {
   
    width: 20px;
    top: 42px;
    text-indent: -9999px;
    
}
.group .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_right, .group.tab_group_1 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_right {
    
    width: 20px;
    top: 42px;
    text-indent: -9999px;
   
}
.tab_group_5 {
    padding-top: 50px;
}
.tab_group_5 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_left, .tab_group_5 .group.tab_group_1 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_left {
    
   width: 20px; 
   text-indent: -9999px;

}
.tab_group_5 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_left:hover, .tab_group_5 .group.tab_group_1 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_left:hover {
    
   width: 20px; 
   text-indent: -9999px;

}
.tab_group_5 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_right, .tab_group_5 .group.tab_group_1 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_right {
  width: 20px; 
  text-indent: -9999px;
}
.tab_group_5 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_right:hover, .tab_group_5 .group.tab_group_1 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_right:hover {
  width: 20px; 
  text-indent: -9999px;
}
.tab_group_5 .group.tab_group_1 ul li a .card .caption {
    color: #000000;
    font-size: 1.2em;
    height: 77px;
    letter-spacing: 0.05em;
    line-height: 1.4em;
    overflow: hidden;
    padding: 3px 10px;
}
.tab_group_5 .group.tab_group_1 ul li a:hover .card .caption {
    color: #00a0e8;
    font-size: 1.2em;
    height: 77px;
    letter-spacing: 0.05em;
    line-height: 1.4em;
    overflow: hidden;
    padding: 3px 10px;
}
.tab_group_3 .group.tab_group_1 ul li a:hover .card .caption {
    font-size: 1.2em;
    min-height: 40px;
    letter-spacing: 0.05em;
    line-height: 1.4em;
    overflow: hidden;
    max-height: 75px;
    height: 75px;
}
.tab_group_5 .group.tab_group_1 .banner_slider_model .banner_slider_box .banner_mask ul {
    padding: 20px 0 0 0;
}
.module_news_rotate ul li h5,.module_news_rotate ul li .h5 {

    padding: 0 10px 0 15px;
}
.module_news_rotate ul li+li h5,.module_news_rotate ul li+li .h5 {

    padding: 0 10px 0 15px;
}
.module_news_rotate ul li+li+li h5,.module_news_rotate ul li+li+li .h5 {

    padding: 0 10px 0 15px;
}
.module_news_rotate ul li+li+li+li h5,.module_news_rotate ul li+li+li+li .h5 {

    padding: 0 10px 0 15px;
}

.module_news_rotate ul li h5,.module_news_rotate ul li .h5 {

    padding: 0 10px 0 15px;
}
.module_news_rotate ul li h5 a,.module_news_rotate ul li .h5 a {
    
    font-size: 1.2em;
   
    line-height: 1.3em;
}
.module_news_rotate ul li+li h5 a,.module_news_rotate ul li+li .h5 a {
   
    font-size: 1.2em;
   
    line-height: 1.3em;
}
.module_news_rotate ul li+li+li h5 a,.module_news_rotate ul li+li+li .h5 a {
   
    font-size: 1.2em;

    line-height: 1.3em;
}
.module_news_rotate ul li+li+li+li h5 a,.module_news_rotate ul li+li+li+li .h5 a {
   
    font-size: 1.2em;
    
    line-height: 1.3em;
}

.module_news_rotate a.module_news1_more {
    
    top: 103%;
    
}
.module_news_rotate a.module_news1_more:hover {
   
    top: 103%;
    
}
.tab_group_6 .tabs {
    font-size: 1.5em;
    width: 100%;
    padding: 0;
}
.tab_group_6{
  padding: 60px 0;
}
.module_news_rotate ul li+li+li dl {
  
    padding: 0 10px 0 15px;
   
}
.module_news_rotate ul li+li+li+li dl {
  
    padding: 0 10px 0 15px;
   
}
.footer .footer_link ul li a {
    margin-right: 6px;
    color: #FFFFFF;
    line-height: 30px;
}
.tab_group_7 .fb_group {
    width: 300px;
    margin: 0 auto;
    float: none;
}
.tab_group_7 .vedio {
    float: none;
    width: 100%;
    background: #f5f6f8;
}

}

/*-------------------------------------------------------------------------------------------20150807 修改版面------------------------------------------------------------------------------*/

/*----------------天氣模組-----------------------*/
#Group_2125 {
  background-color: rgba(255, 255, 255, 0);
    position: absolute;
    top: 143px;
    /*right: left;*/
    width: 100%;

}

/*-----------------------------首頁輪播 發布單位拿掉----------------------------*/


#Group_1702 .banner_slider_box .card .more_btn{
display:none;
}

#Group_1729 .banner_slider_box .card .more_btn{
display:none;
}

#Group_1728 .banner_slider_box .card .more_btn{
display:none;
}
#Group_1727 .banner_slider_box .card .more_btn{
display:none;
}

#Group_1726 .banner_slider_box .card .more_btn{
display:none;
}
#Group_1725 .banner_slider_box .card .more_btn{
display:none;
}
#Group_1719 .banner_slider_box .card .more_btn {
    display: none;
}

#Group_1702 .banner_slider_box ul,
#Group_1729 .banner_slider_box ul,
#Group_1728 .banner_slider_box ul,
#Group_1727 .banner_slider_box ul,
#Group_1726 .banner_slider_box ul,
#Group_1725 .banner_slider_box ul,
#Group_1719 .banner_slider_box ul{
padding: 60px 0 10px 22px;
}
@media (max-width: 1024px){
  #Group_1719 .banner_slider_box ul{
    padding: 60px 0 10px 22px;
    padding-left: 5px;
  }
}

/*----------------------------拿掉結束---------------------*/
#Group_2125 > .container {
    max-width: 1325px;
    margin: 0 auto;
    position: relative;
}

#Group_2126 {
    width: 24%!important;
}

#Group_2126 {
    position: absolute;
    right: 0;
}

/*天氣*/
/*.weather {
   background-color: rgba(0, 0, 0, 0.41);
    text-align: center;
    border-radius: 4px;
    margin: 0px 0 30px 0;
    padding: 0px 0px;
    border: solid 1px #FF9900;
}


.weather .temp, .weather .temp a {
    color: #fff;
    display: inline-block;
    padding: 5px;
}

.weather .temp > a:before {
    
    font-size: 1.1em;
    font-weight: 700;
    display: block;
        margin-left: -7px;
    padding: 5px 0;
}*/

.wrapper .weather {
   background-color: rgba(0, 0, 0, 0.41);
    text-align: center;
    border-radius: 4px;
    margin: 0px 0 30px 0;
    padding: 0px 0px;
    border: solid 1px #FF9900;
	
	width: 270px;
    position: absolute;
    top: 141px;
    right: 26px;
    z-index: 9;
}


.wrapper .weather .temp, .weather .temp a {
    color: #fff;
    display: inline-block;
    padding: 5px;
}

.wrapper .weather .temp > a:before {
    
    font-size: 1.1em;
    font-weight: 700;
    display: block;
        margin-left: -7px;
    padding: 5px 0;
}

/*---------------14圖表專區-------------*/
#Group_1815 {

}

/*鄉鎮人口統計*/
.population {
        padding: 50px 0 50px 0;
    width: 100% !important;
    display: inline-block;
    background: url(../images/index/bg1.jpg) repeat-x scroll 0 0;
    background-size: 2460px auto;
    background-position: center 0;
}

.population > .container{
width: 1200px;
    margin: 0 auto;

}

.slider_model .slider_list_box{
position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    right: 0;
    top: 0;
    height: 180px;
    margin: 30px 0 0 0;
    bottom: 0;
    background-color: #3f3f3f;
    background-color: rgba(63, 63, 63, 0.9);

}

.slider_model .slider_list_box ul li a h5,.slider_model .slider_list_box ul li a .h5{

      padding: 4px 0;
    color: #FF9900;
    font-size: 16px;
}



/*------------------熱門服務----------------*/
#Group_1806 {
width: 100%!important;
background-color: #4DB9BE;
padding: 50px 0 30px 0;
/*background: url(../images/index/index-bg01.jpg);*/

}




#Group_1810{width:50%!important;}

.module_link_photo_h_more{display:none;}

/*---------------機關連結-------------*/
#Group_1807 {
width: 50%!important;
}

.module_link_photo_Select select{width: 90%!important;
margin: 5px 0 7px 20PX!IMPORTANT; border-radius: 5px; background: #FFCACA;}
.select_title{display:block!important;}
.quicklink {text-align: center;}
/*-------------FB 區塊-----------*/
#Group_1287 {
width: 50%!important;
}

/*-----------影音區塊----------*/
#Group_1970 {
width: 100%;
background: #000000;
padding: 30px 0 1px 0;
height: 715px;
}
@media screen and (max-width: 800px){
  #Group_1970 {
    height: 545px;
  }
}
@media screen and (max-width: 440px){
  #Group_1970 {
    height: 435px
  }
}
@media screen and (max-width: 400px){
  #Group_1970 {
    height: 380px;
  }
}
#Group_1321 {
width: 75%!important;
margin: 0 auto;

}

#YouTube_6070_4{
	margin-top: -5px;
	height:600px!important;
	
}

.module_video_more{display:none!important;}

/*-----------寫真區塊------------*/
#Group_1833 {
width: 100%!important;
/*margin-left: 3%;*/
}

/*------------頁簽--------**/
#Group_1719 .banner_slider_model .banner_slider_box .banner_mask ul li {
display: inline;
padding: 0 20px;
}

.tab_group_3 .tabs {
      margin: 0px auto 10px auto;
    width: 100%;
    box-shadow: 0px 2px 10px #000;
}

/*-------------縣長專區-------------------*/

#Group_1854{
      margin-bottom: -31px;
}

/*-------------相關連結-----------------*/

#content_bottom > .banner_slider_model {
    width: 100%;
    background: #EDEDED;
    /*margin: -41px 0 -10px 0;*/
    padding: 20px 0;
}

#content_bottom > .banner_slider_model .banner_slider_box {
    display: table;
    max-width: 1050px;
    margin: 0 auto;
}



#content_bottom > .banner_slider_model .banner_slider_box .banner_mask {
    display: table-cell;
    overflow: hidden;
    width: 100%;
	background-color: #FFFFFF;
	/*box-shadow: 0px 0px 5px #989898;*/
	box-shadow: 0 0 10px #ececec;
}

#content_bottom > .banner_slider_model .banner_slider_box .model_ctrl_tools {
/*    position: relative;
    display: none!important;
    text-align: center;
    width: 25px;
    height: 25px;
    background: #fff;
    border-radius: 17px;*/
	position: relative;
    display: table-cell;
    text-align: center;
    width: 0;
    vertical-align: middle;
	
}

#content_bottom > .banner_slider_model .banner_slider_box .model_ctrl_tools a {
  height: 40px;
  width: 20px;
  border: 0;
  text-decoration: none;
  vertical-align: middle;
}

#content_bottom > .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_left {
    background-image: url('../images/left.png?1433303522');
    background-repeat: no-repeat;
	background-position: center;
/*    background-position: 0 1px;
    background-size: contain;*/
    /*display: none;*/
	background-color: #FF9900;
    border-radius: 4px 0 0 4px;
	margin: 0 0 0px 0;
}

#content_bottom > .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_right {
    background-image: url('../images/right.png?1433303522');
    background-repeat: no-repeat;
    background-position: center;
    /*background-position: 0 1px;*/
    /*background-size: contain;*/
    /*display: none;*/
	background-color: #FF9900;
    border-radius: 0 4px 4px 0;
	margin: 0 0 0px 0;
}

#content_bottom > .banner_slider_model .banner_slider_box .banner_mask ul {
    width: 400%;
    list-style: none;
    padding: 10px 0;
    display: table;
}

#content_bottom > .banner_slider_model .banner_slider_box .banner_mask ul li {
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: table-cell;
}

.green{width:3.8%!important;}

#content_bottom > .banner_slider_model .banner_slider_box .banner_mask ul li a img {
  display: block;
  width: 90%;
  margin: 0 auto;
}


/*------------------------------線上人數------------------*/

#lblOnPeople{
  color: #fff;
    margin-top: 5px;
    display: block;
    font-size: 1.05em;
    line-height: 1;
    position: absolute;
    bottom: 40px;
    left: 465px;
    border-left: 1px solid #ffffff;
    padding-left: 6px;    
}


/*-----------------------內頁頁籤樣式--------------------------*/
.data_midlle .data_midlle_link3_category ul li, .data_midlle .ebook .category ul li{
	float: left;
	margin-bottom: 5px;
    font-size: 1.1em;
}

.data_midlle .data_midlle_link3_category ul li + li, .data_midlle .ebook .category ul li + li{
	margin-left: 6px;
}

.data_midlle .data_midlle_link3_category ul li a, .data_midlle .ebook .category ul li a{
	border-radius: 4px;
    background-color: #00ccaa;
    display: inline-block;
    padding: 5px 8px;
    color: #FFFFFF; 
    border: 0px solid #be8af8;
    line-height: 1;
    cursor: pointer;
    vertical-align: middle;
    font-size: 0.9em;
    font-family: "微軟正黑體", Arial, "Helvetica Neue", Helvetica, sans-serif, "新細明體";
    margin: 3px;
}

.data_midlle .data_midlle_link3_category ul li a:hover, .data_midlle .ebook .category ul li a:hover{
    background-color: #3fb6f2;	
}

.data_midlle .data_midlle_link3_category ul li a span, .data_midlle .ebook .category ul li a span{
	color: #FFFFFF;
}

.data_midlle .data_midlle_link3_category ul .data_midlle_link_category_yes a, .data_midlle .ebook .category ul .here a{
	background-color: #0088cc;

}

/*-------------------------電子書 樣式--------------------------*/
.thumbnail {
    clear: both;
    margin: 0 0 20px;
}

.thumbnail>ul {
    list-style: none;
    margin: 0 0 0 5px;
    padding: 10px 0;
    overflow: hidden;
    width: 100%;
    line-height: 100%;
}

.thumbnail>ul>#ContentPlaceHolder1_dlindex>span>li {
    display: inline-block;
    padding: 10px;
    margin: 0 6px 15px;
    text-align: center;
    border: 1px solid #CCC;
    width: 210px;
    height: auto;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, .3) 0 1px 4px;
    list-style: none none;
    overflow: hidden;
    text-align: left;
    position: relative;
}

.thumbnail li .image {
    display: block;
    text-align: center;
    margin: 0 0 8px;
    width: 208px;
    height: 208px;
    overflow: hidden;
    border: 1px solid #f2f2f2;
}

.thumbnail li a {
    text-decoration: none;
}

.thumbnail.photos li .image img {
    max-width: 215px;
    max-height: 208px;
}

.thumbnail li .image img {
    margin: 0;
    padding: 0;
}

.thumbnail li h3,.thumbnail li .h3 {
    background: 0;
    line-height: 150%;
    margin: 0;
    padding: 0;
    font-size: 1em;
    overflow: hidden;
    height: 2.7em;
}

.thumbnail li .date {
    text-align: left;
    margin: 5px 0;
    padding: 0;
	color: #999;
}

.thumbnail li .clicks {
    margin: 8px 0;
    padding: 0;
    color: #666;
    display: none;
}

.thumbnail li .clicks em {
    margin: 0 5px;
    font-style: normal;
    color: #C66;
}

.thumbnail li .web {
	/*position: absolute;
    bottom: 16px;
    left: 11px;*/
}

.thumbnail li .web a {
    padding: 4px 20px;
    background: #7dcdd4;
    color: #FFF;
        display: none;
    border-radius: 3px;
    font-size: 0.9em;
}

.thumbnail li .web a:hover{
    background: #008f9b;
}


.thumbnail li .download {
    /*position: absolute;
    bottom: 16px;
    right: -8px;*/
    text-align: center;
}

.thumbnail li .download a {
	padding: 4px 20px;
    background: #7dcdd4;
    color: #FFF;
    border-radius: 3px;
    font-size: 0.9em;
}

.thumbnail li .download a:hover{
    background: #008f9b;
}

#ContentPlaceHolder1_txtPageSize , #ContentPlaceHolder1_ddlPager{
width: 70px!important;
}

@media (max-width: 1200px) {
.slider_model .slider_list_box ul li{
  width: 50%;
    display: inline-block;
}

.slider_model .slider_bottom_box {
    position: relative;
    width: 100%;
    left: 0;
    bottom: 0;
    top: 17px;
    display: block;
}



}










@media (max-width: 900px) {
/*----------------天氣模組-----------------------*/
#Group_2125 {
 display:none;

}

/*---------------14圖表專區-------------*/

.population {
  background-color: #9FDFE4;
}






/*------------------熱門服務----------------*/
#Group_1806 {
width: 100%!important;
background-color: #E1F0FA;
padding: 150px 0 250px 0;


}


/*------------------頁籤------------*/

.tab_group_3 .group, .tab_group_3 .group.tab_group_1{padding: 0 40px;}	

.imgs img{width:100%;}
	
/*------------------熱門服務----------------*/
#Group_1806 {
width: 100%!important;
background-color: #4DB9BE;
padding: 40px 20px;
}


#Group_1810{width:100%!important;}

.module_link_photo_h_more{display:none;}

/*---------------機關連結-------------*/
#Group_1807 {
width: 100%!important;
}
.tab_group_8 > .container {
width: 100%;
margin: 0 auto;
}
.module_link_photo_Select select {
width: 100%!IMPORTANT;
margin: 5px 0PX 0 0PX!IMPORTANT; 
}



.select_title{display:block!important;}

/*-------------FB 區塊-----------*/
#Group_1287 {
width: 100%!important;
}

/*-----------影音區塊----------*/
#Group_1970 {
  width: 100%;
background: #000;
padding: 30px 0;
}
#Group_1321 {
width: 100%!important;
margin: 0 auto;

}

#YouTube_6070_4{
  margin-top: -5px;
  height:300px!important;
  
}


/*-----------影音區塊----------*/

.tab_group_9 > .container {
width: 100%!important;
margin: 0 auto;
}

#Group_1321{width:100%;}

.module_video_more{display:none!important;}

/*-----------寫真區塊------------*/
#Group_1833 {
width: 97%!important;
margin-left: 3%;
}

.module_photo .model_ctrl_tools {
position: absolute;
/*top: 0px;*/
/*right: 0;*/
/*left: 10px;*/
right: 16px;
bottom: -35px;
}

/*------------縣長專區----------*/
#Group_1854{width:100%;}
.photoandtext .man_title{padding: 0px 0 0 39px;}


#Group_1854 > .container{
  margin: 0 auto;
    width: 94%;
}
/*----------------------新增跑馬燈修改項目*/
#content_bottom > .banner_slider_model .banner_slider_box .banner_mask{
  text-align: center;
}

.banner_slider_model .banner_slider_box .banner_mask ul li {
width: 8%;
}


/*---------輪播-------*/
.group .banner_slider_model .banner_slider_box .banner_mask ul li {
display: inline;
padding: 0 10px;


}
.group .banner_slider_model .banner_slider_box .banner_mask > ul > li {
	display: inline!important;
}

.banner_slider_model.subject .banner_slider_box .banner_mask > ul {
width: 666.66667%;
}

.banner_slider_model.subject .banner_slider_box .banner_mask > ul > li {
	width: 5%;

}

.banner_slider_model .banner_slider_box .banner_mask > ul > li {
float: left;
}

.search_group{
  display:none;
}

.topcard{
  display:none;
}

/*-------------相關連結-----------------*/



#content_bottom > .banner_slider_model .banner_slider_box {
    display: table;
    width: 100%;
    margin: 0 auto;
}




@media (max-width: 1500px) and (min-width: 1000px){
.slider_model .slider_introduce_box{
  top: 70%;
}

}


@media (max-width: 1200px) {
  #mobile-header{
    display: block!important;
  }

  #mobile-header, #navigation {
    display: block!important;
}

#Group_2126 {
    width: 29%!important;
    margin-right: 10px;
}

}


@media (max-width: 1023px) {
	
/*天氣平板*/

.wrapper .weather {
   background-color: rgba(0, 0, 0, 0.41);
    text-align: center;
    border-radius: 4px;
    margin: 0px 0 30px 0;
    padding: 0px 0px;
    border: solid 1px #FF9900;
	
	width: 270px;
    position: absolute;
    top: 141px;
    right: 26px;
    z-index: 9;
	display:none;
}	
.weather{display: none;}
.search_group{
  display:none;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #EAEAEA;
    opacity: 1 !important;
    font-size: 16px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #EAEAEA;
   opacity:  1;
    font-size: 16px;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #EAEAEA;
   opacity:  1;
    font-size: 16px;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #EAEAEA;
   opacity: 1 !important;
    font-size: 16px;
}

.topcard{
  display:none;
}

.population > .container{
width: 100%;
    margin: 0 auto;

}

#content_bottom > .banner_slider_model .banner_slider_box {
    display: table;
    width: 90%;
    margin: 0 auto;
}

.tab_group_8 > .container , .tab_group_9 > .container{
  width: 95%;
  margin:auto;
}

.group .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_right, .group.tab_group_1 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_right{
  right:10px;
}

.group .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_left, .group.tab_group_1 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_left{
  left:10px;
}

.group .banner_slider_model .banner_slider_box .banner_mask, .group.tab_group_1 .banner_slider_model .banner_slider_box .banner_mask {
    overflow: hidden;
    margin: 0 72px;
}

.topbg .toplog .fontlevel{
  display: none;
}

.topbg .toplog .toplink{
  display: none;
}

.topbg , .topbg .wrapper{
  width: 100%!important;
} 

/*.topbg .toplog .search {
    position: absolute;
    top: 14px;
    right: 0px;
    z-index: 3;
    width: 150px;
    margin: 0 ;
    display: block!important;
    -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
    -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
    transition: background .5s ease-in-out,padding .5s ease-in-out;
}*/

.search input{
    background-color: rgba(255, 255, 255, 0.5)!important;
    border-radius: 1px;
    width: 170px!important;
    border: none!important;
    color:#000;
}

.topsearch input{
    background-color: rgba(255, 255, 255, 0.5)!important;
    border-radius: 1px;
    width: 150px!important;
    border: none!important;
    color:#fff;
}






}
@media (max-width: 1023px){
  #mobile-header a span {
    box-shadow: 0 0px 0 1px #00ADC6, 0 7px 0 1px #00ADC6, 0 14px 0 1px #00ADC6;
  }
}
@media (max-width: 768px){
  .green{width:5%!important;
}

.banner_slider_model.subject .banner_slider_box .banner_mask > ul > li .card .item ul li a{

    height: 20px;
}

.module_photo ul li {
    display: inline-block;
    width: 47%!important;
    margin: 5px;
    -webkit-box-shadow: 1px 1px 10px rgba(0%,0%,0%,0.15);
    -moz-box-shadow: 1px 1px 10px rgba(0%,0%,0%,0.15);
    box-shadow: 1px 1px 10px rgba(0%,0%,0%,0.15);
}

 .tab_group_5 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_right, .tab_group_5 .group.tab_group_1 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_right {
    position: absolute;
    top: 90px;
    right: 5px;
    display: block;
    width: 30px;
    height: 110px;
    background: url(../images/index/prevNext.png) no-repeat scroll right bottom;
    font-size: 1em;
    color: #cccccc;
    text-indent: -50px;
    text-align: center;
    line-height: 103px;
  }

  .tab_group_5 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_left, .tab_group_5 .group.tab_group_1 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_left {
    position: absolute;
    top: 90px;
    left: 5px;
    display: block;
    width: 30px;
    height: 110px;
    background: url(../images/index/prevNext.png) no-repeat scroll left bottom;
    font-size: 1em;
    color: #cccccc;
    text-indent: 15px;
    text-align: center;
    line-height: 103px;
  }

}






@media (max-width: 560px){

/*----------------------新增跑馬燈修改項目*/
#content_bottom > .banner_slider_model .banner_slider_box .banner_mask{
  text-align: center;
}

.banner_slider_model .banner_slider_box .banner_mask ul li {
width: 13%;
}



/*---------倫波-------*/
	.banner_slider_model.subject .banner_slider_box .banner_mask > ul{
	width: 2000%;	
	}
	
	.group .banner_slider_model .banner_slider_box .banner_mask ul li {
display: inline;
padding: 0 10px;


}

.tab_group_5 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_right, .tab_group_5 .group.tab_group_1 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_right {
top: 150px;
right: 5px;
}

.tab_group_5 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_left, .tab_group_5 .group.tab_group_1 .banner_slider_model .banner_slider_box .model_ctrl_tools a.ctrl_left{
top: 150px;
left: 5px;	
}

.topsearch {
display: none!important;
top: 0px!important;
margin-top: -1px;
}

.topcard {
background-color: rgba(255, 255, 255, 0)!important;
box-shadow: none!important;
position: absolute!important;
padding: 0px!important;
top:0;
}

.banner {
display:block!important;
}

.green{width:4.9%!important;
}	
.module_photo ul li {
    float: left;
    width: 46%!important;
    margin: 1%;
}

.module_photo .model_ctrl_tools {
   /* position: absolute;*/
   /* top: 0px;*/
    /*right: 0;*/
    /*left: 10px;*/
}

.photoandtext .man .inner{
     height: 430px; 
}
.slider_model .slider_list_box ul li {
    width: 100%;
    display: inline-block;
}


.topbg .toplog .search {
    position: absolute;
    top: 75px;
    left: 5px;
}    


}



.topcard{background-color: #FFF;
box-shadow: 0px 0px 4px #7E7E7E;
position: fixed;
padding: 5px 0 10px 0;;top: 0;
}

.topcard .sitemap{
  display:block!important;
      top: 11px!important;
    right: 230px!important;

}

.topcard .toplog h1 a {

}


.topbg .toplog  .topsearch{
  display:block!important; 
  top: 0px; 
  margin-top:-1px!important; 
   position: absolute!important;
  right: -1px!important;
  z-index: 3!important;
  width: 211px!important;
  -webkit-transition: background .5s ease-in-out,padding 1s ease-in-out;
    -moz-transition: background .5s ease-in-out,padding 1s ease-in-out;
    transition: background .5s ease-in-out,padding 1s ease-in-out;

}

.topsearch input[type="text"]{
  background-color: #C0C0C0!important; 

width: 170px!important; 
height: 30px!important;
 border:none!important;
 color:#fff!important;
 border-radius: 0!important;
 padding:0 10px!important;
}



.topsearch  .searchbt1 > a {
display: inline-block!important;
padding: 0px 8px!important;
vertical-align: middle!important;
cursor: pointer;
width: 33px!important;
height: 30px!important;
background-color: #FF8F00!important;
background-image: url('../images/p_search.png?1433303522')!important;
background-repeat: no-repeat!important;
background-position: center!important;
background-size: 59% auto!important;
}


.topsearch_group{display:none!important;
}


/*.topbg .toplog .search {
  position: absolute;
  top: 50px;
  right: 10px;
  z-index: 3;
  display:none;
 /* background: url(../images/index/search.png) no-repeat scroll 0 0;
  width:528px;
  height:35px;*/
}


/* search
.topbg .toplog .search .searchbt1 .searchbt1 a {
display: inline-block;
padding: 0px 8px;
vertical-align: middle;
cursor: pointer;
width: 33px;
height: 30px;
margin-top: 9px;
background-color: #FF8F00;
background-image: url('../images/p_search.png?1433303522');
background-repeat: no-repeat;
background-position: center;
background-size: 59% auto;
}*/





/*-----------------------------首頁輪播 發布單位拿掉----------------------------*/


#Group_1702 .banner_slider_box .card .more_btn{
display:none;
}

/*-----------------------------統計圖表-----------------------------------*/
.population .container .inner #Group_2873 .container .inner #selectGraphic{
	   background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    color: #656565;
    width: 100%;
    padding: 0 10px!important;
    margin: 10px 0 0 0;
    box-shadow: 0px 0px 1px #909090;
    border-radius: 3px;
    display: none;
  }

  .population .container .inner #Group_2873 .container .inner #selectGraphic:focus{
    box-shadow: 0px 0px 5px #4DB9BE;

   
  }

  select{
    outline: none!important;
    -webkit-transition: ease-in-out .2s;
    transition:ease-in-out .2s;
  }




@media (max-width: 400px){
.group .banner_slider_model .banner_slider_box .banner_mask, .group.tab_group_1 .banner_slider_model .banner_slider_box .banner_mask {
    overflow: hidden;
    margin: 0 38px;
}
}





/*------------------1211 修改  輪播樣式--------------------*/
@media screen and (min-width: 800px) and (max-width: 1030px) {

.group .banner_slider_model.subject .banner_slider_box .banner_mask > ul > li{
  width: 3.5%!important;
  padding: 0 10px!important;
}

.group .green{
  width: 3.5%!important;
  padding: 0 10px!important;
}


}

@media (max-width: 820px) and (min-width: 600px){
  .slider_model .slider_introduce_box{
    top:62%!important;
  }
}


::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #EAEAEA;
    opacity: 1 !important;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #EAEAEA;
   opacity:  1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #EAEAEA;
   opacity:  1;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #EAEAEA;
   opacity: 1 !important;
}

.topcard .toplink li a:hover{
color:#009D8E!important;
}

.GraphicDate{
  text-align: center;
}

#VediomyPlayer_api{ 
    height: 670px!important;
}

#ContentPlaceHolder1_lblStart, #ContentPlaceHolder1_lblEnd, #ContentPlaceHolder1_lblTitle{
    padding: 3px 3px 3px 3px;
    font-size: 1em;
    color: #c02;
}

/*20160328更改表單外框_72*/
.ge{
 border: #cccccc 1px solid !important;
 margin: 2px 0 2px 0;
}
input#ContentPlaceHolder1_txtColumn_12 {
    border: #cccccc 1px solid !important;
    margin: 2px 0 2px 0;
}
input#ContentPlaceHolder1_c_160 {
    border: #cccccc 1px solid !important;
    margin: 2px 0 2px 0;
}
input#ContentPlaceHolder1_c_161 {
    border: #cccccc 1px solid !important;
    margin: 2px 0 2px 0;
}
input#ContentPlaceHolder1_c_162 {
    border: #cccccc 1px solid !important;
    margin: 2px 0 2px 0;
}
input#ContentPlaceHolder1_c_163 {
    border: #cccccc 1px solid !important;
    margin: 2px 0 2px 0;
}

/*20160420網站建議-會員登出隱藏*/
.SurveyMember_Logout{
  display: none;
}

/*20160421網站建議-錯誤提示紅字*/
#ContentPlaceHolder1_ValidationSummary1 ul li{
  color: #ff0000;
  font-size: 1.05em;
  line-height: 1.3em;
}



/*20170213-修改*/
@media (max-width: 480px) and (min-width: 321px){
  .photoandtext .man .talk{
    width: 180px;
    top: 140px
  }
}
@media (max-width: 320px){
  .photoandtext .man{
    min-height:530px;
  }
  .photoandtext .man .inner{
    background-position:center 40px;
  }
  .photoandtext .man .talk{
    width: 88%;
    border-radius:6%;
    top:220px;
    margin: 0 5%;
  }
}



#Group_1321.vedio{

}
#Group_1321.vedio iframe{
  
}

@media (max-width: 800px) {
  #Group_1321.vedio iframe{
    height: 440px;
  }
  #Group_1321.vedio .slick-list.draggable{
    height: 440px;
  }
  .slick-next,
  .slick-prev{
    top: 442px;
  }
}
@media (max-width: 440px) {
  #Group_1321.vedio iframe{
    height: 340px;
  }
  #Group_1321.vedio .slick-list.draggable{
    height: 340px;
  }
  .slick-next,
  .slick-prev{
    top: 346px;
  }
}
@media (max-width: 400px) {
  #Group_1321.vedio iframe{
    height: 300px;
  }
  #Group_1321.vedio .slick-list.draggable{
    height: 300px;
  }
  .slick-next,
  .slick-prev{
    top: 286px;
  }
}
@media (max-width: 400px) {
  #Group_1321.vedio iframe{
    height: 220px;
  }
  #Group_1321.vedio .slick-list.draggable{
    height: 220px;
  }
  .slick-next,
  .slick-prev{
    top: 286px;
  }
}

/*首頁影音模組更新20200304*/
.slick-list{
  overflow: initial;
}


.group.vedio .slick-slide .VideoContentTitle{
  display: block;
  padding-top: 14px;
  text-align: center;
}

.group.vedio .slick-slide .VideoContentTitle a{
  line-height: 180%;
  display: block;
  color: #ffffff;
  font-size: 1.4em;
  margin: 3px;
}

@media (max-width: 800px) {
  .group.vedio .slick-slide .VideoContentTitle a{
    line-height: inherit;
    width: 60%;
    margin: 0 auto;
  }
}



/*無障礙*/



.link_search a:focus{
  outline: #007eff dotted medium!important;
}
.banner_slider_box .model_ctrl_tools a:focus{
  outline: #007eff dotted medium!important;
}
.select_title select:focus{
  outline: #007eff dotted medium!important;
}


/*表格線*/
/*.cp_table #table_0 tr th{
  border: 1px solid #929292;
  padding: 5px;
}*/

/*.cp_table #table_0 tr td{
  border: 1px solid #929292;
  padding: 5px;
}*/


/*搜尋*/
.list-text.share{

}
.list-text.share >.in .hd{
  right: 4px;
  position: relative;
}
.list-text.share >.in .hd .in span a{
    background-color: #0863b5;
    /*padding: 5px 8px;*/
    display: block;
    text-align: center;
    border-radius: 2px;
    color: #ffffff;
    background-image: url('../images/share.png');
    font-size: 0;  
    width: 62px;
      height: 19px;
}

.list-text.share>.in .ct{
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  padding: 8px;
  background-color: #034b8c;
  
}

.list-text.share:hover .ct, .list-text.share.is-active .ct{
  display: block;
}

.list-text.share .ct li a {
  background-repeat: no-repeat;
  background-position: center;
  width: 60px;
  background-color: #3c5998;
  font-size: 0; 
}

.list-text.share .ct li.facebook span{
  display: block;
}

.list-text.share .ct li.facebook a {
  background-image: url('../images/share-w-facebook.png');
  background-repeat: no-repeat;
  background-position: center;
	height: 35px;
  background-color: #3c5998; 
  font-size: 0; 
  width: 60px;
  display: block;
}

.list-text.share .ct li.facebook a:hover {
  background-color: #045196; 
  transition: 300ms;
}


.list-text.share .ct li.twitter a{
  background-image: url('../images/share-w-twitter.png');
  font-size: 0; 
  font-size: 0;
  width: 60px;
  display: block;
  height: 35px;
  background-color: #6aaed0;
  background-position: center center;
  background-repeat: no-repeat;
}


.list-text.share .ct li.twitter a:hover {
  background-color: #4c99bf;
  transition: 300ms;
}


.list-text.share .ct li.line a{
  background-image: url('../images/share-w-line.png');
  display: block;
  font-size: 0;
  width: 60px;
  height: 35px;
  background-color: #4bc700;
  background-position: center center;
  background-repeat: no-repeat;
}

.list-text.share .ct li.line a:hover {
  background-color: #3ea300;
  transition: 300ms;
}


.list-text.share .ct li.email a{
  background-image: url('../images/share-w-email.png');
  font-size: 0; 
  width: 60px;
  display: block;
  height: 35px;
  background-color: #666666;
  background-position: center center;
  background-repeat: no-repeat;
}

.list-text.share .ct li.email a:hover {
  background-color: #3f3e3e;
  transition: 300ms;
}

