*{margin:0; padding:0;}
a {
    text-decoration: none
}
body {
    font-family: "微軟正黑體",Verdana;
    font-size: 16px;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
    background-color: #FFF;
}
.head {
    background-image: url("../images/arrowright.png");
    background-repeat: repeat-x;
    background-size: auto 60px;
}

.logo {
    background-image: url("../images/logo.png");
    background-repeat: no-repeat;
    background-size:80%;
    width:100px;
    height:80px;
    float:left;
}
.rooter {
    padding: 10px 20px 20px 10px;
    text-align: center;

}

.titleC {
    font-size: 16px;
 line-height:24px;
    font-weight:900;
    color:#14a9e4;
    padding-top:10px;
   
}
.titleP {
    font-size: 12px;
    color: #14a9e4;
}

.mainTitle{
	color: rgb(0, 0, 0);
	text-shadow: 2.5px 4.33px 5.04px rgba(4, 0, 0, 0.294);
    width: 100%;
	height: 60px;

	
}

.clear{
	clear:both;
	
}


.container {
    height: auto;
    width: 950px;
    margin: 0 auto;

    padding: 10px;
    background-image: #9ff4b7;
    background-image: -webkit-linear-gradient(top, #9ff4b7, #f1e078);
    background-image: -moz-linear-gradient(top, #9ff4b7, #f1e078);
    background-image: -ms-linear-gradient(top, #9ff4b7, #f1e078);
    background-image: -o-linear-gradient(top, #9ff4b7, #f1e078);
    background-image: linear-gradient(to bottom, #9ff4b7, #f1e078);
}
.bannerDiv {
    text-align:center;
    margin-bottom:20px;
}
.bannerDiv img{width:500px;}

.banner {
    background-image: url(../Images/logo_bg.jpg);
    margin: 0px;
    padding: 0px;
    margin: 0;
    height: 150px;
    width: auto;
}

	.banner h1
		{ 
		background: url(../Images/logo.png) no-repeat;
		width: 550px;
    height: 99px;
    text-indent: -9999px;
    float: left;
    margin: 5px;
	}

.box
{   

	text-align:center;
	
}








.imgCode
{ height:40px;
  vertical-align:text-bottom;
}

.boxcontent ul{ list-style:none;
}
/*   Buttion Class                         */
.css_btn_class, .css_btn_class .current {
	font-size:16px;
	font-family:Arial;
	font-weight:bold;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	padding:3px 12px;
	margin-left:10px;
	margin-right:10px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #c9e0f7 21%, #50b1cf 84% );
	background:-ms-linear-gradient( top, #c9e0f7 21%, #50b1cf 84% );
	
	background:-webkit-gradient( linear, left top, left bottom, color-stop(21%, #c9e0f7), color-stop(84%, #50b1cf) );
	background-color:#09C;
	color:#fafafa;
	display:inline-block;
	text-shadow:2px 2px 4px #2275c9;
 	-webkit-box-shadow:inset 3px 2px 4px -1px #dcecfb;
 	-moz-box-shadow:inset 3px 2px 4px -1px #dcecfb;
 	box-shadow:inset 3px 2px 4px -1px #dcecfb;
	overflow:hidden;
}

.css_btn_class:hover {
	background:-moz-linear-gradient( center top, #50b1cf 21%, #c9e0f7 84% );
	background:-ms-linear-gradient( top, #50b1cf 21%, #c9e0f7 84% );

	background:-webkit-gradient( linear, left top, left bottom, color-stop(21%, #50b1cf), color-stop(84%, #c9e0f7) );
	background-color:#06C;
}


 /*   Buttion Class               End          */
/* This css button was generated by css-button-generator.com */

        
  

/*------------------Menu  OL List---------------*/
ol.menuOL li
{  text-align:left;
   list-style:none;
     padding:5px 0px 5px 0px;
	  display:block;
	  float:left;
 
}

ol.menuOL 
{    margin: 0px ;
    
    list-style-type: none;
	overflow: hidden;
   list-style:none;
   float:left;
}

ol.menuOL a,ol.menuOL a:visited{
		 padding: 5px 10px 5px 10px;
	  background: #13a2d6;
  background-image: -webkit-linear-gradient(top, #13a2d6, #32d6c8);
  background-image: -moz-linear-gradient(top, #13a2d6, #32d6c8);
  background-image: -ms-linear-gradient(top, #13a2d6, #32d6c8);
  background-image: -o-linear-gradient(top, #13a2d6, #32d6c8);
  background-image: linear-gradient(to bottom, #13a2d6, #32d6c8);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
 
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  
  color: #ffffff;
  font-size: 18px;
 
 
  text-decoration: none;
  display:block;
}

ol.menuOL a:hover, ol.menuOL a .current{
	  background: #33CCFF;
  background-image: -webkit-linear-gradient(top, #33CCFF, #3498db);
  background-image: -moz-linear-gradient(top, #33CCFF, #3498db);
  background-image: -ms-linear-gradient(top, #33CCFF, #3498db);
  background-image: -o-linear-gradient(top, #33CCFF, #3498db);
  background-image: linear-gradient(to bottom, #33CCFF, #3498db);
  text-decoration: none;
}


.Error{
	border:1px solid #FF0000;
	background-color:#FC0;
	
}



/*------------------Lang div Ul List---------------*/
div.langBar ul {
    top: 0px;
    float: right;
    margin: 0px;
    display: inline-block;
    list-style-type: none;
    overflow: hidden;
  
}
div.langBar ul li{
	 float: left;
	  padding:5px 10px 5px 10px;
	  display:block;
	    
	
}
div.langBar ul a, div.langBar ul a:visited {
	 padding: 5px 10px 5px 10px;
	
           
  color: #13a2d6;
  font-size: 16px;
 
 
  text-decoration: none;
  display:block;
  text-align:center;

}

    div.langBar ul a:hover {
        background: #67faf3;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        background-image: -webkit-linear-gradient(top, #67faf3, #3498db);
        background-image: -moz-linear-gradient(top, #67faf3, #3498db);
        background-image: -ms-linear-gradient(top, #67faf3, #3498db);
        background-image: -o-linear-gradient(top, #67faf3, #3498db);
        background-image: linear-gradient(to bottom, #67faf3, #3498db);
        text-decoration: none;
        color: white;
    }

.bClass{
	font-weight:bold;
}

.smallSize{
	
	font-size:16px;
	
}



.link{
  color: rgb(0, 0, 0);
 
 
  text-decoration: none;
  


}

/*          LOGO UL              */
ul.logoUL {
    margin: 0px;
    padding-left: 20px;
    list-style-type: none;
    overflow: hidden;
    float: right;
    border-top: 2px solid #50b1cf;
    border-bottom: 2px solid #50b1cf;
    background-image: url("../images/arrowleft.png");
    background-repeat: repeat-x;
    background-size:auto 45px; 
}

    ul.logoUL li {
        float: left;
        padding: 5px;
        text-align: center;
    }

    ul.logoUL a {
        display: inline-block;
        color: #50b1cf;
        text-decoration: none;
        padding: 5px 10px 5px 10px;
        font-weight:900;
    }

        ul.logoUL a:hover {
            background: #c9e0f7;
            color: white;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
            background-image: -webkit-linear-gradient(top, #c9e0f7, #3498db);
            background-image: -moz-linear-gradient(top, #c9e0f7, #3498db);
            background-image: -ms-linear-gradient(top, #c9e0f7, #3498db);
            background-image: -o-linear-gradient(top, #c9e0f7, #3498db);
            background-image: linear-gradient(to bottom, #c9e0f7, #3498db);
            text-decoration: none;
        }
   
/*          LOGO UL              */


/*------------------menu bar...............*/

.context {
}
.leftmenu {
    float:left;

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


ul.leftUL {
  
    margin-left: 10px;
    margin-right: 10px;
    list-style-type: none;
  
}

    ul.leftUL li {
        margin-bottom: 15px;
        text-align: center;
        background-color: white;
        border: 3px solid #50b1cf;
        -webkit-border-radius: 0px 0px 15px 15px;
        -moz-border-radius: 0px 0px 15px 15px;
        border-radius: 0px 0px 15px 15px;
        box-shadow: 2.5px 4.33px 5.04px rgb(4 0 0 / 29%);
  
        border-collapse: collapse;
    }

        ul.leftUL li img {
            border: 0px;
            margin: 0px;
           
        }

        ul.leftUL li a {
            display: inline-block;
            color: #50b1cf;
            text-decoration: none;
            padding: 0px 0px 5px 0px;
            font-weight: 900;
            letter-spacing: 4px;
      
            border-collapse:collapse;
        }

        ul.leftUL a:hover {
            background: #c9e0f7;
            color: white;
         
            -webkit-border-radius: 0px 0px 15px 15px;
            -moz-border-radius: 0px 0px 15px 15px;
            border-radius: 0px 0px 15px 15px;
            background-image: -webkit-linear-gradient(top, #c9e0f7, #3498db);
            background-image: -moz-linear-gradient(top, #c9e0f7, #3498db);
            background-image: -ms-linear-gradient(top, #c9e0f7, #3498db);
            background-image: -o-linear-gradient(top, #c9e0f7, #3498db);
            background-image: linear-gradient(to bottom, #c9e0f7, #3498db);
            text-decoration: none;
        }




.boxDiv {

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color:#50b1cf;
    padding:10px;

}

    .boxDiv h2 {
        padding: 0px 5px 5px 5px;
        letter-spacing: 4px;
        font-size:18px;
        color:white;
    }

.textDiv {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: white;
    padding: 10px;
    line-height:32px;
}
.newsRow{border-bottom:1px dotted #cbcdd2; padding-bottom:3px;}
.newsTitle, .newsContext{float:left;}

.dateTitle,.dateContext{float:right;}

.newsTitle,.dateTitle{font-size:16px; font-weight:bold;}

.newsDetailTitle {
    font-size: 20px;
    line-height: 28px;
    font-weight: bold;
}

.newsDetailContent {
    font-size: 16px;
    line-height:24px;
}

.newsimgs {
    padding :10px;
    width:500px;
}

.hidden_clear {
        display:none;
    }


@media all and (min-width: 240px) and (max-width: 779px) {

    .hidden_clear {
        display:block;
    }

    .container
{ 
 
  height:auto;
  width:100%;
padding: 5px;

}
    .leftmenu{display:none;}

    .txtcontext {
       width:90%;
       margin:0 auto;
       box-sizing:border-box;
    }

    .bannerDiv img {
        width: 90%;
    }

.banner
{  
   
    height: 100px;
    width: auto;
}



    ul.logoUL a {
        
     display:inline;
        
         padding: 3px 5px 3px 5px; 
    }


    .newsimgs {
        width: 95%;
    }

}

@media print {


.banner, .spanStep, h1,.css_btn_class,ul.logoUL,.btnDiv
{  
   
    display:none;
}

}