body
{
    font-family:Verdana, "微軟正黑體";
    font-size: 14px;
    color: #333333;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
    background: url(../images/back.jpg) repeat-x;
}

html, body
{
    height: 100%;
}

.header{
	
	padding:0px;
	max-height:300px;
	height: 230px;
	min-height:230px;
}

.inner
{
    background-color: #0FDB6A;
    background-repeat: no-repeat;
    background-position: left top;
    height: 100%;
}

    .inner .container
    {
        margin: 0px;
        padding: 0px;
    
	    display:table;
		width:100%;
        height: 100%;
		max-width:1150px;
    }
	
	.header ,.wrapper{
		
		display:table-row;
	}

.wrapper .left
{
    background-image: url(../images/left-menu-bg.png);
    background-color: #006E50;
    background-repeat: no-repeat;
    background-position: left top;
    width: 244px;
    margin: 0px 0px 0 0;
    border-right: 6px solid #006E50;
    padding: 0px;
    vertical-align: top;
    height: 100%;
}

.header .logo-corner
{
    background-image: url(../images/green-logo-bg.png);
    background-repeat: repeat-x;
    background-position: center bottom;
    margin: 0px 0px 10px 15px;
    height: 200px;
    width: 200px;
    border: 6px solid #FFF;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    background-color: #F3F4E8;
    text-align: center;
    z-index: 99;
    position:absolute;
    top: 10px;
    left: 0px;
   
    display: block;
   
  }

.logo-corner .gss-logo-inner
{
background-image: url(../images/index-logo.png);
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 200px;
    width: 200px;
    margin: 0 auto;
    display: block;
    cursor: pointer;
   
    
}

.header .headerright
{
	width:100%;
 	
	 
	 
	
	  text-align: center;
	   
	  
}

.header .headerright .commentBox{
    padding: 60px 30px 40px 0px;
    max-height: 200px;
    font-size: 42px;
    line-height: 65px;
    text-shadow: 4px 3px 2px #666;
    letter-spacing: 1px;
    color: #FFF;
	
}

.header .headerright .commentBox2{
	


margin-top:5px;
overfloat:hidden;


}

.header .language 
{
  
  
   
}

.header .headerright,.header .logo-corner{
	display:table-cell;
	
}


.left .language ul
{
    margin: 0px 0px 0px 50px;
    padding: 0px;
    list-style-type: none;
	
	
}

.left .language ul li
{ display:inline-block;
		 float: left; }
    .left .language ul li a
    {
        font-size: 16px;
        color: #FFF;
        text-decoration: none;
        font-weight: bolder;
        padding: 5px 10px;
        display:block;
        height: auto;
        width: 150px;
        background-color: #669966;
        border: 1px ridge #FFF;
        text-align: center;
        margin: 0px 10px 5px 0px;
    }

        .left .language ul li a:hover,
        .left .language ul li a:focus
        {
            background-color: #FFF;
            color: #669966;
        }

.mainitem{
	text-align:center;
}

.left .navigation
{
    margin: 10px 0 0 0 ;
    padding: 0px;
	width:244px;
}



.left .navigation ul
{
    list-style-type: none;
    margin: 0px;
    padding: 0px 0 0 15px;
}

    .left .navigation ul li
    {
        display: block;
        margin: 0px auto;
        padding: 6px 0 6px 15px;
        width: auto;
    }

.arrow
{
    background-image: url(../images/icon-menu.png);
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    margin: 10px 0 0 -16px;
    padding: 0px;
    float: left;
    height: 22px;
    width: 22px;
}

.arrow2
{
    background-image: url(../images/icon-menu.png);
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    margin: 10px 0 0 -16px;
    padding: 0px;
    float: left;
    height: 22px;
    width: 22px;
}

