/* CSS Document */
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 12px;*/
	color: #333333;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url(images/s_bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color: #FFFFD7;
	font-size: 75%;
}
hr {
	border: thin dotted #3e3e3e;
}
ul {
	list-style : circle outside url(images/icon_06.gif);
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #179747;
}
a:active {
	text-decoration: none;
}
/* ------------------------------------- */

#content_top {
    margin: 0 auto;
    height: 9px;
    position: relative;
}

#container {
	background-color: #fff;
    box-shadow: 0 6px 20px rgb(0 0 0 / 40%), 0 6px 6px rgb(0 0 0 / 23%);
}

/*---------------------------------------------------------------*/
#left_box{
    box-shadow:inset -25px 0px  10px -15px rgba(0, 0, 0, 0.15);
}

/* logo  -------------------------------------------- */
.logo{
    margin: 12px 27px 0;
    position: relative;
}

/* 左邊menu  ----------------------------------------- */

.aplus{
    line-height: 1px;
    height: 1px;
    position: relative;
}

.menu-title01{
    position: relative;
    background: linear-gradient(90deg, rgba(91,184,7,1) 0%, rgba(142,228,64,1) 66%, rgba(243,255,227,1) 92%, rgba(216,250,151,1) 96%, rgba(200,247,108,1) 100%);
    height: 56px;
    
}

.menu-title01::before{
    content: "";
    width: 14px;
    height: 56px;
    background-color: #428a00;
    position: absolute;
    left: -12px;
    box-shadow: -4px 1px 8px #333;
}


.menu-title01 img{
    margin-left: 35px;
}

.menu-title01 p{
    font-size: 1.25rem;
    font-weight: 600;
    letter-spacing:1px;
	line-height: 16px;
    color: #fff;
    padding: 0;
    margin: 12px 0 ;
}

.menu-title01 small{
    font-size: 0.75rem;
    padding: 0 0 20px 0;
    letter-spacing: 0;
}




/* 左方選單 */
.menu-item01 {
    line-height: 24px;
    margin: 20px;
    position: relative;
    font-size: .85rem;
}

.menu-item01 table tr{
    border-bottom: 1px dashed rgb(189, 189, 189);
}

.navi {
	margin: 0;
	padding: 0 0 0 40px;
}

/* 選單方型小圖標 */
.navi::before{
    content: "";
    position: absolute;
    height: 8px;
    width: 8px;
    background-color: #91ce00;
    top: 13px;
    left: 5px;
}

/* 全站搜尋  ----------------------------------------- */

#search-box{
    background:  url(images_new/search-bg.png) center right no-repeat; 
    position: relative;
    min-height: 135px;
    padding: 20px 16px;
    margin:0 16px 20px;
    position: relative;
    border-radius:15px;
    box-shadow: 0 4px 6px rgb(0 0 0 / 23%), 0 -4px 6px rgb(0 0 0 / 23%);
}


.search-title{
    color:#3a9d4a;
    font-family: sans-serif;
    letter-spacing: 1px;
    font-size: 1rem;
    font-weight: 600;
    border-bottom:1px #3e3e3e dotted ;
}

#search-box input[type="text"]{
    width: 100%;
    border: solid 1px #69F;
    padding: 4px 2px;
    margin-bottom: 10px; 
}
#btn_search{
    float: right;
}

/*---------------------------------------------------------------*/

#right_box{
	border-top: 4px solid #ff0000;
    box-shadow:inset 25px 0px 10px -15px rgba(0, 0, 0, 0.10);
}



/*---------------------------------------------------------------*/

/* 上方連結列 */
#top-menu{
	position: relative;
    padding-right: 10px;
    height: 40px;
    text-align: right;
	z-index: 15;
}

#top-menu nav.navbar{
    padding: 0 ;
    margin: 0 0 0 15px;
    background: #fff;
}

#top-menu ul.desk-menu{
    margin: 0;
    padding: 0;
    list-style-type: none;
	display: flex;
	justify-content: flex-end;
}

