@font-face {
    font-family: 'supermarketregular';
    src: url('../font/supermarket.eot');
    src: url('../font/supermarket.eot?#iefix') format('embedded-opentype'),
         url('../font/supermarket.woff2') format('woff2'),
         url('../font/supermarket.woff') format('woff'),
         url('../font/supermarket.ttf') format('truetype'),
         url('../font/supermarket.svg#supermarketregular') format('svg');
    font-weight:normal;
    font-style: normal;

}


.supermarket{ font-family:'supermarketregular';}
@charset "utf-8";
/* CSS Document */

html {font-family: 'supermarketregular'; font-size:16px; font-size:62.5%;}
body{
	margin:0px; 
	padding:0px; 
	border:0px; 
	width:100%; 
	-webkit-font-smoothing:antialiased; 
	font-size:1.9rem; 
	color:#333; 
	background:#b7defd;
	
	/*-webkit-font-smoothing:antialiased; 
	-webkit-filter: grayscale(100%); 
	-moz-filter: grayscale(100%);
	filter: gray; 
	filter: grayscale(100%);*/
	
}
button, input, select, textarea{font-family: 'supermarketregular'; font-size:18px; width:96%; border:none; padding:1% 2%; border:solid 1px #ccc; margin-top:15px;}
.btn_submit{ width:150px; padding:5px 0px; -moz-border: 30px; -webkit-border-radius:30px; border-radius:30px; background:#009135; color:#fff; border:none; text-align:center;}

a{ color:#009135;}
a:hover{ color:#666;}

h1{ font-size:26px; margin:0px; padding:0px; border:0px; font-weight:normal;}
h2{ font-size:24px; margin:0px; padding:0px; border:0px; font-weight:normal;}
h3{ font-size:22px; margin:0px; padding:0px; border:0px; font-weight:normal;}
h4{ font-size:19px; margin:0px; padding:0px; border:0px; font-weight:normal;}
h5{ font-size:16px; margin:0px; padding:0px; border:0px; font-weight:normal;}
h6{ font-size:14px; margin:0px; padding:0px; border:0px; font-weight:normal;}

header{ width:100%; margin:0 auto;}
section{width:100%; margin:0 auto; background:url(../images/template/sky.jpg) repeat-x top center; padding-top:30px; padding-bottom:30px;}
footer{width:100%;  margin:0 auto; background:#aec61a; padding:35px 0px 30px 0px; color:#fff; font-size:17px;}


header .bg_head{height:115px; background:url(../images/template/bg_head.jpg) repeat-x top center; line-height:0;}
header .bg_head .content{ width:1004px; margin:0 auto;}
header .bg_head .content .logo{ padding-top:5px; padding-left:2px; float:left;}
/* menu bar */
header .menubar{background:#ff7e00; height:45px; padding:3px;}
header .menubar .content{ width:1004px; margin:0 auto;}
header .menubar .content nav{ text-align:center;}
header .menubar .content nav ul.menufix{	list-style:none; font-size:19px; padding:0;}
header .menubar .content nav ul.menufix li{text-decoration:none; float:left; margin-left:10px; margin-top:7px;}
header .menubar .content nav ul.menufix a li{text-decoration:none; padding:0px 15px 0px 15px; border: solid 1px rgba(255,255,255,0); color:#fff; background:#ff7e00;}
header .menubar .content nav ul.menufix a:hover li{text-decoration:none; color:#fff; border: solid 1px rgba(255,255,255,1);background:#fff; color:#ff7e00;}

/* Bubble Float Bottom */
.menu-over {
  -moz-border: 5px; -webkit-border-radius:5px; border-radius:5px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.menu-over:before {
  position: absolute;
  z-index: -1;
  content: '';
  left: calc(50% - 10px);
  bottom: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: rgba(255,255,255,0) transparent transparent transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.menu-over:hover, .menu-over:focus, .menu-over:active {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  
}
.menu-over:hover:before, .menu-over:focus:before, .menu-over:active:before {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  border-color: rgba(255,255,255,1) transparent transparent transparent;
}

/* home - about*/
section.section-home{ margin-top:-65px;}
section .content-home{ width:1004px; margin:0 auto; padding:140px 0px 65px 0px; margin-top:-65px;}
section .content-home .about-home{ color:#047004; padding:0 15px;}
section .content-home .about-home_img{ width:180px; height:180px; float:left; margin:50px 10px;}
section .content-home .about-home_img img{width:180px; height:180px; -moz-border:185px; -webkit-border-radius:185px; border-radius:185px;}
/*section .content-home .about-home_img img:hover{ box-shadow: 0 0 10px 0 #999; border: solid 5px #fff;}*/

/* home - news*/
section .content-home .colnews-home{background:#f8f8e6; width:710px; padding:30px 15px; -moz-border: 15px; -webkit-border-radius:15px; border-radius:15px; float:left;}
section .content-home .colnews-home .title-home{ background:url(../images/template/title_line.png) right no-repeat;}
section .content-home .colnews-home .title-home span{ color:#339900; font-weight:bold; padding-right:15px; background:#f8f8e6; font-size:21px; letter-spacing:1px;}
section .content-home .colnews-home .news-home{ padding:20px 0; border-bottom:dotted 1px #aec61a; height:100px;}
section .content-home .colnews-home .news-home .news-home_img{ width:180px; margin-right:20px; float:left; line-height:0;}
section .content-home .colnews-home .news-home .news-home_img img{ width:180px; height:100px;}
section .content-home .colnews-home .news-home .news-home_detail{ width:510px; float:left; max-height:100px; overflow:hidden; font-size:18px; line-height:25px;}
section .content-home .colnews-home .news-home .news-home_detail a{ color:#333; -webkit-transition: color linear .5s; -moz-transition: color linear .5s; -o-transition: color linear .5s; transition: color linear .5s;}
section .content-home .colnews-home .news-home .news-home_detail a:hover{ color:#009135;}

/* home - banner right */
section .content-home .bannerright-home{ width:240px; margin-right:15px; float:right;}
section .content-home .bannerright-home .subcribe{ background:#aec61a; -moz-border: 15px; -webkit-border-radius:15px; border-radius:15px; padding:15px;}
section .content-home .bannerright-home .subcribe .subcribe_heading{ color:#564444; font-weight:bold; letter-spacing:.5px;}
section .content-home .bannerright-home .bannerright2{ background:url(../images/template/bg_bannerright2.jpg) center; background-size:100%; -moz-border: 15px; -webkit-border-radius:15px; border-radius:15px; padding:10px 15px 15px 0px; margin-top:15px; color:#fff;}
section .content-home .bannerright-home .bannerright3{ background:#009135; -moz-border: 15px; -webkit-border-radius:15px; border-radius:15px; padding:10px; margin-top:15px;}
section .content-home .bannerright-home .bannerright3 .banner3_heading{ color:#fff; font-size:16px; padding:5px 5px 10px 5px; line-height:16px;}
section .content-home .bannerright-home .bannerright3 .banner3_bgq-shop{ background:#fff url(../images/template/qshop_bg.jpg) top center repeat-x; -moz-border: 0px 0px 5px 15px; -webkit-border-radius:0px 0px 15px 15px; border-radius:0px 0px 15px 15px; padding:5px 0;}
section .content-home .bannerright-home .bannerright3 .banner3_bgq-shop .qshop-list{ background:url(../images/template/qshop_logo.jpg) right no-repeat; height:70px;}
section .content-home .bannerright-home .bannerright3 .banner3_bgq-shop .qshop-list ul.list-q{ font-size:16px; line-height:23px; padding:0; margin-left:30px; margin-top:5px;}
section .content-home .bannerright-home .bannerright3 .banner3_bgq-shop .qshop-list ul.list-q li{ list-style-image:url(../images/template/icon_qshop.png)}
section .content-home .bannerright-home .bannerright3 .banner3_bgq-shop .q-shop_logo{  line-height:0; text-align:center; margin-top:3px;}
section .content-home .bannerright-home .bannerright3 .banner3_bgq-shop .q-shop_logo img{ width:50px; height:50px;}

/* home - Activities */
section .content-home .titleactivities-home{ background:url(../images/template/title_line.png) right no-repeat; margin-right:15px; margin-top:40px;}
section .content-home .titleactivities-home span{ color:#009135; font-weight:bold; padding-right:15px; font-size:21px; letter-spacing:1px;}
section .content-home .activities-home{ width:220px; padding:7px; margin:25px 7px 0px 7px; background:#f0f0f0; float:left; -moz-border: 10px; -webkit-border-radius:10px; border-radius:10px;}
section .content-home .activities-home .activities-home_img{ width:100%; line-height:0;}
section .content-home .activities-home .activities-home_img img{ width:220px; height:140px;}
section .content-home .activities-home .activities-home_detail{ line-height:21px; margin-top:5px; height:70px; overflow:hidden;}
section .content-home .activities-home .activities-home_detail a{ color:#333; font-size:16px; }
section .content-home .activities-home .activities-home_detail a:hover{ color:#009135;}

section .content-home .member-home{ background:#1f3c88; -moz-border: 15px; -webkit-border-radius:15px; border-radius:15px;  margin-top:90px; padding:45px 65px;}
section .content-home .member-home .member-home_heading{font-size:21px; font-weight:bold; letter-spacing:1px; color:#fff;}
section .content-home .member-home .member-home_logo{ line-height:0;} 
section .content-home .member-home .member-home_logo img{ width:100px; height:100px; padding:6px 2.3px;}
section .content-home .member-home .member-home_arrowleft{position:relative; margin-top:-150px; margin-left:-50px; float:left;} 
section .content-home .member-home .member-home_arrowright{position:relative; margin-top:-150px; margin-right:-50px; float:right;}

section .content-home .bg_banner-bottom{ padding:5px 5px; background:#fff; border:solid 3px #1f3c88; -moz-border: 15px; -webkit-border-radius:15px; border-radius:15px; margin-top:90px;}
section .content-home .bg_banner-bottom .banner-bottom{ float:left; width:237px; padding:5px;}
section .content-home .bg_banner-bottom .banner-bottom .banner-bottom_img{line-height:0;}
section .content-home .bg_banner-bottom .banner-bottom .banner-bottom_img img{ width:237px; height:173px;}
section .content-home .bg_banner-bottom .banner-bottom .tabbannerbottom{ position:absolute; z-index:0; margin:5px;}

/* banner */
.banner{ width:100%; height:400px; background:#fff; text-align:center; overflow:hidden;}
.banner img{ height:400px; margin-left:-148px; float:left;}
.bullet{ text-align:center; margin-top:45px; line-height:0;}

/*------- inner ------*/
/* about*/
section .content{ width:1004px; margin:0 auto; padding:25px 0px 25px 0px; background:rgba(255,255,255,0.5);}
.colmenuleft{ width:220px; padding:15px 15px 15px 15px; background:#f9f9f9; box-shadow:0 0 10px 0 #ccc; float:left; margin-left:0px; margin-right:30px;}
.sub-left{ background:url(../images/template/arow_right.png) no-repeat top left; padding:10px 0 10px 30px; border-bottom:dashed 1px #ccc;}
.colcontentright{ width:700px; float:left; background:rgba(255,255,255,0.5);}
.title-about{ color:#009135; font-size:24px; margin:10px 0 7px 15px;}
/*section .content .title-inner{ font-size:26px; font-weight:bold; margin-left:15px;}*/

/*section .content .title-inner {position: relative; background: #009135; padding:7px 30px; font-size:26px; font-weight:bold; color:#fff; -moz-border: 10px; -webkit-border-radius:10px; border-radius:10px; max-width:300px; margin-bottom:20px; margin-left:15px; float:left;}
section .content .title-inner:after {top: 100%; left: 50px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 145, 53, 0); border-top-color: #009135; border-width: 15px; margin-left: -15px;}*/

/*section .content .title-inner { font-size:26px; font-weight:bold; color:#009135; border-bottom:double 5px #009135; margin:0px 15px 15px 15px; letter-spacing:1px;}*/
section .content .title-inner{ font-size:22px; font-weight:bold; color:#fff;  padding:32px 5px 0px 5px; text-align:center; width:290px; height:72px; margin:0px 5px 15px 5px; letter-spacing:1px; background:url(../images/template/title_2.png) no-repeat;}

section .content .detail{padding:0 15px; line-height:25px;}

.newsofyear-homebg{ background:rgba(255,255,255,0.8); padding:20px; margin-top:80px; -moz-border: 15px; -webkit-border-radius:15px; border-radius:15px;}
.newsofyear-home{ background:url(../images/template/icon_knowledge.png) top left no-repeat; float:left; width:42%; margin:0 2% 0 2%; padding:12px 0px 12px 4%; border-bottom:dotted 1px #ccc; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size:17px;}
.titleactivities--home{ background:url(../images/template/title_line.png) right no-repeat; margin-right:0px; margin-top:0px;}
.titleactivities--home span{ color:#009135; font-weight:bold; padding-right:15px; font-size:21px;}

/* weblink */
section .content .col_weblink{ padding:15px 85px 0px 15px; width:400px; float:left;}
section .content .col_weblink .titleweblink{border-bottom:solid 2px #aec61a; font-size:22px; color:#009135; padding:3px 10px; }
section .content .col_weblink ul.weblinkfix{ padding:0; margin-left:40px; margin-top:10px;}
section .content .col_weblink ul.weblinkfix li{ list-style-image:url(../images/template/arowright.png); padding-left:7px;}
section .content .col_weblink ul.weblinkfix li a{ color:#333;}
section .content .col_weblink ul.weblinkfix li a:hover{ color:#009135}

section .content .col_weblink-other{ padding:15px 15px 0px 85px; width:400px; float:right;}
section .content .col_weblink-other .titleweblink{border-bottom:solid 2px #aec61a; font-size:22px; color:#009135; padding:3px 10px; }
section .content .col_weblink-other ul.weblinkfix{ padding:0; margin-left:40px; margin-top:10px;}
section .content .col_weblink-other ul.weblinkfix li{ list-style-image:url(../images/template/arowright.png); padding-left:7px;}
section .content .col_weblink-other ul.weblinkfix li a{ color:#333;}
section .content .col_weblink-other ul.weblinkfix li a:hover{ color:#009135}

/* news*/
section .content .news{ padding:20px 0; border-bottom:dotted 1px #aec61a; height:100px; margin:0 15px;}
section .content .news .news_img{ width:180px; margin-right:15px; float:left; line-height:0;}
section .content .news .news_img img{ width:180px; height:100px;}
section .content .news .news_detail{ width:270px; float:left; max-height:100px; overflow:hidden; font-size:18px; line-height:25px;}
section .content .news .news_detail a{ color:#333; -webkit-transition: color linear .5s; -moz-transition: color linear .5s; -o-transition: color linear .5s; transition: color linear .5s;}
section .content .news .news_detail a:hover{ color:#009135;}

/* news_inside*/
section .content .news_in{ padding:20px 0; border-bottom:dotted 1px #aec61a; height:100px; margin:0 15px;}
section .content .news_in .news_in_img{ width:180px; margin-right:15px; float:left; line-height:0;}
section .content .news_in .news_in_img img{ width:180px; height:100px;}
section .content .news_in .news_in_detail{ width:70%; float:left; max-height:100px; overflow:hidden; font-size:18px; line-height:25px;}
section .content .news_in .news_in_detail a{ color:#333; -webkit-transition: color linear .5s; -moz-transition: color linear .5s; -o-transition: color linear .5s; transition: color linear .5s;}
section .content .news_in .news_in_detail a:hover{ color:#009135;}

/* newofmount */
.newofmount{ background:url(../images/template/icon_knowledge.png) top left no-repeat; margin:0 0px 0 0px; padding:12px 5px 12px 50px; border-bottom:dotted 1px #ccc; width:40%; margin:0 2%; float:left; font-size:17px;}

section .content .col_newsofyear{ width:471px; float:left; margin-left:10px;}
section .content .col_newsofyear .newsofyear{ background:url(../images/template/icon_knowledge.png) top left no-repeat; margin:0 20px 0 15px; padding:12px 5px 12px 50px; border-bottom:dotted 1px #ccc; font-size:17px;}
section .content .col_newsofyear .newsofyear a{ color:#333;}
section .content .col_newsofyear .newsofyear a:hover{color:#009135;}

section .content .col_activities{ width:502px; float:left; border-right:dotted 1px #ccc; padding-right:20px;}
section .content .col_activities .activities{ width:220px; padding:7px; margin:10px 8.5px 10px 8.5px; background:#f0f0f0; float:left; -moz-border: 10px; -webkit-border-radius:10px; border-radius:10px;}
section .content .col_activities .activities .activities_img{ width:100%; line-height:0;}
section .content .col_activities .activities .activities_img img{ width:220px; height:140px;}
section .content .col_activities .activities .activities_detail{ line-height:21px; margin-top:5px; height:70px; overflow:hidden;}
section .content .col_activities .activities .activities_detail a{ color:#333; font-size:16px; }
section .content .col_activities .activities .activities_detail a:hover{ color:#009135;}

/* member */
section .content .colmember{ width:452px; float:left; padding:10px; background:#f8f8e6; -moz-border: 10px; -webkit-border-radius:10px; border-radius:10px; margin:10px 15px;}
section .content .colmember .member_logo{ line-height:0; float:left; margin-right:17px;} 
section .content .colmember .member_logo img{ width:100px; height:100px;}
section .content .colmember .member_detail{ width:315px; height:260px; line-height:23px; overflow:hidden; font-size:16px;} 


/* knowledge */
section .content ul.knowledgefix{ margin-top:10px; list-style:none; padding:0; margin-left:10px; margin-right:10px;}
section .content ul.knowledgefix li{ background:url(../images/template/arow_right.png) no-repeat top left; padding:12px 7px 7px 30px; border-bottom:dotted 1px #009135}
section .content ul.knowledgefix li a{ color:#333;}
section .content ul.knowledgefix li a:hover{ color:#009135}

section .content .number-over{ background:#009135; color:#fff; -moz-border: 30px; -webkit-border-radius:30px; border-radius:30px; width:30px; height:16px; text-align:center; margin-top:20px; float:left; line-height:0; padding-top:14px; margin-right:5px;}
section .content .number-over a { color: #fff;}
section .content .number{ background:#aec61a; color:#fff; -moz-border: 20px; -webkit-border-radius:20px; border-radius:20px; width:30px; height:16px; text-align:center; margin-top:20px; float:left; line-height:0; padding-top:14px; margin-right:5px;}

section .content .number:hover{ background:#aec61a; color:#fff; -moz-border: 20px; -webkit-border-radius:20px; border-radius:20px; width:30px; height:16px; text-align:center; margin-top:20px; float:left; line-height:0; padding-top:14px; margin-right:5px;}
section .content .number:hover a{ color:#fff; }

section .content ul.knowledge-detail{ margin-top:10px; list-style:none; padding:0; margin-left:20px; margin-right:20px;}
section .content ul.knowledge-detail li{ background:url(../images/template/arow_right.png) no-repeat top left; padding:13px 7px 7px 30px;}
section .content ul.knowledge-detail li a{ color:#333;}
section .content ul.knowledge-detail li a:hover{ color:#009135}

/* contact */
section .content .colcontact{ width:450px; padding:0 80px 0 15px; float:left;}
section .content .colform{width:360px; padding:0 15px 0 80px; border-left:dotted 1px #ccc; float:right;}


/*---------------------------------------*/
.content{ width:1004px; margin:0 auto;}
.mobile_show{ display:none;}
.tablet_show{ display:none;}
.desktop_show{ display:block;}
.mobile-tablet_show{ display:none;}

/*----------------*/
.brown{ color:#564444;}
.dark-green{ color:#009135;}


/*######################################################################################################################################################*/
@media (max-width:560px){
.mobile_show{ display:block;}
.tablet_show{ display:none;}
.desktop_show{ display:none;}
.mobile-tablet_show{ display:block;}

.tbmobile td{ display:table-row;}

.content{ width:96%; margin:0 auto;}

header{ width:100%; margin:0 auto;}
section{width:100%; margin:0 auto; background:url(../images/template/sky.jpg) repeat-x top center;}
footer{width:100%;  margin:0 auto; background:#aec61a; padding:20px 0px 5px 0px; color:#fff; font-size:17px;}


header .bg_head{height:115px; background:url(../images/template/bg_head.jpg) repeat-x top center; line-height:0;}
header .bg_head .content{ width:100%; margin:0 auto;}
header .bg_head .content .logo{ padding-top:5px; padding-left:2px; float:left;}
/* menu bar 
header .menubar{background:#ff7e00; height:45px; padding:2px;}
header .menubar .content{ width:1004px; margin:0 auto;}
header .menubar .content nav{ text-align:center;}
header .menubar .content nav ul.menufix{	list-style:none; font-size:19px; padding:0;}
header .menubar .content nav ul.menufix li{text-decoration:none; float:left; margin-left:10px; margin-top:7px;}
header .menubar .content nav ul.menufix li a{text-decoration:none; padding:0px 15px 0px 15px; border: solid 1px rgba(255,255,255,0); color:#fff;}
header .menubar .content nav ul.menufix li a:hover{text-decoration:none; color:#fff; border: solid 1px rgba(255,255,255,1);}*/

.newsofyear-homebg{ background:rgba(255,255,255,1); padding:20px; margin-top:40px; -moz-border: 15px; -webkit-border-radius:15px; border-radius:15px;}
.newsofyear-home{ background:url(../images/template/icon_knowledge.png) top left no-repeat; float:none; width:auto; margin:0 0% 0 0%; padding:12px 0px 12px 50px; border-bottom:dotted 1px #ccc;}
.titleactivities--home{ background:url(../images/template/title_line.png) right no-repeat; margin-right:0px; margin-top:0px;}
.titleactivities--home span{ background:#fff; color:#009135; font-weight:bold; padding-right:15px; font-size:21px;}

/* home - about*/
section.section-home{ margin-top:-40px;}
section .content-home{ width:98%; margin:0 auto; padding:50px 0px 25px 0px; margin-top:-15px;}
section .content-home .about-home{ color:#047004; padding:0 15px; font-size:18px;}
section .content-home .about-home_img{ display:none; width:180px; height:180px; float:left; margin:50px 10px;}
section .content-home .about-home_img img{width:180px; height:180px; -moz-border:185px; -webkit-border-radius:185px; border-radius:185px;}
/*section .content-home .about-home_img img:hover{ box-shadow: 0 0 10px 0 #999; border: solid 5px #fff;}*/

/* home - news*/
section .content-home .colnews-home{background:#f8f8e6; margin:5% 2%; width:88%; padding:4% 4%; -moz-border: 15px; -webkit-border-radius:15px; border-radius:15px; float:none;}
section .content-home .colnews-home .title-home{ background:url(../images/template/title_line.png) right no-repeat;}
section .content-home .colnews-home .title-home span{ color:#339900; font-weight:bold; padding-right:15px; background:#f8f8e6; font-size:21px; letter-spacing:1px;}
section .content-home .colnews-home .news-home{ padding:20px 0; border-bottom:dotted 1px #aec61a; height:auto;}
section .content-home .colnews-home .news-home .news-home_img{ width:100%; margin-right:20px; float:left; line-height:0;}
section .content-home .colnews-home .news-home .news-home_img img{ width:100%; height:auto;}
section .content-home .colnews-home .news-home .news-home_detail{ width:100%; float:left; max-height:none; overflow:hidden; font-size:18px; line-height:25px; margin-top:5px;}
section .content-home .colnews-home .news-home .news-home_detail a{ color:#333; -webkit-transition: color linear .5s; -moz-transition: color linear .5s; -o-transition: color linear .5s; transition: color linear .5s;}
section .content-home .colnews-home .news-home .news-home_detail a:hover{ color:#009135;}

/* home - banner right */
section .content-home .bannerright-home{ margin:2% 2% 2% 2%; width:96%; padding:0%; float:none;}
section .content-home .bannerright-home .subcribe{ background:#aec61a; -moz-border: 15px; -webkit-border-radius:15px; border-radius:15px; padding:15px;}
section .content-home .bannerright-home .subcribe .subcribe_heading{ color:#564444; font-weight:bold; letter-spacing:.5px;}
section .content-home .bannerright-home .bannerright2{ background:url(../images/template/bg_bannerright2.jpg) center; background-size:100%; -moz-border: 15px; -webkit-border-radius:15px; border-radius:15px; padding:10px 15px 15px 0px; margin-top:15px; color:#fff;}
section .content-home .bannerright-home .bannerright3{ background:#009135; -moz-border: 15px; -webkit-border-radius:15px; border-radius:15px; padding:10px; margin-top:15px;}
section .content-home .bannerright-home .bannerright3 .banner3_heading{ color:#fff; font-size:16px; padding:5px 5px 10px 5px; line-height:16px;}
section .content-home .bannerright-home .bannerright3 .banner3_bgq-shop{ background:#fff url(../images/template/qshop_bg.jpg) top center repeat-x; -moz-border: 0px 0px 5px 15px; -webkit-border-radius:0px 0px 15px 15px; border-radius:0px 0px 15px 15px; padding:5px 0;}
section .content-home .bannerright-home .bannerright3 .banner3_bgq-shop .qshop-list{ background:url(../images/template/qshop_logo.jpg) right no-repeat; height:70px;}
section .content-home .bannerright-home .bannerright3 .banner3_bgq-shop .qshop-list ul.list-q{ font-size:16px; line-height:23px; padding:0; margin-left:30px; margin-top:5px;}
section .content-home .bannerright-home .bannerright3 .banner3_bgq-shop .qshop-list ul.list-q li{ list-style-image:url(../images/template/icon_qshop.png)}
section .content-home .bannerright-home .bannerright3 .banner3_bgq-shop .q-shop_logo{  line-height:0; text-align:center; margin-top:3px;}
section .content-home .bannerright-home .bannerright3 .banner3_bgq-shop .q-shop_logo img{ width:50px; height:50px;}

/* home - Activities */
section .content-home .titleactivities-home{ background:url(../images/template/title_line.png) right no-repeat; margin-right:15px; margin-top:40px;}
section .content-home .titleactivities-home span{ background:#addafb; color:#339900; font-weight:bold; padding-right:15px; padding-left:15px; font-size:21px; letter-spacing:1px;}
section .content-home .activities-home{ width:92%; padding:2%; margin:5% 2% 0px 2%; background:#f0f0f0; float:left; -moz-border: 10px; -webkit-border-radius:10px; border-radius:10px;}
section .content-home .activities-home .activities-home_img{ width:100%; line-height:0;}
section .content-home .activities-home .activities-home_img img{ width:100%; height:auto;}
section .content-home .activities-home .activities-home_detail{ line-height:21px; margin-top:5px; height:70px; overflow:hidden;}
section .content-home .activities-home .activities-home_detail a{ color:#333; font-size:16px; }
section .content-home .activities-home .activities-home_detail a:hover{ color:#009135;}

section .content-home .member-home{ width:92%; background:#1f3c88; -moz-border: 15px; -webkit-border-radius:15px; border-radius:15px; margin:10% 2% 0 2%; padding:2%;}
section .content-home .member-home .member-home_heading{font-size:21px; font-weight:bold; letter-spacing:1px; color:#fff; margin-left:2%}
section .content-home .member-home .member-home_logo{ line-height:0; text-align:center;} 
/*section .content-home .member-home .member-home_logo img{ width:29%; height:auto; padding:2% 1%;}*/
section .content-home .member-home .member-home_logo a { width:100%; float:left;}
section .content-home .member-home .member-home_logo img{ width:100px; height:100px; padding:2% 1%;}

section .content-home .member-home .member-home_arrowleft{position:relative; margin-top:-150px; margin-left:-50px; float:left;} 
section .content-home .member-home .member-home_arrowright{position:relative; margin-top:-150px; margin-right:-50px; float:right;}

section .content-home .bg_banner-bottom{ padding:2% 2%; background:#fff; border:solid 3px #1f3c88; -moz-border: 15px; -webkit-border-radius:15px; border-radius:15px; margin:10% 2% 2% 2%;}
section .content-home .bg_banner-bottom .banner-bottom{ float:left; width:98%; padding:2% 1%;}
section .content-home .bg_banner-bottom .banner-bottom .banner-bottom_img{line-height:0;}
section .content-home .bg_banner-bottom .banner-bottom .banner-bottom_img img{ width:100%; height:auto;}
section .content-home .bg_banner-bottom .banner-bottom .tabbannerbottom{ position:absolute; z-index:0; margin:5px;}

/* banner */
.banner{ width:100%; height:215px; background:#fff; text-align:center; overflow:hidden;}
.banner img{  width:283px; height:215px; margin-left:-100px; float:left;}
.bullet{ text-align:center; margin-top:25px; line-height:0;}
.bullet img{ width:15px;}


/*------- inner ------*/
/* about*/
section .content{ width:100%; margin:0 auto; padding:2% 0px 2% 0px;  padding-top:65px;}
.colmenuleft{ width:220px; padding:15px 15px 15px 15px; background:#f9f9f9; box-shadow:0 0 10px 0 #ccc; float:left; margin-left:0px; margin-right:30px; display:none;}
.sub-left{ background:url(../images/template/arow_right.png) no-repeat top left; padding:10px 0 10px 30px; border-bottom:dashed 1px #ccc;}
.colcontentright{ width:100%; float:left; background:rgba(255,255,255,0.5);}
/*section .content .title-inner{ font-size:26px; font-weight:bold; margin-left:2%;}*/

/*section .content .title-inner {
	position: relative;
	background: #009135;
	padding:7px 15px;
	font-size:26px; font-weight:bold; color:#fff; -moz-border: 15px; -webkit-border-radius:15px; border-radius:15px; max-width:300px;
	margin:20px 2%;
}
section .content .title-inner:after {
	top: 100%;
	left: 50px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 145, 53, 0);
	border-top-color: #009135;
	border-width: 15px;
	margin-left: -15px;
}*/
/*section .content .title-inner { font-size:26px; font-weight:bold; color:#009135; border-bottom:double 5px #009135; margin:0px 2% 15px 2%; letter-spacing:1px;}*/
section .content .title-inner { font-size:22px; font-weight:bold; color:#fff; padding:42px 5px 0px 5px; text-align:center; width:290px; height:57px; margin:0px 15px 15px 10px; letter-spacing:1px; background:url(../images/template/title_2.png) no-repeat;}
section .content .detail{padding:0 2%;}

/* weblink */
section .content .col_weblink{ padding:2% 2% 5% 2%; width:96%; float:left;}
section .content .col_weblink .titleweblink{border-bottom:solid 2px #aec61a; font-size:22px; color:#009135; padding:3px 10px; }
section .content .col_weblink ul.weblinkfix{ padding:0; margin-left:40px; margin-top:10px;}
section .content .col_weblink ul.weblinkfix li{ list-style-image:url(../images/template/arowright.png); padding-left:7px; padding-top:7px; padding-bottom:7px;}
section .content .col_weblink ul.weblinkfix li a{ color:#333;}
section .content .col_weblink ul.weblinkfix li a:hover{ color:#009135}

section .content .col_weblink-other{ padding:5% 2% 5% 2%; width:96%; float:right; }
section .content .col_weblink-other .titleweblink{border-bottom:solid 2px #aec61a; font-size:22px; color:#009135; padding:3px 10px; }
section .content .col_weblink-other ul.weblinkfix{ padding:0; margin-left:40px; margin-top:10px;}
section .content .col_weblink-other ul.weblinkfix li{ list-style-image:url(../images/template/arowright.png); padding-left:7px;  padding-top:7px; padding-bottom:7px;}
section .content .col_weblink-other ul.weblinkfix li a{ color:#333;}
section .content .col_weblink-other ul.weblinkfix li a:hover{ color:#009135}


/* news & activities */
section .content .news{ padding:4% 2%; border-bottom:dotted 1px #aec61a; height:auto; margin:0 0;}
section .content .news .news_img{ width:100%; margin-right:20px; float:left; line-height:0;}
section .content .news .news_img img{ width:100%; height:auto;}
section .content .news .news_detail{ width:100%; float:left; max-height:none; overflow:hidden; font-size:18px; line-height:25px; margin-top:5px;}
section .content .news .news_detail a{ color:#333; -webkit-transition: color linear .5s; -moz-transition: color linear .5s; -o-transition: color linear .5s; transition: color linear .5s;}
section .content .news .news_detail a:hover{ color:#009135;}

/* news_inside */
section .content .news_in{ padding:4% 2%; border-bottom:dotted 1px #aec61a; height:auto; margin:0 0;}
section .content .news_in .news_in_img{ width:100%; margin-right:20px; float:left; line-height:0;}
section .content .news_in .news_in_img img{ width:100%; height:auto;}
section .content .news_in .news_in_detail{ width:100%; float:left; max-height:none; overflow:hidden; font-size:18px; line-height:25px; margin-top:5px;}
section .content .news_in .news_in_detail a{ color:#333; -webkit-transition: color linear .5s; -moz-transition: color linear .5s; -o-transition: color linear .5s; transition: color linear .5s;}
section .content .news_in .news_in_detail a:hover{ color:#009135;}

.newofmount{ background:url(../images/template/icon_knowledge.png) top left no-repeat; margin:0 0px 0 0px; padding:12px 5px 12px 50px; border-bottom:dotted 1px #ccc; width:inherit; margin:0; float:none;}

section .content .col_newsofyear{ width:100%; float:left; margin-left:0px; margin-top:40px;}
section .content .col_newsofyear .newsofyear{ background:url(../images/template/icon_knowledge.png) top left no-repeat; margin:0 20px 0 15px; padding:12px 5px 12px 50px; border-bottom:dotted 1px #ccc;}
section .content .col_newsofyear .newsofyear a{ color:#333;}
section .content .col_newsofyear .newsofyear a:hover{color:#009135;}

section .content .col_activities{ width:100%; float:left; border-right:none; padding-right:0;}
section .content .col_activities .activities{ width:92%; padding:2%; margin:0%% 2% 5% 2%; background:#f0f0f0; float:left; -moz-border: 10px; -webkit-border-radius:10px; border-radius:10px;}
section .content .col_activities .activities .activities_img{ width:100%; line-height:0;}
section .content .col_activities .activities .activities_img img{ width:100%; height:auto;}
section .content .col_activities .activities .activities_detail{ line-height:21px; margin-top:5px; height:70px; overflow:hidden;}
section .content .col_activities .activities .activities_detail a{ color:#333; font-size:16px; }
section .content .col_activities .activities .activities_detail a:hover{ color:#009135;}

/* member */
section .content .colmember{ width:94%; float:left; padding:1%; background:#f8f8e6; -moz-border: 10px; -webkit-border-radius:10px; border-radius:10px; margin:1% 2%; line-height:21px;}
section .content .colmember h3{ font-size:18px; font-weight:bold;}
section .content .colmember .member_logo{ line-height:0; width:30%; float:left; margin-right:2%; margin-top: 12px; margin-left: 7px;} 
section .content .colmember .member_logo img{ width:100%; height:auto;}
section .content .colmember .member_detail{ width:58%; height:auto; overflow:hidden; font-size:16px; padding: 15px 0 15px 15px}



/* contact */
section .content .colcontact{ width:95%; padding:0 2% 0 2%; float:none;}
section .content .colform{width:95%; padding:0 2% 5% 2%; border-left:none; float:none; margin-top:25px;}

}
     
/*######################################################################################################################################################*/
@media (min-width:561px) and (max-width:979px) {
.mobile_show{ display:none;}
.tablet_show{ display:block;}
.desktop_show{ display:none;}
.mobile-tablet_show {display:block;}

.content{ width:98%; margin:0 auto;}

header{ width:100%; margin:0 auto;}
section{width:100%; margin:0 auto; background:url(../images/template/sky.jpg) repeat-x top center;}
footer{width:100%;  margin:0 auto; background:#aec61a; padding:20px 0px 5px 0px; color:#fff; font-size:17px;}


header .bg_head{height:115px; background:url(../images/template/bg_head.jpg) repeat-x top center; line-height:0;}
header .bg_head .content{ width:1004px; margin:0 auto;}
header .bg_head .content .logo{ padding-top:5px; padding-left:2px; float:left;}
/* menu bar 
header .menubar{background:#ff7e00; height:45px; padding:2px;}
header .menubar .content{ width:1004px; margin:0 auto;}
header .menubar .content nav{ text-align:center;}
header .menubar .content nav ul.menufix{	list-style:none; font-size:19px; padding:0;}
header .menubar .content nav ul.menufix li{text-decoration:none; float:left; margin-left:10px; margin-top:7px;}
header .menubar .content nav ul.menufix li a{text-decoration:none; padding:0px 15px 0px 15px; border: solid 1px rgba(255,255,255,0); color:#fff;}
header .menubar .content nav ul.menufix li a:hover{text-decoration:none; color:#fff; border: solid 1px rgba(255,255,255,1);}*/

.newsofyear-homebg{ background:rgba(255,255,255,1); padding:20px; margin-top:80px; -moz-border: 15px; -webkit-border-radius:15px; border-radius:15px;}
.newsofyear-home{ background:url(../images/template/icon_knowledge.png) top left no-repeat; float:left; width:90%; margin:0 2% 0 2%; padding:12px 0px 12px 6%; border-bottom:dotted 1px #ccc;}
.titleactivities--home{ background:url(../images/template/title_line.png) right no-repeat; margin-right:0px; margin-top:0px;}
.titleactivities--home span{ background:#fff; color:#009135; font-weight:bold; padding-right:15px; font-size:21px;}

/* home - about*/
section.section-home{ margin-top:-45px;}
section .content-home{ width:98%; margin:0 auto; padding:90px 0px 5% 0px; margin-top:-42px;}
section .content-home .about-home{ color:#047004; padding:0 1%;}
section .content-home .about-home_img{ width:18%; height:auto; float:left; margin:5% 1%;}
section .content-home .about-home_img img{width:100%; height:auto; -moz-border:185px; -webkit-border-radius:185px; border-radius:185px;}
/*section .content-home .about-home_img img:hover{ box-shadow: 0 0 10px 0 #999; border: solid 5px #fff;}*/

/* home - news*/
section .content-home .colnews-home{background:#f8f8e6; width:94%; padding:3% 3%; -moz-border: 15px; -webkit-border-radius:15px; border-radius:15px; float:left;}
section .content-home .colnews-home .title-home{ background:url(../images/template/title_line.png) right no-repeat;}
section .content-home .colnews-home .title-home span{ color:#339900; font-weight:bold; padding-right:15px; background:#f8f8e6; font-size:21px; letter-spacing:1px;}
section .content-home .colnews-home .news-home{ padding:20px 0; border-bottom:dotted 1px #aec61a; height:auto;}
section .content-home .colnews-home .news-home .news-home_img{ width:30%; margin-right:2%; float:left; line-height:0;}
section .content-home .colnews-home .news-home .news-home_img img{ width:100%; height:auto;}
section .content-home .colnews-home .news-home .news-home_detail{ width:68%; float:left; max-height:none; overflow:hidden; font-size:18px; line-height:25px;}
section .content-home .colnews-home .news-home .news-home_detail a{ color:#333; -webkit-transition: color linear .5s; -moz-transition: color linear .5s; -o-transition: color linear .5s; transition: color linear .5s;}
section .content-home .colnews-home .news-home .news-home_detail a:hover{ color:#009135;}

/* home - banner right */
section .content-home .bannerright-home{ width:100%; margin:0%; float:right;}
section .content-home .bannerright-home .subcribe{ width:45%; float:left; background:#aec61a; -moz-border: 15px; -webkit-border-radius:15px; border-radius:15px; padding:2%; margin:3% 1% 0% 0%}
section .content-home .bannerright-home .subcribe .subcribe_heading{ color:#564444; font-weight:bold; letter-spacing:.5px;}
section .content-home .bannerright-home .bannerright2{width:45%; float:right;  background:url(../images/template/bg_bannerright2.jpg) center; background-size:100%; -moz-border: 15px; -webkit-border-radius:15px; border-radius:15px; padding:2%; margin:3% 0% 0% 0%; color:#fff;}
section .content-home .bannerright-home .bannerright3{width:98%; float:left;  background:#009135; -moz-border: 15px; -webkit-border-radius:15px; border-radius:15px; padding:1%; margin-top:3%;}
section .content-home .bannerright-home .bannerright3 .banner3_heading{ color:#fff; font-size:16px; padding:5px 5px 10px 5px; line-height:16px;}
section .content-home .bannerright-home .bannerright3 .banner3_bgq-shop{ background:#fff url(../images/template/qshop_bg.jpg) top center repeat-x; -moz-border: 0px 0px 5px 15px; -webkit-border-radius:0px 0px 15px 15px; border-radius:0px 0px 15px 15px; padding:5px 0;}
section .content-home .bannerright-home .bannerright3 .banner3_bgq-shop .qshop-list{ background:url(../images/template/qshop_logo.jpg) right no-repeat; height:70px;}
section .content-home .bannerright-home .bannerright3 .banner3_bgq-shop .qshop-list ul.list-q{ font-size:16px; line-height:23px; padding:0; margin-left:30px; margin-top:5px;}
section .content-home .bannerright-home .bannerright3 .banner3_bgq-shop .qshop-list ul.list-q li{ list-style-image:url(../images/template/icon_qshop.png)}
section .content-home .bannerright-home .bannerright3 .banner3_bgq-shop .q-shop_logo{  line-height:0; text-align:center; margin-top:3px;}
section .content-home .bannerright-home .bannerright3 .banner3_bgq-shop .q-shop_logo img{ width:50px; height:50px;}

/* home - Activities */
section .content-home .titleactivities-home{ background:url(../images/template/title_line.png) right no-repeat; margin-right:15px; margin-top:40px;}
section .content-home .titleactivities-home span{ background:#b7defb; color:#339900; font-weight:bold; padding-right:15px; padding-left:10px; font-size:21px; letter-spacing:1px; -moz-border: 5px; -webkit-border-radius:5px; border-radius:5px;}
section .content-home .activities-home{ width:45%; padding:1.5%; margin:3% 1% 0px 1%; background:#f0f0f0; float:left; -moz-border: 10px; -webkit-border-radius:10px; border-radius:10px;}
section .content-home .activities-home .activities-home_img{ width:100%; line-height:0;}
section .content-home .activities-home .activities-home_img img{ width:100%; height:auto;}
section .content-home .activities-home .activities-home_detail{ line-height:21px; margin-top:5px; height:70px; overflow:hidden;}
section .content-home .activities-home .activities-home_detail a{ color:#333; font-size:16px; }
section .content-home .activities-home .activities-home_detail a:hover{ color:#009135;}

section .content-home .member-home{ background:#1f3c88; -moz-border: 15px; -webkit-border-radius:15px; border-radius:15px;  margin-top:5%; padding:3% 1%;}
section .content-home .member-home .member-home_heading{font-size:21px; font-weight:bold; letter-spacing:1px; color:#fff; margin-left:1%}
section .content-home .member-home .member-home_logo{ line-height:0; text-align:center;} 
/*section .content-home .member-home .member-home_logo img{ width:15%; height:auto; padding:1% .5%;}*/
section .content-home .member-home .member-home_logo a { width:100%; float:left;}
section .content-home .member-home .member-home_logo img{ width:100px; height:100px; padding:2% 1%;}

section .content-home .member-home .member-home_arrowleft{position:relative; margin-top:-150px; margin-left:-50px; float:left;} 
section .content-home .member-home .member-home_arrowright{position:relative; margin-top:-150px; margin-right:-50px; float:right;}

section .content-home .bg_banner-bottom{ padding:1%; background:#fff; border:solid 3px #1f3c88; -moz-border: 15px; -webkit-border-radius:15px; border-radius:15px; margin-top:5%;}
section .content-home .bg_banner-bottom .banner-bottom{ float:left; width:48%; padding:1%;}
section .content-home .bg_banner-bottom .banner-bottom .banner-bottom_img{line-height:0;}
section .content-home .bg_banner-bottom .banner-bottom .banner-bottom_img img{ width:100%; height:auto;}
section .content-home .bg_banner-bottom .banner-bottom .tabbannerbottom{ position:absolute; z-index:0; margin:5px;}

/* banner */
.banner{ width:100%; height:300px; background:#fff; text-align:center; overflow:hidden;}
.banner img{ width:395px; height:300px; margin-left:-110px; float:left;}
.bullet{ text-align:center; margin-top:30px; line-height:0;}
.bullet img{ width:15px;}


/*------- inner ------*/
/* about*/
section .content{ width:100%; margin:0 auto; padding:2% 0px 2% 0px;  padding-top:65px;}
.colmenuleft{ width:220px; padding:15px 15px 15px 15px; background:#f9f9f9; box-shadow:0 0 10px 0 #ccc; float:left; margin-left:0px; margin-right:30px; display:none;}
.sub-left{ background:url(../images/template/arow_right.png) no-repeat top left; padding:10px 0 10px 30px; border-bottom:dashed 1px #ccc;}
.colcontentright{ width:100%; float:left; background:rgba(255,255,255,0.5);}
/*section .content .title-inner{ font-size:26px; font-weight:bold; margin-left:2%;}*/
/*section .content .title-inner {
	position: relative;
	background: #009135;
	padding:7px 15px;
	font-size:26px; font-weight:bold; color:#fff; -moz-border: 15px; -webkit-border-radius:15px; border-radius:15px; max-width:300px;
	margin:20px 2%;
}
section .content .title-inner:after {
	top: 100%;
	left: 50px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 145, 53, 0);
	border-top-color: #009135;
	border-width: 15px;
	margin-left: -15px;
}*/
/*section .content .title-inner { font-size:26px; font-weight:bold; color:#009135; border-bottom:double 5px #009135; margin:0px 2% 15px 2%; letter-spacing:1px;}*/
section .content .title-inner { font-size:22px; font-weight:bold; color:#fff;  padding:42px 5px 0px 5px; text-align:center; width:290px; height:57px; margin:0px 10px 15px 10px; letter-spacing:1px; background:url(../images/template/title_2.png) no-repeat;}
section .content .detail{padding:0 2%;}

/* weblink */
section .content .col_weblink{ padding:2% 2% 0px 2%; width:46%; float:left;}
section .content .col_weblink .titleweblink{border-bottom:solid 2px #aec61a; font-size:22px; color:#009135; padding:3px 10px; }
section .content .col_weblink ul.weblinkfix{ padding:0; margin-left:40px; margin-top:10px;}
section .content .col_weblink ul.weblinkfix li{ list-style-image:url(../images/template/arowright.png); padding-left:7px; padding-top:7px; padding-bottom:7px;}
section .content .col_weblink ul.weblinkfix li a{ color:#333;}
section .content .col_weblink ul.weblinkfix li a:hover{ color:#009135}

section .content .col_weblink-other{ padding:2% 2% 0px 2%; width:46%; float:right;}
section .content .col_weblink-other .titleweblink{border-bottom:solid 2px #aec61a; font-size:22px; color:#009135; padding:3px 10px; }
section .content .col_weblink-other ul.weblinkfix{ padding:0; margin-left:40px; margin-top:10px;}
section .content .col_weblink-other ul.weblinkfix li{ list-style-image:url(../images/template/arowright.png); padding-left:7px; padding-top:7px; padding-bottom:7px;}
section .content .col_weblink-other ul.weblinkfix li a{ color:#333; }
section .content .col_weblink-other ul.weblinkfix li a:hover{ color:#009135}

/* news & activities */
section .content .news{ padding:20px 2%; border-bottom:dotted 1px #aec61a; height:auto; margin:0 0;}
section .content .news .news_img{ width:30%; margin-right:4%; float:left; line-height:0;}
section .content .news .news_img img{ width:100%; height:auto;}
section .content .news .news_detail{ width:66%; float:left; max-height:none; overflow:hidden; font-size:18px; line-height:25px;}
section .content .news .news_detail a{ color:#333; -webkit-transition: color linear .5s; -moz-transition: color linear .5s; -o-transition: color linear .5s; transition: color linear .5s;}
section .content .news .news_detail a:hover{ color:#009135;}

/* news inside */
section .content .news_in{ padding:20px 2%; border-bottom:dotted 1px #aec61a; height:auto; margin:0 0;}
section .content .news_in .news_in_img{ width:30%; margin-right:4%; float:left; line-height:0;}
section .content .news_in .news_in_img img{ width:100%; height:auto;}
section .content .news_in .news_in_detail{ width:66%; float:left; max-height:none; overflow:hidden; font-size:18px; line-height:25px;}
section .content .news_in .news_in_detail a{ color:#333; -webkit-transition: color linear .5s; -moz-transition: color linear .5s; -o-transition: color linear .5s; transition: color linear .5s;}
section .content .news_in .news_in_detail a:hover{ color:#009135;}

.newofmount{ background:url(../images/template/icon_knowledge.png) top left no-repeat; margin:0 0px 0 0px; padding:12px 5px 12px 50px; border-bottom:dotted 1px #ccc; width:inherit; margin:0; float:none;}

section .content .col_newsofyear{ width:43%; float:left; margin-left:2%;}
section .content .col_newsofyear .newsofyear{ background:url(../images/template/icon_knowledge.png) top left no-repeat; margin:0 20px 0 15px; padding:12px 5px 12px 50px; border-bottom:dotted 1px #ccc;}
section .content .col_newsofyear .newsofyear a{ color:#333;}
section .content .col_newsofyear .newsofyear a:hover{color:#009135;}

section .content .col_activities{ width:50%; float:left; border-right:dotted 1px #ccc; padding-right:4%;}
section .content .col_activities .activities{ width:45%; padding:1.5%; margin:1.5% 1% 1.5% 1%; background:#f0f0f0; float:left; -moz-border: 10px; -webkit-border-radius:10px; border-radius:10px;}
section .content .col_activities .activities .activities_img{ width:100%; line-height:0;}
section .content .col_activities .activities .activities_img img{ width:100%; height:auto;}
section .content .col_activities .activities .activities_detail{ line-height:21px; margin-top:5px; height:70px; overflow:hidden;}
section .content .col_activities .activities .activities_detail a{ color:#333; font-size:16px; }
section .content .col_activities .activities .activities_detail a:hover{ color:#009135;}

/* member */
section .content .colmember{ width:92%; float:left; padding:2%; background:#f8f8e6; -moz-border: 10px; -webkit-border-radius:10px; border-radius:10px; margin:10px 2%;}
section .content .colmember .member_logo{ line-height:0; float:left; margin-right:17px;} 
section .content .colmember .member_logo img{ width:100px; height:100px;}
section .content .colmember .member_detail{ width:80%; height:auto; line-height:23px; overflow:hidden; font-size:16px;} 
/*section .content .colmember{ width:44%; float:left; padding:1%; background:#f8f8e6; -moz-border: 10px; -webkit-border-radius:10px; border-radius:10px; margin:1% 2%; line-height:21px;}
section .content .colmember h3{ font-size:18px; font-weight:bold;}
section .content .colmember .member_logo{ line-height:0; width:30%; float:left; margin-right:2%;} 
section .content .colmember .member_logo img{ width:100%; height:auto;}
section .content .colmember .member_detail{ width:58%; height:auto; overflow:hidden; font-size:17px;}
*/

/* contact */
section .content .colcontact{ width:45%; padding:0 2% 0 2%; float:left;}
section .content .colform{width:45%; padding:0 2% 5% 2%; border-left:dotted 1px #ccc; float:right; margin-top:25px;}



}