.left .navigation ul li a
{
    background-color: #699;
    width: auto;
    display: block;
    padding: 2px 15px 2px 45px;
    font-size: 22px;
    min-height: 32px;
    color: #FFF;
    text-decoration: none;
    height: auto;
    letter-spacing: 3px;
   
    background-repeat: no-repeat;
    background-position: 20px center;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: linear;
	 animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: linear;
}

    .left .navigation ul li a:hover,
    .left .navigation ul li a:focus
    {
         
        background-image: repeating-linear-gradient(-45deg, transparent, transparent 20px, rgba(255,255,255,0.25) 20px, rgba(255,255,255,0.1) 40px );
         transition-duration: 200ms;
       transition-timing-function: ease-out;
        -webkit-transition-duration: 200ms;
        -webkit-transition-timing-function: ease-out;
		
    }

.left .navigation ul li:hover span.arrow, .left .navigation ul li:focus span.arrow
{
    margin-left: 16px;
    margin-left: 0px \9;
    -webkit-transition-duration: 200ms;
    -webkit-transition-timing-function: ease-out;
	 transition-duration: 200ms;
    transition-timing-function: ease-out;
}

.left .navigation ul li ul.submenu li:hover span.arrow2,.left .navigation ul li ul.submenu li:focus span.arrow2
{
    margin-left: 16px;
    margin-left: 0px \9;
    -webkit-transition-duration: 200ms;
    -webkit-transition-timing-function: ease-out;
	 transition-duration: 200ms;
    transition-timing-function: ease-out;
}

.left .navigation a.blue
{
    background-color: #069;
    text-shadow: 2px 2px 0px #00A6DD;
	 
}

.left .navigation a.blue2
{
    background-color: #f56ff2;
    text-shadow: 2px 2px 0px #c47ecc;
}

.left .navigation a.blue3
{
    background-color: #0094ff;
    text-shadow: 2px 2px 0px #00A6DD;
}


.left .navigation a.folder
{
    background-image: url(../images/icon-folder.png);
}

.left .navigation a.yellow
{
    background-color: #f7ed37;
    text-shadow: 2px 2px 0px #bbb9b7;
	color:#333333;
}

.left .navigation a.camera
{
    background-image: url(../images/icon-camera.png);
}


.left .navigation a.orange
{
    background-color: #E66D47;
    text-shadow: 2px 2px 0px #C7461B;
}

.left .navigation a.file
{
    background-image: url(../images/icon-file.png);
}


.left .navigation a.red
{
    background-color: #EC4559;
    text-shadow: 2px 2px 0px #CD142C;
}

.left .navigation a.green
{
    background-color:#4CBE9E;
    text-shadow: 2px 2px 0px #006E50;
}


 

.left .navigation a.mail
{
    background-image: url(../images/icon-mail.png);
}

.left .navigation a.clock
{
    background-image: url(../images/icon-clock.png);
}

.left .navigation a.heart
{
    background-image: url(../images/icon-heart.png);
}

.left .navigation a.heart2
{
    background-image: url(../images/icon-heart2.png);
}



.left .navigation a.grey
{
    background-color: #999;
    text-shadow: 2px 2px 0px #8E9472;
}

.left .navigation a.letter
{
    background-image: url(../images/icon-letter.png);
}
/*
.left .navigation a.safe
{
    background-image: url(../images/icon-safe.png);
}
*/


.wrapper
{
    margin: 0px 0;
    padding: 0px;
  
    width: 100%;
   
    height: 100%;
}

    .wrapper .left,
    .wrapper .right
    {
        display: table-cell;
		vertical-align:top;
	
    }

	 .wrapper .right
    {
        max-width:850px;
	min-height:880px;
    }


