@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;}
}
@charset "utf-8";
/* CSS Document */
.clear{ clear:both;}
.lineheight0{line-height:0px;}
.lineheight15{line-height:15px;}
.lineheight18{line-height:18px;}
.lineheight21{line-height:21px;}
.lineheight25{line-height:25px;}
.lineheight28{line-height:28px;}
.lineheight30{line-height:30px;}
.lineheight36{line-height:36px;}
.lineheight45{line-height:45px;}
ul, li, a{margin:0px; border:0px;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
img {border:none;}
embed {vertical-align:top;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
.imglink:hover {cursor:pointer; opacity:0.75; filter:alpha(opacity=75);}
.fleft{float:left;}
.fright{ float:right;}
.margin_auto{ margin:0 auto;}
.bold{ font-weight:bold;}
.center{ text-align:center;}
.justify{ text-align:justify;}
.left{ text-align:left;}
.right{ text-align:right;}
.v_top{ vertical-align:top;}
.v_middle{ vertical-align:middle;}
.v_bottom{ vertical-align:bottom;}
.padding{ padding:0px;}
.margin{ margin:0px;}
/* ---- padding ----*/
.padding5{ padding:5px;}
.padding10{ padding:10px;}
.padding15{ padding:15px;}
.padding20{ padding:20px;}
/* ---- margin_top ----*/
.top1{ margin-top:1px;}
.top2{ margin-top:2px;}
.top3{ margin-top:3px;}
.top4{ margin-top:4px;}
.top5{ margin-top:5px;}
.top6{ margin-top:6px;}
.top7{ margin-top:7px;}
.top8{ margin-top:8px;}
.top9{ margin-top:9px;}
.top10{ margin-top:10px;}
.top11{ margin-top:11px;}
.top12{ margin-top:12px;}
.top13{ margin-top:13px;}
.top14{ margin-top:14px;}
.top15{ margin-top:15px;}
.top16{ margin-top:16px;}
.top17{ margin-top:17px;}
.top18{ margin-top:18px;}
.top19{ margin-top:19px;}
.top20{ margin-top:20px;}
.top21{ margin-top:21px;}
.top22{ margin-top:22px;}
.top23{ margin-top:23px;}
.top24{ margin-top:24px;}
.top25{ margin-top:25px;}
.top26{ margin-top:26px;}
.top27{ margin-top:27px;}
.top28{ margin-top:28px;}
.top29{ margin-top:29px;}
.top30{ margin-top:30px;}
.top31{ margin-top:31px;}
.top32{ margin-top:32px;}
.top33{ margin-top:33px;}
.top34{ margin-top:34px;}
.top35{ margin-top:35px;}
.top36{ margin-top:36px;}
.top37{ margin-top:37px;}
.top38{ margin-top:38px;}
.top39{ margin-top:39px;}
.top40{ margin-top:40px;}
.top41{ margin-top:41px;}
.top42{ margin-top:42px;}
.top43{ margin-top:43px;}
.top44{ margin-top:44px;}
.top45{ margin-top:45px;}
.top46{ margin-top:46px;}
.top47{ margin-top:47px;}
.top48{ margin-top:48px;}
.top49{ margin-top:49px;}
.top50{ margin-top:50px;}
.top51{ margin-top:51px;}
.top52{ margin-top:52px;}
.top53{ margin-top:53px;}
.top54{ margin-top:54px;}
.top55{ margin-top:55px;}
.top56{ margin-top:56px;}
.top57{ margin-top:57px;}
.top58{ margin-top:58px;}
.top59{ margin-top:59px;}
.top60{ margin-top:60px;}
.top61{ margin-top:61px;}
.top62{ margin-top:62px;}
.top63{ margin-top:63px;}
.top64{ margin-top:64px;}
.top65{ margin-top:65px;}
.top66{ margin-top:66px;}
.top67{ margin-top:67px;}
.top68{ margin-top:68px;}
.top69{ margin-top:69px;}
.top70{ margin-top:70px;}
.top71{ margin-top:71px;}
.top72{ margin-top:72px;}
.top73{ margin-top:73px;}
.top74{ margin-top:74px;}
.top75{ margin-top:75px;}
.top76{ margin-top:76px;}
.top77{ margin-top:77px;}
.top78{ margin-top:78px;}
.top79{ margin-top:79px;}
.top80{ margin-top:80px;}
.top81{ margin-top:81px;}
.top82{ margin-top:82px;}
.top83{ margin-top:83px;}
.top84{ margin-top:84px;}
.top85{ margin-top:85px;}
.top86{ margin-top:86px;}
.top87{ margin-top:87px;}
.top88{ margin-top:88px;}
.top89{ margin-top:89px;}
.top90{ margin-top:90px;}
.top91{ margin-top:91px;}
.top92{ margin-top:92px;}
.top93{ margin-top:93px;}
.top94{ margin-top:94px;}
.top95{ margin-top:95px;}
.top96{ margin-top:96px;}
.top97{ margin-top:97px;}
.top98{ margin-top:98px;}
.top99{ margin-top:99px;}
.top100{ margin-top:100px;}
/* ---- margin_left ----*/
.left1{ margin-left:1px;}
.left2{ margin-left:2px;}
.left3{ margin-left:3px;}
.left4{ margin-left:4px;}
.left5{ margin-left:5px;}
.left6{ margin-left:6px;}
.left7{ margin-left:7px;}
.left8{ margin-left:8px;}
.left9{ margin-left:9px;}
.left10{ margin-left:10px;}
.left11{ margin-left:11px;}
.left12{ margin-left:12px;}
.left13{ margin-left:13px;}
.left14{ margin-left:14px;}
.left15{ margin-left:15px;}
.left16{ margin-left:16px;}
.left17{ margin-left:17px;}
.left18{ margin-left:18px;}
.left19{ margin-left:19px;}
.left20{ margin-left:20px;}
.left21{ margin-left:21px;}
.left22{ margin-left:22px;}
.left23{ margin-left:23px;}
.left24{ margin-left:24px;}
.left25{ margin-left:25px;}
.left26{ margin-left:26px;}
.left27{ margin-left:27px;}
.left28{ margin-left:28px;}
.left29{ margin-left:29px;}
.left30{ margin-left:30px;}
.left31{ margin-left:31px;}
.left32{ margin-left:32px;}
.left33{ margin-left:33px;}
.left34{ margin-left:34px;}
.left35{ margin-left:35px;}
.left36{ margin-left:36px;}
.left37{ margin-left:37px;}
.left38{ margin-left:38px;}
.left39{ margin-left:39px;}
.left40{ margin-left:40px;}
.left41{ margin-left:41px;}
.left42{ margin-left:42px;}
.left43{ margin-left:43px;}
.left44{ margin-left:44px;}
.left45{ margin-left:45px;}
.left46{ margin-left:46px;}
.left47{ margin-left:47px;}
.left48{ margin-left:48px;}
.left49{ margin-left:49px;}
.left50{ margin-left:50px;}
.left51{ margin-left:51px;}
.left52{ margin-left:52px;}
.left53{ margin-left:53px;}
.left54{ margin-left:54px;}
.left55{ margin-left:55px;}
.left56{ margin-left:56px;}
.left57{ margin-left:57px;}
.left58{ margin-left:58px;}
.left59{ margin-left:59px;}
.left60{ margin-left:60px;}
.left61{ margin-left:61px;}
.left62{ margin-left:62px;}
.left63{ margin-left:63px;}
.left64{ margin-left:64px;}
.left65{ margin-left:65px;}
.left66{ margin-left:66px;}
.left67{ margin-left:67px;}
.left68{ margin-left:68px;}
.left69{ margin-left:69px;}
.left70{ margin-left:70px;}
.left71{ margin-left:71px;}
.left72{ margin-left:72px;}
.left73{ margin-left:73px;}
.left74{ margin-left:74px;}
.left75{ margin-left:75px;}
.left76{ margin-left:76px;}
.left77{ margin-left:77px;}
.left78{ margin-left:78px;}
.left79{ margin-left:79px;}
.left80{ margin-left:80px;}
.left81{ margin-left:81px;}
.left82{ margin-left:82px;}
.left83{ margin-left:83px;}
.left84{ margin-left:84px;}
.left85{ margin-left:85px;}
.left86{ margin-left:86px;}
.left87{ margin-left:87px;}
.left88{ margin-left:88px;}
.left89{ margin-left:89px;}
.left90{ margin-left:90px;}
.left91{ margin-left:91px;}
.left92{ margin-left:92px;}
.left93{ margin-left:93px;}
.left94{ margin-left:94px;}
.left95{ margin-left:95px;}
.left96{ margin-left:96px;}
.left97{ margin-left:97px;}
.left98{ margin-left:98px;}
.left99{ margin-left:99px;}
.left100{ margin-left:100px;}
/* ---- margin_right ----*/
.right1{ margin-right:1px;}
.right2{ margin-right:2px;}
.right3{ margin-right:3px;}
.right4{ margin-right:4px;}
.right5{ margin-right:5px;}
.right6{ margin-right:6px;}
.right7{ margin-right:7px;}
.right8{ margin-right:8px;}
.right9{ margin-right:9px;}
.right10{ margin-right:10px;}
.right11{ margin-right:11px;}
.right12{ margin-right:12px;}
.right13{ margin-right:13px;}
.right14{ margin-right:14px;}
.right15{ margin-right:15px;}
.right16{ margin-right:16px;}
.right17{ margin-right:17px;}
.right18{ margin-right:18px;}
.right19{ margin-right:19px;}
.right20{ margin-right:20px;}
.right21{ margin-right:21px;}
.right22{ margin-right:22px;}
.right23{ margin-right:23px;}
.right24{ margin-right:24px;}
.right25{ margin-right:25px;}
.right26{ margin-right:26px;}
.right27{ margin-right:27px;}
.right28{ margin-right:28px;}
.right29{ margin-right:29px;}
.right30{ margin-right:30px;}
.right31{ margin-right:31px;}
.right32{ margin-right:32px;}
.right33{ margin-right:33px;}
.right34{ margin-right:34px;}
.right35{ margin-right:35px;}
.right36{ margin-right:36px;}
.right37{ margin-right:37px;}
.right38{ margin-right:38px;}
.right39{ margin-right:39px;}
.right40{ margin-right:40px;}
.right41{ margin-right:41px;}
.right42{ margin-right:42px;}
.right43{ margin-right:43px;}
.right44{ margin-right:44px;}
.right45{ margin-right:45px;}
.right46{ margin-right:46px;}
.right47{ margin-right:47px;}
.right48{ margin-right:48px;}
.right49{ margin-right:49px;}
.right50{ margin-right:50px;}
.right51{ margin-right:51px;}
.right52{ margin-right:52px;}
.right53{ margin-right:53px;}
.right54{ margin-right:54px;}
.right55{ margin-right:55px;}
.right56{ margin-right:56px;}
.right57{ margin-right:57px;}
.right58{ margin-right:58px;}
.right59{ margin-right:59px;}
.right60{ margin-right:60px;}
.right61{ margin-right:61px;}
.right62{ margin-right:62px;}
.right63{ margin-right:63px;}
.right64{ margin-right:64px;}
.right65{ margin-right:65px;}
.right66{ margin-right:66px;}
.right67{ margin-right:67px;}
.right68{ margin-right:68px;}
.right69{ margin-right:69px;}
.right70{ margin-right:70px;}
.right71{ margin-right:71px;}
.right72{ margin-right:72px;}
.right73{ margin-right:73px;}
.right74{ margin-right:74px;}
.right75{ margin-right:75px;}
.right76{ margin-right:76px;}
.right77{ margin-right:77px;}
.right78{ margin-right:78px;}
.right79{ margin-right:79px;}
.right80{ margin-right:80px;}
.right81{ margin-right:81px;}
.right82{ margin-right:82px;}
.right83{ margin-right:83px;}
.right84{ margin-right:84px;}
.right85{ margin-right:85px;}
.right86{ margin-right:86px;}
.right87{ margin-right:87px;}
.right88{ margin-right:88px;}
.right89{ margin-right:89px;}
.right90{ margin-right:90px;}
.right91{ margin-right:91px;}
.right92{ margin-right:92px;}
.right93{ margin-right:93px;}
.right94{ margin-right:94px;}
.right95{ margin-right:95px;}
.right96{ margin-right:96px;}
.right97{ margin-right:97px;}
.right98{ margin-right:98px;}
.right99{ margin-right:99px;}
.right100{ margin-right:100px;}
/* ---- margin_bottom ----*/
.bottom1{ margin-bottom:1px;}
.bottom2{ margin-bottom:2px;}
.bottom3{ margin-bottom:3px;}
.bottom4{ margin-bottom:4px;}
.bottom5{ margin-bottom:5px;}
.bottom6{ margin-bottom:6px;}
.bottom7{ margin-bottom:7px;}
.bottom8{ margin-bottom:8px;}
.bottom9{ margin-bottom:9px;}
.bottom10{ margin-bottom:10px;}
.bottom11{ margin-bottom:11px;}
.bottom12{ margin-bottom:12px;}
.bottom13{ margin-bottom:13px;}
.bottom14{ margin-bottom:14px;}
.bottom15{ margin-bottom:15px;}
.bottom16{ margin-bottom:16px;}
.bottom17{ margin-bottom:17px;}
.bottom18{ margin-bottom:18px;}
.bottom19{ margin-bottom:19px;}
.bottom20{ margin-bottom:20px;}
.bottom21{ margin-bottom:21px;}
.bottom22{ margin-bottom:22px;}
.bottom23{ margin-bottom:23px;}
.bottom24{ margin-bottom:24px;}
.bottom25{ margin-bottom:25px;}
.bottom26{ margin-bottom:26px;}
.bottom27{ margin-bottom:27px;}
.bottom28{ margin-bottom:28px;}
.bottom29{ margin-bottom:29px;}
.bottom30{ margin-bottom:30px;}
.bottom31{ margin-bottom:31px;}
.bottom32{ margin-bottom:32px;}
.bottom33{ margin-bottom:33px;}
.bottom34{ margin-bottom:34px;}
.bottom35{ margin-bottom:35px;}
.bottom36{ margin-bottom:36px;}
.bottom37{ margin-bottom:37px;}
.bottom38{ margin-bottom:38px;}
.bottom39{ margin-bottom:39px;}
.bottom40{ margin-bottom:40px;}
.bottom41{ margin-bottom:41px;}
.bottom42{ margin-bottom:42px;}
.bottom43{ margin-bottom:43px;}
.bottom44{ margin-bottom:44px;}
.bottom45{ margin-bottom:45px;}
.bottom46{ margin-bottom:46px;}
.bottom47{ margin-bottom:47px;}
.bottom48{ margin-bottom:48px;}
.bottom49{ margin-bottom:49px;}
.bottom50{ margin-bottom:50px;}
.bottom51{ margin-bottom:51px;}
.bottom52{ margin-bottom:52px;}
.bottom53{ margin-bottom:53px;}
.bottom54{ margin-bottom:54px;}
.bottom55{ margin-bottom:55px;}
.bottom56{ margin-bottom:56px;}
.bottom57{ margin-bottom:57px;}
.bottom58{ margin-bottom:58px;}
.bottom59{ margin-bottom:59px;}
.bottom60{ margin-bottom:60px;}
.bottom61{ margin-bottom:61px;}
.bottom62{ margin-bottom:62px;}
.bottom63{ margin-bottom:63px;}
.bottom64{ margin-bottom:64px;}
.bottom65{ margin-bottom:65px;}
.bottom66{ margin-bottom:66px;}
.bottom67{ margin-bottom:67px;}
.bottom68{ margin-bottom:68px;}
.bottom69{ margin-bottom:69px;}
.bottom70{ margin-bottom:70px;}
.bottom71{ margin-bottom:71px;}
.bottom72{ margin-bottom:72px;}
.bottom73{ margin-bottom:73px;}
.bottom74{ margin-bottom:74px;}
.bottom75{ margin-bottom:75px;}
.bottom76{ margin-bottom:76px;}
.bottom77{ margin-bottom:77px;}
.bottom78{ margin-bottom:78px;}
.bottom79{ margin-bottom:79px;}
.bottom80{ margin-bottom:80px;}
.bottom81{ margin-bottom:81px;}
.bottom82{ margin-bottom:82px;}
.bottom83{ margin-bottom:83px;}
.bottom84{ margin-bottom:84px;}
.bottom85{ margin-bottom:85px;}
.bottom86{ margin-bottom:86px;}
.bottom87{ margin-bottom:87px;}
.bottom88{ margin-bottom:88px;}
.bottom89{ margin-bottom:89px;}
.bottom90{ margin-bottom:90px;}
.bottom91{ margin-bottom:91px;}
.bottom92{ margin-bottom:92px;}
.bottom93{ margin-bottom:93px;}
.bottom94{ margin-bottom:94px;}
.bottom95{ margin-bottom:95px;}
.bottom96{ margin-bottom:96px;}
.bottom97{ margin-bottom:97px;}
.bottom98{ margin-bottom:98px;}
.bottom99{ margin-bottom:99px;}
.bottom100{ margin-left:100px;}