#top-menu li{
    list-style: none;
}

#top-menu .desk-menu li a{
    display: inline-block;
    min-width: 90px;
    line-height: 40px;
    text-align: center;
    color: #000;
}

#top-menu li a:hover{
    color: rgb(21, 121, 235);
}

#top-menu li a.aplus{
    width: 90px;
    height: 40px;
    color: #fff;
    margin: 0;
}

/* 主要顯圖 */
#flash{
    margin: 3px 10px 12px 17px;
    border: 1px solid rgb(172, 172, 172);
    overflow: hidden;
}

#Div_Banner div{
    width: 100%;
    margin: 0;
    padding: 3px;
    text-align: center;
}

/* 綠線 ----------------------------------------- */
#g_line01{
    height: 4px;
    margin-bottom: 10px;
    background-color: #377400;
    box-shadow: inset 0px 1.25px 0px 0px #91ce00;
}

/* 內頁 */
.page-box{
    width: 95%;
    padding-bottom: 20px;
    margin-left: 20px;
    position: relative;
}


/* 現在位置 */
.page-site{
    margin: 0 auto 5px;
    text-align: right;
}

/* 內頁標題 */
.page-title{
    margin: 0 auto 15px;
    height: 45px;
    text-indent: 85px;
    font-size: 15px;
    line-height: 45px;
    font-weight: bold;
    color: #FFF;
    background: url(images_new/page_title.png) no-repeat;
    background-size: cover;
}

/* footer  ----------------------------------------- */


/* 版權宣告 */
.footer-bg{
    height: 50px;
    padding: 0;
    background: url(images_new/footer-bg.png) top center no-repeat;
    margin-top: 10px;
}


#under {
	margin: 0 auto;
    min-height:80px;
    font-size: 12px;
    position: relative;
    background: linear-gradient(180deg, #b48f10, rgba(205,168,41,1) 35%, rgba(224,188,61,1) 100%);
}

.copyright {
	text-align: center;
}

/*  ----------------------------------------- */

#intop_menu {
	position:absolute;
	left:597px;
	top:6px;
	width:397px;
	height:25px;
	z-index:2;
}

