@charset "utf-8";
@import url("all_shared.css");
@import url("page.css");
@import url("page-108add.css");
@import url("page-onlinelist.css");
@import url("page-tab.css");
/*網頁大架構Div Layout------------------------*/
.header { width:100%; height:auto; margin:0 auto;z-index:8000;}
.topmenu{ width:100%; height:auto; margin:0 auto;z-index:8000; font-family:Arial, Helvetica, "微軟正黑體", sans-serif;position:absolute;border-top:3px solid #b6d1e8; 
background:#07743d;
background:linear-gradient(#07743d 50%, #v 50%);
background: -webkit-linear-gradient(#07743d 50%, #006835 50%);
background: -ms-linear-gradient(#07743d 50%, #006835 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07743d', endColorstr='#006835',GradientType=0);}


.container{ width:100%; height:auto; margin:0 auto; clear:both; background:#FFF url(../frontimages/index_bg1.png) repeat-x center bottom;}
.indexsitemap{width:100%; height:auto; margin:0 auto;overflow: hidden;}
.footer { width:100%;height: auto; margin:0 auto; clear:both;z-index:99999;background-color:#FFF;}
.iconmu{width:100%; height:auto; margin:0 auto;overflow: hidden;background-color:#f6f6f6;}


.header .headerbox {width: 1000px;height:90px;margin:0 auto; position:relative;}
.container .containerbox{width:1000px; height:auto; margin:0 auto; overflow:hidden;}
.container .containerbox2{width:1000px; height:auto; margin:0 auto; overflow:hidden;}
.indexsitemap .sitemapbox{width:1000px;height: auto; margin:0px auto;}
.footer .footerbox{ width: 1000px;height: auto; margin:0px auto; overflow:hidden;padding:10px 0; }
.iconmu .iconmubox{ display:block;width:1000px;height: auto; margin:0 auto;padding:1% 0px;}
.iconmu .iconmubox_mob{ display: none; width:1000px;height: auto; margin:0 auto;padding:1% 0px;}

.iconmu .Themearea{ display: block; width:1000px;height: auto; margin:1% auto 0% auto;padding:0% 0px 0% 0px; overflow:hidden; border-bottom:1px solid #999; }
.iconmu .Themearea h3{ text-align:left; font-size:160%; line-height:160%; padding-bottom:5px; margin-bottom:5px;color:#07743d;}
.iconmu .Themearea h3 img{ margin-right:5px;width:45px;}
.iconmu .Themearea h3 span{ color:#07743d; font-size:80%; font-weight:normal;}
/*主題專區*/
.iconmu .Themearea_mob{ display:none;width:1000px;height: auto; margin:1% auto 0% auto;padding:0.5% 0px 0% 0px; overflow:hidden;}
.iconmu .Themearea_mob h3{ text-align:left; font-size:120%; padding-bottom:5px; margin-bottom:5px; color:#07743d;}
.iconmu .Themearea_mob h3 img{ margin-right:5px;width:40px;}
.iconmu .Themearea_mob h3 span{ color:#07743d; font-size:80%; font-weight:normal;}

/*--主題專區2-----------------------------*/
.iconmu .Themearea2{ display: block; width:1000px;height: auto; margin:1% auto 0% auto;padding:0% 0px 10px 0px; overflow:hidden; border-bottom:1px solid #999; }
.iconmu .Themearea2 h3{ text-align:left; font-size:160%; line-height:160%; padding-bottom:5px; margin-bottom:5px;color:#07743d;}
.iconmu .Themearea2 h3 img{ margin-right:5px;width:45px;}
.iconmu .Themearea2 h3 span{ color:#07743d; font-size:80%; font-weight:normal;}

.iconmu .Themearea2 .Themeicon2{width:100%;height: auto; overflow:hidden;vertical-align:middle; margin-top:0%;}
.iconmu .Themearea2 .Themeicon2 ul {list-style: none; margin: 0px; padding:0 2% ; width:100%;height: auto; overflow:hidden; position: relative;}
.iconmu .Themearea2 .Themeicon2 ul li {border-image: none; width:16.5%; height: auto; overflow:hidden;float: left; padding:0.5%; margin-bottom:2px;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.iconmu .Themearea2 .Themeicon2 ul li a{ color:#000; display:inline-block;border:2px solid #f6f6f6;}
.iconmu .Themearea2 .Themeicon2 ul li a img {	display: block; width:100%;height:auto; text-align:center; border:0px solid #FFF;}
.iconmu .Themearea2 .more{ text-align:center;}
.iconmu .Themearea2 .more a{ color:#fff; background-color:#507100; padding:5px 10px; border-radius:8px 8px;}

.iconmu .Themearea2 .Themeicon3{ width:100%;height: auto; overflow:hidden;vertical-align:middle; margin-top:0%;}
.iconmu .Themearea2 .Themeicon3 ul {list-style: none; margin: 0px; padding:0 2% ; width:100%;height: auto; overflow:hidden; position: relative;}
.iconmu .Themearea2 .Themeicon3 ul li {border-image: none; width:16.5%; height: auto; overflow:hidden;float: left; padding:0.5%; margin-bottom:2px;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.iconmu .Themearea2 .Themeicon3 ul li a{ color:#000; display:inline-block;}
.iconmu .Themearea2 .Themeicon3 ul li a img {	display: block; width:100%;height:auto; text-align:center; border:0px solid #FFF;}
/*-------------------------------------------*/
/*footer*/
.footerbox p{float:left; width:100%; line-height:160%; font-size:80%; }
.footerbox p .Copyright{color: #000; margin-left:15px;}
.footerbox p .IndexCounting{display:block; text-align:right;}
.footerbox p .Copyrightinfo{color: #6f6f6f; display:block;}
.footerbox p a{ color:#333333; text-decoration:none;font-size:115%; color:#000; font-weight:bold;}
.footerbox p a:hover{ color:#1c994d; text-d ecoration: underline;}
.footerbox .aa{float:right; margin-left:1%; font-style:normal;}
.footerbox .people{width:auto; padding:2px 15px; border-radius:15px; background-color:#000000; margin-left:1%; font-style:normal; color:#FFFFFF;}

/*header---------------------*/
/*logo*/
.headerbox .logo{ display: block;text-indent:-999999px;width:300px; height:90px; float:left;background: url(../frontimages/logo.svg) center left no-repeat; background-size:250px auto ;}
/*TOP回到最上面*/
.headerbox #TOP{position:absolute;top:-100px; padding-top:25px;right:0px;width:70px;height:70px;cursor:pointer; z-index:999;}
.headerbox #TOP img{ width:100%; height:auto;}
/*toolbar*/
.headerbox .toolbar{float:right; width: 700px; height:auto; }
.headerbox .toolbar .toolbarmenu{ width:100%; height:auto; text-align:right;}
.headerbox .toolbar .toolbarmenu a{ display: inline-block; padding:2px 1px; margin-top:5px; font-size:90%;color:#000;text-decoration:none; line-height:32px;}
.headerbox .toolbar .toolbarmenu a:hover{color:#333; text-decoration:underline;}
.headerbox .toolbar .toolbarmenu .fb img{ line-height:32px;}
.headerbox .toolbar .toolbarmenu .fb:hover{ opacity:0.8;}

.headerbox .toolbar .toolbarsearch{  clear:both; display:block; width:100%; height:auto;text-align:right; margin-top:5px; font-size:100%;line-height:35px;}
.headerbox .toolbar .toolbarsearch .hot,.headerbox .toolbar .toolbarsearch .hot a{ color:#b45900;}
.headerbox .toolbar .toolbarsearch .hot a:hover{ color:#333;}
.headerbox .toolbar .toolbarsearch input{ height:35px; margin-top:-2px;vertical-align:middle;-webkit-appearance: none; -moz-appearance: none; appearance: none; border-style:none;}
.headerbox .toolbar .toolbarsearch .search{ padding:3px 3px; line-height:150%; background-color:#f1f1f1;color:#555;border:0;height:35px;}
.headerbox .toolbar .toolbarsearch .searchbtn{ background-color:#000; color:#fff;/*border:0; padding:0 10px;height:35px;line-height:35px;*/ padding:0 10px; cursor:pointer;}
.headerbox .toolbar .toolbarsearch .searchbtn:hover{ opacity:0.8;}
.headerbox .toolbar .toolbarsearch .searchin{ display:inline-block; margin:0;background-color:#d3d3d3; color:#000;/*border:0;height:35px;line-height:34px;*/padding:0 10px;}
.headerbox .toolbar .toolbarsearch .searchin:hover{opacity:0.8;}
.headerbox .toolbar .toolbarsearch .enbtn{display:inline-block;background-color:#07743d; color:#fff;/* border:0;height:35px;line-height:34px;*/ padding:0 10px;cursor:pointer;}
.headerbox .toolbar .toolbarsearch .enbtn p{ display:inline-block;height:35px;line-height:35px;}
.headerbox .toolbar .toolbarsearch .chbtn{display:inline-block;background-color:#00861c; color:#fff; /*border:0;height:35px;line-height:34px;*/ padding:0 10px;cursor:pointer;}
.headerbox .toolbar .toolbarsearch .enbtn:hover,.headerbox .toolbar .toolbarsearch .chbtn:hover{ opacity:0.8;}
.headerbox .toolbar .toolbarsearch input:focus{border:2px solid #ae5da1;}



.topmenu .topmenbox{width:1000px;margin:0 auto; position:relative;height:48px; color:#FFF;}
#menu {	margin: 0;text-decoration:none;
		padding: 0;
		list-style: none;
		position: relative;
		width: 100%;
		float: left;
		background: none;
		font-family: "微軟正黑體", "新細明體", "細明體",Arial, Helvetica, sans-serif;}
	#menu ul{width: 100%;height:55px;}
	#menu li {width: 100%;margin: 0;padding: 0;	float: left;text-decoration:none; text-align:center;}
	#menu>li{width: auto; min-width:11.1%; max-width:11%;border-left: 1px solid rgba(255,255,255,0.1); position:relative;}
	#menu>li:last-child{ border-right: 1px solid rgba(255,255,255,0.1);}
	#menu li>a {
		line-height:48px;font-size:115%;
        padding:0 10px;
		width: auto;
		display: block;
		color: #FFF;
		text-decoration: none;
		font-weight:bold;
	}
	
	#menu > li:hover {background: rgba(0,85,43,0.8);text-decoration:none;}
	#menu li>ul {
		margin: 0;z-index:8000;
		line-height:150%;
		list-style: none;
		position: absolute;
		top:48px;
		left: 0;
		width: 320%;
		height:auto;
		color: #fff;
		background: rgba(0,0,0,0.8);
		display: none; }
	#menu li ul li { float:left;display: block; width:50%; padding: 0px;border-bottom: 1px solid rgba(255,255,255,0.5); text-align:left;line-height:150%;}
	#menu li ul li a { display: block;color: #fff; width:100%;padding: 10px;line-height:110%; font-size:105%; text-decoration:none;}
	#menu li ul li a:hover { text-decoration:none; color:#FF9; background-color:#000;}	
	/*選單少寬度另設定*/
	#menu li:nth-child(4) ul,
	#menu li:nth-child(6) ul,
	#menu li:nth-child(7) ul,
	#menu li:nth-child(8) ul{width: 100%;}
	#menu li:nth-child(4) ul li,
	#menu li:nth-child(6) ul li,
	#menu li:nth-child(7) ul li,
	#menu li:nth-child(8) ul li{width:100%;float: none;}
	
	#menu li ul li a:focus{ background-color:#FF9; border:0px solid #ae5da1;color:#000;}


/*adv*/
.adv{width:100%; height:auto;  }
.adv .ADVbox{ width:100%; height: auto;overflow:hidden;  margin:0px auto; background:#FFF url(../frontimages/shell_dci_bgtop.gif) repeat  center top; margin-top:48px;}
.adv .ADVbox img{width:100%; height:auto;}
.adv .ADVbox .bannerbox {margin: 0px auto;text-align: center; width: 100%;max-width: 1000px;height:330px; overflow:hidden ;position: relative; padding-top:5px;}

/*pointBanner*/
.adv .pointbanner { position:relative;background:#FFF url(../frontimages/shell_dci_bgtop.gif) repeat  center top;}
.adv .pointbanner .toggle{margin:10px 0 0 15px; font-size:36px; border-radius:4px;}
.adv .pointbanner .box-close, .adv .pointbanner .box-open { z-index:10; position:absolute; }
.adv .pointbanner .box-close .toggle:after{ content:"▼"}
.adv .pointbanner .box-open .toggle:after{ content:"▲"}
.box-close .img{max-height:0px;overflow:hidden; }
.box-open .img{max-height:1000px;overflow:hidden;}
.box-close .txt{text-align:center; font-size:120%; font-weight:bold; background:#FFF url(../frontimages/shell_dci_bgtop.gif) repeat  center top;position: absolute; top: calc(50% - .5em); width: 100%; background: transparent}
.box-open .txt{text-align:center; font-size:120%; font-weight:bold; background:#FFF url(../frontimages/shell_dci_bgtop.gif) repeat  center top;position: absolute; top: calc(50% - .5em); width: 100%; background: transparent}
.adv .pointbanner .box { transition: opacity 1s, max-height 0.35s ease;overflow: initial;margin: 0px auto;text-align: center;width: 100%;max-width: 1000px;height: auto;position: relative;padding-top: 5px;z-index: 10;}

/*statistics*/
.statisticsbox{ width:1000px;height:auto;overflow:hidden;padding:10px; margin:0px auto; border:2px #FFF solid; background-color:#eee;/* border-bottom:4px #becd54 solid;*/margin-bottom:5px; border-radius:6px 6px;}
.statisticsbox .slides {width:100%; height:auto;overflow:hidden; margin-bottom:10px; }
.statisticsbox .slides .imgbox {width: 48%; height:auto;max-width:530px;max-height:300px;float: left; display: block; border-right:1px solid #becd54; padding:0 2% 0% 0; }
.statisticsbox .slides .imgboximg {width:445px;height:270px; overflow:hidden;}
.statisticsbox .slides .imgbox img {width: 100%;height:auto;}
.statisticsbox .slides .fontbox {width: 50%; height:auto;float: right; display: block; padding:10px; color:#333333;}
.statisticsbox .slides .fontbox a{color:#333333;}
.statisticsbox .slides .fontbox h3{ font-size:130%; margin:10px 0;}
.statisticsbox .slides .fontbox-mob{ display:none;}
.statisticsbox .slides .fontbox a{display:block;}
.statisticsbox .slides .fontbox a .mob-more{ display:block;width:65px; height: auto; padding:5px; color:#000; margin-top:10px; float:right;}
.statisticsbox .slides .fontbox a .mob-more:before {content: "... ";}
.statisticsbox .slides .fontbox .mob-more:focus{ background-color:#FF9; border:0px solid #ae5da1;color:#000;}


/*-----------------------container-----------------------------------------*/

.bigtitle{ padding:5px 0px; width:100%; height: auto; margin:10px 0;}
.bigtitle h2{ color:#07743d; display:inline-block; width:60%; line-height:45px; font-size:160%;}
.bigtitle h2 img{ margin-right:5px;width:45px;}
.bigtitle h2 span{ color:#07743d; font-size:80%; font-weight:normal;}
.bigtitle .mob-more{ display:block; text-align:right;width:65x; height: auto; padding:5px; color:#07743D; margin-top:10px; float:right;}
.bigtitle .mob-more:before {content: "► ";}


.bigtitle .fontsize{height:auto; float:right; margin-top:5px;}
.bigtitle .fontsize a{display:inline-block; width:40px; height:auto; line-height:225%;text-align:center; color:#fff; font-size:100%; background:#7a7a7a; text-decoration:none;}
.bigtitle .fontsize a:hover{background:#444444;}
.bigtitle .fontsize .ON{ display:inline-block; background:#444444;}
/*hot news*/
.indexnews{width: 100%; height: auto; overflow:hidden;padding:0px; margin:0;border: rgba(0,0,0,0.1) 1px solid;}
.containerbox .topbg{ height:40px;border-bottom: rgba(5,66,35,1) 2px solid; border-radius:0px 0px 0 0;background:linear-gradient(to top, #d5e3dc 50%,#d5e3dc 100%);}
.containerbox .topbg a{display: inline-block; width: auto; height:40px; padding:0px 10px ;font-size:120%; line-height:40px; color:#000; letter-spacing:2px;}
.containerbox .topbg>a:focus{background:linear-gradient(to top, #006835 50%,#0a8044 100%); color:#FFF; border:1px solid rgba(5,66,35,0.5);}
.containerbox .topbg a.on{background:linear-gradient(to top, #006835 50%,#0a8044 100%); color:#FFF; border:1px solid rgba(5,66,35,0.5);}
.containerbox .listbox ul p .mob-more{ display:block;width:65px; height: auto; padding:5px; color:#07743D; margin-top:10px; margin-right:-5px; float:right;}
.containerbox .listbox ul p .mob-more:before {content: "► ";}

.slider{ width: 100%; height: auto; overflow:hidden;padding:0px; margin:0;}
.flexslider_6.carousel .slides{ width: 100%; height: auto; overflow:hidden;padding:0px; margin:0; }
.flexslider_6.carousel .slides li{width: 100%; height: auto;padding:0px; margin:0;}
.flexslider_6.carousel .slides li .listbox ul{width: 100%;list-style:none; background-color:#f6f6f6; clear:both;}
.flexslider_6.carousel .slides li .listbox li{ border-bottom:rgba(0,0,0,0.3) 1px solid;padding:10px 10px;}
.flexslider_6.carousel .slides li .listbox li p{ display:block;  height: auto; font-size:100%; vertical-align:middle; color:#4b4b4b;overflow:hidden; }
.flexslider_6.carousel .slides li .listbox li p .fontbox{float: left;font-style:normal; display:block; height: auto; overflow:hidden; line-height:180%;width:83%;margin:0 auto;white-space:nowrap;text-overflow:ellipsis;}
.flexslider_6.carousel .slides li .listbox li p .day{ float:right;width:15%;text-align:right;line-height:150%; font-style:normal; opacity:0.6;}
.containerbox input{ border:0px; background-color:#c9c9c9; width:20%; text-align:center; letter-spacing:2px; padding:2% 0px; }
.flexslider_6.carousel .slides li .listbox li p .fontbox a{ color:#666;}
.flexslider_6.carousel .slides li .listbox li p .fontbox a:hover{ color:#000;}

.flexslider_6.carousel .slides li .listbox .firstnews{ background-color:#f6f6f6;width:100%; height: auto; padding:1.5% 3%; overflow:hidden;border-bottom:rgba(0,0,0,0.3) 1px solid;}
.flexslider_6.carousel .slides li .listbox .firstnews .imgbox{width:15%; height:auto; overflow:hidden; float:left;}
.flexslider_6.carousel .slides li .listbox .firstnews .imgbox img{ width:90px;height: auto; max-height:70px;}
.flexslider_6.carousel .slides li .listbox .firstnews .news{width:85%; float:right;}
.flexslider_6.carousel .slides li .listbox .firstnews .news .day{font-style:normal; opacity:0.6;}
.flexslider_6.carousel .slides li .listbox .firstnews .news .day .more{ float:right;}
.flexslider_6.carousel .slides li .listbox .firstnews .news .title{ font-size:120%; font-weight:bold; padding:2px 0px;
width:100%;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.flexslider_6.carousel .slides li .listbox .firstnews .news .title a{ color:#333; text-decoration: none;}
.flexslider_6.carousel .slides li .listbox .firstnews .news .title a:hover{ color:#000; text-decoration:underline;}
.flexslider_6.carousel .slides li .listbox .firstnews .news .mains{width:100%; font-size:100%;padding-top:5px; color:#000;}


/*出版品*/
.flexslider_6.carousel .slides li .listbox .news_book{ clear:both; width:25.2%; margin-left:-2px; display:inline-block; list-style: none; overflow:hidden; background:#fff;}
.flexslider_6.carousel .slides li .listbox .news_book li{  border:0px solid rgba(255,255,255,0.00);background-color:#f6f6f6;  padding:0px; margin:0 auto;}
.flexslider_6.carousel .slides li .listbox .news_book li:hover{ background:rgba(229,229,229,0.53); font-weight:bold;}
.flexslider_6.carousel .slides li .listbox .news_book .bookbox{ display:inline-block; width:100%; margin:0 auto; padding:5px 0; overflow:hidden;border:2px solid rgba(0,0,0,0.00); }
.flexslider_6.carousel .slides li .listbox .news_book .bookbox .book{ width:69%; height:0;padding-bottom:99%; margin:0px auto; text-align:center;background:#eee url(../frontimages/nopic_logo.png) no-repeat center center; background-size:40% auto;background-position: center 50%;overflow:hidden; }
.flexslider_6.carousel .slides li .listbox .news_book .bookbox:focus{border:2px solid #ae5da1;display:inline-block;}
.flexslider_6.carousel .slides li .listbox .news_book .bookbox .book img{ width:100%; height:auto; vertical-align:middle;}


	
/*title背景顏色*/
.color01{background:linear-gradient(to top, #247cad 50%,#4090bd 100%);}
.color02{background:linear-gradient(to top, #0e8e2a 50%,#38aa4f 100%);}
.color01 .more,
.color02 .more{ border-left:1px solid rgba(0,0,0,0.1); opacity:0.6;border-radius:0px 6px 0 0;}
.color01 .more:hover,
.color02 .more:hover{ background-color:rgba(0,0,0,0.1); opacity:0.8;}


.quickbox{width:100%;height: auto; overflow:hidden; margin-bottom:10px; border:1px solid #eee; padding:3px 3px;border-radius:6px; background-color:#eee;}
.quickbox .quick{width:24.59%; height: auto; display:inline-block; margin:2px 2px;border:2px solid #c3c3c3;border-radius:0px;}
.quickbox .quick:hover{border:2px solid #33ab4c;}
.quickbox .quick a:focus{border:2px solid #ae5da1;display:inline-block;}
.quickbox .quick img{width:100%;height: auto; } 

.quickbox_mob{ display:none;width:100%;height: auto; overflow:hidden; margin-bottom:10px; border:1px solid #eee; padding:3px 0;border-radius:6px;}
.quickbox_mob .quick{width:23.9%; height: auto; display:inline-block; margin:2px 4px;border:3px solid #eee;border-radius:6px;}
.quickbox_mob .quick:hover{border:3px solid #33ab4c;}
.quickbox_mob .quick a:focus{border:2px solid #ae5da1;display:inline-block;}
.quickbox_mob .quick img{width:100%;height: auto; }

.containerbox2 .new_video{ width:100%; padding:0; margin:0; list-style:none;}
.containerbox2 .new_video .box .bigtitle{margin-right:2%; width:100%;}
.containerbox2 .new_video .box .bigtitle h2{ color:#07743d; display:inline-block; width:80%; line-height:45px; font-size:160%;}
.containerbox2 .new_video .box .bigtitle h2 img{ margin-right:5px;width:45px;}
.containerbox2 .new_video .box .bigtitle h2 span{ color:#07743d; font-size:80%; font-weight:normal;}
.containerbox2 .new_video .box .bigtitle .mob-more{ display:block;width:65px; height: auto; padding:5px; color:#07743D; margin-top:10px; float:right;}
.containerbox2 .new_video .box .bigtitle .mob-more:before {content: "► ";}
.containerbox2 .new_video .box:nth-child(1){width:55%; float:left; height:auto; margin-bottom:2%; overflow:hidden; margin-right:2%;}
.containerbox2 .new_video .box:nth-child(2){width:43%; float:left; height:auto; margin-bottom:2%; overflow:hidden;}
.containerbox2 .new_video li .rslides_container { list-style:none; }
.containerbox2 .new_video li .rslides_container li:nth-child(1) { width:66%;  float:left ; margin:0 0%; margin-right:2%; display:block; height:auto; max-height:270px; min-height:270px; background-color:#999;}
.containerbox2 .new_video li .rslides_container li:nth-child(2){ width:32%;float:left ;min-height:130px;max-height:130px; background-color:#999;  margin-bottom:10px;}
.containerbox2 .new_video li .rslides_container li:nth-child(3){ width:32%;float:left ;min-height:130px;max-height:130px; background-color:#999; }
.containerbox2 .new_video li .rslides_container li a{ display:block;}
.containerbox2 .new_video li .rslides_container li img{ width:100%;height:auto;border:2px solid #eee;}
.containerbox2 .new_video li .rslides_container li img:hover{border:2px solid #77a44e;}

.containerbox2 .new_video .box_1 .bigtitle{margin-right:2%; width:100%;}
.containerbox2 .new_video .box_1 .bigtitle h2{ color:#07743d; display:inline-block; width:100%; line-height:45px; font-size:160%;}
.containerbox2 .new_video .box_1 .bigtitle h2 img{ margin-right:5px;width:45px;}
.containerbox2 .new_video .box_1 .bigtitle h2 span{ color:#07743d; font-size:80%; font-weight:normal;}
.containerbox2 .new_video .box_1 .bigtitle .mob-more{ display:block;width:65px; height: auto; padding:5px; color:#07743D; margin-top:10px; float:right;}
.containerbox2 .new_video .box_1 .bigtitle .mob-more:before {content: "► ";}
.containerbox2 .new_video .box_1:nth-child(1){width:100%; float:left; height:auto; margin-bottom:2%; overflow:hidden; margin-right:2%; }
.containerbox2 .new_video .box_1:nth-child(2){ display:none;width:43%; float:left; height:auto; margin-bottom:2%; overflow:hidden;}
.containerbox2 .new_video .box_1 .rslides_container { list-style:none;}
.containerbox2 .new_video .box_1 .rslides_container li:nth-child(1) { width:66%;  float:left ; margin:0 0%; margin-right:2%; display:block; height:270px; background-color:#999; overflow:hidden;}
.containerbox2 .new_video .box_1 .rslides_container li:nth-child(2){ width:32%;float:left ;height:130px; background-color:#999;  margin-bottom:10px;overflow:hidden;}
.containerbox2 .new_video .box_1 .rslides_container li:nth-child(3){ width:32%;float:left ;height:130px; background-color:#999;overflow:hidden; }

.containerbox2 .new_video .box_1 .rslides_container li:nth-child(1) a{ display:block; width:100%; height:266px; overflow:hidden;}
.containerbox2 .new_video .box_1 .rslides_container li:nth-child(2) a{ display:block; width:100%; height:126px; overflow:hidden;}
.containerbox2 .new_video .box_1 .rslides_container li:nth-child(3) a{ display:block; width:100%; height:126px; overflow:hidden;}
.containerbox2 .new_video .box_1 .rslides_container li{border:2px solid #eee;}
.containerbox2 .new_video .box_1 .rslides_container li:hover{border:2px solid #77a44e;}

.containerbox2 .new_video .box_1 .rslides_container li img{ width:100%; height:auto;border:0px solid #eee;}
.containerbox2 .new_video .box_1 .rslides_container li img:hover{ border:0px solid #77a44e;}


/*主題專區 熱門服務 網網相連*/
.iconmu .iconmubox .box{ clear:both; display:block; width:100%; height:auto; overflow:hidden;}
.iconmu .iconmubox .box p{ width:5%; padding:0% 0px; float:left;}
.iconmu .iconmubox .box .bigtitle{ padding:0% 0px;}
.iconmu .iconmubox .box .bigtitle i{ display:block;text-align: center; width:58px; font-style:normal; font-size:120%; font-weight: bold; color:#07743d; letter-spacing:2px;}
.iconmu .iconmubox .box .bigtitle i img{text-align:left;}
.iconmu .iconmubox .box .productbox{ margin-top:10px;}

/* 熱門服務 網網相連標題-mob*/
.iconmu .iconmubox_mob h3{  display:block; text-align:left; font-size:140%; padding-bottom:0px; margin-bottom:0px; line-height:130%; color:#07743d;}
.iconmu .iconmubox_mob h3 img{ margin-right:5px;width:40px; vertical-align: middle;margin-bottom:5px; }

/*sitemap------------------------------------------*/
.indexsitemap{ width:100%; height:auto;margin:0 auto; background-color:#292929;}
.indexsitemap .centerbox{width:1000px; height:auto; margin:0 auto;padding:20px 0 10px 0; overflow:hidden;background: url(../frontimages/sitemap_bg.png) repeat-x center bottom;}
.sitemaptopbox{ width:100%; text-align:center; background-color:#b5c15f; padding:0.5% 0px; color:#333; font-size:110%;letter-spacing:2px;}
.sitemaptopbox img{ padding-top:5px; padding-left:5px;}
#sitemap{ width:100%; list-style:none;}
#sitemap li{float:left;}
#sitemap .title {width:10.5%;color: #FFF;font-size:120%;font-weight: bold;padding-bottom: 8px;margin-right:5px;float:left;}
#sitemap .title2 {width:90px;color: #FFF;font-size:100%;font-weight: bold;padding-bottom: 8px;margin-right:0px;}
#sitemap .title a,#sitemap .title2 a{color: #FFF; text-decoration:none;}

#sitemap .title ul{ margin-top:5px;}
#sitemap .title ul li{color: rgba(100%,100%,100%,0.7);font-size: 80%;list-style-type: none; font-weight:normal; margin-bottom:6px; width:100%;}
#sitemap .title ul li a{color: rgba(100%,100%,100%,0.7); text-decoration:none; line-height:110%;}
#sitemap .title ul li a:hover{text-decoration: underline;}

#sitemap .title ul li ul li{color: rgba(100%,100%,100%,0.7);font-size:80%; margin-left:6px;list-style-type: none;}
#sitemap .title ul li ul li a{color: rgba(100%,100%,100%,0.7);font-size:80%;list-style-type: none;}
#sitemap .title ul li ul li a:hover{text-decoration: underline;}

.article .articlebox .content .sitemapbox{ background-color:#f4f4f4; height:auto; overflow:hidden; padding:20px 30px;  border-radius:15px;}
.article .articlebox .content .sitemapbox #sitemap .title,.article .articlebox .content .sitemapbox #sitemap .title a{ color:#003366; }
.article .articlebox .content .sitemapbox #sitemap .title2,.article .articlebox .content .sitemapbox #sitemap .title2 a{ color:#003366; }

.article .articlebox .topbanner{width:100%; height:200px; margin:0 auto; margin-top:40px; background:#CCC;}
.article .articlebox .toptitle{ display:block;width:100%; height:auto; margin:0 auto; font-size:180%; color:#004077; font-weight:bold; letter-spacing:2px; margin-top:20px;}
.article .articlebox .toptitle img{ margin-right:15px;}
.article .articlebox .toptitle i{ font-style:normal; font-size:80%; color:#FF9966;}



/*class*/
.article .articlebox .selectbox{ font-size:110%; margin-top:10px; margin-bottom:10px;width:100%; height:auto; overflow:hidden;}
.article .articlebox .selectbox p{ float:left;}
.article .articlebox .selectbox select{ font-size:100%; padding:0; padding:5px 5px;vertical-align:middle; margin-right:8px;}
.article .articlebox .selectbox input{ font-size:100%; padding:5px 5px; vertical-align:middle;}
.article .articlebox .selectbox .btn_inputA{}
.article .articlebox .selectbox .btn_inputA{color:#FFF; border-style:none; width: auto; text-align:center; vertical-align:middle; cursor:pointer; padding:6px 12px; margin:2px; font-size:100%; border-radius:5px;
background:#272727;.background:#272727; text-decoration:none; line-height:100%;
background:linear-gradient(#535353 50%, #272727 50%);
background: -webkit-linear-gradient(#535353 50%, #272727 50%);
background: -ms-linear-gradient(#535353 50%, #272727 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#535353', endColorstr='#272727',GradientType=0);}
.article .articlebox .selectbox .btn_inputA:hover{background:#000;}
.article .articlebox .classbox{ list-style:none;width:100%; height:auto;display:block; margin:10px auto;}


/*prelessonmain 預約課程*/
/*.table_box1 {width:100%; height:auto; margin:0 auto;border:1px solid #eee;}
.table_box1 #css_table .line{background-color:#000; }
.table_box1 #css_table .box01{ width:auto;}
.table_box1 #css_table .box02{ width:auto;}.table_box1 #css_table .box02 a{text-decoration:none; color:#188fa7; font-weight:bold;}.table_box1 #css_table .box02 a:hover{text-decoration:none;color:#004077; font-weight:bold;}
.table_box1 #css_table .box03{ width:auto;}

/*actionindex 服務與活動*/
.table_box2 {width:100%; height:auto; margin:0 auto;border:1px solid #eee;}
.table_box2 #css_table .line{background-color:#014076; }
.table_box2 #css_table .box01{ width:auto;}
.table_box2 #css_table .box02{ width:auto;}
.table_box2 #css_table .box03{ width:auto;}.table_box2 #css_table .box03 a{text-decoration:none; color:#188fa7; font-weight:bold;}.table_box2 #css_table .box03 a:hover{text-decoration:none;color:#004077; font-weight:bold;}
.table_box2 #css_table .box04{ width:auto;}
.table_box2 #css_table .box05{ width:auto;}


/*download*/
.article .articlebox .downloadbox{ width:100%; height:auto; margin-top:20px; margin-bottom:20px;}
.article .articlebox .downloadbox .downloadlistbox{width:100%;list-style:none;width:100%; height:auto;display:block; margin:2% auto; padding:2% 5% 3% 5%; border:1px solid #eee;}
.article .articlebox .downloadbox .downloadlistbox li{width:100%;border-bottom:#d6ecff 1px solid;line-height:150%; padding-bottom:8px; padding-top:15px; overflow:hidden ;font-size:115%;background-image:url(../frontimages/icon-09.png); background-repeat:no-repeat; background-position: 10px center; padding-left:10px;}
.article .articlebox .downloadbox .downloadlistbox li a{ color:#4f4f4f; text-decoration:none;}
.article .articlebox .downloadbox .downloadlistbox li a:hover{ font-weight:bold;}
.article .articlebox .downloadbox .downloadlistbox li p{ float:left;line-height:150%;margin-left:20px; width:75%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.article .articlebox .downloadbox .downloadlistbox li img{float:right;margin-right:15px;}
.article .articlebox .downloadbox .downloadlistbox li .downloadbtn{ float:right;font-size:90%;border-radius:6px; background-color:#004077; padding:5px 15px; color:#FFFFFF;}
.article .articlebox .downloadbox .downloadlistbox li span{ text-align:right; margin-left:20px; color:#7e9cb5; font-weight:bold;font-size:90%;}
.article .articlebox .downloadbox .downloadlistbox li span:before{content: "下載次數: "; font-weight:normal; font-size:90%;}







.classname{ position:relative;font-size:130%; color:#6CF; display:block; background-color:#000; padding:10px 45px;}
.classname .boximg_desk{ position:absolute; right:20px; top:55px; background-color:#FFF; width:100%;height:auto;border:2px solid #eee; text-align:center;width:300px;height: auto; max-height:300px;}.classname .boximg_desk img{width: auto; max-width:100%; height:auto;}
.class_tablist {width:100%; height:auto; margin:0 auto; overflow:hidden; font-size:110%;}
.class_tablist .boximg{ display:none; width:100%;height:auto;border:0px solid #eee; text-align:center; margin-bottom:10px;}.class_tablist .boximg img{width: auto; max-width:100%; height:auto; max-height:400px;}
.class_tablist .cutoff{ font-size:120%; color:#F00; margin:10px;}
.class_tablist #css_table_01 .maininboxinfo{width:100%; height:auto;padding:10px 30px;}
.class_tablist #css_table_01 .maininboxinfo .alink{ display:block; color:#000; font-weight:bold; line-height:180%; text-decoration:none;}
.class_tablist #css_table_01 .maininboxinfo .alink:hover{color: #F60;text-decoration:none;}
.class_tablist #css_table_01 .maininboxinfo .attention{ margin:0; padding:0 20px; font-size:90%;}
.checkbox_radio{width:20px; height:20px; margin-right:3px;vertical-align:middle; margin-top:-2px;}
.checkbox_css{ width:20px; height:20px;margin-right:3px;vertical-align:middle; margin-top:-2px;}
.class_tablist #css_table_01 .maininboxinfo .aspNetDisabled{ margin:10px 0;}
.class_tablist #css_table_01>span input{ width:auto;}
.class_tablist #css_table_01 .box01{ width:100%; float:left;background:#ffffff;}
.class_tablist #css_table_01 .box02{ width:50%;float:left;}
.class_tablist #css_table_01 .box03{ width:50%;float:left;}
.class_tablist #css_table_01 .box04{ width:50%;float:left;background:#ffffff;}
.class_tablist #css_table_01 .box05{ width:50%;float:left;background:#ffffff;}
.class_tablist #css_table_01 .box06{ width:50%;float:left;}
.class_tablist #css_table_01 .box07{ width:50%;float:left;}
.class_tablist #css_table_01 .box08{ width:100%; clear:both;background:#ffffff;}
.class_tablist #css_table_01 .box09{ width:100%;}
.class_tablist #css_table_01 .box10{width:100%;background:#ffffff;}
.class_tablist #css_table_01 .box11{ width:100%;}
.class_tablist #css_table_01 .box12{width:100%;background:#0a5392;}.class_tablist #css_table_01 H3{ font-size:120%;color:#FFF;padding:5px 30px;}
.class_tablist #css_table_01 .box13,
.class_tablist #css_table_01 .box14,
.class_tablist #css_table_01 .box15,
.class_tablist #css_table_01 .box16,
.class_tablist #css_table_01 .box17,
.class_tablist #css_table_01 .box18,
.class_tablist #css_table_01 .box19,
.class_tablist #css_table_01 .box20,
.class_tablist #css_table_01 .box21,
.class_tablist #css_table_01 .box22{ width:100%;background:#ebf3f9;}

<!---topbookmarkAA-頁籤------------------->
.topbookmarkAA { width:100%; height:auto; margin:0 auto;overflow:hidden; margin-top:20px; border-bottom:1px solid #000;}
.topbookmarkAA a{display:inline-block;width:15%; height:auto;padding-top:5px;line-height:50px; font-size:120%;color:#FFF; font-weight:bold; text-decoration:none; text-align:center;  vertical-align: middle; border-radius:15px 15px 0 0;background:#247cad;.background:#247cad;
background:linear-gradient(#4090bd 50%, #247cad 50%);
background: -webkit-linear-gradient(#4090bd 50%, #247cad 50%);
background: -ms-linear-gradient(#4090bd 50%, #247cad 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4090bd', endColorstr='#247cad',GradientType=0);
}
.topbookmarkAA a:nth-child(1),
.topbookmarkAA a:nth-child(2){ margin-right:2%;}
.topbookmarkAA a:hover,
.topbookmarkAA a.on{
color:#FFF; padding-top:5px; position:relative; z-index:9;
background:#272727;.background:#000;
background:linear-gradient(#535353 50%, #000 50%);
background: -webkit-linear-gradient(#535353 50%, #000 50%);
background: -ms-linear-gradient(#535353 50%, #000 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#535353', endColorstr='#000',GradientType=0);}

/*actionindet*/
.actionindet_tablist {width:100%; height:auto; margin:0 auto; overflow:hidden; font-size:110%; line-height:150%;}
.actionindet_tablist .boximg{ display:none;width:100%;height:auto;border:0px solid #eee; text-align:center; margin-bottom:10px;}.actionindet_tablist .boximg img{width: auto; max-width:100%; height:auto; max-height:400px;}
.actionindet_tablist .cutoff{ font-size:120%; color:#F00; margin:10px;}
.actionindet_tablist #css_table_01 .maininboxinfo{width:100%; height:auto;padding:10px 30px;}
.actionindet_tablist #css_table_01 .maininboxinfo .alink{ display:block; color:#000; font-weight:bold; line-height:180%; text-decoration:none;}
.actionindet_tablist #css_table_01 .maininboxinfo .alink:hover{color: #F60;text-decoration:none;}
.actionindet_tablist #css_table_01 .maininboxinfo .attention{ margin:0; padding:0 20px; font-size:90%;}
.actionindet_tablist #css_table_01 .maininboxinfo .aspNetDisabled{ margin:10px 0;}
.actionindet_tablist #css_table_01>span input{ width:auto;}
.actionindet_tablist #css_table_01 .box01{ width:100%;float:left;}
.actionindet_tablist #css_table_01 .box02{ width:100%;float:left;}
.actionindet_tablist #css_table_01 .box03{ width:100%;float:left;}
.actionindet_tablist #css_table_01 .box04{ width:100%;float:left;}
.actionindet_tablist #css_table_01 .box05{ width:100%;float:left;}
.actionindet_tablist #css_table_01 .box06{ width:100%;float:left;}
.actionindet_tablist #css_table_01 .box07{ width:100%;float:left;}
.actionindet_tablist #css_table_01 .box08{ width:100%;float:left;}
.actionindet_tablist #css_table_01 .box09{ width:100%;float:left;}
.actionindet_tablist #css_table_01 .box10{ width:100%;float:left;}
.actionindet_tablist #css_table_01 .box11{ width:100%;float:left;}
.actionindet_tablist #css_table_01 .box12{ width:100%;float:left;}
.actionindet_tablist #css_table_01 .box13,
.actionindet_tablist #css_table_01 .box14,
.actionindet_tablist #css_table_01 .box15{ width:100%;}
.actionindet_tablist #css_table_01 .box_download img{ vertical-align:middle;}

.actionindet_tablist #css_table_01 .box20,
.actionindet_tablist #css_table_01 .box21,
.actionindet_tablist #css_table_01 .box22,
.actionindet_tablist #css_table_01 .box23,
.actionindet_tablist #css_table_01 .box24,
.actionindet_tablist #css_table_01 .box25,
.actionindet_tablist #css_table_01 .box26,
.actionindet_tablist #css_table_01 .box27,
.actionindet_tablist #css_table_01 .box28,
.actionindet_tablist #css_table_01 .box29,
.actionindet_tablist #css_table_01 .box30{ width:100%;}
.actionindet_tablist .bg_ebf3f9 #css_table_01 .css_td{width:100%; background:#ebf3f9;}
.actionindet_tablist .bg_ebf3f9 #css_table_01 .titlebox{ width:100%;background:#0a5392;}.actionindet_tablist #css_table_01 H3{ font-size:120%;color:#FFF;padding:5px 30px;}


/*預約課程prelessonmain*/
.prelessonmain_tablist {width:100%; height:auto; margin:0 auto; overflow:hidden; font-size:110%; line-height:150%;}
.prelessonmain_tablist .boximg{ display:none;width:100%;height:auto;border:0px solid #eee; text-align:center; margin-bottom:10px;}.actionindet_tablist .boximg img{width: auto; max-width:100%; height:auto; max-height:400px;}
.prelessonmain_tablist .cutoff{ font-size:120%; color:#F00; margin:10px;}
.prelessonmain_tablist #css_table_01 .maininboxinfo{width:100%; height:auto;padding:10px 30px;}
.prelessonmain_tablist #css_table_01 .maininboxinfo table{ border-collapse:collapse;}
.prelessonmain_tablist #css_table_01 .maininboxinfo .alink{ display:block; color:#000; font-weight:bold; line-height:180%; text-decoration:none;}
.prelessonmain_tablist #css_table_01 .maininboxinfo .alink:hover{color: #F60;text-decoration:none;}
.prelessonmain_tablist #css_table_01 .maininboxinfo .attention{ margin:0; padding:0 20px; font-size:90%;}
.prelessonmain_tablist #css_table_01 .maininboxinfo .aspNetDisabled{ margin:10px 0;}
.prelessonmain_tablist #css_table_01>span input{ width:auto;}
.prelessonmain_tablist #css_table_01 .box01{ width:100%;float:left;}
.prelessonmain_tablist #css_table_01 .box02{ width:100%;float:left;}
.prelessonmain_tablist #css_table_01 .box03{ width:100%;float:left;}
.prelessonmain_tablist #css_table_01 .box04{ width:100%;float:left;}
.prelessonmain_tablist #css_table_01 .box05{ width:100%;float:left;}
.prelessonmain_tablist #css_table_01 .box06{ width:100%;float:left;}
.prelessonmain_tablist #css_table_01 .box07{ width:100%;float:left;}
.prelessonmain_tablist #css_table_01 .box08{ width:100%;float:left;}
.prelessonmain_tablist #css_table_01 .box09{ width:100%;clear:both;}
.prelessonmain_tablist #css_table_01 .box10{ width:100%;float:left;}
.prelessonmain_tablist #css_table_01 .box11{ width:100%;float:left;}
.prelessonmain_tablist #css_table_01 .box12{ width:100%;float:left;}
.prelessonmain_tablist #css_table_01 .box13,
.prelessonmain_tablist #css_table_01 .box14,
.prelessonmain_tablist #css_table_01 .box15{ width:100%;}
.prelessonmain_tablist #css_table_01 .box_download img{ vertical-align:middle;}

.prelessonmain_tablist #css_table_01 .box20,
.prelessonmain_tablist #css_table_01 .box21,
.prelessonmain_tablist #css_table_01 .box22,
.prelessonmain_tablist #css_table_01 .box23,
.prelessonmain_tablist #css_table_01 .box24,
.prelessonmain_tablist #css_table_01 .box25,
.prelessonmain_tablist #css_table_01 .box26,
.prelessonmain_tablist #css_table_01 .box27,
.prelessonmain_tablist #css_table_01 .box28,
.prelessonmain_tablist #css_table_01 .box29,
.prelessonmain_tablist #css_table_01 .box30{ width:100%;}
.prelessonmain_tablist .bg_ebf3f9 #css_table_01 .css_td{width:100%; background:#ebf3f9;}
.prelessonmain_tablist .bg_ebf3f9 #css_table_01 .titlebox{ width:100%;background:#0a5392;}.prelessonmain_tablist #css_table_01 H3{ font-size:120%;color:#FFF;padding:5px 30px;}


/*海 洋 學 習 護 照-----------------*/
.member_tablist {width:100%; height:auto; margin:0 auto; overflow:hidden; font-size:110%; margin:10px auto;}
.member_tablist .boximg{ width:100%;height:auto;border:0px solid #eee; text-align:center;}.member_tablist .boximg img{width:100%; max-width:100%; height:auto;}
.member_tablist .hours_title{ font-size:120%;color:#FFF;font-size:150%; padding:5px 10px; background-color:#553211; font-weight:bold; text-align:center;}
.member_tablist .post{ border:1px solid #eee;}
.member_tablist .post .table_box3{ width:90%; height:auto; margin:0 auto;}
.table_box3 {width:100%; height:auto; margin:0 auto;border:1px solid #eee;}
.table_box3 #css_table .line{background-color: #553211; }
.table_box3 #css_table .css_td b{ color:#553211; font-weight:bold;}

/*活動集錦相簿列表*/
.Photo_list{width: 100%;height: auto;margin:0 auto;}
.Photo_list .box{width:23%; height:160px; overflow:hidden; margin:10px; float:left; border:#F4F4F4 2px solid;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); position:relative;background:#eee url(../frontimages/nopicture.png) no-repeat center center; background-size:60% auto; background-position: center 40%;}
.Photo_list .box .boxsize{width:100%; height:auto;}
.Photo_list .box .mesk{ position:absolute; bottom:0; left:0; background-color:rgba(0,0,0,0.8); display:block; width:100%; height: auto; color:#FFF; font-size:100%; text-align:left; padding:5px 10px;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.Photo_list .box .mesk span{ font-size:70%; display:block; color:#0CF;}
/*明細*/
.member_discussdit #css_table_01 .box01{background-color:#000;color:#FFF;}
.member_discussdit #css_table_01 .css_td b{ width:200px; vertical-align:top;}
.member_discussdit #css_table_01 .css_td .spanbox{ width:70%; display:inline-block;}

/*全文檢索*/
.searchH1{ font-size:120%; color:#999; margin:10px 0; font-weight:normal;}
.searchH1 i{ font-style:normal; padding:0 10px; color:#ff3600; font-weight:bold;}
.searchbox{width: 100%;height: auto; margin:10px auto;}
.searchlist{ }
.searchlist>li{ display:block;width: 100%;height: auto;overflow:hidden; padding:13px; border-radius:6px; position:relative;border:1px solid #e4e4e4; margin:5px 0;}
.searchlist>li:nth-child(even){ background-color:#f6f6f6;}
.searchlist .corner_css{width: 0;height: 0;border-style: solid;border-width: 20px 20px 0 0;border-color: #ff7622 transparent transparent transparent; position:absolute; top:0; left:0;}
.searchlist .title{ font-size:130%; color:#004077; border-bottom:1px dashed #999;  padding:5px 0px;}
.searchlist li ul{ margin:0; padding:0; list-style:none;}
.searchlist li ul li{padding:2px; line-height:160%;}
.searchlist li ul li a{ color:#666;}
.searchlist li ul li:nth-child(1){ color:#4f8ec4;line-height:150%;}
.searchlist li ul li .downloadbtn{ float:right;border-radius:3px; background-color:#004077; padding:5px 10px; color:#FFFFFF;line-height:100%;}

/* == 手機版型區 =============================== */
@media screen and (max-width:460px){
body{ width:100%;min-width:320px; height:auto;-webkit-text-size-adjust:none;font-family:Arial, Helvetica, "微軟正黑體", sans-serif !important;}
/*-------------------------------------------*/
.header .headerbox {width: 100%;height:70px;margin:0 auto; position:relative;}
.container .containerbox{width:94%; height:auto; margin:0 auto; overflow:hidden;}
.container .containerbox2{width:94%; height:auto; margin:0 auto; overflow:hidden;}
.indexsitemap .sitemapbox{width:100%;height: auto; margin:0px auto;}
.footer{width: 100%;height: auto; overflow:hidden;border-top:solid 2px #0b4a2b; }
.footer .footerbox{ width: 100%;height: auto; margin:0px auto; overflow:hidden;padding:10px 0;}
.iconmu .iconmubox{ display:none; width:94%;height: auto; margin:0 auto;padding:1% 0px;}
.iconmu .iconmubox_mob{ display: block;  width:94%;height: auto; margin:0 auto;padding:1% 0px;}

.iconmu .Themearea{ display:none;width:100%;height: auto; margin:1% auto 0% auto;padding:0.5% 0px 0% 0px; overflow:hidden;}
.iconmu .Themearea h3{ font-size:120%; padding-bottom:5px; margin-bottom:5px; color:#07743d;}

/*主題專區*/
.iconmu .Themearea_mob{ display: block; width:94%;height: auto; margin:1% auto 0% auto;padding:0.5% 0px 0% 0px; overflow:hidden;}
.iconmu .Themearea_mob h3{  font-size:140%; padding-bottom:0px; margin-bottom:0px;  color:#07743d; line-height:180%; vertical-align:middle;}
.iconmu .Themearea_mob h3 img{ margin-right:5px;width:40px; vertical-align:middle;}

.iconmu .Themearea_mob .regular.slider_regular div a img{width: auto;height:100px;}
.iconmu .iconmubox_mob .regular2.slider_regular div a img{height:50px;}

/*--主題專區2-----------------------------*/
.iconmu .Themearea2{ display: block; width:94%;height: auto; margin:1% auto 0% auto;padding:0% 0px 20px 0px;  overflow:hidden; border-bottom:1px solid #999; }
.iconmu .Themearea2 h3{ text-align:left; font-size:160%; line-height:160%; padding-bottom:5px; margin-bottom:5px;color:#07743d;}
.iconmu .Themearea2 h3 img{ margin-right:5px;width:45px;}
.iconmu .Themearea2 h3 span{ color:#07743d; font-size:80%; font-weight:normal;}

.iconmu .Themearea2 .Themeicon2{width:100%;height: auto; overflow:hidden;vertical-align:middle; margin-top:0%;}
.iconmu .Themearea2 .Themeicon2 ul {list-style: none; margin: 0px; padding:0 2% ; width:100%;height: auto; overflow:hidden; position: relative;}
.iconmu .Themearea2 .Themeicon2 ul li {border-image: none; width:33%; height: auto; overflow:hidden;float: left; padding:0.5%; margin-bottom:2px;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.iconmu .Themearea2 .Themeicon2 ul li a{ color:#000; display:inline-block;}
.iconmu .Themearea2 .Themeicon2 ul li a img {	display: block; width:95%;height:auto; text-align:center; border:0px solid #FFF;}
.iconmu .Themearea2 .more{ text-align:center;}
.iconmu .Themearea2 .more a{ color:#fff; padding:5px 10px;}

.iconmu .Themearea2 .Themeicon3{ width:100%;height: auto; overflow:hidden;vertical-align:middle; margin-top:0%;}
.iconmu .Themearea2 .Themeicon3 ul {list-style: none; margin: 0px; padding:0 2% ; width:100%;height: auto; overflow:hidden; position: relative;}
.iconmu .Themearea2 .Themeicon3 ul li {border-image: none; width:33%; height: auto; overflow:hidden;float: left; padding:0.5%; margin-bottom:2px;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.iconmu .Themearea2 .Themeicon3 ul li a{ color:#000; display:inline-block;}
.iconmu .Themearea2 .Themeicon3 ul li a img {	display: block; width:95%;height:auto; text-align:center; border:0px solid #FFF;}


/*logo*/
.headerbox .logo{ display:block;text-indent:-999999px;display: block;width:98%; height:70px; float: none;background: url(../frontimages/logo.svg) center left no-repeat; background-size:auto 50px; margin-left:1%;}
/*toolbar*/
.headerbox .toolbar{float:right; width:100%; height:auto; }
.headerbox .toolbar .toolbarmenu{ display:none;}

.headerbox .toolbar .toolbarsearch{  clear:both; display:block; width:94%; height:auto;text-align:left; margin:-5px auto 5px auto;font-size:100%;line-height:35px;}
.headerbox .toolbar .toolbarsearch .hot{ color:#e29500;display:block;}
.headerbox .toolbar .toolbarsearch .hot a{ color:#e29500;}
.headerbox .toolbar .toolbarsearch .hot a:hover{ color:#333;}
.headerbox .toolbar .toolbarsearch input{ height:35px; margin-top:-2px;vertical-align:middle;}
.headerbox .toolbar .toolbarsearch .search{ padding:3px 3px; width:35%; line-height:150%; background-color:#f1f1f1;border:0;height:35px;}
.headerbox .toolbar .toolbarsearch .searchbtn{ background-color:#000; color:#fff; border:0; padding:0 10px;height:35px;line-height:35px; cursor:pointer;}
.headerbox .toolbar .toolbarsearch .searchbtn:hover{ opacity:0.8;}
.headerbox .toolbar .toolbarsearch .searchin{ display: none; margin:0;background-color:#d3d3d3; color:#000; border:0;height:35px;line-height:34px;padding:0 10px;}
.headerbox .toolbar .toolbarsearch .searchin:hover{opacity:0.8;}
.headerbox .toolbar .toolbarsearch .enbtn{display:inline-block;background-color:#07743d; color:#fff; border:0;height:35px;line-height:33px; padding:0 10px; border-top:1px solid #07743d;}
.headerbox .toolbar .toolbarsearch .enbtn p{ display:inline-block;height:34px;line-height:33px;}
.headerbox .toolbar .toolbarsearch .chbtn{display:inline-block; color:#fff; border:0;height:35px;line-height:34px; padding:0 10px;}
.headerbox .toolbar .toolbarsearch .enbtn:hover,.headerbox .toolbar .toolbarsearch .chbtn:hover{ opacity:0.8;}

.topmenu{display:none; }
/*adv*/
/*.adv{width:100%;height:auto;overflow:hidden;background-color: transparent;}
.adv .ADVbox{ width:100%; height:0; padding-bottom:37%; margin:0px auto;background:none;}
.adv .ADVbox img{width: 100%;height: auto;}*/

.adv{width:100%; height:auto;  }
.adv .ADVbox{ width:100%; height: auto;overflow:hidden;  margin:0px auto; background:none; margin-top:0px;margin-bottom:2%;}
.adv .ADVbox img{width:100%; height:auto;}
.adv .ADVbox .bannerbox {margin: 0px auto;text-align: center; width: 100%;max-width: 100%;height:auto; overflow:hidden ;position: relative; padding-top:5px;}

/*pointBanner*/
.adv .pointbanner { position:relative;background:#FFF url(../frontimages/shell_dci_bgtop.gif) repeat  center top;}
.adv .pointbanner .toggle{margin:10px 0 0 15px; font-size:36px; border-radius:4px;}
.adv .pointbanner .box-close, .adv .pointbanner .box-open { z-index:10; position:absolute; }
.adv .pointbanner .box-close .toggle:after{ content:"▼"}
.adv .pointbanner .box-open .toggle:after{ content:"▲"}
.box-close .img{max-height:0px;overflow:hidden; }
.box-open .img{max-height:1000px;overflow:hidden;}
.box-close .txt{text-align:center; font-size:120%; font-weight:bold; background:#FFF url(../frontimages/shell_dci_bgtop.gif) repeat  center top;position: absolute; top: calc(50% - .5em); width: 100%; background: transparent}
.box-open .txt{text-align:center; font-size:120%; font-weight:bold; background:#FFF url(../frontimages/shell_dci_bgtop.gif) repeat  center top;position: absolute; top: calc(50% - .5em); width: 100%; background: transparent}
.adv .pointbanner .box { transition: opacity 1s, max-height 0.35s ease;overflow: initial;margin: 0px auto;text-align: center;width: 100%;max-width: 1000px;height: auto;position: relative;padding-top: 5px;z-index: 10;}


/*footer*/
.footerbox p{float:left; width:100%; line-height:160%; font-size:80%; }
.footerbox p .Copyright{color: #000; margin-left:0px;display:block;}
.footerbox p .Copyrightinfo{ display:block;}
.footerbox p a{ color:#333333; text-decoration:none;font-size:115%; color:#000; font-weight:bold;}
.footerbox p a:hover{ color:#1c994d; text-decoration: underline;}
.footerbox .aa{float:right; margin-left:1%; font-style:normal;}
.footerbox .people{display:block;width:auto; max-width:70%;text-align:center;margin:0px auto;}

/*-----------------------container-----------------------------------------*/

.bigtitle{ padding:5px 0px; width:100%; height: auto; margin:10px 0;}
.bigtitle h2{ display:inline-block; width:75%; line-height:40px; font-size:160%; color:#07743d;}
.bigtitle h2 img{ margin-right:5px;width:40px;}
.bigtitle h2 span{  font-size:60%; font-weight:normal;}
.bigtitle .mob-more{ display: inline-block; text-align:right;width:65px; height: auto; padding:5px; color:#07743D; margin-top:10px; float:right;}
.bigtitle .mob-more:before {content: "► ";}

.bigtitle .fontsize{ display:none;height:auto; float:right; margin-top:0px;}
.bigtitle .fontsize a{display:inline-block; width:40px; height:auto; line-height:225%;text-align:center; color:#fff; font-size:100%; background:#A7B63B; text-decoration:none;}
.bigtitle .fontsize a:hover{background:#919F29;}
.bigtitle .fontsize .ON{ display:inline-block; background:#7b881a;}
/*hot news*/
.containerbox .topbg{width:100%; height: auto;border-bottom: rgba(0,0,0,0.5) 2px solid; border-radius:0 0;}
.containerbox .topbg p{display:block; float:left; width: auto; height: auto; padding:0px 1% ;font-size:100%; line-height:120%; color:#FFFFFF; letter-spacing:2px;}
.containerbox .topbg a{width: 18.7%;height: auto;line-height:120%;padding:5px 2%; text-align:center;}
.containerbox .topbg a.on{ background:linear-gradient(to top, #006835 50%,#0a8044 100%); color:#FFF; border:1px solid rgba(5,66,35,0.5);}
.slider{ width: 100%; height: auto; overflow:hidden;padding:0px; margin:0;}
.flexslider_6.carousel .slides{ width: 100%; height: auto; overflow:hidden;padding:0px; margin:0; }
.flexslider_6.carousel .slides li{width: 100%; height: auto;padding:0px; margin:0;}
.flexslider_6.carousel .slides li .listbox ul{width: 100%; height: auto;list-style:none; background-color:#f6f6f6; clear:both;}
.flexslider_6.carousel .slides li .listbox li{ border-bottom:rgba(0,0,0,0.3) 1px solid;padding:10px 10px;}
.flexslider_6.carousel .slides li .listbox li p{ display:block;  height: auto; font-size:100%; vertical-align:middle; color:#4b4b4b;overflow:hidden; }
.flexslider_6.carousel .slides li .listbox li p .fontbox{float: left;font-style:normal; display:block; height: auto; overflow:hidden; line-height:180%;width:99%;margin:0 auto;white-space:nowrap;text-overflow:ellipsis;}
.flexslider_6.carousel .slides li .listbox li p .day{ float:left; width:100%;text-align:left;line-height:150%; font-style:normal; opacity:0.6;}
.containerbox input{ border:0px; background-color:#c9c9c9; width:20%; text-align:center; letter-spacing:2px; padding:2% 0px; }
.flexslider_6.carousel .slides li .listbox li p .fontbox a{ color:#666;}
.flexslider_6.carousel .slides li .listbox li p .fontbox a:hover{ color:#000;}

.flexslider_6.carousel .slides li .listbox .firstnews{ background-color:#f6f6f6;width:100%; height: auto; padding:1.5% 3%; overflow:hidden;border-bottom:rgba(0,0,0,0.3) 1px solid;}
.flexslider_6.carousel .slides li .listbox .firstnews .imgbox{width:40%; height:auto; overflow:hidden; float:left;}
.flexslider_6.carousel .slides li .listbox .firstnews .imgbox img{ width:138px;height: auto; max-height:100px; }
.flexslider_6.carousel .slides li .listbox .firstnews .news{width:58%; float:right;}
.flexslider_6.carousel .slides li .listbox .firstnews .news .day{font-style:normal; opacity:0.6;}
.flexslider_6.carousel .slides li .listbox .firstnews .news .day .more{ float:right;}
.flexslider_6.carousel .slides li .listbox .firstnews .news .title{ font-size:120%; font-weight:bold; padding:2px 0px;
width:100%;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.flexslider_6.carousel .slides li .listbox .firstnews .news .title a{ color:#333; text-decoration: none;}
.flexslider_6.carousel .slides li .listbox .firstnews .news .title a:hover{ color:#000; text-decoration:underline;}
.flexslider_6.carousel .slides li .listbox .firstnews .news .mains{width:100%; font-size:100%;padding-top:5px; color:#000;}


/*出版品*/
.flexslider_6.carousel .slides li .listbox .news_book{ width:50.7%; margin-left:-0.9%; display:inline-block; list-style: none; overflow:hidden; background:#fff;}
.flexslider_6.carousel .slides li .listbox .news_book li{ border:0px solid rgba(255,255,255,0.00); background:#F6F6F6; padding:0px; margin:0 auto;}
.flexslider_6.carousel .slides li .listbox .news_book li:hover{ background:rgba(229,229,229,0.53); font-weight:bold;}
.flexslider_6.carousel .slides li .listbox .news_book .bookbox{ display:inline-block; width:100%; margin:0 auto; padding:5px 0; overflow:hidden;border:2px solid rgba(0,0,0,0.00); }
.flexslider_6.carousel .slides li .listbox .news_book .bookbox .book{ width:65%; height:0;padding-bottom:95%;  margin:0px auto; text-align:center;background:#eee url(../frontimages/nopic_logo.png) no-repeat center center; background-size:40% auto;background-position: center 50%;overflow:hidden;}
.flexslider_6.carousel .slides li .listbox .news_book .bookbox:focus{border:2px solid #ae5da1;display:inline-block;}
.flexslider_6.carousel .slides li .listbox .news_book .bookbox .book img{ width:100%; height:auto; vertical-align:middle;}
.flexslider_6.carousel .slides li .listbox .news_book .bookbox  p{
display:inline-block; width:100%;height:22px;  margin:0 auto; text-align:center; padding:5px 22px;
overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;line-height:130%;}

/*.containerbox ul.list{list-style:none; clear:both; width:100%; height:auto; overflow:hidden; clear:both;}
.containerbox ul.list .listbox{ width:100%;float:left; margin-bottom:2%;}
.containerbox ul.list .listbox:nth-child(even) {float:right;margin-left:1%; }


.containerbox .topbg{width:100%; height: auto;border-bottom: rgba(0,0,0,0.5) 2px solid; border-radius:0 0;}
.containerbox .topbg p{display:block; float:left; width: auto; height: auto; padding:0px 1% ;font-size:100%; line-height:120%; color:#FFFFFF; letter-spacing:2px;}
.containerbox .topbg a{width: 18.5%;height: auto;line-height:120%;padding:5px 1%; text-align:center;}
.containerbox .topbg a.on{ background:linear-gradient(to top, #006835 50%,#0a8044 100%); color:#FFF; border:1px solid rgba(5,66,35,0.5);}
/*.containerbox .list .listbox .topbg a{ display:block; float:right; width: auto; height:40px; padding:0px 10px ; line-height:40px; text-decoration:none; color:#FFFFFF; letter-spacing:2px;}*/
/*.containerbox .list .listbox .topbg a{ display:block; float:right; width: auto; height:40px; padding:0px 10px ; line-height:40px; text-decoration:none; color:#FFFFFF; letter-spacing:2px;}*/
/*.containerbox .topbg .more{ border-left:1px solid rgba(0,0,0,0.1); opacity:0.6;border-radius:0px 6px 0 0;}
.containerbox .topbg .more:hover{ background-color:rgba(0,0,0,0.1); opacity:0.8;}*/

/*.containerbox .list .listbox ul{list-style:none; background-color:#f6f6f6; clear:both;}
.containerbox .list .listbox li{ border-bottom:rgba(0,0,0,0.3) 1px solid;}
.containerbox .list .listbox li p{ display:block; padding:10px 10px; height:40px; font-size:87.5%; vertical-align:middle; color:#4b4b4b;}
.containerbox .list .listbox li p .fontbox{float: left;font-style:normal; display:block; height:18px; overflow:hidden; line-height:20px;width:80%;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.containerbox .list .listbox li p .day{ float: left;width:20%;text-align:right;line-height:20px; font-style:normal; opacity:0.6;}
.containerbox input{ border:0px; background-color:#c9c9c9; width:20%; text-align:center; letter-spacing:2px; padding:2% 0px; }
.containerbox .list .listbox li p .fontbox a{ color:#666;}
.containerbox .list .listbox li p .fontbox a:hover{ color:#000;}

.containerbox .list .firstnews{ background-color:#f6f6f6;width:100%; height: auto; padding:1.5% 3%; overflow:hidden;border-bottom:rgba(0,0,0,0.3) 1px solid;}
.containerbox .list .firstnews .imgbox{width:100%; height:100px; overflow:hidden; float:left;}
.containerbox .list .firstnews .imgbox img{ width:100%; height:auto;}
.containerbox .list .firstnews .news{width:68%; float:right;}
.containerbox .list .firstnews .news .day{display:block;font-style:normal; opacity:0.6;}
.containerbox .list .firstnews .news .day .more{ float:right;}
.containerbox .list .firstnews .news .title{ font-size:120%; font-weight:bold; padding:2px 0px;
width:80%;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.containerbox .list .firstnews .news .title a{ color:#333; text-decoration: none;}
.containerbox .list .firstnews .news .title a:hover{ color:#000; text-decoration:underline;}
.containerbox .list .firstnews .news .mains{width:100%; font-size:100%;padding-top:5px; color:#000;}*/


/*.flexslider_6.carousel .slides li .listbox .firstnews{ background-color:#f6f6f6;width:100%; height: auto; padding:1.5% 3%; overflow:hidden;border-bottom:rgba(0,0,0,0.3) 1px solid;}
.flexslider_6.carousel .slides li .listbox .firstnews .imgbox{width:40%; height:auto; overflow:hidden; float:left;}
.flexslider_6.carousel .slides li .listbox .firstnews .imgbox img{ width:90%;height: auto; max-height:100px; }
.flexslider_6.carousel .slides li .listbox .firstnews .news{width:58%; float:right;}
.flexslider_6.carousel .slides li .listbox .firstnews .news .day{font-style:normal; opacity:0.6;}
.flexslider_6.carousel .slides li .listbox .firstnews .news .day .more{ float:right;}
.flexslider_6.carousel .slides li .listbox .firstnews .news .title{ font-size:120%; font-weight:bold; padding:2px 0px;
width:100%;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.flexslider_6.carousel .slides li .listbox .firstnews .news .title a{ color:#333; text-decoration: none;}
.flexslider_6.carousel .slides li .listbox .firstnews .news .title a:hover{ color:#000; text-decoration:underline;}
.flexslider_6.carousel .slides li .listbox .firstnews .news .mains{width:100%; font-size:100%;padding-top:5px; color:#000;}
.flexslider_6.carousel .slides li .listbox li p .day{ float: none;width:100%; display:block;text-align:right;line-height:150%; font-style:normal; opacity:0.6; color:#F00;}*/


/*2*/
/*.containerbox ul.list2{list-style:none; clear:both; width:100%; height:auto; overflow:hidden; clear:both;}
.containerbox ul.list2 .listbox{ width:100%;float:left; margin-bottom:2%;}
.containerbox ul.list2 .listbox:nth-child(even) {float:right;margin-left:1%; }

.list2 .listbox .topbg{ height:40px;border-bottom: rgba(0,0,0,0.5) 2px solid; border-radius:6px 6px 0 0;}
/*.list2 .listbox:nth-child(1) .topbg{background:linear-gradient(to top, #4090bd 50%,#4ca3d4 100%);}
.list2 .listbox:nth-child(2) .topbg{background:linear-gradient(to top, #4090bd 50%,#4ca3d4 100%);}*/
/*.list2 .listbox .topbg p{display:block; float:left; width: auto; height:40px; padding:0px 10px ;font-size:100%; line-height:40px; color:#FFFFFF; letter-spacing:2px;}
.list2 .listbox .topbg a{ display:block; float:right; width: auto; height:40px; padding:0px 10px ; line-height:40px; text-decoration:none; color:#FFFFFF; letter-spacing:2px;}
.list2 .listbox .topbg .more{ border-left:1px solid rgba(0,0,0,0.1); opacity:0.6;border-radius:0px 6px 0 0;}
.list2 .listbox .topbg .more:hover{ background-color:rgba(0,0,0,0.1); opacity:0.8;}

.list2 .listbox ul{list-style:none; background-color:#f6f6f6; clear:both;}
.list2 .listbox li{ border-bottom:rgba(0,0,0,0.3) 1px solid;}
.list2 .listbox li p{ display:block; padding:10px 10px; height:40px; font-size:87.5%; vertical-align:middle; color:#4b4b4b;}
.list2 .listbox li p .fontbox{float: left;font-style:normal; display:block; height:18px; overflow:hidden; line-height:20px;width:80%;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.list2 .listbox li p .day{ float: left;width:20%;text-align:right;line-height:20px; font-style:normal; opacity:0.6;}
.list2 .listbox li p .fontbox a{ color:#666;}
.list2 .listbox li p .fontbox a:hover{ color:#000;}*/

/*title背景顏色*/
.color01{background-image:linear-gradient(to top, #247cad 50%,#4090bd 100%);}
.color02{background-image:linear-gradient(to top, #0e8e2a 50%,#38aa4f 100%);}
.color01 .more,
.color02 .more{ border-left:1px solid rgba(0,0,0,0.1); opacity:0.6;border-radius:0px 6px 0 0;}
.color01 .more:hover,
.color02 .more:hover{ background-color:rgba(0,0,0,0.1); opacity:0.8;}

.quickbox{display:none;width:100%;height: auto; overflow:hidden; margin-bottom:10px; padding:3px 0;border-radius:6px; background-color:#eee;}
.quickbox .quick{width:46%; height: auto; display:inline-block; margin:1% 1.5%;border:2px solid #c3c3c3;box-shadow:0px 0px 3px rgba(20%,20%,40%,0.5);border-radius:0px;}
.quickbox .quick:hover{}
.quickbox .quick a:focus{border:2px solid #ae5da1;display:inline-block;}
.quickbox .quick img{width:100%;height: auto; } 

.quickbox_mob{ display: block;width:100%;height: auto; overflow:hidden; margin-bottom:10px; border:1px solid #eee;background-color:#eee; padding:3px 0;border-radius:6px;}
.quickbox_mob .quick{width:46%; height: auto; display:inline-block; margin:1% 1.5%;border:2px solid #c3c3c3;border-radius:0px;}
.quickbox_mob .quick:hover{border:2px solid #33ab4c;}
.quickbox_mob .quick a:focus{border:2px solid #ae5da1;display:inline-block;}
.quickbox_mob .quick img{width:100%;height: auto; } 

/*statistics*/
.statisticsbox{ width:100%; height:auto; overflow:hidden;/*padding:5px 15px 0px 15px;*/ margin:0px auto; border:1px #f6f6f6 solid; /*border-bottom:4px #becd54 solid;*/ margin-bottom:15px; border-radius:6px 6px;}
.statisticsbox .slides {width:100%; height:auto;overflow:hidden; margin-bottom:30px;}
.statisticsbox .slides .imgbox {width: 100%; height:auto;max-width:100%;max-height: auto;float: none; display: block; border-right:0px solid #becd54; padding-right:0%;padding-bottom:1%;}
.statisticsbox .slides .imgboximg {width:100%;height:140px; overflow:hidden;}
.statisticsbox .slides .imgbox img {width: 100%;height:auto;}
.statisticsbox .slides .fontbox {width: 100%; height:auto;float: none; display: none; padding:0px 0px 0px 0px; color:#333333;}
.statisticsbox .slides .fontbox h3{ font-size:130%; margin-bottom:10px;}
.statisticsbox .slides .fontbox-mob{ display: block;width: 100%; height:auto;float: none; color:#333333;}
.statisticsbox .slides .fontbox-mob a{color:#333333;}

.containerbox2 .new_video{ width:100%; padding:0; margin:0; list-style:none; height:auto;}
.containerbox2 .new_video .box .bigtitle{margin-right:0%; width:100%;}
.containerbox2 .new_video .box .bigtitle h2{ color:#07743d; display:inline-block; width:80%; line-height:45px; font-size:160%;}
.containerbox2 .new_video .box .bigtitle h2 img{ margin-right:5px;width:45px;}
.containerbox2 .new_video .box .bigtitle h2 span{ color:#07743d; font-size:80%; font-weight:normal;}
.containerbox2 .new_video .box .bigtitle .mob-more{ display:block;width:60px; height: auto; padding:3px; color:#07743D; margin-top:10px; float:right;}
.containerbox2 .new_video .box .bigtitle .mob-more:before {content: "► ";}
.containerbox2 .new_video .box:nth-child(1){width:100%; float: none; height:auto; margin-bottom:2%; overflow:hidden;}
.containerbox2 .new_video .box:nth-child(2){width:100%; float: none; height:auto; margin-bottom:2%; overflow:hidden;}
.containerbox2 .new_video li .rslides_container { list-style:none; }
.containerbox2 .new_video li .rslides_container li:nth-child(1){ width:100%; float: none ; margin:0 0%; margin-right:0%; height:auto; max-height: none; min-height:inherit; background-color:#999; margin-bottom:10px;}
.containerbox2 .new_video li .rslides_container li:nth-child(2){ width:49%;float:left ; margin-right:1%;min-height: inherit;max-height:165px;  background-color:#999; }
.containerbox2 .new_video li .rslides_container li:nth-child(3){ width:49%;float:left ; margin-left:1%; min-height:inherit;max-height:165px;  background-color:#999; }
.containerbox2 .new_video li .rslides_container li a{ display:block;}
.containerbox2 .new_video li .rslides_container li img{ width:100%; height:auto;}

.containerbox2 .new_video .box_1 .bigtitle{margin-right:0%; width:100%;}
.containerbox2 .new_video .box_1 .bigtitle h2{ color:#07743d; display:inline-block; width:80%; line-height:45px; font-size:160%;}
.containerbox2 .new_video .box_1 .bigtitle h2 img{ margin-right:5px;width:45px;}
.containerbox2 .new_video .box_1 .bigtitle h2 span{ color:#07743d; font-size:80%; font-weight:normal;}
.containerbox2 .new_video .box_1 .bigtitle .mob-more{ display:block;width:60px; height: auto; padding:3px; color:#07743D; margin-top:10px; float:right;}
.containerbox2 .new_video .box_1 .bigtitle .mob-more:before {content: "► ";}
.containerbox2 .new_video .box_1:nth-child(1){width:100%; float: none; height:auto; margin-bottom:2%; overflow:hidden;}
.containerbox2 .new_video .box_1:nth-child(2){ display:none;width:100%; float: none; height:auto; margin-bottom:2%; overflow:hidden;}
.containerbox2 .new_video .box_1 .rslides_container { list-style:none; }
.containerbox2 .new_video .box_1 .rslides_container li:nth-child(1){ width:100%; float: none ; margin:0 0%; margin-right:0%; height:auto; max-height: none; min-height:inherit; background-color:#999; margin-bottom:10px;}
.containerbox2 .new_video .box_1 .rslides_container li:nth-child(2){ width:49%;float:left ; margin-right:1%;min-height: inherit;max-height:165px;  background-color:#999; }
.containerbox2 .new_video .box_1 .rslides_container li:nth-child(3){ width:49%;float:left ; margin-left:1%; min-height:inherit;max-height:165px;  background-color:#999; }
.containerbox2 .new_video .box_1 .rslides_container li a{ display:block;}
.containerbox2 .new_video .box_1 .rslides_container li img{ width:100%; height:auto;}

.containerbox2 .new_video .box .video-container{ width:100%;}



/*主題專區 熱門服務 網網相連*/
.iconmu .iconmubox .box{ clear:both; display:block; width:100%; height:auto; overflow:hidden; margin:0 auto;}
.iconmu .iconmubox .box p{ width:5%; padding:0% 0px; float:left; }

.iconmu .iconmubox .box .bigtitle{ padding:0% 0px; margin-top:10px;}
.iconmu .iconmubox .box .bigtitle i{ display:block;text-align:center; width:58px; font-style:normal; font-size:100%; font-weight: bold; color:#4e4e4e; letter-spacing:2px;}
.iconmu .iconmubox .box .bigtitle i img{text-align:center;width:40px;padding-top:2px;}
.iconmu .iconmubox .box .productbox{ margin-top:10px;}


/* 熱門服務 網網相連標題-mob*/
.iconmu .iconmubox_mob h3{ text-align:left; font-size:140%; padding:1%  auto; margin:1%  auto;color:#07743d;}
.iconmu .iconmubox_mob h3 img{ margin-right:5px;width:40px;}
.iconmu .iconmubox_mob{ width:94%; border-bottom:1px solid #666;}
.iconmu:nth-child(2).iconmubox_mob{border-bottom:0px solid #666;}
/*article-----------------------*/
/*articlebox-end*/


/*sitemap------------------------------------------*/
.indexsitemap{ display:none; width:100%; height:auto;margin:0 auto;}
.indexsitemap .centerbox{width:100%; height:auto; margin:0 auto;padding:4% ; overflow:hidden;}
.sitemaptopbox{ display:none;  width:100%; text-align:center; padding:0.5% 0px; color:#FFFFFF; font-size:110%;letter-spacing:2px;}
.sitemaptopbox img{ padding-top:5px; padding-left:5px;}
#sitemap{  width:100%; list-style:none;}
#sitemap li{float:left;}
#sitemap .title {color: #FFF;font-size:100%;font-weight: bold;padding-bottom: 8px;margin-left:20px;float:left;width:140px;}
#sitemap .title2 {color: #FFF;font-size:100%;font-weight: bold;padding-bottom: 8px;margin-right:0px;width:150px;}
#sitemap .title a,#sitemap .title2 a{color: #FFF; text-decoration:none;}

#sitemap .title ul{ margin-top:5px;}
#sitemap .title ul li{color: rgba(100%,100%,100%,0.7);font-size: 100%;list-style-type: none; font-weight:normal; margin-bottom:6px;}
#sitemap .title ul li a{color: rgba(100%,100%,100%,0.7);text-decoration:none; line-height:110%;}
#sitemap .title ul li a:hover{text-decoration: underline;}

#sitemap .title ul li ul li{color: rgba(100%,100%,100%,0.7);font-size:80%; margin-left:6px;list-style-type: none;}
#sitemap .title ul li ul li a{color: rgba(100%,100%,100%,0.7);list-style-type: none;}
#sitemap .title ul li ul li a:hover{text-decoration: underline;}

.article .articlebox .topbanner{width:100%; height:auto; margin:0 auto;}
.article .articlebox .toptitle{ display:block;width:94%; height:auto; margin:5px auto 5px auto;font-size:150%; color:#004077; font-weight:bold; letter-spacing:2px; margin-top:5px;}
.article .articlebox .toptitle img{ margin-right:10px;width:30px; height:auto;}


/*download*/
.article .articlebox .downloadbox{	width:100%; height:auto; margin-top:0px; margin-bottom:20px;}
.article .articlebox .downloadbox h3 img{ margin-right:5px;}
.article .articlebox .downloadbox .downloadlistbox{ list-style:none;width:100%; height:auto;display:block; margin:2% auto; padding:2% 1% 3% 1%; border:0px solid #eee;}
.article .articlebox .downloadbox .downloadlistbox li{border-bottom:#d6ecff 1px solid;line-height:150%; padding-bottom:8px; padding-top:15px; overflow:hidden;font-size:115%;background-image:url(../frontimages/icon-09.png); background-repeat:no-repeat; background-position: 5px center; padding-left:10px; vertical-align:middle;	width:100%;}
.article .articlebox .downloadbox .downloadlistbox li a{ color:#4f4f4f; text-decoration:none;}
.article .articlebox .downloadbox .downloadlistbox li a:hover{ font-weight:bold;}
.article .articlebox .downloadbox .downloadlistbox li p{ float: none; display: inline-block;line-height:150%;margin-left:15px; width:59%;overflow:hidden;white-space: normal; text-overflow: none;}
.article .articlebox .downloadbox .downloadlistbox li img{float:right;margin-right:15px;width:10%;}
.article .articlebox .downloadbox .downloadlistbox li .downloadbtn{ float:right; display:inline-block; font-style:normal;border-radius:6px; background-color:#004077;line-height:150%; padding:5px 12px; color:#FFFFFF;  margin-right:10px;vertical-align:middle; margin-top:0px; font-size:90%;}
.article .articlebox .downloadbox .downloadlistbox li span{ display:inline-block; vertical-align:top; text-align: center; margin-left:10px; color:#7e9cb5; font-weight:bold;font-size:90%;}
.article .articlebox .downloadbox .downloadlistbox li span:before{display:block;content: "下載次數:"; font-weight:normal; font-size:90%;}

/*class*/
.article .articlebox .selectbox{ font-size:110%; margin-top:10px; margin-bottom:10px;width:100%; height:auto; overflow:hidden; padding:0px 2%;}
.article .articlebox .selectbox p{ float:left; margin-bottom:5px;}
select{ font-size:100%; padding:15px 5px; margin:10px 8px; }
input{ font-size:100%; padding:15px 5px; }

.article .articlebox .classbox{ list-style:none;width:96%; height:auto;display:block; margin:10px auto; }
#css_table { background-color: transparent; text-align:left;border:#eee 0px solid;}
#css_table .css_tr { display:block; width:100%; height:auto; overflow:hidden;border:#ddd 1px solid; padding-bottom:1%;margin-bottom: 4px;	background: #ffffff;}
#css_table .css_tr:nth-child(odd){ background-color:#f6f6f6;.display: block;}
/*標題部分*/
#css_table .css_tr:first-child {  font-weight:bold;/*標題底色*/background-color: #ea6e8c; color:#FFFFFF;display: none;}
#css_table .css_tr:first-child a{ text-decoration:none;color:#666;}
#css_table .css_tr:first-child a:hover{ text-decoration:none; color:#188fa7;}
#css_table .css_td { display:inline-block;border: #ddd 1px solid;width: 100%;border: none; text-align:left; padding:1% 2%; }

#css_table .line{/*標題底色*/background-color: rgba(255,255,255,0.8);color:#333;}
#css_table .css_tr .css_td h1{ font-size:100%;color:#000; margin:0px;}
#css_table .title{.display: block;color:#0277bd;font-size:87.5%;}
#css_table .css_td b{ color:#000;display: inline-block;.display:inline;padding-right:5px; text-align: right; font-weight:bold;}
#css_table .css_td b:after{ content:"：";}
#css_table .css_td a.link{ color:#ff8a00;}

#css_table .css_td .productbox{ display:block; width:100%; }
#css_table .css_td .productbox img{ background-color:#CC0000; width:25%; float: left;}
#css_table .css_td .productbox p{ width:70%; float: left; padding:1% 3%; line-height:120%;}

#css_table .css_td .tabhotn{background-color:#13a8c0; text-decoration:none; font-weight:bold;color:#FFF; font-size:75%; padding:5px 5px; border-radius:5px;}
#css_table .css_td .tabhotn a{ color:#FFFFFF; font-size:87.5%; }
#css_table .css_td .tabhotn:hover{text-decoration:none;}
#css_table .css_td a img{ vertical-align:middle; border:0;}


/*prelessonmain 預約課程*/
/*.table_box1 { clear:both; width:100%; height:auto; margin:0 auto; padding:3px 3px 0px 3px;border:1px solid #eee;}
.table_box1 #css_table .line{background-color:#000;}
.table_box1 #css_table .box01{ width:100%;float:left;}
.table_box1 #css_table .box02{ width:100%;float:left;}
.table_box1 #css_table .box03{ width:100%;float:left;}
.table_box1 #css_table .css_td b{ width:100px;}

/*actionindex 服務與活動*/
.table_box2 { clear:both; width:100%; height:auto; margin:0 auto; padding:3px 3px 0px 3px;border:1px solid #eee;}
.table_box2 #css_table .line{background-color:#014076; }
.table_box2 #css_table .box01{ width:100%;}
.table_box2 #css_table .box02{ width:100%;}
.table_box2 #css_table .box03{ width:100%;}.table_box2 #css_table .box03 a{text-decoration:none; color:#188fa7; font-weight:bold;}.table_box2 #css_table .box03 a:hover{text-decoration:none;color:#004077; font-weight:bold;}
.table_box2 #css_table .box04{ width:100%;}
.table_box2 #css_table .box05{ width:100%;}
.table_box2 #css_table .css_td b{ width:100px;}

/*content*/
.content{ width:94%; height:auto; margin:0 auto;}
.content .contentbox{ padding:15px 0px;}
.content .contentbox h2{ margin:10px 0;}
.content .contentbox P{ line-height:150%; color:#666; letter-spacing:2px; font-size:105%;text-align: justify;text-justify:inter-ideograph;word-break: break-strict;}
.content .contentbox .BB{ color:#8864be; font-size:110%; line-height:200%;}


.article .articlebox .content{width:96%;height: auto;margin:0px auto 10px auto; padding:0px 0 10px 0;line-height:180%;}
.article .articlebox .content h1{ font-size:140%;line-height:130%;}
.article .articlebox .content h2{ font-size:130%;line-height:130%;}
.article .articlebox .content h3{ font-size:120%;line-height:130%;}
.article .articlebox .content h4{ font-size:110%;line-height:130%;}
.article .articlebox .content h5{ font-size:100%;line-height:130%;}



/*預約課程 報名表--------------------*/
.classname{ position:relative; font-size:130%; color:#6CF; display:block; background-color:#000; padding:10px 10px;}
.classname .boximg_desk{ display:none; position:absolute; right:20px; top:70px; background-color:#FFF; width:100%;height:auto;border:2px solid #eee; text-align:center;width:300px;height:200px;}.classname .boximg_desk img{width: auto; max-width:100%; height:auto;}
.class_tablist {width:100%; height:auto; margin:0 auto; overflow:hidden; font-size:110%;}
.class_tablist .boximg{ display:block;width:100%;height:auto;border:0px solid #eee; text-align:center;}.class_tablist .boximg img{width:100%; max-width:100%; height:auto;}
.class_tablist #css_table_01 .css_td b{width:25%;max-width:90px;display: inline-block; vertical-align:top; text-align:left;}
.class_tablist #css_table_01 .css_td .spanbox{ width:75%;display: inline-block;}
.class_tablist #css_table_01 .maininboxinfo{width:100%; height:auto;padding:5px 10px;}
.class_tablist .text_input{ width:95%;}
.class_tablist #css_table_01 .box01,
.class_tablist #css_table_01 .box02,
.class_tablist #css_table_01 .box03,
.class_tablist #css_table_01 .box04,
.class_tablist #css_table_01 .box05,
.class_tablist #css_table_01 .box06,
.class_tablist #css_table_01 .box07,
.class_tablist #css_table_01 .box08,
.class_tablist #css_table_01 .box09,
.class_tablist #css_table_01 .box10,
.class_tablist #css_table_01 .box11{ width:100%;float:none;background:#eee;}
.class_tablist #css_table_01 .css_td:nth-child(even) {background:#FFF;}

.class_tablist #css_table_01 .box12{width:100%;background:#0a5392;}.class_tablist #css_table_01 H3{ font-size:120%;color:#FFF;padding:5px 0px;}
.class_tablist #css_table_01 .box13,
.class_tablist #css_table_01 .box14,
.class_tablist #css_table_01 .box15,
.class_tablist #css_table_01 .box16,
.class_tablist #css_table_01 .box17,
.class_tablist #css_table_01 .box18,
.class_tablist #css_table_01 .box19,
.class_tablist #css_table_01 .box20,
.class_tablist #css_table_01 .box21,
.class_tablist #css_table_01 .box22{ width:100%;background:#ebf3f9;}

<!---topbookmarkAA-頁籤------------------->
.topbookmarkAA { width:100%; height:auto; margin:0 auto;overflow:hidden; margin-top:20px; border-bottom:1px solid #000;}
.topbookmarkAA a{display:inline-block;width:32%; height:auto;padding-top:5px;line-height:35px; font-size:100%;color:#FFF; font-weight:bold; text-decoration:none; text-align:center;  vertical-align: middle; border-radius:15px 15px 0 0;background:#247cad;.background:#247cad;
background:linear-gradient(#4090bd 50%, #247cad 50%);
background: -webkit-linear-gradient(#4090bd 50%, #247cad 50%);
background: -ms-linear-gradient(#4090bd 50%, #247cad 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4090bd', endColorstr='#247cad',GradientType=0);
}
.topbookmarkAA a:nth-child(1),
.topbookmarkAA a:nth-child(2){ margin-right:0;}
.topbookmarkAA a:nth-child(3){width:33%;}
/*actionindet*/
.actionindet_tablist {width:100%; height:auto; margin:0 auto; overflow:hidden; font-size:110%; line-height:150%;}
.actionindet_tablist .boximg{ display:block;width:100%;height:auto;border:0px solid #eee; text-align:center;}.actionindet_tablist .boximg img{width:100%; max-width:100%; height:auto;}
.actionindet_tablist #css_table_01 .css_td b{width:25%;max-width:90px;display: inline-block; vertical-align:top; text-align:left;}
.actionindet_tablist #css_table_01 .css_td .spanbox{ width:75%;display: inline-block;}
.actionindet_tablist .cutoff{ font-size:120%; color:#F00; margin:10px;}
.actionindet_tablist #css_table_01 .maininboxinfo{width:100%; height:auto;padding:0px 0px;}
.actionindet_tablist #css_table_01 .maininboxinfo .alink{ display:block; color:#000; font-weight:bold; line-height:180%; text-decoration:none;}
.actionindet_tablist #css_table_01 .maininboxinfo .alink:hover{color: #F60;text-decoration:none;}
.actionindet_tablist #css_table_01 .maininboxinfo .attention{ margin:0; padding:0 10px; font-size:90%;}
.actionindet_tablist #css_table_01 .maininboxinfo .aspNetDisabled{ margin:10px 0;}
.actionindet_tablist .text_input{ width:95%;}
.actionindet_tablist #css_table_01>span input{ width:auto;}
.actionindet_tablist #css_table_01 .box01,
.actionindet_tablist #css_table_01 .box02,
.actionindet_tablist #css_table_01 .box03,
.actionindet_tablist #css_table_01 .box04,
.actionindet_tablist #css_table_01 .box05,
.actionindet_tablist #css_table_01 .box06,
.actionindet_tablist #css_table_01 .box07,
.actionindet_tablist #css_table_01 .box08,
.actionindet_tablist #css_table_01 .box09,
.actionindet_tablist #css_table_01 .box10,
.actionindet_tablist #css_table_01 .box11,
.actionindet_tablist #css_table_01 .box12,
.actionindet_tablist #css_table_01 .box13,
.actionindet_tablist #css_table_01 .box14,
.actionindet_tablist #css_table_01 .box15{ width:100%; float:none;}
.actionindet_tablist #css_table_01 .box_download img{ vertical-align:middle;}
.actionindet_tablist #css_table_01 .titlebox{ width:100%;background:#0a5392;}.actionindet_tablist #css_table_01 H3{ font-size:120%;color:#FFF;padding:5px 0px;}
.actionindet_tablist #css_table_01 .box20,
.actionindet_tablist #css_table_01 .box21,
.actionindet_tablist #css_table_01 .box22,
.actionindet_tablist #css_table_01 .box23,
.actionindet_tablist #css_table_01 .box24,
.actionindet_tablist #css_table_01 .box25,
.actionindet_tablist #css_table_01 .box26,
.actionindet_tablist #css_table_01 .box27,
.actionindet_tablist #css_table_01 .box28,
.actionindet_tablist #css_table_01 .box29,
.actionindet_tablist #css_table_01 .box30{ width:100%;background:#ebf3f9;}

/*actionindet*/
.prelessonmain_tablist {width:100%; height:auto; margin:0 auto; overflow:hidden; font-size:110%; line-height:150%;}
.prelessonmain_tablist .boximg{ display:block;width:100%;height:auto;border:0px solid #eee; text-align:center;}.prelessonmain_tablist .boximg img{width:100%; max-width:100%; height:auto;}
.prelessonmain_tablist #css_table_01 .css_td b{width:25%;max-width:90px;display: inline-block; vertical-align:top; text-align:left;}
.prelessonmain_tablist #css_table_01 .css_td .spanbox{ width:75%;display: inline-block;}
.prelessonmain_tablist .cutoff{ font-size:120%; color:#F00; margin:10px;}
.prelessonmain_tablist #css_table_01 .maininboxinfo{width:100%; height:auto;padding:0px 0px;}
.prelessonmain_tablist #css_table_01 .maininboxinfo .alink{ display:block; color:#000; font-weight:bold; line-height:180%; text-decoration:none;}
.prelessonmain_tablist #css_table_01 .maininboxinfo .alink:hover{color: #F60;text-decoration:none;}
.prelessonmain_tablist #css_table_01 .maininboxinfo .attention{ margin:0; padding:0 10px; font-size:90%;}
.prelessonmain_tablist #css_table_01 .maininboxinfo .aspNetDisabled{ margin:10px 0;}
.prelessonmain_tablist .text_input{ width:95%;}
.prelessonmain_tablist #css_table_01>span input{ width:auto;}
.prelessonmain_tablist #css_table_01 .box01,
.prelessonmain_tablist #css_table_01 .box02,
.prelessonmain_tablist #css_table_01 .box03,
.prelessonmain_tablist #css_table_01 .box04,
.prelessonmain_tablist #css_table_01 .box05,
.prelessonmain_tablist #css_table_01 .box06,
.prelessonmain_tablist #css_table_01 .box07,
.prelessonmain_tablist #css_table_01 .box08,
.prelessonmain_tablist #css_table_01 .box09,
.prelessonmain_tablist #css_table_01 .box10,
.prelessonmain_tablist #css_table_01 .box11,
.prelessonmain_tablist #css_table_01 .box12,
.prelessonmain_tablist #css_table_01 .box13,
.prelessonmain_tablist #css_table_01 .box14,
.prelessonmain_tablist #css_table_01 .box15{ width:100%; float:none;}
.prelessonmain_tablist #css_table_01 .box_download img{ vertical-align:middle;}
.prelessonmain_tablist #css_table_01 .titlebox{ width:100%;background:#0a5392;}.prelessonmain_tablist #css_table_01 H3{ font-size:120%;color:#FFF;padding:5px 0px;}
.prelessonmain_tablist #css_table_01 .box20,
.prelessonmain_tablist #css_table_01 .box21,
.prelessonmain_tablist #css_table_01 .box22,
.prelessonmain_tablist #css_table_01 .box23,
.prelessonmain_tablist #css_table_01 .box24,
.prelessonmain_tablist #css_table_01 .box25,
.prelessonmain_tablist #css_table_01 .box26,
.prelessonmain_tablist #css_table_01 .box27,
.prelessonmain_tablist #css_table_01 .box28,
.prelessonmain_tablist #css_table_01 .box29,
.prelessonmain_tablist #css_table_01 .box30{ width:100%;background:#ebf3f9;}

/*海 洋 學 習 護 照-----------------*/
.member_tablist {width:100%; height:auto; margin:0 auto; overflow:hidden; font-size:110%;}
.member_tablist .boximg{ width:100%;height:auto;border:0px solid #eee; text-align:center;}.member_tablist .boximg img{width:100%; max-width:100%; height:auto;}
.member_tablist .hours_title{ font-size:120%;color:#FFF;font-size:150%; padding:5px 10px; background-color:#553211; font-weight:bold; text-align:center;}
.member_tablist .post{ border:1px solid #eee;}
.member_tablist .post .table_box3{ width:90%; height:auto; margin:0 auto;}
.table_box3 { clear:both; width:100%; height:auto; margin:0 auto; padding:3px 3px 0px 3px;border:1px solid #eee;}
.table_box3 #css_table .css_td b{ color: #963;  font-weight:bold; width:auto; display:inline-block;}



/*活動集錦相簿列表*/
.Photo_list{width: 100%;height: auto;margin:0 auto;}
.Photo_list .box{width:45%; height:0; padding-bottom:30%; overflow:hidden; margin:8px; float:left; border:#F4F4F4 2px solid;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); position:relative;}
.Photo_list .box .boxsize{width:100%; height:auto;}
.Photo_list .box .mesk{ position:absolute; bottom:0; left:0; background-color:rgba(0,0,0,0.8); display:block; width:100%; height: auto; color:#FFF; font-size:100%; text-align:left; padding:5px 10px;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.Photo_list .box .mesk span{ font-size:70%; display:block; color:#0CF;}

/*明細*/
.member_discussdit #css_table_01 .box01{background-color:#000;color:#FFF;}
.member_discussdit #css_table_01 .css_td b{ width:25%; vertical-align:top; margin-right:1%;display:inline-block;}
.member_discussdit #css_table_01 .css_td .spanbox{ width:72%; height:auto; display:inline-block;}
}
@media screen and (min-width: 461px) and (max-width: 768px) {
body{ width:100%;min-width:320px; height:auto;-webkit-text-size-adjust:none;font-family:Arial, Helvetica, "微軟正黑體", sans-serif !important;}
/*-------------------------------------------*/
.header .headerbox {width: 100%;height:70px;margin:0 auto; position:relative;}
.container .containerbox{width:94%; height:auto; margin:0 auto; overflow:hidden;}
.container .containerbox2{width:94%; height:auto; margin:0 auto; overflow:hidden;}
.indexsitemap .sitemapbox{width:100%;height: auto; margin:0px auto;}
.footer{width: 100%;height: auto; overflow:hidden;border-top:solid 2px #0b4a2b; }
.footer .footerbox{ width: 100%;height: auto; margin:0px auto; overflow:hidden;padding:10px 0;}
.iconmu .iconmubox{ display:none; width:94%;height: auto; margin:0 auto;padding:1% 0px;}
.iconmu .iconmubox_mob{ display: block;  width:94%;height: auto; margin:0 auto;padding:1% 0px;}

.iconmu .Themearea{ display:none;width:100%;height: auto; margin:1% auto 0% auto;padding:0.5% 0px 0% 0px; overflow:hidden;}
.iconmu .Themearea h3{ font-size:120%; padding-bottom:5px; margin-bottom:5px; color:#07743d;}

/*主題專區*/
.iconmu .Themearea_mob{ display: block; width:94%;height: auto; margin:1% auto 0% auto;padding:0.5% 0px 0% 0px; overflow:hidden;}
.iconmu .Themearea_mob h3{  font-size:140%; padding-bottom:0px; margin-bottom:0px;  color:#07743d; line-height:180%; vertical-align:middle;}
.iconmu .Themearea_mob h3 img{ margin-right:5px;width:40px; vertical-align:middle;}

.iconmu .Themearea_mob .regular.slider_regular div a img{width: auto;height:100px;}
.iconmu .iconmubox_mob .regular2.slider_regular div a img{height:50px;}

/*--主題專區2-----------------------------*/
.iconmu .Themearea2{ display: block; width:94%;height: auto; margin:1% auto 0% auto;padding:0% 0px 20px 0px;  overflow:hidden; border-bottom:1px solid #999; }
.iconmu .Themearea2 h3{ text-align:left; font-size:160%; line-height:160%; padding-bottom:5px; margin-bottom:5px;color:#07743d;}
.iconmu .Themearea2 h3 img{ margin-right:5px;width:45px;}
.iconmu .Themearea2 h3 span{ color:#07743d; font-size:80%; font-weight:normal;}

.iconmu .Themearea2 .Themeicon2{width:100%;height: auto; overflow:hidden;vertical-align:middle; margin-top:0%;}
.iconmu .Themearea2 .Themeicon2 ul {list-style: none; margin: 0px; padding:0 2% ; width:100%;height: auto; overflow:hidden; position: relative;}
.iconmu .Themearea2 .Themeicon2 ul li {border-image: none; width:33%; height: auto; overflow:hidden;float: left; padding:0.5%; margin-bottom:2px;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.iconmu .Themearea2 .Themeicon2 ul li a{ color:#000; display:inline-block;}
.iconmu .Themearea2 .Themeicon2 ul li a img {	display: block; width:95%;height:auto; text-align:center; border:0px solid #FFF;}
.iconmu .Themearea2 .more{ text-align:center;}
.iconmu .Themearea2 .more a{ color:#fff; padding:5px 10px;}

.iconmu .Themearea2 .Themeicon3{ width:100%;height: auto; overflow:hidden;vertical-align:middle; margin-top:0%;}
.iconmu .Themearea2 .Themeicon3 ul {list-style: none; margin: 0px; padding:0 2% ; width:100%;height: auto; overflow:hidden; position: relative;}
.iconmu .Themearea2 .Themeicon3 ul li {border-image: none; width:33%; height: auto; overflow:hidden;float: left; padding:0.5%; margin-bottom:2px;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.iconmu .Themearea2 .Themeicon3 ul li a{ color:#000; display:inline-block;}
.iconmu .Themearea2 .Themeicon3 ul li a img {	display: block; width:95%;height:auto; text-align:center; border:0px solid #FFF;}


/*logo*/
.headerbox .logo{ display:block;text-indent:-999999px;display: block;width:98%; height:70px; float: none;background: url(../frontimages/logo.svg) center left no-repeat; background-size:auto 50px; margin-left:1%;}
/*toolbar*/
.headerbox .toolbar{float:right; width:100%; height:auto; }
.headerbox .toolbar .toolbarmenu{ display:none;}

.headerbox .toolbar .toolbarsearch{  clear:both; display:block; width:94%; height:auto;text-align:left; margin:-5px auto 5px auto;font-size:100%;line-height:35px;}
.headerbox .toolbar .toolbarsearch .hot{ color:#e29500;display:block;}
.headerbox .toolbar .toolbarsearch .hot a{ color:#e29500;}
.headerbox .toolbar .toolbarsearch .hot a:hover{ color:#333;}
.headerbox .toolbar .toolbarsearch input{ height:35px; margin-top:-2px;vertical-align:middle;}
.headerbox .toolbar .toolbarsearch .search{ padding:3px 3px; width:35%; line-height:150%; background-color:#f1f1f1;border:0;height:35px;}
.headerbox .toolbar .toolbarsearch .searchbtn{ background-color:#000; color:#fff; border:0; padding:0 10px;height:35px;line-height:35px; cursor:pointer;}
.headerbox .toolbar .toolbarsearch .searchbtn:hover{ opacity:0.8;}
.headerbox .toolbar .toolbarsearch .searchin{ display: none; margin:0;background-color:#d3d3d3; color:#000; border:0;height:35px;line-height:34px;padding:0 10px;}
.headerbox .toolbar .toolbarsearch .searchin:hover{opacity:0.8;}
.headerbox .toolbar .toolbarsearch .enbtn{display:inline-block;background-color:#07743d; color:#fff; border:0;height:35px;line-height:33px; padding:0 10px; border-top:1px solid #07743d;}
.headerbox .toolbar .toolbarsearch .enbtn p{ display:inline-block;height:34px;line-height:33px;}
.headerbox .toolbar .toolbarsearch .chbtn{display:inline-block; color:#fff; border:0;height:35px;line-height:34px; padding:0 10px;}
.headerbox .toolbar .toolbarsearch .enbtn:hover,.headerbox .toolbar .toolbarsearch .chbtn:hover{ opacity:0.8;}

.topmenu{display:none; }
/*adv*/
/*.adv{width:100%;height:auto;overflow:hidden;background-color: transparent;}
.adv .ADVbox{ width:100%; height:0; padding-bottom:37%; margin:0px auto;background:none;}
.adv .ADVbox img{width: 100%;height: auto;}*/

.adv{width:100%; height:auto;  }
.adv .ADVbox{ width:100%; height: auto;overflow:hidden;  margin:0px auto; background:none; margin-top:0px;margin-bottom:2%;}
.adv .ADVbox img{width:100%; height:auto;}
.adv .ADVbox .bannerbox {margin: 0px auto;text-align: center; width: 100%;max-width: 100%;height:auto; overflow:hidden ;position: relative; padding-top:5px;}

/*pointBanner*/
.adv .pointbanner { position:relative;background:#FFF url(../frontimages/shell_dci_bgtop.gif) repeat  center top;}
.adv .pointbanner .toggle{margin:10px 0 0 15px; font-size:36px; border-radius:4px;}
.adv .pointbanner .box-close, .adv .pointbanner .box-open { z-index:10; position:absolute; }
.adv .pointbanner .box-close .toggle:after{ content:"▼"}
.adv .pointbanner .box-open .toggle:after{ content:"▲"}
.box-close .img{max-height:0px;overflow:hidden; }
.box-open .img{max-height:1000px;overflow:hidden;}
.box-close .txt{text-align:center; font-size:120%; font-weight:bold; background:#FFF url(../frontimages/shell_dci_bgtop.gif) repeat  center top;position: absolute; top: calc(50% - .5em); width: 100%; background: transparent}
.box-open .txt{text-align:center; font-size:120%; font-weight:bold; background:#FFF url(../frontimages/shell_dci_bgtop.gif) repeat  center top;position: absolute; top: calc(50% - .5em); width: 100%; background: transparent}
.adv .pointbanner .box { transition: opacity 1s, max-height 0.35s ease;overflow: initial;margin: 0px auto;text-align: center;width: 100%;max-width: 1000px;height: auto;position: relative;padding-top: 5px;z-index: 10;}

/*footer*/
.footerbox p{float:left; width:100%; line-height:160%; font-size:80%; }
.footerbox p .Copyright{color: #000; margin-left:0px;display:block;}
.footerbox p .Copyrightinfo{ display:block;}
.footerbox p a{ color:#333333; text-decoration:none;font-size:115%; color:#000; font-weight:bold;}
.footerbox p a:hover{ color:#1c994d; text-decoration: underline;}
.footerbox .aa{float:right; margin-left:1%; font-style:normal;}
.footerbox .people{display:block;width:auto; max-width:70%;text-align:center;margin:0px auto;}

/*-----------------------container-----------------------------------------*/

.bigtitle{ padding:5px 0px; width:100%; height: auto; margin:10px 0;}
.bigtitle h2{ display:inline-block; width:75%; line-height:40px; font-size:160%; color:#07743d;}
.bigtitle h2 img{ margin-right:5px;width:40px;}
.bigtitle h2 span{  font-size:60%; font-weight:normal;}
.bigtitle .mob-more{ display: inline-block; text-align:right;width:65px; height: auto; padding:5px; color:#07743D; margin-top:10px; float:right;}
.bigtitle .mob-more:before {content: "► ";}

.bigtitle .fontsize{ display:none;height:auto; float:right; margin-top:0px;}
.bigtitle .fontsize a{display:inline-block; width:40px; height:auto; line-height:225%;text-align:center; color:#fff; font-size:100%; background:#A7B63B; text-decoration:none;}
.bigtitle .fontsize a:hover{background:#919F29;}
.bigtitle .fontsize .ON{ display:inline-block; background:#7b881a;}
/*hot news*/
.containerbox .topbg{width:100%; height: auto;border-bottom: rgba(0,0,0,0.5) 2px solid; border-radius:0 0;}
.containerbox .topbg p{display:block; float:left; width: auto; height: auto; padding:0px 1% ;font-size:100%; line-height:120%; color:#FFFFFF; letter-spacing:2px;}
.containerbox .topbg a{width: 18.7%;height: auto;line-height:120%;padding:5px 2%; text-align:center;}
.containerbox .topbg a.on{ background:linear-gradient(to top, #006835 50%,#0a8044 100%); color:#FFF; border:1px solid rgba(5,66,35,0.5);}
.slider{ width: 100%; height: auto; overflow:hidden;padding:0px; margin:0;}
.flexslider_6.carousel .slides{ width: 100%; height: auto; overflow:hidden;padding:0px; margin:0; }
.flexslider_6.carousel .slides li{width: 100%; height: auto;padding:0px; margin:0;}
.flexslider_6.carousel .slides li .listbox ul{width: 100%; height: auto;list-style:none; background-color:#f6f6f6; clear:both;}
.flexslider_6.carousel .slides li .listbox li{ border-bottom:rgba(0,0,0,0.3) 1px solid;padding:10px 10px;}
.flexslider_6.carousel .slides li .listbox li p{ display:block;  height: auto; font-size:100%; vertical-align:middle; color:#4b4b4b;overflow:hidden; }
.flexslider_6.carousel .slides li .listbox li p .fontbox{float: left;font-style:normal; display:block; height: auto; overflow:hidden; line-height:180%;width:99%;margin:0 auto;white-space:nowrap;text-overflow:ellipsis;}
.flexslider_6.carousel .slides li .listbox li p .day{ float:left; width:100%;text-align:left;line-height:150%; font-style:normal; opacity:0.6;}
.containerbox input{ border:0px; background-color:#c9c9c9; width:20%; text-align:center; letter-spacing:2px; padding:2% 0px; }
.flexslider_6.carousel .slides li .listbox li p .fontbox a{ color:#666;}
.flexslider_6.carousel .slides li .listbox li p .fontbox a:hover{ color:#000;}

.flexslider_6.carousel .slides li .listbox .firstnews{ background-color:#f6f6f6;width:100%; height: auto; padding:1.5% 3%; overflow:hidden;border-bottom:rgba(0,0,0,0.3) 1px solid;}
.flexslider_6.carousel .slides li .listbox .firstnews .imgbox{width:40%; height:auto; overflow:hidden; float:left;}
.flexslider_6.carousel .slides li .listbox .firstnews .imgbox img{ width:138px;height: auto; max-height:100px; }
.flexslider_6.carousel .slides li .listbox .firstnews .news{width:58%; float:right;}
.flexslider_6.carousel .slides li .listbox .firstnews .news .day{font-style:normal; opacity:0.6;}
.flexslider_6.carousel .slides li .listbox .firstnews .news .day .more{ float:right;}
.flexslider_6.carousel .slides li .listbox .firstnews .news .title{ font-size:120%; font-weight:bold; padding:2px 0px;
width:100%;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.flexslider_6.carousel .slides li .listbox .firstnews .news .title a{ color:#333; text-decoration: none;}
.flexslider_6.carousel .slides li .listbox .firstnews .news .title a:hover{ color:#000; text-decoration:underline;}
.flexslider_6.carousel .slides li .listbox .firstnews .news .mains{width:100%; font-size:100%;padding-top:5px; color:#000;}


/*出版品*/
.flexslider_6.carousel .slides li .listbox .news_book{width:50.5%; margin-left:-0.7%; display:inline-block; list-style: none; overflow:hidden; background:#fff;}
.flexslider_6.carousel .slides li .listbox .news_book li{ border:0px solid rgba(255,255,255,0.00); background:#F6F6F6; padding:0px; margin:0 auto;}
.flexslider_6.carousel .slides li .listbox .news_book li:hover{ background:rgba(229,229,229,0.53); font-weight:bold;}
.flexslider_6.carousel .slides li .listbox .news_book .bookbox{ display:inline-block; width:100%; margin:0 auto; padding:5px 0; overflow:hidden;border:2px solid rgba(0,0,0,0.00); }
.flexslider_6.carousel .slides li .listbox .news_book .bookbox .book{ width:40%; height:0;padding-bottom:55%;  margin:0px auto; text-align:center;background:#eee url(../frontimages/nopic_logo.png) no-repeat center center; background-size:40% auto;background-position: center 50%;overflow:hidden;}
.flexslider_6.carousel .slides li .listbox .news_book .bookbox:focus{border:2px solid #ae5da1;display:inline-block;}
.flexslider_6.carousel .slides li .listbox .news_book .bookbox .book img{ width:100%; height:auto; vertical-align:middle;}
.flexslider_6.carousel .slides li .listbox .news_book .bookbox  p{
display:inline-block; width:100%;height:22px;  margin:0 auto; text-align:center; padding:5px 22px;
overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;line-height:130%;}

/*.containerbox ul.list{list-style:none; clear:both; width:100%; height:auto; overflow:hidden; clear:both;}
.containerbox ul.list .listbox{ width:100%;float:left; margin-bottom:2%;}
.containerbox ul.list .listbox:nth-child(even) {float:right;margin-left:1%; }

.containerbox .topbg{width:100%; height: auto;border-bottom: rgba(0,0,0,0.5) 2px solid; border-radius:0 0;}
.containerbox .topbg p{display:block; float:left; width: auto; height: auto; padding:0px 1% ;font-size:100%; line-height:120%; color:#FFFFFF; letter-spacing:2px;}
.containerbox .topbg a{width: 18.5%;height: auto;line-height:120%;padding:5px 1%; text-align:center;}
.containerbox .topbg a.on{ background:linear-gradient(to top, #006835 50%,#0a8044 100%); color:#FFF; border:1px solid rgba(5,66,35,0.5);}
/*.containerbox .list .listbox .topbg a{ display:block; float:right; width: auto; height:40px; padding:0px 10px ; line-height:40px; text-decoration:none; color:#FFFFFF; letter-spacing:2px;}*/
/*.containerbox .list .listbox .topbg a{ display:block; float:right; width: auto; height:40px; padding:0px 10px ; line-height:40px; text-decoration:none; color:#FFFFFF; letter-spacing:2px;}*/
/*.containerbox .topbg .more{ border-left:1px solid rgba(0,0,0,0.1); opacity:0.6;border-radius:0px 6px 0 0;}
.containerbox .topbg .more:hover{ background-color:rgba(0,0,0,0.1); opacity:0.8;}*/

/*.containerbox .list .listbox ul{list-style:none; background-color:#f6f6f6; clear:both;}
.containerbox .list .listbox li{ border-bottom:rgba(0,0,0,0.3) 1px solid;}
.containerbox .list .listbox li p{ display:block; padding:10px 10px; height:40px; font-size:87.5%; vertical-align:middle; color:#4b4b4b;}
.containerbox .list .listbox li p .fontbox{float: left;font-style:normal; display:block; height:18px; overflow:hidden; line-height:20px;width:80%;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.containerbox .list .listbox li p .day{ float: left;width:20%;text-align:right;line-height:20px; font-style:normal; opacity:0.6;}
.containerbox input{ border:0px; background-color:#c9c9c9; width:20%; text-align:center; letter-spacing:2px; padding:2% 0px; }
.containerbox .list .listbox li p .fontbox a{ color:#666;}
.containerbox .list .listbox li p .fontbox a:hover{ color:#000;}

.containerbox .list .firstnews{ background-color:#f6f6f6;width:100%; height: auto; padding:1.5% 3%; overflow:hidden;border-bottom:rgba(0,0,0,0.3) 1px solid;}
.containerbox .list .firstnews .imgbox{width:100%; height:100px; overflow:hidden; float:left;}
.containerbox .list .firstnews .imgbox img{ width:100%; height:auto;}
.containerbox .list .firstnews .news{width:68%; float:right;}
.containerbox .list .firstnews .news .day{display:block;font-style:normal; opacity:0.6;}
.containerbox .list .firstnews .news .day .more{ float:right;}
.containerbox .list .firstnews .news .title{ font-size:120%; font-weight:bold; padding:2px 0px;
width:80%;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.containerbox .list .firstnews .news .title a{ color:#333; text-decoration: none;}
.containerbox .list .firstnews .news .title a:hover{ color:#000; text-decoration:underline;}
.containerbox .list .firstnews .news .mains{width:100%; font-size:100%;padding-top:5px; color:#000;}*/


/*.flexslider_6.carousel .slides li .listbox .firstnews{ background-color:#f6f6f6;width:100%; height: auto; padding:1.5% 3%; overflow:hidden;border-bottom:rgba(0,0,0,0.3) 1px solid;}
.flexslider_6.carousel .slides li .listbox .firstnews .imgbox{width:40%; height:auto; overflow:hidden; float:left;}
.flexslider_6.carousel .slides li .listbox .firstnews .imgbox img{ width:90%;height: auto; max-height:100px; }
.flexslider_6.carousel .slides li .listbox .firstnews .news{width:58%; float:right;}
.flexslider_6.carousel .slides li .listbox .firstnews .news .day{font-style:normal; opacity:0.6;}
.flexslider_6.carousel .slides li .listbox .firstnews .news .day .more{ float:right;}
.flexslider_6.carousel .slides li .listbox .firstnews .news .title{ font-size:120%; font-weight:bold; padding:2px 0px;
width:100%;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.flexslider_6.carousel .slides li .listbox .firstnews .news .title a{ color:#333; text-decoration: none;}
.flexslider_6.carousel .slides li .listbox .firstnews .news .title a:hover{ color:#000; text-decoration:underline;}
.flexslider_6.carousel .slides li .listbox .firstnews .news .mains{width:100%; font-size:100%;padding-top:5px; color:#000;}
.flexslider_6.carousel .slides li .listbox li p .day{ float: none;width:100%; display:block;text-align:right;line-height:150%; font-style:normal; opacity:0.6; color:#F00;}*/


/*2*/
/*.containerbox ul.list2{list-style:none; clear:both; width:100%; height:auto; overflow:hidden; clear:both;}
.containerbox ul.list2 .listbox{ width:100%;float:left; margin-bottom:2%;}
.containerbox ul.list2 .listbox:nth-child(even) {float:right;margin-left:1%; }

.list2 .listbox .topbg{ height:40px;border-bottom: rgba(0,0,0,0.5) 2px solid; border-radius:6px 6px 0 0;}
/*.list2 .listbox:nth-child(1) .topbg{background:linear-gradient(to top, #4090bd 50%,#4ca3d4 100%);}
.list2 .listbox:nth-child(2) .topbg{background:linear-gradient(to top, #4090bd 50%,#4ca3d4 100%);}*/
/*.list2 .listbox .topbg p{display:block; float:left; width: auto; height:40px; padding:0px 10px ;font-size:100%; line-height:40px; color:#FFFFFF; letter-spacing:2px;}
.list2 .listbox .topbg a{ display:block; float:right; width: auto; height:40px; padding:0px 10px ; line-height:40px; text-decoration:none; color:#FFFFFF; letter-spacing:2px;}
.list2 .listbox .topbg .more{ border-left:1px solid rgba(0,0,0,0.1); opacity:0.6;border-radius:0px 6px 0 0;}
.list2 .listbox .topbg .more:hover{ background-color:rgba(0,0,0,0.1); opacity:0.8;}

.list2 .listbox ul{list-style:none; background-color:#f6f6f6; clear:both;}
.list2 .listbox li{ border-bottom:rgba(0,0,0,0.3) 1px solid;}
.list2 .listbox li p{ display:block; padding:10px 10px; height:40px; font-size:87.5%; vertical-align:middle; color:#4b4b4b;}
.list2 .listbox li p .fontbox{float: left;font-style:normal; display:block; height:18px; overflow:hidden; line-height:20px;width:80%;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.list2 .listbox li p .day{ float: left;width:20%;text-align:right;line-height:20px; font-style:normal; opacity:0.6;}
.list2 .listbox li p .fontbox a{ color:#666;}
.list2 .listbox li p .fontbox a:hover{ color:#000;}*/

/*title背景顏色*/
.color01{background-image:linear-gradient(to top, #247cad 50%,#4090bd 100%);}
.color02{background-image:linear-gradient(to top, #0e8e2a 50%,#38aa4f 100%);}
.color01 .more,
.color02 .more{ border-left:1px solid rgba(0,0,0,0.1); opacity:0.6;border-radius:0px 6px 0 0;}
.color01 .more:hover,
.color02 .more:hover{ background-color:rgba(0,0,0,0.1); opacity:0.8;}

.quickbox{display:none;width:100%;height: auto; overflow:hidden; margin-bottom:10px; padding:3px 0;border-radius:6px; background-color:#eee;}
.quickbox .quick{width:46%; height: auto; display:inline-block; margin:1% 1.5%;border:2px solid #c3c3c3;box-shadow:0px 0px 3px rgba(20%,20%,40%,0.5);border-radius:0px;}
.quickbox .quick:hover{}
.quickbox .quick a:focus{border:2px solid #ae5da1;display:inline-block;}
.quickbox .quick img{width:100%;height: auto; } 

.quickbox_mob{ display: block;width:100%;height: auto; overflow:hidden; margin-bottom:10px; border:1px solid #eee;background-color:#eee; padding:3px 0;border-radius:6px;}
.quickbox_mob .quick{width:46%; height: auto; display:inline-block; margin:1% 1.5%;border:2px solid #c3c3c3;border-radius:0px;}
.quickbox_mob .quick:hover{border:2px solid #33ab4c;}
.quickbox_mob .quick a:focus{border:2px solid #ae5da1;display:inline-block;}
.quickbox_mob .quick img{width:100%;height: auto; } 

/*statistics*/
.statisticsbox{ width:100%; height:auto; overflow:hidden;/*padding:5px 15px 0px 15px;*/ margin:0px auto; border:1px #f6f6f6 solid; /*border-bottom:4px #becd54 solid;*/ margin-bottom:15px; border-radius:6px 6px;}
.statisticsbox .slides {width:100%; height:auto;overflow:hidden; margin-bottom:30px;}
.statisticsbox .slides .imgbox {width: 100%; height:auto;max-width:100%;max-height: auto;float: none; display: block; border-right:0px solid #becd54; padding-right:0%;padding-bottom:1%;}
.statisticsbox .slides .imgboximg {width:100%;height:140px; overflow:hidden;}
.statisticsbox .slides .imgbox img {width: 100%;height:auto;}
.statisticsbox .slides .fontbox {width: 100%; height:auto;float: none; display: none; padding:0px 0px 0px 0px; color:#333333;}
.statisticsbox .slides .fontbox h3{ font-size:130%; margin-bottom:10px;}
.statisticsbox .slides .fontbox-mob{ display: block;width: 100%; height:auto;float: none; color:#333333;}
.statisticsbox .slides .fontbox-mob a{color:#333333;}

.containerbox2 .new_video{ width:100%; padding:0; margin:0; list-style:none; height:auto;}
.containerbox2 .new_video .box .bigtitle{margin-right:0%; width:100%;}
.containerbox2 .new_video .box .bigtitle h2{ color:#07743d; display:inline-block; width:80%; line-height:45px; font-size:160%;}
.containerbox2 .new_video .box .bigtitle h2 img{ margin-right:5px;width:45px;}
.containerbox2 .new_video .box .bigtitle h2 span{ color:#07743d; font-size:80%; font-weight:normal;}
.containerbox2 .new_video .box .bigtitle .mob-more{ display:block;width:60px; height: auto; padding:3px; color:#07743D; margin-top:10px; float:right;}
.containerbox2 .new_video .box .bigtitle .mob-more:before {content: "► ";}
.containerbox2 .new_video .box:nth-child(1){width:100%; float: none; height:auto; margin-bottom:2%; overflow:hidden;}
.containerbox2 .new_video .box:nth-child(2){width:100%; float: none; height:auto; margin-bottom:2%; overflow:hidden;}
.containerbox2 .new_video li .rslides_container { list-style:none; }
.containerbox2 .new_video li .rslides_container li:nth-child(1){ width:100%; float: none ; margin:0 0%; margin-right:0%; height:auto; max-height: none; min-height:inherit; background-color:#999; margin-bottom:10px;}
.containerbox2 .new_video li .rslides_container li:nth-child(2){ width:49%;float:left ; margin-right:1%;min-height: inherit;max-height:165px;  background-color:#999; }
.containerbox2 .new_video li .rslides_container li:nth-child(3){ width:49%;float:left ; margin-left:1%; min-height:inherit;max-height:165px;  background-color:#999; }
.containerbox2 .new_video li .rslides_container li a{ display:block;}
.containerbox2 .new_video li .rslides_container li img{ width:100%; height:auto;}

.containerbox2 .new_video .box_1 .bigtitle{margin-right:0%; width:100%;}
.containerbox2 .new_video .box_1 .bigtitle h2{ color:#07743d; display:inline-block; width:80%; line-height:45px; font-size:160%;}
.containerbox2 .new_video .box_1 .bigtitle h2 img{ margin-right:5px;width:45px;}
.containerbox2 .new_video .box_1 .bigtitle h2 span{ color:#07743d; font-size:80%; font-weight:normal;}
.containerbox2 .new_video .box_1 .bigtitle .mob-more{ display:block;width:60px; height: auto; padding:3px; color:#07743D; margin-top:10px; float:right;}
.containerbox2 .new_video .box_1 .bigtitle .mob-more:before {content: "► ";}
.containerbox2 .new_video .box_1:nth-child(1){width:100%; float: none; height:auto; margin-bottom:2%; overflow:hidden;}
.containerbox2 .new_video .box_1:nth-child(2){ display:none;width:100%; float: none; height:auto; margin-bottom:2%; overflow:hidden;}
.containerbox2 .new_video .box_1 .rslides_container { list-style:none; }
.containerbox2 .new_video .box_1 .rslides_container li:nth-child(1){ width:100%; float: none ; margin:0 0%; margin-right:0%; height:auto; max-height: none; min-height:inherit; background-color:#999; margin-bottom:10px;}
.containerbox2 .new_video .box_1 .rslides_container li:nth-child(2){ width:49%;float:left ; margin-right:1%;min-height: inherit;max-height:165px;  background-color:#999; }
.containerbox2 .new_video .box_1 .rslides_container li:nth-child(3){ width:49%;float:left ; margin-left:1%; min-height:inherit;max-height:165px;  background-color:#999; }
.containerbox2 .new_video .box_1 .rslides_container li a{ display:block;}
.containerbox2 .new_video .box_1 .rslides_container li img{ width:100%; height:auto;}

.containerbox2 .new_video .box .video-container{ width:100%;}



/*主題專區 熱門服務 網網相連*/
.iconmu .iconmubox .box{ clear:both; display:block; width:100%; height:auto; overflow:hidden; margin:0 auto;}
.iconmu .iconmubox .box p{ width:5%; padding:0% 0px; float:left; }
.iconmu .iconmubox .box .bigtitle{ padding:0% 0px; margin-top:10px;}
.iconmu .iconmubox .box .bigtitle i{ display:block;text-align:center; width:58px; font-style:normal; font-size:100%; font-weight: bold; color:#4e4e4e; letter-spacing:2px;}
.iconmu .iconmubox .box .bigtitle i img{text-align:center;width:40px;padding-top:2px;}
.iconmu .iconmubox .box .productbox{ margin-top:10px;}


/* 熱門服務 網網相連標題-mob*/
.iconmu .iconmubox_mob h3{ text-align:left; font-size:140%; padding:1%  auto; margin:1%  auto;color:#07743d;}
.iconmu .iconmubox_mob h3 img{ margin-right:5px;width:40px;}
.iconmu .iconmubox_mob{ width:94%; border-bottom:1px solid #666;}
.iconmu:nth-child(2).iconmubox_mob{border-bottom:0px solid #666;}
/*article-----------------------*/
/*articlebox-end*/


/*sitemap------------------------------------------*/
.indexsitemap{ display:none; width:100%; height:auto;margin:0 auto;}
.indexsitemap .centerbox{width:100%; height:auto; margin:0 auto;padding:4% ; overflow:hidden;}
.sitemaptopbox{ display:none;  width:100%; text-align:center; padding:0.5% 0px; color:#FFFFFF; font-size:110%;letter-spacing:2px;}
.sitemaptopbox img{ padding-top:5px; padding-left:5px;}
#sitemap{  width:100%; list-style:none;}
#sitemap li{float:left;}
#sitemap .title {color: #FFF;font-size:100%;font-weight: bold;padding-bottom: 8px;margin-left:20px;float:left;width:140px;}
#sitemap .title2 {color: #FFF;font-size:100%;font-weight: bold;padding-bottom: 8px;margin-right:0px;width:150px;}
#sitemap .title a,#sitemap .title2 a{color: #FFF; text-decoration:none;}

#sitemap .title ul{ margin-top:5px;}
#sitemap .title ul li{color: rgba(100%,100%,100%,0.7);font-size: 100%;list-style-type: none; font-weight:normal; margin-bottom:6px;}
#sitemap .title ul li a{color: rgba(100%,100%,100%,0.7);text-decoration:none; line-height:110%;}
#sitemap .title ul li a:hover{text-decoration: underline;}

#sitemap .title ul li ul li{color: rgba(100%,100%,100%,0.7);font-size:80%; margin-left:6px;list-style-type: none;}
#sitemap .title ul li ul li a{color: rgba(100%,100%,100%,0.7);list-style-type: none;}
#sitemap .title ul li ul li a:hover{text-decoration: underline;}

.article .articlebox .topbanner{width:100%; height:auto; margin:0 auto;}
.article .articlebox .toptitle{ display:block;width:94%; height:auto; margin:5px auto 5px auto;font-size:150%; color:#004077; font-weight:bold; letter-spacing:2px; margin-top:5px;}
.article .articlebox .toptitle img{ margin-right:10px;width:30px; height:auto;}


/*download*/
.article .articlebox .downloadbox{	width:100%; height:auto; margin-top:0px; margin-bottom:20px;}
.article .articlebox .downloadbox h3 img{ margin-right:5px;}
.article .articlebox .downloadbox .downloadlistbox{ list-style:none;width:100%; height:auto;display:block; margin:2% auto; padding:2% 1% 3% 1%; border:0px solid #eee;}
.article .articlebox .downloadbox .downloadlistbox li{border-bottom:#d6ecff 1px solid;line-height:150%; padding-bottom:8px; padding-top:15px; overflow:hidden;font-size:115%;background-image:url(../frontimages/icon-09.png); background-repeat:no-repeat; background-position: 5px center; padding-left:10px; vertical-align:middle;	width:100%;}
.article .articlebox .downloadbox .downloadlistbox li a{ color:#4f4f4f; text-decoration:none;}
.article .articlebox .downloadbox .downloadlistbox li a:hover{ font-weight:bold;}
.article .articlebox .downloadbox .downloadlistbox li p{ float: none; display: inline-block;line-height:150%;margin-left:15px; width:59%;overflow:hidden;white-space: normal; text-overflow: none;}
.article .articlebox .downloadbox .downloadlistbox li img{float:right;margin-right:15px;width:10%;}
.article .articlebox .downloadbox .downloadlistbox li .downloadbtn{ float:right; display:inline-block; font-style:normal;border-radius:6px; background-color:#004077;line-height:150%; padding:5px 12px; color:#FFFFFF;  margin-right:10px;vertical-align:middle; margin-top:0px; font-size:90%;}
.article .articlebox .downloadbox .downloadlistbox li span{ display:inline-block; vertical-align:top; text-align: center; margin-left:10px; color:#7e9cb5; font-weight:bold;font-size:90%;}
.article .articlebox .downloadbox .downloadlistbox li span:before{display:block;content: "下載次數:"; font-weight:normal; font-size:90%;}

/*class*/
.article .articlebox .selectbox{ font-size:110%; margin-top:10px; margin-bottom:10px;width:100%; height:auto; overflow:hidden; padding:0px 2%;}
.article .articlebox .selectbox p{ float:left; margin-bottom:5px;}
select{ font-size:100%; padding:15px 5px; margin:10px 8px; }
input{ font-size:100%; padding:15px 5px; }

.article .articlebox .classbox{ list-style:none;width:96%; height:auto;display:block; margin:10px auto; }
#css_table { background-color: transparent; text-align:left;border:#eee 0px solid;}
#css_table .css_tr { display:block; width:100%; height:auto; overflow:hidden;border:#ddd 1px solid; padding-bottom:1%;margin-bottom: 4px;	background: #ffffff;}
#css_table .css_tr:nth-child(odd){ background-color:#f6f6f6;.display: block;}
/*標題部分*/
#css_table .css_tr:first-child {  font-weight:bold;/*標題底色*/background-color: #ea6e8c; color:#FFFFFF;display: none;}
#css_table .css_tr:first-child a{ text-decoration:none;color:#666;}
#css_table .css_tr:first-child a:hover{ text-decoration:none; color:#188fa7;}
#css_table .css_td { display:inline-block;border: #ddd 1px solid;width: 100%;border: none; text-align:left; padding:1% 2%; }

#css_table .line{/*標題底色*/background-color: rgba(255,255,255,0.8);color:#333;}
#css_table .css_tr .css_td h1{ font-size:100%;color:#000; margin:0px;}
#css_table .title{.display: block;color:#0277bd;font-size:87.5%;}
#css_table .css_td b{ color:#000;display: inline-block;.display:inline;padding-right:5px; text-align: right; font-weight:bold;}
#css_table .css_td b:after{ content:"：";}
#css_table .css_td a.link{ color:#ff8a00;}

#css_table .css_td .productbox{ display:block; width:100%; }
#css_table .css_td .productbox img{ background-color:#CC0000; width:25%; float: left;}
#css_table .css_td .productbox p{ width:70%; float: left; padding:1% 3%; line-height:120%;}

#css_table .css_td .tabhotn{background-color:#13a8c0; text-decoration:none; font-weight:bold;color:#FFF; font-size:75%; padding:5px 5px; border-radius:5px;}
#css_table .css_td .tabhotn a{ color:#FFFFFF; font-size:87.5%; }
#css_table .css_td .tabhotn:hover{text-decoration:none;}
#css_table .css_td a img{ vertical-align:middle; border:0;}


/*prelessonmain 預約課程*/
/*.table_box1 { clear:both; width:100%; height:auto; margin:0 auto; padding:3px 3px 0px 3px;border:1px solid #eee;}
.table_box1 #css_table .line{background-color:#000;}
.table_box1 #css_table .box01{ width:100%;float:left;}
.table_box1 #css_table .box02{ width:100%;float:left;}
.table_box1 #css_table .box03{ width:100%;float:left;}
.table_box1 #css_table .css_td b{ width:100px;}

/*actionindex 服務與活動*/
.table_box2 { clear:both; width:100%; height:auto; margin:0 auto; padding:3px 3px 0px 3px;border:1px solid #eee;}
.table_box2 #css_table .line{background-color:#014076; }
.table_box2 #css_table .box01{ width:100%;}
.table_box2 #css_table .box02{ width:100%;}
.table_box2 #css_table .box03{ width:100%;}.table_box2 #css_table .box03 a{text-decoration:none; color:#188fa7; font-weight:bold;}.table_box2 #css_table .box03 a:hover{text-decoration:none;color:#004077; font-weight:bold;}
.table_box2 #css_table .box04{ width:100%;}
.table_box2 #css_table .box05{ width:100%;}
.table_box2 #css_table .css_td b{ width:100px;}

/*content*/
.content{ width:94%; height:auto; margin:0 auto;}
.content .contentbox{ padding:15px 0px;}
.content .contentbox h2{ margin:10px 0;}
.content .contentbox P{ line-height:150%; color:#666; letter-spacing:2px; font-size:105%;text-align: justify;text-justify:inter-ideograph;word-break: break-strict;}
.content .contentbox .BB{ color:#8864be; font-size:110%; line-height:200%;}


.article .articlebox .content{width:96%;height: auto;margin:0px auto 10px auto; padding:0px 0 10px 0;line-height:180%;}
.article .articlebox .content h1{ font-size:140%;line-height:130%;}
.article .articlebox .content h2{ font-size:130%;line-height:130%;}
.article .articlebox .content h3{ font-size:120%;line-height:130%;}
.article .articlebox .content h4{ font-size:110%;line-height:130%;}
.article .articlebox .content h5{ font-size:100%;line-height:130%;}



/*預約課程 報名表--------------------*/
.classname{ position:relative; font-size:130%; color:#6CF; display:block; background-color:#000; padding:10px 10px;}
.classname .boximg_desk{ display:none; position:absolute; right:20px; top:70px; background-color:#FFF; width:100%;height:auto;border:2px solid #eee; text-align:center;width:300px;height:200px;}.classname .boximg_desk img{width: auto; max-width:100%; height:auto;}
.class_tablist {width:100%; height:auto; margin:0 auto; overflow:hidden; font-size:110%;}
.class_tablist .boximg{ display:block;width:100%;height:auto;border:0px solid #eee; text-align:center;}.class_tablist .boximg img{width:100%; max-width:100%; height:auto;}
.class_tablist #css_table_01 .css_td b{width:25%;max-width:90px;display: inline-block; vertical-align:top; text-align:left;}
.class_tablist #css_table_01 .css_td .spanbox{ width:75%;display: inline-block;}
.class_tablist #css_table_01 .maininboxinfo{width:100%; height:auto;padding:5px 10px;}
.class_tablist .text_input{ width:95%;}
.class_tablist #css_table_01 .box01,
.class_tablist #css_table_01 .box02,
.class_tablist #css_table_01 .box03,
.class_tablist #css_table_01 .box04,
.class_tablist #css_table_01 .box05,
.class_tablist #css_table_01 .box06,
.class_tablist #css_table_01 .box07,
.class_tablist #css_table_01 .box08,
.class_tablist #css_table_01 .box09,
.class_tablist #css_table_01 .box10,
.class_tablist #css_table_01 .box11{ width:100%;float:none;background:#eee;}
.class_tablist #css_table_01 .css_td:nth-child(even) {background:#FFF;}

.class_tablist #css_table_01 .box12{width:100%;background:#0a5392;}.class_tablist #css_table_01 H3{ font-size:120%;color:#FFF;padding:5px 0px;}
.class_tablist #css_table_01 .box13,
.class_tablist #css_table_01 .box14,
.class_tablist #css_table_01 .box15,
.class_tablist #css_table_01 .box16,
.class_tablist #css_table_01 .box17,
.class_tablist #css_table_01 .box18,
.class_tablist #css_table_01 .box19,
.class_tablist #css_table_01 .box20,
.class_tablist #css_table_01 .box21,
.class_tablist #css_table_01 .box22{ width:100%;background:#ebf3f9;}

<!---topbookmarkAA-頁籤------------------->
.topbookmarkAA { width:100%; height:auto; margin:0 auto;overflow:hidden; margin-top:20px; border-bottom:1px solid #000;}
.topbookmarkAA a{display:inline-block;width:32%; height:auto;padding-top:5px;line-height:35px; font-size:100%;color:#FFF; font-weight:bold; text-decoration:none; text-align:center;  vertical-align: middle; border-radius:15px 15px 0 0;background:#247cad;.background:#247cad;
background:linear-gradient(#4090bd 50%, #247cad 50%);
background: -webkit-linear-gradient(#4090bd 50%, #247cad 50%);
background: -ms-linear-gradient(#4090bd 50%, #247cad 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4090bd', endColorstr='#247cad',GradientType=0);
}
.topbookmarkAA a:nth-child(1),
.topbookmarkAA a:nth-child(2){ margin-right:0;}
.topbookmarkAA a:nth-child(3){width:33%;}
/*actionindet*/
.actionindet_tablist {width:100%; height:auto; margin:0 auto; overflow:hidden; font-size:110%; line-height:150%;}
.actionindet_tablist .boximg{ display:block;width:100%;height:auto;border:0px solid #eee; text-align:center;}.actionindet_tablist .boximg img{width:100%; max-width:100%; height:auto;}
.actionindet_tablist #css_table_01 .css_td b{width:25%;max-width:90px;display: inline-block; vertical-align:top; text-align:left;}
.actionindet_tablist #css_table_01 .css_td .spanbox{ width:75%;display: inline-block;}
.actionindet_tablist .cutoff{ font-size:120%; color:#F00; margin:10px;}
.actionindet_tablist #css_table_01 .maininboxinfo{width:100%; height:auto;padding:0px 0px;}
.actionindet_tablist #css_table_01 .maininboxinfo .alink{ display:block; color:#000; font-weight:bold; line-height:180%; text-decoration:none;}
.actionindet_tablist #css_table_01 .maininboxinfo .alink:hover{color: #F60;text-decoration:none;}
.actionindet_tablist #css_table_01 .maininboxinfo .attention{ margin:0; padding:0 10px; font-size:90%;}
.actionindet_tablist #css_table_01 .maininboxinfo .aspNetDisabled{ margin:10px 0;}
.actionindet_tablist .text_input{ width:95%;}
.actionindet_tablist #css_table_01>span input{ width:auto;}
.actionindet_tablist #css_table_01 .box01,
.actionindet_tablist #css_table_01 .box02,
.actionindet_tablist #css_table_01 .box03,
.actionindet_tablist #css_table_01 .box04,
.actionindet_tablist #css_table_01 .box05,
.actionindet_tablist #css_table_01 .box06,
.actionindet_tablist #css_table_01 .box07,
.actionindet_tablist #css_table_01 .box08,
.actionindet_tablist #css_table_01 .box09,
.actionindet_tablist #css_table_01 .box10,
.actionindet_tablist #css_table_01 .box11,
.actionindet_tablist #css_table_01 .box12,
.actionindet_tablist #css_table_01 .box13,
.actionindet_tablist #css_table_01 .box14,
.actionindet_tablist #css_table_01 .box15{ width:100%; float:none;}
.actionindet_tablist #css_table_01 .box_download img{ vertical-align:middle;}
.actionindet_tablist #css_table_01 .titlebox{ width:100%;background:#0a5392;}.actionindet_tablist #css_table_01 H3{ font-size:120%;color:#FFF;padding:5px 0px;}
.actionindet_tablist #css_table_01 .box20,
.actionindet_tablist #css_table_01 .box21,
.actionindet_tablist #css_table_01 .box22,
.actionindet_tablist #css_table_01 .box23,
.actionindet_tablist #css_table_01 .box24,
.actionindet_tablist #css_table_01 .box25,
.actionindet_tablist #css_table_01 .box26,
.actionindet_tablist #css_table_01 .box27,
.actionindet_tablist #css_table_01 .box28,
.actionindet_tablist #css_table_01 .box29,
.actionindet_tablist #css_table_01 .box30{ width:100%;background:#ebf3f9;}

/*actionindet*/
.prelessonmain_tablist {width:100%; height:auto; margin:0 auto; overflow:hidden; font-size:110%; line-height:150%;}
.prelessonmain_tablist .boximg{ display:block;width:100%;height:auto;border:0px solid #eee; text-align:center;}.prelessonmain_tablist .boximg img{width:100%; max-width:100%; height:auto;}
.prelessonmain_tablist #css_table_01 .css_td b{width:25%;max-width:90px;display: inline-block; vertical-align:top; text-align:left;}
.prelessonmain_tablist #css_table_01 .css_td .spanbox{ width:75%;display: inline-block;}
.prelessonmain_tablist .cutoff{ font-size:120%; color:#F00; margin:10px;}
.prelessonmain_tablist #css_table_01 .maininboxinfo{width:100%; height:auto;padding:0px 0px;}
.prelessonmain_tablist #css_table_01 .maininboxinfo .alink{ display:block; color:#000; font-weight:bold; line-height:180%; text-decoration:none;}
.prelessonmain_tablist #css_table_01 .maininboxinfo .alink:hover{color: #F60;text-decoration:none;}
.prelessonmain_tablist #css_table_01 .maininboxinfo .attention{ margin:0; padding:0 10px; font-size:90%;}
.prelessonmain_tablist #css_table_01 .maininboxinfo .aspNetDisabled{ margin:10px 0;}
.prelessonmain_tablist .text_input{ width:95%;}
.prelessonmain_tablist #css_table_01>span input{ width:auto;}
.prelessonmain_tablist #css_table_01 .box01,
.prelessonmain_tablist #css_table_01 .box02,
.prelessonmain_tablist #css_table_01 .box03,
.prelessonmain_tablist #css_table_01 .box04,
.prelessonmain_tablist #css_table_01 .box05,
.prelessonmain_tablist #css_table_01 .box06,
.prelessonmain_tablist #css_table_01 .box07,
.prelessonmain_tablist #css_table_01 .box08,
.prelessonmain_tablist #css_table_01 .box09,
.prelessonmain_tablist #css_table_01 .box10,
.prelessonmain_tablist #css_table_01 .box11,
.prelessonmain_tablist #css_table_01 .box12,
.prelessonmain_tablist #css_table_01 .box13,
.prelessonmain_tablist #css_table_01 .box14,
.prelessonmain_tablist #css_table_01 .box15{ width:100%; float:none;}
.prelessonmain_tablist #css_table_01 .box_download img{ vertical-align:middle;}
.prelessonmain_tablist #css_table_01 .titlebox{ width:100%;background:#0a5392;}.prelessonmain_tablist #css_table_01 H3{ font-size:120%;color:#FFF;padding:5px 0px;}
.prelessonmain_tablist #css_table_01 .box20,
.prelessonmain_tablist #css_table_01 .box21,
.prelessonmain_tablist #css_table_01 .box22,
.prelessonmain_tablist #css_table_01 .box23,
.prelessonmain_tablist #css_table_01 .box24,
.prelessonmain_tablist #css_table_01 .box25,
.prelessonmain_tablist #css_table_01 .box26,
.prelessonmain_tablist #css_table_01 .box27,
.prelessonmain_tablist #css_table_01 .box28,
.prelessonmain_tablist #css_table_01 .box29,
.prelessonmain_tablist #css_table_01 .box30{ width:100%;background:#ebf3f9;}

/*海 洋 學 習 護 照-----------------*/
.member_tablist {width:100%; height:auto; margin:0 auto; overflow:hidden; font-size:110%;}
.member_tablist .boximg{ width:100%;height:auto;border:0px solid #eee; text-align:center;}.member_tablist .boximg img{width:100%; max-width:100%; height:auto;}
.member_tablist .hours_title{ font-size:120%;color:#FFF;font-size:150%; padding:5px 10px; background-color:#553211; font-weight:bold; text-align:center;}
.member_tablist .post{ border:1px solid #eee;}
.member_tablist .post .table_box3{ width:90%; height:auto; margin:0 auto;}
.table_box3 { clear:both; width:100%; height:auto; margin:0 auto; padding:3px 3px 0px 3px;border:1px solid #eee;}
.table_box3 #css_table .css_td b{ color: #963;  font-weight:bold; width:auto; display:inline-block;}



/*活動集錦相簿列表*/
.Photo_list{width: 100%;height: auto;margin:0 auto;}
.Photo_list .box{width:45%; height:0; padding-bottom:30%; overflow:hidden; margin:8px; float:left; border:#F4F4F4 2px solid;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); position:relative;}
.Photo_list .box .boxsize{width:100%; height:auto;}
.Photo_list .box .mesk{ position:absolute; bottom:0; left:0; background-color:rgba(0,0,0,0.8); display:block; width:100%; height: auto; color:#FFF; font-size:100%; text-align:left; padding:5px 10px;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.Photo_list .box .mesk span{ font-size:70%; display:block; color:#0CF;}

/*明細*/
.member_discussdit #css_table_01 .box01{background-color:#000;color:#FFF;}
.member_discussdit #css_table_01 .css_td b{ width:25%; vertical-align:top; margin-right:1%;display:inline-block;}
.member_discussdit #css_table_01 .css_td .spanbox{ width:72%; height:auto; display:inline-block;}
}
/* == 平板版型區 =============================== */
@media screen and (min-width: 768px) and (max-width: 1024px) {
body{ width:100%;min-width:320px; height:auto;-webkit-text-size-adjust:none;font-family:Arial, Helvetica, "微軟正黑體", sans-serif !important;}
/*-------------------------------------------*/
.header .headerbox {width: 100%;height:70px;margin:0 auto; position:relative;}
.container .containerbox{width:94%; height:auto; margin:0 auto; overflow:hidden;}
.container .containerbox2{width:94%; height:auto; margin:0 auto; overflow:hidden;}
.indexsitemap .sitemapbox{width:100%;height: auto; margin:0px auto;}
.footer .footerbox{ width: 94%;height: auto; margin:0px auto; overflow:hidden;padding:10px 0; }
.iconmu .iconmubox{ display:none; width:100%;height: auto; margin:0 auto;padding:1% 0px;}
.iconmu .iconmubox_mob{ display: block;  width:100%;height: auto; margin:0 auto;padding:1% 0px;}

.iconmu .Themearea{ display:none;width:100%;height: auto; margin:1% auto 0% auto;padding:0.5% 0px 0% 0px; overflow:hidden;}
.iconmu .Themearea h3{ font-size:120%; padding-bottom:5px; margin-bottom:5px; color:#07743d;}
/*主題專區*/
.iconmu .Themearea_mob{ display: block; width:100%;height: auto; margin:1% auto 0% auto;padding:0.5% 0px 0% 0px; overflow:hidden;}
.iconmu .Themearea_mob h3{ font-size:140%; padding-bottom:5px; margin-bottom:5px; color:#07743d;line-height:180%; vertical-align:middle;}
.iconmu .Themearea_mob h3 img{ margin-right:5px;width:40px;}

.iconmu .Themearea_mob .regular.slider_regular div a img{width: auto;height:120px;}
.iconmu .iconmubox_mob .regular2.slider_regular div a img{width: auto;height:60px;}


/*--主題專區2-----------------------------*/
.iconmu .Themearea2{ display: block; width:100%;height: auto; margin:1% auto 0% auto;padding:0% 0px 20px 0px;  overflow:hidden; border-bottom:1px solid #999; }
.iconmu .Themearea2 h3{ text-align:left; font-size:160%; line-height:160%; padding-bottom:5px; margin-bottom:5px;color:#07743d;}
.iconmu .Themearea2 h3 img{ margin-right:5px;width:45px;}
.iconmu .Themearea2 h3 span{ color:#07743d; font-size:80%; font-weight:normal;}

.iconmu .Themearea2 .Themeicon2{width:100%;height: auto; overflow:hidden;vertical-align:middle; margin-top:0%;}
.iconmu .Themearea2 .Themeicon2 ul {list-style: none; margin: 0px; padding:0 2% ; width:100%;height: auto; overflow:hidden; position: relative;}
.iconmu .Themearea2 .Themeicon2 ul li {border-image: none; width:33%; height: auto; overflow:hidden;float: left; padding:0.5%; margin-bottom:2px;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.iconmu .Themearea2 .Themeicon2 ul li a{ color:#000; display:inline-block;}
.iconmu .Themearea2 .Themeicon2 ul li a img {	display: block; width:95%;height:auto; text-align:center; border:0px solid #FFF;}
.iconmu .Themearea2 .more{ text-align:center;}
.iconmu .Themearea2 .more a{ color:#fff; padding:5px 10px;}

.iconmu .Themearea2 .Themeicon3{ width:100%;height: auto; overflow:hidden;vertical-align:middle; margin-top:0%;}
.iconmu .Themearea2 .Themeicon3 ul {list-style: none; margin: 0px; padding:0 2% ; width:100%;height: auto; overflow:hidden; position: relative;}
.iconmu .Themearea2 .Themeicon3 ul li {border-image: none; width:33%; height: auto; overflow:hidden;float: left; padding:0.5%; margin-bottom:2px;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.iconmu .Themearea2 .Themeicon3 ul li a{ color:#000; display:inline-block;}
.iconmu .Themearea2 .Themeicon3 ul li a img {	display: block; width:95%;height:auto; text-align:center; border:0px solid #FFF;}

/*logo*/
.headerbox .logo{ display:block;text-indent:-999999px;display: block;width:98%; height:70px; float: none;background: url(../frontimages/logo.svg) center left no-repeat; background-size:auto 50px; margin-left:1%;}
/*toolbar*/
.headerbox .toolbar{float:right; width:100%; height:auto; }
.headerbox .toolbar .toolbarmenu{ display:none;}

.headerbox .toolbar .toolbarsearch{  clear:both; display:block; width:96%; height:auto;text-align: right; margin:-5px auto 5px auto;font-size:100%;line-height:35px;}
.headerbox .toolbar .toolbarsearch .hot,.headerbox .toolbar .toolbarsearch .hot a{}
.headerbox .toolbar .toolbarsearch .hot a:hover{ color:#333;}
.headerbox .toolbar .toolbarsearch input{ height:35px; margin-top:-2px;vertical-align:middle;}
.headerbox .toolbar .toolbarsearch .search{ padding:3px 3px; width:20%; line-height:150%; background-color:#f1f1f1;border:0;height:35px;}
.headerbox .toolbar .toolbarsearch .searchbtn{ background-color:#000; color:#fff; border:0; padding:0 10px;height:35px;line-height:35px; cursor:pointer;}
.headerbox .toolbar .toolbarsearch .searchbtn:hover{ opacity:0.8;}
.headerbox .toolbar .toolbarsearch .searchin{ display:inline-block; margin:0;background-color:#d3d3d3; color:#000; border:0;height:35px;line-height:34px;padding:0 10px;}
.headerbox .toolbar .toolbarsearch .searchin:hover{opacity:0.8;}
.headerbox .toolbar .toolbarsearch .enbtn{display:inline-block;background-color:#07743d; color:#fff; border:0;height:35px;line-height:34px; padding:0 10px;}
.headerbox .toolbar .toolbarsearch .enbtn p{ display:inline-block;height:35px;line-height:35px;}
.headerbox .toolbar .toolbarsearch .chbtn{display:inline-block;color:#fff; border:0;height:35px;line-height:34px; padding:0 10px;}
.headerbox .toolbar .toolbarsearch .enbtn:hover,.headerbox .toolbar .toolbarsearch .chbtn:hover{ opacity:0.8;}

.topmenu{display:none; }
/*adv*/
/*.adv{width:100%;height:auto;overflow:hidden;background-color: transparent;}
.adv .ADVbox{ width:100%; height:0; padding-bottom:37%; margin:0px auto;background:none;}
.adv .ADVbox img{width: 100%;height: auto;}*/
.adv{width:100%; height:auto;  }
.adv .ADVbox{ width:100%; height: auto;overflow:hidden;  margin:0px auto; background:none; margin-top:0px;margin-bottom:2%;}
.adv .ADVbox img{width:100%; height:auto;}
.adv .ADVbox .bannerbox {margin: 0px auto;text-align: center; width: 100%;max-width: 100%;height:auto; overflow:hidden ;position: relative; padding-top:5px;}

/*pointBanner*/
.adv .pointbanner { width:100%; height: auto;overflow:hidden;  margin:0px auto; background:none; margin-top:0px;margin-bottom:2%;}
.adv .pointbanner .box { transition: opacity 1s, max-height 0.35s ease;overflow: hidden;margin: 0px auto;text-align: center;width: 100%;max-width: 1000px;height: auto;position: relative;padding-top: 5px;z-index: 10;}
.adv .pointbanner .toggle{margin:10px 0 0 15px; font-size:36px; border-radius:4px;}
.adv .pointbanner .box-close, .adv .pointbanner .box-open { z-index:10; position:absolute; }
.adv .pointbanner .box-close .toggle:after{ content:"▼"}
.adv .pointbanner .box-open .toggle:after{ content:"▲"}
.box-close .img{max-height:0px;overflow:hidden; }
.box-open .img{max-height:1000px;overflow:hidden;}
.box-close .txt{text-align:center; font-size:120%; font-weight:bold; background:#FFF url(../frontimages/shell_dci_bgtop.gif) repeat  center top;position: absolute; top: calc(50% - .5em); width: 100%; background: transparent}
.box-open .txt{text-align:center; font-size:120%; font-weight:bold; background:#FFF url(../frontimages/shell_dci_bgtop.gif) repeat  center top;position: absolute; top: calc(50% - .5em); width: 100%; background: transparent}

/*-----------------------container-----------------------------------------*/

.bigtitle{ padding:5px 0px; width:100%; height: auto; margin:10px 0;}
.bigtitle h2{  display:inline-block; width:60%; line-height:40px; font-size:160%; color:#07743d;}
.bigtitle h2 img{ margin-right:5px;width:40px;}
.bigtitle h2 span{ font-size:60%; font-weight:normal;}
.bigtitle .fontsize{height:auto; float:right; margin-top:0px;}
.bigtitle .fontsize a{display:inline-block; width:40px; height:auto; line-height:225%;text-align:center; color:#fff; font-size:100%; background:#A7B63B; text-decoration:none;}
.bigtitle .fontsize a:hover{background:#919F29;}
.bigtitle .fontsize .ON{ display:inline-block; background:#7b881a;}

.containerbox .bigtitle{margin-right:2%; }
.containerbox .bigtitle .mob-more{ display:block;width:65px; height: auto; padding:5px; color:#07743D; margin-top:10px; float:right;}
.containerbox .bigtitle .mob-more:before {content: "► ";}

/*hot news*/
.containerbox ul.list{list-style:none; clear:both; width:100%; height:auto; overflow:hidden; clear:both;}
.containerbox ul.list .listbox{ width:100%;float:left; margin-bottom:2%;}
.containerbox ul.list .listbox:nth-child(even) {float:right;margin-left:1%; }

.containerbox .list .listbox .topbg{ height:40px;border-bottom: rgba(0,0,0,0.5) 2px solid; border-radius:6px 6px 0 0;}
.containerbox .list .listbox .topbg p{display:block; float:left; width: auto; height:40px; padding:0px 10px ;font-size:100%; line-height:40px; color:#FFFFFF; letter-spacing:2px;}
.containerbox .list .listbox .topbg a{ display:block; float:right; width: auto; height:40px; padding:0px 10px ; line-height:40px; text-decoration:none; color:#FFFFFF; letter-spacing:2px;}
.containerbox .list .listbox .topbg .more{ border-left:1px solid rgba(0,0,0,0.1); opacity:0.6;border-radius:0px 6px 0 0;}
.containerbox .list .listbox .topbg .more:hover{ background-color:rgba(0,0,0,0.1); opacity:0.8;}

.containerbox .list .listbox ul{list-style:none; background-color:#f6f6f6; clear:both;}
.containerbox .list .listbox li{ border-bottom:rgba(0,0,0,0.3) 1px solid;}
.containerbox .list .listbox li p{ display:block; padding:10px 10px; height:40px; font-size:87.5%; vertical-align:middle; color:#4b4b4b;}
.containerbox .list .listbox li p .fontbox{float: left;font-style:normal; display:block; height:18px; overflow:hidden; line-height:20px;width:80%;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.containerbox .list .listbox li p .day{ float: left; text-align:right;width:20%;line-height:20px; font-style:normal; opacity:0.6;}
.containerbox input{ border:0px; background-color:#c9c9c9; width:20%; text-align:center; letter-spacing:2px; padding:2% 0px; }
.containerbox .list .listbox li p .fontbox a{ color:#666;}
.containerbox .list .listbox li p .fontbox a:hover{ color:#000;}

.containerbox .list .firstnews{ background-color:#f6f6f6;width:100%; height: auto; padding:1.5% 3%; overflow:hidden;border-bottom:rgba(0,0,0,0.3) 1px solid;}
.containerbox .list .firstnews .imgbox{width:20%; height:100px; overflow:hidden; float:left;}
.containerbox .list .firstnews .imgbox img{ width:100%; height:auto;}
.containerbox .list .firstnews .news{width:75%; float:right;}
.containerbox .list .firstnews .news .day{display:block;font-style:normal; opacity:0.6;}
.containerbox .list .firstnews .news .day .more{ float:right;}
.containerbox .list .firstnews .news .title{ font-size:120%; font-weight:bold; padding:2px 0px;
width:100%;margin:0 auto;overflow:hidden;/*超過寬度的內容會自動消失*/white-space:nowrap;/*文字不折行*/text-overflow:ellipsis;/*省略符號*/}
.containerbox .list .firstnews .news .title a{ color:#333; text-decoration: none;}
.containerbox .list .firstnews .news .title a:hover{ color:#000; text-decoration:underline;}
.containerbox .list .firstnews .news .mains{width:100%; font-size:100%;padding-top:5px; color:#000;}



.flexslider_6.carousel .slides li .listbox .firstnews{ background-color:#f6f6f6;width:100%; height: auto; padding:1.5% 3%; overflow:hidden;border-bottom:rgba(0,0,0,0.3) 1px solid;}
.flexslider_6.carousel .slides li .listbox .firstnews .imgbox{width:20%; height:auto; overflow:hidden; float:left;}
.flexslider_6.carousel .slides li .listbox .firstnews .imgbox img{ width:90%;height: auto; max-height:100px; }
.flexslider_6.carousel .slides li .listbox .firstnews .news{width:80%; float:right;}
.flexslider_6.carousel .slides li .listbox .firstnews .news .day{font-style:normal; opacity:0.6;}
.flexslider_6.carousel .slides li .listbox .firstnews .news .day .more{ float:right;}
.flexslider_6.carousel .slides li .listbox .firstnews .news .title{ font-size:120%; font-weight:bold; padding:2px 0px;
width:100%;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.flexslider_6.carousel .slides li .listbox .firstnews .news .title a{ color:#333; text-decoration: none;}
.flexslider_6.carousel .slides li .listbox .firstnews .news .title a:hover{ color:#000; text-decoration:underline;}
.flexslider_6.carousel .slides li .listbox .firstnews .news .mains{width:100%; font-size:100%;padding-top:5px; color:#000;}


/*出版品*/

.flexslider_6.carousel .slides li .listbox .news_book{ clear:both; width:25.4%; margin-left:-0.5%; display:inline-block; list-style: none; overflow:hidden; background:#fff;}
.flexslider_6.carousel .slides li .listbox .news_book li{ border:0px solid rgba(255,255,255,0.00); background:#F6F6F6; padding:0px; margin:0 auto;}
.flexslider_6.carousel .slides li .listbox .news_book li:hover{ background:rgba(229,229,229,0.53); font-weight:bold;}
.flexslider_6.carousel .slides li .listbox .news_book .bookbox{ display:inline-block; width:100%; margin:0 auto; padding:5px 0; overflow:hidden;border:2px solid rgba(0,0,0,0.00); }
.flexslider_6.carousel .slides li .listbox .news_book .bookbox .book{ width:80%; height:0;padding-bottom:115%; margin:0px auto; text-align:center;background:#eee url(../frontimages/nopic_logo.png) no-repeat center center; background-size:40% auto;background-position: center 50%;overflow:hidden;}
.flexslider_6.carousel .slides li .listbox .news_book .bookbox:focus{border:2px solid #ae5da1;display:inline-block;}
.flexslider_6.carousel .slides li .listbox .news_book .bookbox .book img{ width:100%; height:auto; vertical-align:middle;}
.flexslider_6.carousel .slides li .listbox .news_book .bookbox  p{
display:inline-block; width:100%;height:22px;  margin:0 auto; text-align:center; padding:5px 22px;
overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;line-height:130%;}


/*2*/
.containerbox ul.list2{list-style:none; clear:both; width:100%; height:auto; overflow:hidden; clear:both;}
.containerbox ul.list2 .listbox{ width:100%;float:left; margin-bottom:2%;}
.containerbox ul.list2 .listbox:nth-child(even) {float:right;margin-left:1%; }

.list2 .listbox .topbg{ height:40px;border-bottom: rgba(0,0,0,0.5) 2px solid; border-radius:6px 6px 0 0;}
/*.list2 .listbox:nth-child(1) .topbg{background:linear-gradient(to top, #4090bd 50%,#4ca3d4 100%);}
.list2 .listbox:nth-child(2) .topbg{background:linear-gradient(to top, #4090bd 50%,#4ca3d4 100%);}*/
.list2 .listbox .topbg p{display:block; float:left; width: auto; height:40px; padding:0px 10px ;font-size:100%; line-height:40px; color:#FFFFFF; letter-spacing:2px;}
.list2 .listbox .topbg a{ display:block; float:right; width: auto; height:40px; padding:0px 10px ; line-height:40px; text-decoration:none; color:#FFFFFF; letter-spacing:2px;}
.list2 .listbox .topbg .more{ border-left:1px solid rgba(0,0,0,0.1); opacity:0.6;border-radius:0px 6px 0 0;}
.list2 .listbox .topbg .more:hover{ background-color:rgba(0,0,0,0.1); opacity:0.8;}

.list2 .listbox ul{list-style:none; background-color:#f6f6f6; clear:both;}
.list2 .listbox li{ border-bottom:rgba(0,0,0,0.3) 1px solid;}
.list2 .listbox li p{ display:block; padding:10px 10px; height:40px; font-size:87.5%; vertical-align:middle; color:#4b4b4b;}
.list2 .listbox li p .fontbox{float: left;font-style:normal; display:block; height:18px; overflow:hidden; line-height:20px;width:80%;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.list2 .listbox li p .day{ float: left;width:20%;text-align:right;line-height:20px; font-style:normal; opacity:0.6;}
.list2 .listbox li p .fontbox a{ color:#666;}
.list2 .listbox li p .fontbox a:hover{ color:#000;}

/*title背景顏色*/
.color01{background-image:linear-gradient(to top, #247cad 50%,#4090bd 100%);}
.color02{background-image:linear-gradient(to top, #0e8e2a 50%,#38aa4f 100%);}
.color01 .more,
.color02 .more{ border-left:1px solid rgba(0,0,0,0.1); opacity:0.6;border-radius:0px 6px 0 0;}
.color01 .more:hover,
.color02 .more:hover{ background-color:rgba(0,0,0,0.1); opacity:0.8;}

.quickbox{width:100%;height: auto; overflow:hidden; margin-bottom:10px;  padding:1px 0;border-radius:6px;}
.quickbox .quick{width:24%; height: auto; display:inline-block; margin:0.5% 0.5%;}
.quickbox .quick:hover{}
.quickbox .quick a:focus{border:2px solid #ae5da1;display:inline-block;}
.quickbox .quick img{width:100%;height: auto; } 

/*statistics*/
.statisticsbox{ width:100%; height:auto; overflow:hidden;padding:5px 5px 0px 5px; margin:0px auto; border:1px #f6f6f6 solid; border-bottom:4px #becd54 solid; margin-bottom:15px; border-radius:6px 6px 0 0;}
.statisticsbox .slides {width:100%; height:auto;overflow:hidden; margin-bottom:25px;}
.statisticsbox .slides .imgbox {width: 30%; height:auto;max-width:100%;max-height: auto;float: left; display: block; border-right:1px solid #becd54; padding-right:2%;}
.statisticsbox .slides .imgboximg {width:100%;height: auto; overflow:hidden;}
.statisticsbox .slides .imgbox img {width: 100%;height:auto;}
.statisticsbox .slides .fontbox {width:68%; height:auto;float: right; display: block; padding:0px 0px 0px 0px; color:#333333;}
.statisticsbox .slides .fontbox h3{ font-size:130%; margin-bottom:10px;}
.statisticsbox .slides .fontbox p{ max-height:150px;overflow:hidden;}
.statisticsbox .slides .fontbox-mob{ display: none;}
.statisticsbox .slides .mob-more{ display:none;}

.containerbox2 .new_video{ width:100%; padding:0; margin:0; list-style:none; height:auto;}
.containerbox2 .new_video .box .bigtitle{margin-right:0%; width:100%;}
.containerbox2 .new_video .box .bigtitle h2{ color:#07743d; display:inline-block; width:80%; line-height:45px; font-size:160%;}
.containerbox2 .new_video .box .bigtitle h2 img{ margin-right:5px;width:45px;}
.containerbox2 .new_video .box .bigtitle h2 span{ color:#07743d; font-size:80%; font-weight:normal;}
.containerbox2 .new_video .box .bigtitle .mob-more{ display:block;width:60px; height: auto; padding:3px; color:#07743D; margin-top:10px; float:right;}
.containerbox2 .new_video .box .bigtitle .mob-more:before {content: "► ";}
.containerbox2 .new_video .box:nth-child(1){width:40%; float: left; height:auto; margin-bottom:2%; overflow:hidden;}
.containerbox2 .new_video .box:nth-child(2){width:58%; float: left; height:auto; margin-bottom:2%; overflow:hidden;}
.containerbox2 .new_video li .rslides_container { list-style:none; }
.containerbox2 .new_video li .rslides_container li:nth-child(1){ width:100%; float: none ; margin:0 0%; margin-right:0%; height:auto; max-height: none; min-height:inherit; background-color:#999; margin-bottom:10px;}
.containerbox2 .new_video li .rslides_container li:nth-child(2){ width:49%;float:left ; margin-right:1%;min-height: inherit;max-height:165px;  background-color:#999; }
.containerbox2 .new_video li .rslides_container li:nth-child(3){ width:49%;float:left ; margin-left:1%; min-height:inherit;max-height:165px;  background-color:#999; }
.containerbox2 .new_video li .rslides_container li a{ display:block;}
.containerbox2 .new_video li .rslides_container li img{ width:100%; height:auto;}
.containerbox2 .new_video .box .video-container{ width:100%;height:310px;}

.containerbox2 .new_video .box_1 .bigtitle{margin-right:0%; width:100%;}
.containerbox2 .new_video .box_1 .bigtitle h2{ color:#07743d; display:inline-block; width:100%; line-height:45px; font-size:160%;}
.containerbox2 .new_video .box_1 .bigtitle h2 img{ margin-right:5px;width:45px;}
.containerbox2 .new_video .box_1 .bigtitle h2 span{ color:#07743d; font-size:80%; font-weight:normal;}
.containerbox2 .new_video .box_1 .bigtitle .mob-more{ display:block;width:60px; height: auto; padding:3px; color:#07743D; margin-top:10px; float:right;}
.containerbox2 .new_video .box_1 .bigtitle .mob-more:before {content: "► ";}
.containerbox2 .new_video .box_1:nth-child(1){width:100%; float: left; height:auto; margin-bottom:2%; overflow:hidden;}
.containerbox2 .new_video .box_1:nth-child(2){ display:none; width:58%; float: left; height:auto; margin-bottom:2%; overflow:hidden;}
.containerbox2 .new_video .box_1 .rslides_container { list-style:none; }
.containerbox2 .new_video .box_1 .rslides_container li:nth-child(1){ width:100%; float: none ; margin:0 0%; margin-right:0%; height:auto; max-height:260px; min-height:inherit; background-color:#999; margin-bottom:10px;}
.containerbox2 .new_video .box_1 .rslides_container li:nth-child(2){ width:49%;float:left ; margin-right:1%;min-height: inherit;max-height:165px;  background-color:#999; }
.containerbox2 .new_video .box_1 .rslides_container li:nth-child(3){ width:49%;float:left ; margin-left:1%; min-height:inherit;max-height:165px;  background-color:#999; }

.containerbox2 .new_video .box_1 .rslides_container li:nth-child(1) a{ display:block; width:100%; max-height:256px; overflow:hidden;}
.containerbox2 .new_video .box_1 .rslides_container li:nth-child(2) a{ display:block; width:100%; max-height:161px; overflow:hidden;}
.containerbox2 .new_video .box_1 .rslides_container li:nth-child(3) a{ display:block; width:100%; max-height:161px; overflow:hidden;}
.containerbox2 .new_video .box_1 .rslides_container li img{ width:100%; height:auto;}


/*主題專區 熱門服務 網網相連*/
.iconmu .iconmubox .box{ clear:both; display:block; width:100%; height:auto; overflow:hidden; margin:0 auto;}
.iconmu .iconmubox .box p{ width:5%; padding:0% 0px; float:left; }
.iconmu .iconmubox .box .bigtitle{ padding:0% 0px; margin-top:10px;}
.iconmu .iconmubox .box .bigtitle i{ display:block; width:58px; font-style:normal; font-size:100%; font-weight: bold; color:#4e4e4e; letter-spacing:2px;}
.iconmu .iconmubox .box .bigtitle i img{width:40px;padding-top:20px;}
.iconmu .iconmubox .box .productbox{ margin-top:10px;}


/*article-----------------------*/
/*articlebox-end*/


/*sitemap------------------------------------------*/
.indexsitemap{ width:100%; height:auto;margin:0 auto;}
.indexsitemap .centerbox{width:100%; height:auto; margin:0 auto;padding:4% ; overflow:hidden;}
.sitemaptopbox{ width:100%; text-align:center; padding:0.5% 0px; color:#FFFFFF; font-size:110%;letter-spacing:2px;}
.sitemaptopbox img{ padding-top:5px; padding-left:5px;}
#sitemap{  width:100%; list-style:none;}
#sitemap li{float:left;}
#sitemap .title {color: #FFF;font-size:100%;font-weight: bold;padding-bottom: 8px;margin-left:20px;float:left;width:140px;}
#sitemap .title2 {color: #FFF;font-size:100%;font-weight: bold;padding-bottom: 8px;margin-right:0px;width:150px;}
#sitemap .title a,#sitemap .title2 a{color: #FFF; text-decoration:none;}

#sitemap .title ul{ margin-top:5px;}
#sitemap .title ul li{color: rgba(100%,100%,100%,0.7);font-size: 100%;list-style-type: none; font-weight:normal; margin-bottom:6px;}
#sitemap .title ul li a{color: rgba(100%,100%,100%,0.7);text-decoration:none; line-height:110%;}
#sitemap .title ul li a:hover{text-decoration: underline;}

#sitemap .title ul li ul li{color: rgba(100%,100%,100%,0.7);font-size:80%; margin-left:6px;list-style-type: none;}
#sitemap .title ul li ul li a{color: rgba(100%,100%,100%,0.7);list-style-type: none;}
#sitemap .title ul li ul li a:hover{text-decoration: underline;}

.article .articlebox .topbanner{width:100%; height:auto; margin:0 auto;}
.article .articlebox .toptitle{ display:block;width:94%; height:auto; margin:5px auto 5px auto;font-size:150%; color:#004077; font-weight:bold; letter-spacing:2px; margin-top:5px;}
.article .articlebox .toptitle img{ margin-right:10px;width:30px; height:auto;}


/*download*/
.article .articlebox .downloadbox{	width:100%; height:auto; margin-top:0px; margin-bottom:20px;}
.article .articlebox .downloadbox h3 img{ margin-right:5px;}
.article .articlebox .downloadbox .downloadlistbox{ list-style:none;width:100%; height:auto;display:block; margin:2% auto; padding:2% 1% 3% 1%; border:0px solid #eee;}
.article .articlebox .downloadbox .downloadlistbox li{border-bottom:#d6ecff 1px solid;line-height:150%; padding-bottom:8px; padding-top:15px; overflow:hidden;font-size:115%;background-image:url(../frontimages/icon-09.png); background-repeat:no-repeat; background-position: 5px center; padding-left:10px; vertical-align:middle;	width:100%;}
.article .articlebox .downloadbox .downloadlistbox li a{ color:#4f4f4f; text-decoration:none;}
.article .articlebox .downloadbox .downloadlistbox li a:hover{ font-weight:bold;}
.article .articlebox .downloadbox .downloadlistbox li p{ float: none; display: inline-block;line-height:150%;margin-left:15px; width:59%;overflow:hidden;white-space: normal; text-overflow: none;}
.article .articlebox .downloadbox .downloadlistbox li img{float:right;margin-right:15px;width:10%;}
.article .articlebox .downloadbox .downloadlistbox li .downloadbtn{ float:right; display:inline-block; font-style:normal;border-radius:6px; background-color:#004077;line-height:150%; padding:5px 12px; color:#FFFFFF;  margin-right:10px;vertical-align:middle; margin-top:0px; font-size:90%;}
.article .articlebox .downloadbox .downloadlistbox li span{ display:inline-block; vertical-align:top; text-align: center; margin-left:10px; color:#7e9cb5; font-weight:bold;font-size:90%;}
.article .articlebox .downloadbox .downloadlistbox li span:before{display:block;content: "下載次數:"; font-weight:normal; font-size:90%;}

/*class*/
.article .articlebox .selectbox{ font-size:110%; margin-top:10px; margin-bottom:10px;width:100%; height:auto; overflow:hidden; padding:0px 2%;}
.article .articlebox .selectbox p{ float:left; margin-bottom:5px;}
select{ font-size:100%; padding:15px 5px; margin:10px 8px; }
input{ font-size:100%; padding:15px 5px; }

.article .articlebox .classbox{ list-style:none;width:96%; height:auto;display:block; margin:10px auto; }
#css_table { background-color: transparent; text-align:left;border:#eee 0px solid;}
#css_table .css_tr { display:block; width:100%; height:auto; overflow:hidden;border:#ddd 1px solid; padding-bottom:1%;margin-bottom: 4px;	background: #ffffff;}
#css_table .css_tr:nth-child(odd){ background-color:#f6f6f6;.display: block;}
/*標題部分*/
#css_table .css_tr:first-child {  font-weight:bold;/*標題底色*/background-color: #ea6e8c; color:#FFFFFF;display: none;}
#css_table .css_tr:first-child a{ text-decoration:none;color:#666;}
#css_table .css_tr:first-child a:hover{ text-decoration:none; color:#188fa7;}
#css_table .css_td { display:inline-block;border: #ddd 1px solid;width: 100%;border: none; text-align:left; padding:1% 2%; }

#css_table .line{/*標題底色*/background-color: rgba(255,255,255,0.8);color:#333;}
#css_table .css_tr .css_td h1{ font-size:100%;color:#000; margin:0px;}
#css_table .title{.display: block;color:#0277bd;font-size:87.5%;}
#css_table .css_td b{ color:#000;display: inline-block;.display:inline;padding-right:5px; text-align: right; font-weight:bold;}
#css_table .css_td b:after{ content:"：";}
#css_table .css_td a.link{ color:#ff8a00;}


#css_table .css_td .productbox{ display:block; width:100%; }
#css_table .css_td .productbox img{ background-color:#CC0000; width:25%; float: left;}
#css_table .css_td .productbox p{ width:70%; float: left; padding:1% 3%; line-height:120%;}

#css_table .css_td .tabhotn{background-color:#13a8c0; text-decoration:none; font-weight:bold;color:#FFF; font-size:75%; padding:5px 5px; border-radius:5px;}
#css_table .css_td .tabhotn a{ color:#FFFFFF; font-size:87.5%; }
#css_table .css_td .tabhotn:hover{text-decoration:none;}
#css_table .css_td a img{ vertical-align:middle; border:0;}


/*prelessonmain 預約課程*/
/*.table_box1 { clear:both; width:100%; height:auto; margin:0 auto; padding:3px 3px 0px 3px;border:1px solid #eee;}
.table_box1 #css_table .line{background-color:#000;}
.table_box1 #css_table .box01{ width:100%;float:left;}
.table_box1 #css_table .box02{ width:100%;float:left;}
.table_box1 #css_table .box03{ width:100%;float:left;}
.table_box1 #css_table .css_td b{ width:100px;}

/*actionindex 服務與活動*/
.table_box2 { clear:both; width:100%; height:auto; margin:0 auto; padding:3px 3px 0px 3px;border:1px solid #eee;}
.table_box2 #css_table .line{background-color:#014076; }
.table_box2 #css_table .box01{ width:100%;}
.table_box2 #css_table .box02{ width:100%;}
.table_box2 #css_table .box03{ width:100%;}.table_box2 #css_table .box03 a{text-decoration:none; color:#188fa7; font-weight:bold;}.table_box2 #css_table .box03 a:hover{text-decoration:none;color:#004077; font-weight:bold;}
.table_box2 #css_table .box04{ width:100%;}
.table_box2 #css_table .box05{ width:100%;}
.table_box2 #css_table .css_td b{ width:100px;}

/*content*/
.content{ width:94%; height:auto; margin:0 auto;}
.content .contentbox{ padding:15px 0px;}
.content .contentbox h2{ margin:10px 0;}
.content .contentbox P{ line-height:150%; color:#666; letter-spacing:2px; font-size:105%;text-align: justify;text-justify:inter-ideograph;word-break: break-strict;}
.content .contentbox .BB{ color:#8864be; font-size:110%; line-height:200%;}


.article .articlebox .content{width:96%;height: auto;margin:0px auto 10px auto; padding:0px 0 10px 0;line-height:180%;}
.article .articlebox .content h1{ font-size:140%;line-height:130%;}
.article .articlebox .content h2{ font-size:130%;line-height:130%;}
.article .articlebox .content h3{ font-size:120%;line-height:130%;}
.article .articlebox .content h4{ font-size:110%;line-height:130%;}
.article .articlebox .content h5{ font-size:100%;line-height:130%;}



/*預約課程 報名表--------------------*/
.classname{ position:relative; font-size:130%; color:#6CF; display:block; background-color:#000; padding:10px 10px;}
.classname .boximg_desk{ display:none; position:absolute; right:20px; top:70px; background-color:#FFF; width:100%;height:auto;border:2px solid #eee; text-align:center;width:300px;height:200px;}.classname .boximg_desk img{width: auto; max-width:100%; height:auto;}
.class_tablist {width:100%; height:auto; margin:0 auto; overflow:hidden; font-size:110%;}
.class_tablist .boximg{ display:block;width:100%;height:auto;border:0px solid #eee; text-align:center;}.class_tablist .boximg img{width:100%; max-width:100%; height:auto;}
.class_tablist #css_table_01 .css_td b{width:25%;max-width:90px;display: inline-block; vertical-align:top; text-align:left;}
.class_tablist #css_table_01 .css_td .spanbox{ width:75%;display: inline-block;}
.class_tablist #css_table_01 .maininboxinfo{width:100%; height:auto;padding:5px 10px;}
.class_tablist .text_input{ width:95%;}
.class_tablist #css_table_01 .box01,
.class_tablist #css_table_01 .box02,
.class_tablist #css_table_01 .box03,
.class_tablist #css_table_01 .box04,
.class_tablist #css_table_01 .box05,
.class_tablist #css_table_01 .box06,
.class_tablist #css_table_01 .box07,
.class_tablist #css_table_01 .box08,
.class_tablist #css_table_01 .box09,
.class_tablist #css_table_01 .box10,
.class_tablist #css_table_01 .box11{ width:100%;float:none;background:#eee;}
.class_tablist #css_table_01 .css_td:nth-child(even) {background:#FFF;}

.class_tablist #css_table_01 .box12{width:100%;background:#0a5392;}.class_tablist #css_table_01 H3{ font-size:120%;color:#FFF;padding:5px 0px;}
.class_tablist #css_table_01 .box13,
.class_tablist #css_table_01 .box14,
.class_tablist #css_table_01 .box15,
.class_tablist #css_table_01 .box16,
.class_tablist #css_table_01 .box17,
.class_tablist #css_table_01 .box18,
.class_tablist #css_table_01 .box19,
.class_tablist #css_table_01 .box20,
.class_tablist #css_table_01 .box21,
.class_tablist #css_table_01 .box22{ width:100%;background:#ebf3f9;}

<!---topbookmarkAA-頁籤------------------->
.topbookmarkAA { width:100%; height:auto; margin:0 auto;overflow:hidden; margin-top:20px; border-bottom:1px solid #000;}
.topbookmarkAA a{display:inline-block;width:32%; height:auto;padding-top:5px;line-height:35px; font-size:100%;color:#FFF; font-weight:bold; text-decoration:none; text-align:center;  vertical-align: middle; border-radius:15px 15px 0 0;background:#247cad;.background:#247cad;
background:linear-gradient(#4090bd 50%, #247cad 50%);
background: -webkit-linear-gradient(#4090bd 50%, #247cad 50%);
background: -ms-linear-gradient(#4090bd 50%, #247cad 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4090bd', endColorstr='#247cad',GradientType=0);
}
.topbookmarkAA a:nth-child(1),
.topbookmarkAA a:nth-child(2){ margin-right:0;}
.topbookmarkAA a:nth-child(3){width:33%;}
/*actionindet*/
.actionindet_tablist {width:100%; height:auto; margin:0 auto; overflow:hidden; font-size:110%; line-height:150%;}
.actionindet_tablist .boximg{ display:block;width:100%;height:auto;border:0px solid #eee; text-align:center;}.actionindet_tablist .boximg img{width:100%; max-width:100%; height:auto;}
.actionindet_tablist #css_table_01 .css_td b{width:25%;max-width:90px;display: inline-block; vertical-align:top; text-align:left;}
.actionindet_tablist #css_table_01 .css_td .spanbox{ width:75%;display: inline-block;}
.actionindet_tablist .cutoff{ font-size:120%; color:#F00; margin:10px;}
.actionindet_tablist #css_table_01 .maininboxinfo{width:100%; height:auto;padding:0px 0px;}
.actionindet_tablist #css_table_01 .maininboxinfo .alink{ display:block; color:#000; font-weight:bold; line-height:180%; text-decoration:none;}
.actionindet_tablist #css_table_01 .maininboxinfo .alink:hover{color: #F60;text-decoration:none;}
.actionindet_tablist #css_table_01 .maininboxinfo .attention{ margin:0; padding:0 10px; font-size:90%;}
.actionindet_tablist #css_table_01 .maininboxinfo .aspNetDisabled{ margin:10px 0;}
.actionindet_tablist .text_input{ width:95%;}
.actionindet_tablist #css_table_01>span input{ width:auto;}
.actionindet_tablist #css_table_01 .box01,
.actionindet_tablist #css_table_01 .box02,
.actionindet_tablist #css_table_01 .box03,
.actionindet_tablist #css_table_01 .box04,
.actionindet_tablist #css_table_01 .box05,
.actionindet_tablist #css_table_01 .box06,
.actionindet_tablist #css_table_01 .box07,
.actionindet_tablist #css_table_01 .box08,
.actionindet_tablist #css_table_01 .box09,
.actionindet_tablist #css_table_01 .box10,
.actionindet_tablist #css_table_01 .box11,
.actionindet_tablist #css_table_01 .box12,
.actionindet_tablist #css_table_01 .box13,
.actionindet_tablist #css_table_01 .box14,
.actionindet_tablist #css_table_01 .box15{ width:100%; float:none;}
.actionindet_tablist #css_table_01 .box_download img{ vertical-align:middle;}
.actionindet_tablist #css_table_01 .titlebox{ width:100%;background:#0a5392;}.actionindet_tablist #css_table_01 H3{ font-size:120%;color:#FFF;padding:5px 0px;}
.actionindet_tablist #css_table_01 .box20,
.actionindet_tablist #css_table_01 .box21,
.actionindet_tablist #css_table_01 .box22,
.actionindet_tablist #css_table_01 .box23,
.actionindet_tablist #css_table_01 .box24,
.actionindet_tablist #css_table_01 .box25,
.actionindet_tablist #css_table_01 .box26,
.actionindet_tablist #css_table_01 .box27,
.actionindet_tablist #css_table_01 .box28,
.actionindet_tablist #css_table_01 .box29,
.actionindet_tablist #css_table_01 .box30{ width:100%;background:#ebf3f9;}

/*actionindet*/
.prelessonmain_tablist {width:100%; height:auto; margin:0 auto; overflow:hidden; font-size:110%; line-height:150%;}
.prelessonmain_tablist .boximg{ display:block;width:100%;height:auto;border:0px solid #eee; text-align:center;}.prelessonmain_tablist .boximg img{width:100%; max-width:100%; height:auto;}
.prelessonmain_tablist #css_table_01 .css_td b{width:25%;max-width:90px;display: inline-block; vertical-align:top; text-align:left;}
.prelessonmain_tablist #css_table_01 .css_td .spanbox{ width:75%;display: inline-block;}
.prelessonmain_tablist .cutoff{ font-size:120%; color:#F00; margin:10px;}
.prelessonmain_tablist #css_table_01 .maininboxinfo{width:100%; height:auto;padding:0px 0px;}
.prelessonmain_tablist #css_table_01 .maininboxinfo .alink{ display:block; color:#000; font-weight:bold; line-height:180%; text-decoration:none;}
.prelessonmain_tablist #css_table_01 .maininboxinfo .alink:hover{color: #F60;text-decoration:none;}
.prelessonmain_tablist #css_table_01 .maininboxinfo .attention{ margin:0; padding:0 10px; font-size:90%;}
.prelessonmain_tablist #css_table_01 .maininboxinfo .aspNetDisabled{ margin:10px 0;}
.prelessonmain_tablist .text_input{ width:95%;}
.prelessonmain_tablist #css_table_01>span input{ width:auto;}
.prelessonmain_tablist #css_table_01 .box01,
.prelessonmain_tablist #css_table_01 .box02,
.prelessonmain_tablist #css_table_01 .box03,
.prelessonmain_tablist #css_table_01 .box04,
.prelessonmain_tablist #css_table_01 .box05,
.prelessonmain_tablist #css_table_01 .box06,
.prelessonmain_tablist #css_table_01 .box07,
.prelessonmain_tablist #css_table_01 .box08,
.prelessonmain_tablist #css_table_01 .box09,
.prelessonmain_tablist #css_table_01 .box10,
.prelessonmain_tablist #css_table_01 .box11,
.prelessonmain_tablist #css_table_01 .box12,
.prelessonmain_tablist #css_table_01 .box13,
.prelessonmain_tablist #css_table_01 .box14,
.prelessonmain_tablist #css_table_01 .box15{ width:100%; float:none;}
.prelessonmain_tablist #css_table_01 .box_download img{ vertical-align:middle;}
.prelessonmain_tablist #css_table_01 .titlebox{ width:100%;background:#0a5392;}.prelessonmain_tablist #css_table_01 H3{ font-size:120%;color:#FFF;padding:5px 0px;}
.prelessonmain_tablist #css_table_01 .box20,
.prelessonmain_tablist #css_table_01 .box21,
.prelessonmain_tablist #css_table_01 .box22,
.prelessonmain_tablist #css_table_01 .box23,
.prelessonmain_tablist #css_table_01 .box24,
.prelessonmain_tablist #css_table_01 .box25,
.prelessonmain_tablist #css_table_01 .box26,
.prelessonmain_tablist #css_table_01 .box27,
.prelessonmain_tablist #css_table_01 .box28,
.prelessonmain_tablist #css_table_01 .box29,
.prelessonmain_tablist #css_table_01 .box30{ width:100%;background:#ebf3f9;}

/*海 洋 學 習 護 照-----------------*/
.member_tablist {width:100%; height:auto; margin:0 auto; overflow:hidden; font-size:110%;}
.member_tablist .boximg{ width:100%;height:auto;border:0px solid #eee; text-align:center;}.member_tablist .boximg img{width:100%; max-width:100%; height:auto;}
.member_tablist .hours_title{ font-size:120%;color:#FFF;font-size:150%; padding:5px 10px; background-color:#553211; font-weight:bold; text-align:center;}
.member_tablist .post{ border:1px solid #eee;}
.member_tablist .post .table_box3{ width:90%; height:auto; margin:0 auto;}
.table_box3 { clear:both; width:100%; height:auto; margin:0 auto; padding:3px 3px 0px 3px;border:1px solid #eee;}
.table_box3 #css_table .css_td b{ color: #963;  font-weight:bold; width:auto; display:inline-block;}



/*活動集錦相簿列表*/
.Photo_list{width: 100%;height: auto;margin:0 auto;}
.Photo_list .box{width:45%; height:0; padding-bottom:30%; overflow:hidden; margin:8px; float:left; border:#F4F4F4 2px solid;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); position:relative;}
.Photo_list .box .boxsize{width:100%; height:auto;}
.Photo_list .box .mesk{ position:absolute; bottom:0; left:0; background-color:rgba(0,0,0,0.8); display:block; width:100%; height: auto; color:#FFF; font-size:100%; text-align:left; padding:5px 10px;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.Photo_list .box .mesk span{ font-size:70%; display:block; color:#0CF;}

/*明細*/
.member_discussdit #css_table_01 .box01{background-color:#000;color:#FFF;}
.member_discussdit #css_table_01 .css_td b{ width:25%; vertical-align:top; margin-right:1%;display:inline-block;}
.member_discussdit #css_table_01 .css_td .spanbox{ width:72%; height:auto; display:inline-block;}
}