.container .main
{
    background-image: url(../images/bk.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    margin: 0px;
    padding: 330px 0 0 0;
    height: auto;
    width: auto;
    min-height: 220px;
}

.logo-bar
{
    background-image: url(../images/white-bg.png);
    background-repeat: repeat-y;
    background-position: center center;
    margin: 0 auto 20px;
    padding: 0;
    height: 110px;
    width: auto;
}

.toppic .logo-bar
{
    margin-top: 90px;
}

.gss-logo
{
    background-image: url(../images/gss-logo.png);
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0px;
    padding: 10px;
    height: 90px;
    width: auto;
}

.clear
{
    clear: both;
}

.main .lang,
.toppic .lang
{
    text-align: center;
    margin: auto;
    width: 340px;
    height: auto;
}

.addr-corner
{
    margin: 25px;
    padding: 0 0 0 700px;
    background-image: url(../images/main-left-pic.png);
    background-repeat: no-repeat;
    background-position: left center;
    min-height: 250px;
}

.addr-right
{
    margin: 30px auto 0;
    width: 600px;
    text-align: justify;
    font-size: 14px;
    line-height: 22px;
}

.toppic
{
    margin: 55px auto 10px;
    padding: 50px 0 0 0;
    background-image: url(../images/main-left-pic.png);
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 250px;
}

.addr-corner .title,
.addr-right .title
{
    font-size: 18px;
    font-weight: bolder;
    letter-spacing: 2px;
}

.addr-right .title
{
    font-size: 22px;
}

.title .pt
{
    font-size: 16px;
    letter-spacing: 0em;
    font-style: italic;
}

.addr-corner dl
{
    line-height: 20px;
    margin: 6px 0 0 0;
}

    .addr-corner dl dt
    {
        line-height: 30px;
        font-weight: bolder;
        font-size: 16px;
    }

	    .addr-corner dl dt span
    {
      
        font-weight: normal;
       
    }


.lang a.zh
{
    background-image: url(../images/cht-btn.png);
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0px;
    padding: 0px;
    float: left;
    height: 40px;
    width: 160px;
    text-indent: -9999px;
    display: inline-block;
	background-size:cover;
}

.lang a.pt
{
    background-image: url(../images/por-btn.png);
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0px;
    padding: 0px;
    float: right;
    height: 40px;
    width: 160px;
    text-indent: -9999px;
    display: inline-block;
		background-size:cover;
}
/*for IE 9 */
.wrapper .left
{
    float: left \9;
    display: inline \9;
}

.wrapper .right
{
    border-left: 8px solid #0FDB6A;
    background: #FFF;
    border-right: 25px solid #0FDB6A;
  
      height: auto;

}


@-webkit-keyframes mainstory
{

	 0%
    {
        background-image: url(../images/gallery/g1.png);
    }
    8%
    {
        background-image: url(../images/gallery/g2.png);
    }

    17%
    {
        background-image: url(../images/gallery/g3.png);
    }

    25%
    {
        background-image: url(../images/gallery/g4.png);
    }

    34%
    {
        background-image: url(../images/gallery/g5.png);
    }

    42%
    {
        background-image: url(../images/gallery/g6.png);
    }


    51%
    {
        background-image: url(../images/gallery/g8.png);
    }

    59%
    {
        background-image: url(../images/gallery/GCS11.png);
    }

	 68%
    {
        background-image: url(../images/gallery/PJ9.png);
    }

	  76%
    {
        background-image: url(../images/gallery/G10.png);
    }

	    85%
    {
        background-image: url(../images/gallery/G12.jpg);
    }

		  93%
    {
        background-image: url(../images/gallery/G13.jpg);
    }

	   100%
    {
        background-image: url(../images/gallery/g1.png);
    }
}

@keyframes mainstory
{
    0%
    {
        background-image: url(../images/gallery/g2.png);
    }

    15%
    {
        background-image: url(../images/gallery/g3.png);
    }

    30%
    {
        background-image: url(../images/gallery/g4.png);
    }

    45%
    {
        background-image: url(../images/gallery/g5.png);
    }

    60%
    {
        background-image: url(../images/gallery/g6.png);
    }

    75%
    {
        background-image: url(../images/gallery/g7.png);
    }

    90%
    {
        background-image: url(../images/gallery/g8.png);
    }

    100%
    {
        background-image: url(../images/gallery/g1.png);
    }
}


.slider
{
    width: auto;
    height: 350px;
    padding: 0;
    margin: 20px 20px 0;
    border-radius: 6px;
    background-image: url(../images/gallery/g1.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    box-shadow: 2px 2px 5px #333;
    -webkit-animation: mainstory 40s infinite linear;
	animation:mainstory 30s infinite linear;
		
   /* -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: linear;
    -webkit-animation-name: mainstory;*/
}


.deptlabel
{
    text-align: right;
    margin: 10px;
    padding: 0px;
    height: 32px;
    position: absolute;
    top: 290px;
    right: 20px;
}

a.deptbtn
{
    text-align: center;
    margin: 0px;
    padding: 10px 35px;
    font-size: 20px;
    color: #FFF;
    text-decoration: none;
    background-color: #000;
    letter-spacing: 3px;
}

.wrapper .welcome,
.content-txt
{
    background-color: #b5e9db;
    margin: 20px;
    padding: 10px;
    width: auto;
    border-radius: 6px;
}

.wrapper .welcome
{
    margin-left: 35px \9;
    width: auto \9;
}

.separate-sec
{
    display: table;
    width: 100%;
    table-layout: fixed;
}

    .separate-sec .content-txt
    {
        display: table-cell;
        border-left: 20px solid #FFF;
        vertical-align: top;
    }

        .separate-sec .content-txt:last-child
        {
            border-right: 20px solid #FFF;
        }

.content-txt.y
{
    background-color: #E0E2C3;
}

.content-txt .title
{
     font-size: 24px;
    font-weight: bolder;
}

.content-txt.st
{
    margin: 20px 0;
}

.wrapper .welcome h2,
.content-txt h2
{
    font-size: 24px;
    font-weight: bolder;
    color: #336633;
    letter-spacing: 5px;
    padding: 6px 0px 6px 15px;
    margin: 0;
    border-bottom: 1px solid #666600;
}

.content-txt h2
{
    background: #006E50;
    color: #FFF;
}

.wrapper .welcome .txt,
.content-txt .txt
{
    padding: 15px 0px;
    line-height: 26px;
    margin: 0px;
    font-size: 20px;
}

.structure
{
  /*  background-image: url(../images/gss-structure.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center; */
    
    width: 100%;
    
    margin: 15px auto;
 
}
 
 .structure img
{
  /*  background-image: url(../images/gss-structure.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center; */
    
    width: 95%;
    
    margin: 15px auto;
 
}
 
.wrapper .welcome .img
{
    /*background-image: url(../images/avator.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;*/
    margin: 0px 0 0 10px;
    padding: 0px;
    height: 150px;
    width: 120px;
    float: right;
    display: inline;
}
.wrapper .welcome .img img
{
    /*background-image: url(../images/avator.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;*/
    margin: 0px 0 0 10px;
    padding: 0px;
    height: 150px;
  
    float: right;
    display: inline;
}

.wrapper .welcome .tt
{
    height: 110px;
    padding: 5px;
    line-height: 25px;
}

.read
{
    text-align: right;
    padding: 5px;
}

a.more
{
    color: #FFF;
    text-decoration: none;
    padding: 6px 10px;
    background-color: #31A38A;
    border: 1px solid #A7D5B8;
}


.dept-link ul li a
{
    float: left;
    height: 35px;
    width: auto;
    padding: 10px;
    color: #003959;
    text-decoration: none;
    letter-spacing: 1px;
    display: inline-block;
}

.dp
{
    height: 35px;
    width: 45px;
    display: inline-block;
    float: left;
    background-repeat: no-repeat;
    background-position: center top;
}

    .dp.dp1
    {
        background-image: url(../images/dept/d1.png);
    }

    .dp.dp2
    {
        background-image: url(../images/dept/d2.png);
    }

    .dp.dp3
    {
        background-image: url(../images/dept/d3.png);
    }

    .dp.dp4
    {
        background-image: url(../images/dept/d4.png);
    }

    .dp.dp5
    {
        background-image: url(../images/dept/d5.png);
    }

    .dp.dp6
    {
        background-image: url(../images/dept/d6.png);
    }

    .dp.dp7
    {
        background-image: url(../images/dept/d7.png);
    }

    .dp.dp8
    {
        background-image: url(../images/dept/d8.png);
    }

    .dp.dp9
    {
        background-image: url(../images/dept/d9.png);
    }

	    .dp.dp10
    {
        background-image: url(../images/dept/gov.png);
    }

			    .dp.dp11
    {
        background-image: url(../images/dept/gcs.gif);
    }

					    .dp.dp12
    {
        background-image: url(../images/dept/china-s.png);
    }

	
.dept-link ul
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.footer
{
    text-align: center;
    line-height: 28px;
}

.news, #statistic
{
    margin: 20px;
    padding: 10px;
    width: auto;
}

.contactus
{
    margin: 20px 0;
    padding: 20px;
    width: auto;
}

    .contactus .title
    {
        font-size: 28px;
        letter-spacing: 3px;
        border-bottom: none;
		
    }

        .contactus .title .pt
        {
            font-size: 26px;
        }

    .contactus dl
    {
        font-size: 22px;
        line-height: 32px;
    }

        .contactus dl dd
        {
            margin-bottom: 10px;
        }

        .contactus dl.head dt
        {
            font-size: 26px;
            font-weight: bolder;
            margin: 5px 0;
            background-color: #EFF4E3;
            padding: 5px 10px;
        }

.wrapper .right .news h2

{
    padding: 8px 20px;
    margin: 0px 0 0 10px;
    font-size: 36px;
    letter-spacing: 4px;
    color: #FFF;
    background-color: #3DBD9C;
    display: block;
    width: auto;
    float: left;
    font-weight: normal;
    border-right: 6px solid #50C7B5;
    text-shadow: 3px 3px 1px #05AF95;
    -webkit-transform: skew(-15deg);
    -moz-transform: skew(-15deg);
    -o-transform: skew(-15deg);
	transform: skew(-15deg);
}

.news .title,
#statistic .title
{
    border-bottom: 3px groove #4CBE9E;
}

.news .item
{
    display: table;
    table-layout: fixed;
    margin: 10px 0;
    line-height: 24px;
	font-size:18px;
    width:100%;
}

    .news .item.big
    {
        font-size: 18px;
    }

        .news .item.big .date
        {
            width: 200px;
        }


    .news .item .img,
    .news .item .txt
    {
        display: table-cell;
        vertical-align: top;
    }

    .news .item .cc {
    display: block;
    vertical-align:top;
    width:100%;
    
    

    }
    .news .item .images
    {
        display: table-cell;
        vertical-align: top;
    }

    .news .item .img
    {
        border-right: 15px solid #FFF;
		text-align: center\9;
        text-align: center;
        width:280px;
		
    }

    .news .item h3
    {
        margin: 10px 0;
        padding: 0;
        font-size: 24px;
        display: block;
        color: #005C49;
        text-shadow: 2px 3px 2px #C8EAC9;
        letter-spacing: 2px;
        line-height: 30px;
    }

    .news .item.big h3
    {
        font-size: 32px;
        line-height: 40px;
        margin: 10px 0px;
    }

    .news .item.big .txt
    {
        vertical-align: top;
    }

    .news .item .pic,  .news .item1 .pic,  .news .item2 .pic
    {
        width: 280px;
     
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }

    .news .item.big .images
    {
        padding: 17px 0 0 10px;
		
    }

    .news .item.big .img
    {
        margin-bottom: 10px;
        display: block;
    
        padding: 2px;
       
		
    }


	
    .news .item.big .pic
    {
        width: 310px;
        height: 210px;
      
        background-color: #FFF;
        margin: 8px;
    }

	    .news .item .pic2
    {
        width: 280px;
      
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
		
    }
    .news .item.big .pic2
    {
        width: 210px;
        height: 310px;
       
        background-color: #FFF;
        margin: 0px auto;
    }



.date
{
    background-color: #FBF046;
    color: #003959;
    padding: 2px 5px;
    margin-right: 5px;
    width: 130px;
    height: 20px;
    padding: 4px;
    display: block;
    text-align: center;
}

.content-txt.stat
{
    text-align: justify;
}

.stat-item
{
    width: auto;
}

.latestnews.stat ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

    .latestnews.stat ul li
    {
        background-color: #E8EEE2;
        background-image: url(../images/stat.png);
        background-repeat: no-repeat;
        background-position: right bottom;
        height: 155px;
        width: auto;
        margin: 0px 0 30px;
        padding: 0px;
        box-shadow: 1px 1px 7px #555D2C;
    }

        .latestnews.stat ul li .block .title
        {
            font-size: 20px;
            font-style: italic;
            color: #FFF;
            background-color: #006E50;
            letter-spacing: 2px;
            text-align: center;
            padding: 5px;
            margin: 0px;
            line-height: normal;
            min-height: 25px;
        }

.block .list
{
    padding: 5px;
}


li .block .list div
{
    margin: 2px 3px;
    padding: 5px;
    float: left;
    display: block;
    height: 20px;

    border: 1px solid #4CBE9E;
    text-align: center;
    font-size: 16px;
}


.quota
{
    color: #005C49;
    background-color: #F4FFB2;
    padding: 6px;
    width: auto;
    margin: 1px 0;
    font-size: 22px;
    line-height: 28px;
  
   
    border-radius: 8px;
    box-shadow: 2px 2px 3px #B5E9DB;
}

.query-form
{
    margin: 20px;
    font-size: 20px;
}

    .query-form input.sub
    {
        
    }

    .query-form input,
    .query-form textarea
    {
        padding: 10px;
        margin: 5px 0;
       
        background-color: #B5E9DB;
        background-image: repeating-linear-gradient(-45deg, transparent, transparent 20px, rgba(255,255,255,0.1) 20px, rgba(255,255,255,0.1) 40px );
        font-size: 20px;
        border-radius: 3px;
       
        font-family: "Verdana","微軟正黑體";
    }

    .query-form label
    {
        display: inline-block;
        width: 170px;
        text-align: left;
        float: left;
        vertical-align: middle;
	   padding:10px;
    }

    .query-form .contact label input
    {
    }

    .query-form input[type=image]
    {
        background: none;
        border: none;
        padding: 0;
        margin: 6px 0;
    }



    .query-form select
    {
        font-family: "微軟正黑體";
        font-size: 20px;
		    padding: 0;
        margin: 6px 0;
    }

    .query-form textarea
    {
        width: 500px;
        height: 170px;
    }

div.sign
{
 /*   font-family: "微軟正黑體";*/
    font-size: 20px;
    line-height: 40px;
    display: block;
    text-align: right;
    margin-right: 15px;
    font-weight:normal;
}

div.title2
{
 /*   font-family: "微軟正黑體";*/
    color: #333333;
    display: block;
    text-align: right;
    /*letter-spacing: 0.5em;*/
    font-size:20px;
       margin-right: 15px;
       font-weight:normal;
}

div.txt p
{
    text-indent: 40px;
}


div.correct
{
    text-align: center;
    margin: 30px 0 30px;
}

    div.correct a
    {
        color: #FFF;
        line-height: 24px;
        font-size: 16px;
        text-decoration: none;
    }

.correct a:hover,
.correct a:focus
{
    color: #fff;
}

.read img
{width:50px;
 vertical-align: middle;
  
 
}

div.item1, div.item2
{ display:table-cell;
 margin-left:50px;
  padding:10px 10px 10px 30px;
  
}

.news .item1 h3, .news .item2 h3 {
 
  padding: 0;
  font-size: 18px;
  margin-top:4px;
  margin-bottom:4px;
  color: #005C49;
  text-shadow: 2px 3px 2px #C8EAC9;
  letter-spacing: 1px;
  line-height: 22px;
}

.news .item1 a, .news .item2 a
{ text-decoration:none;
    color: #005C49;
}

.read2 {
  text-align:left;
  padding: 10px 10px 10px 50px;
}

div.news .type
{  
	 font-size: 24px;
    font-weight: bolder;
    color: #336633;
    letter-spacing: 5px;
    padding: 6px 10px 0px 0px;
    margin: 6px 0px 0px 15px;
    border-bottom:1px solid #CCC;
	
	
}
div.news .type  a {
  color: #FFF;
  text-decoration: none;
   padding: 2px;
   background-color:#CCC;
   line-height:32px;
   display:block;
   width:150px;
 text-align:center;
  border-left:1px #ccc solid;
  border-top:1px #ccc solid;
  border-right:1px #ccc solid;
  border-radius:10px 10px 0px 0px;
}


.news .item.big .pic3 {
  width: 500px;
  height: 333px;
  
  background-color: #FFF;
  margin: 8px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.news .item.big .pic4 {
  width: 333px;
  height: 500px;
 
  background-color: #FFF;
  margin: 8px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}


.ErrorBlock
{  border:solid 1px #CD142C;
   background-color:#fcf003;
}

.mobilemenu
{
	display: none;
}

    .slicknav_menu
    { 
	  display:none;
    }

.query-form .ddltype label
{float:none;
 width:120px;
}

    .left .navigation ul li a:hover{ font-size:25px; font-weight:bold;}


.itemClass
{
	color: #FFF;
	background-color: #4CBE9E;
	padding: 6px;
	width: auto;
	margin: 4px 0px;
	font-size: 22px;
	line-height: 28px;
  text-align: center;
   max-width: 160px;
	border-radius: 8px;
	box-shadow: 2px 2px 3px #CCC;	
	letter-spacing: 7px;
	cursor: pointer;
}


.itemClassTxt
{     font-size: 16px;
	     padding: 0px;
		     margin: 0px 15px;
}

.itemClass2 a,.itemClass2 a:hover,.itemClass2 a:visited,.itemClass2 a:active
{  color:#FFF;
    text-decoration:none;
    text-align: left;

}

.itemClass2
{  color:#FFF;
    background-color:#005C49;
    padding: 6px;
    width: auto;
    margin: 4px 0px;
    font-size: 22px;
    line-height: 28px;
    text-align: center;
   max-width: 160px;
	border-radius: 8px;
	box-shadow: 2px 2px 3px #CCC;	
	letter-spacing: 4px;
}
p.txt{ text-indent:20px;}

.desktopLink{ display:none;}
.mobileLink{ display:block;}

/*Clock Styles */


            .clockbox{}
              .clocktitlte.green{
	background-color: #063;	 
	 
}
 .clocktitlte.grey{
	background-color: #666;
}
			     .clocktitlte span{
	color: #FFF;
	padding: 5px;
	font-size: 22px;
	line-height:32px;
	font-weight: bold;
	padding-left:20px;
					 }
          .clockcontent.green{
	padding: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #0C3;
	border-right-color: #0C3;
	border-bottom-color: #0C3;
	border-left-color: #0C3;			  
		  }
		  
		   .clockcontent.grey{
	padding: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
		  }

.clockimg
{   margin-top: -40px;

  display: block;
  margin-left: 105px;
}

.updateIMG
{  
   margin:0; padding:0px;
   border:0px;
   display:inline;
}

.iframeclass
{
	width:600px;
	height:400px;
}

.moive
{ text-align:center;
  margin:20px;
}

.moremoive
{ float:left;
  margin:20px 20px 0 20px;
  height:155px;
}

.moive p a
{ font-size:22px;
  text-decoration:none;
}

.moive p a:hover
{ text-decoration:underline;
  color:#0C3;
}


	.moive p, .moremoive p
	{  margin:0px;
	   text-align:center;
	}

.heartbanner
{ background-image:url(../images/heartbanner.png);
      background-repeat: no-repeat;
    background-position: left center;
	min-height:200px;
  
	display:block;
}

.heartlogo
{ background-image:url(../images/heart-logo.png);
      background-repeat: no-repeat;
    background-position: center center;
	width:150px;
	height:150px;
  float:left;
  margin:0px 20px 0 0px;
	display:block;
}

.content-txt2
{
   
    margin: 20px;
    padding: 10px;
    width: auto;
    border-radius: 6px;
}

.content-txt2 a
{
	color: #FFF;
/*	background-color: #4CBE9E;*/
	padding: 6px;
	width: auto;
	margin: 4px 0px;
	font-size: 22px;
	line-height: 37px;
	text-align: center;
	max-width: 160px;
/*	border-radius: 8px;
	box-shadow: 2px 2px 3px #CCC;*/
	letter-spacing: 7px;
	cursor: pointer;
	text-decoration: none;
}
.content-txt2 div
{
	 
	background-color: #4CBE9E;
 	width: auto;
 
	max-width: 500px;
	border-radius: 8px;
	box-shadow: 2px 2px 3px #CCC;
 
}

.content-txt .itemClass{
	
	 max-width:700px;
	text-align:left;
}

.content-txt .itemClass2{
	
	 max-width:700px;
	text-align:left;
}
 
 
 .subitemClass
{
	color: #FFF;
	background-color: #0099FF;
	padding: 4px;
	
	margin: 4px 0px;
	font-size: 16px;
	line-height: 24px;
	text-align: left;
	max-width:500px;
	border-radius: 6px;
	box-shadow: 2px 2px 3px #CCC;
	letter-spacing: 7px;
	cursor: pointer;
}

.itemClassTxt .txt
{     font-size: 16px;
	     padding: 0px;
		     margin: 0px 15px;
}

.news .item1 ul li{
	
	    font-size: 24px;
    margin-top: 4px;
    margin-bottom: 4px;
    color: #005C49;
    text-shadow: 2px 3px 2px #C8EAC9;
    letter-spacing: 1px;
    line-height: 32px;
	
}

.news .item1 a{
	
	    font-size: 24px;
    margin-top: 4px;
    margin-bottom: 4px;
    color: #005C49;
    text-shadow: 2px 3px 2px #C8EAC9;
    letter-spacing: 1px;
    line-height: 32px;
	
}

.remark{
	
}

.star{
	color:#F30;
}

  .query-form table label
    {
        display: inline-block;
        width: auto;
		 text-align: left;
        float:none;
        vertical-align:left;
	   padding:10px;
    }
	
	.font18{
		
		font-size:18px;
	}
	
	ul.ularrow{
	list-style-position: outside;
	list-style-type: none;
	list-style-image: url(../Images/cf/arrow6s.png);		
	}
	ul.ularrow li{
		
		
	}
	
	.right p{
		text-indent:40px;
	}
	
	table.single .row1{
	
	background-color:#7BB33E;
	text-align:center;
	color:#FFF;
}

table.single .row2{
	
	background-color: #88DD8E;
		text-align:center;
}

table.single .row3{
	
	background-color: #B1E9B5;
		text-align:center;
}
table.single .tdalignleft{
	
	
		text-align:left;
}

table.single .td1{
	
	width:300px;
}

table.single td{
	font-size:20px;
	line-height:26px;
	padding:5px;
}

table.single .row4{
	
	background-color: #FF0;
}

table.single{
	
width:100%;	
}

.orangeBox{
	
	font-size:20px;
	line-height:26px;
	   border: 3px solid orange;
         padding-left:5px;
          padding-top:10px;
          margin-top:10px;
}

.greenBox{
	
	font-size:20px;
	line-height:26px;
	   border: 3px solid green;
         padding-left:5px;
          padding-top:10px;
          margin-top:10px;
}

.BigDiv{
	
	font-size:20px;
	line-height:26px;
	   border: 3px solid green;
         padding-left:5px;
          padding-top:10px;
          margin-top:10px;
	
         width:100%;
          max-width:100%;
        min-width:100%;
}
.BigDiv div{
	padding:3px;
	
}

.news .item1 .BigDiv table ul li{
	
	font-size:20px;
	line-height:26px;
	
	  
}

table.many{
	
width:100%;	
}

table.many .row1{
	
	background-color: #7BB33E;
	text-align:center;
	color:white;
}

table.many .row2{
	
	background-color: #88DD8E;
	vertical-align:top;
}

table.many .row3{
	
	background-color: #B1E9B5;
	vertical-align:top;
}

table.many .row2.center, table.many .row3.center{
	text-align:center;
	
}

table.many .row2 ul li{
	color:black;
	font-size:20px;
	line-height:26px;
	text-indent:0px;
	    margin-top: 0px; 
    margin-bottom: 0px; 
}



table.many td{
	
	padding:5px;
	font-size:20px;
	line-height:26px;
}

.wrapper .right .news{
	
	font-size:20px;
	line-height:26px;
}

.wrapper .right h1{
	
	font-size:32px;
	line-height:40px;
	margin-top:5px;
		margin-bottom:5px;
}

.wrapper .right .news .subtitle{
	
	font-size:24px;
	line-height:32px;
}

.sign-name{
	text-align:center;
	display:inline-block;
	float:right;
}

.news .item1 .BigDiv .row2 td {
   width:50%;
}

 @media all and (max-width: 767px)
{
  .gss-logo-mobile {
	  font-size: 24px;
    line-height: 32px;
  }
	   
	   
}