#intop_menu2 {
	position:absolute;
	left:603px;
	top:7px;
	width:397px;
	height:25px;
	z-index:1;
}
#intop_menu3 {
	position:absolute;
	left:547px;
	top:6px;
	width:447px;
	height:25px;
	z-index:2;
}
#intop_menu4 {
	position:absolute;
	left:552px;
	top:7px;
	width:447px;
	height:25px;
	z-index:1;
}
#menu {
	position:absolute;
	left:1px;
	top:-41px;
	width:180px;
	height:159px;
	z-index:10;
}
#main {
	position:relative;
	left:0px;
	top:-5px;
	width:1000px;
	height:370px;
	z-index:9;
	background-color:#FFFFFF;
	/*background-image: url(images/bg.jpg);*/
}
#bottom {
	position:relative;
	left:0px;
	top:-5px;
	width:1000px;
	height:107px;
	background-image: url(images/bottom.jpg);
}
#ad {
	position:absolute;
	left:192px;
	top:-36px;
	width:613px;
	height:196px;
	z-index:10;
	background-image: url(images/ad_bg.gif);
}
.from01 {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 12px;*/
	color: #333333;
	text-decoration: none;
	background-color: #F1F1F1;
	border: 1px solid #DCDAD8;
}
.from02 {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 12px;*/
	color: #333333;
	text-decoration: none;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #DCDAD8;
	border-bottom-color: #DCDAD8;
	border-left-color: #DCDAD8;
}
.from03 {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 12px;*/
	color: #333333;
	text-decoration: none;
	border: 1px solid #DCDAD8;
	margin: 2px;
}
.from04 {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 12px;*/
	color: #333333;
	text-decoration: none;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #DCDAD8;
	border-bottom-color: #DCDAD8;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #EDECEB;
	border-left-color: #EDECEB;
}
.text01 {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 12px;*/
	line-height: 20px;
	color: #333333;
	text-decoration: none;
}
.text02 {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 12px;*/
	line-height: 20px;
	color: #000000;
	text-decoration: none;
}
.text03 {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 12px;*/
	color: #CC0000;
	text-decoration: none;
}
.text04 {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 12px;*/
	color: #333333;
	text-decoration: none;
}
.text05 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 5px;
	color: #FFFFFF;
	text-decoration: none;
}
.text06 {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 12px;*/
	color: #0000FF;
	text-decoration: none;
	line-height: 20px;
}
.text07 {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 13px;*/
	color: #0000FF;
	text-decoration: none;
}
.text08 {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 13px;*/
	color: #663300;
	text-decoration: none;
}
.text09 {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 13px;*/
	color: #FF0066;
	text-decoration: none;
}
.text10 {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 12px;*/
	color: #FF0066;
	text-decoration: none;
}
.text11 {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 75%;*/
	line-height: 20px;
	color: #FFFFFF;
	text-decoration: none;
}
.ti01 {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 15px;*/
	line-height: 20px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.ti02 {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 15px;*/
	line-height: 20px;
	color: #458181;
	text-decoration: none;
	font-weight: bold;
}
.ti03 {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 13px;*/
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}
.ti04 {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 13px;*/
	line-height: 20px;
	color: #FF0066;
	text-decoration: none;
	font-weight: bold;
}
.ti05 {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 13px;*/
	line-height: 20px;
	color: #CC0000;
	text-decoration: none;
	font-weight: bold;
}
.ti06 {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 13px;*/
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}
.line01 {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 12px;*/
	line-height: 20px;
	color: #333333;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
}
.line02 {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 12px;*/
	color: #333333;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #DADADA;
}
.button01 {
	border: 1px solid #999999;
	/*font-size: 12px;*/
	color: #3D6036;
	background-color: #FFFFFF;
}
.button02 {
	border: 1px solid #999999;
	/*font-size: 12px;*/
	color: #FF0000;
	background-color: #FFFFCC;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 17px;
	text-decoration: none;
}
.float {
	float: left;
}

.greenbutton
{
	border: #005B00 1px solid;
	padding-right: 2px;
	padding-left: 2px;
	padding-top: 2px;
	/*font-size: 12px;*/
	cursor: hand;
	color: #000000;
	background-color: #ADD28F;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#ADD28F);
	height: 18px;
}
.yellowbutton
{
	border: 1px solid #FF6600;
	padding-right: 2px;
	padding-left: 2px;
	padding-top: 2px;
	/*font-size: 12px;*/
	cursor: hand;
	color: #000000;
	background-color: #FFFF99;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#FFFF99);
	height:18px;
}
.bluebutton
{
	border: #002D96 1px solid;
	padding-right: 2px;
	padding-left: 2px;
	padding-top: 2px;
	/*font-size: 12px;*/
	cursor: hand;
	color: #000000;
	background-color: #9DBCEA;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#9DBCEA);
	height:18px;
}


/* RWD */
@media (min-width:768px) and (max-width:991px) {

    #top-menu ul.mob-language li a {
        min-width: 30px;
        font-size: 0.875rem;
		line-height: 15pt;
    }

}

@media (min-width:576px) and (max-width:767.9px) {

    #top-menu ul.mob-language li a {
        min-width: 30px;
        font-size: 0.875rem;
		line-height: 15pt;
    }

}

@media (min-width:376px) and (max-width:575.9px) {

    #top-menu ul.mob-language li a {
        min-width: 30px;
        font-size: 0.875rem;
		line-height: 15pt;
    }

   
}

@media (min-width:0px) and (max-width:375px) {

    #top-menu ul.mob-language li a {
        min-width: 30px;
        font-size: 0.875rem;
		line-height: 15pt;
    }

    
}