@charset "utf-8";
/* CSS Document */

@media screen and (min-width: 1000px) and (max-width: 1024px){
.navigation ul li a					{ padding:8px 0px !important;}
}

@media screen and (min-width: 1000px){
.memb_sec .board_members ul li:nth-child(4){ clear:left;}
.memb_sec .board_members ul li:nth-child(7),
.memb_sec .board_members ul li:nth-child(10),
.memb_sec .board_members ul li:nth-child(13),
.memb_sec .board_members ul li:nth-child(16){ clear:left; margin-left:0px;}
.navigation>ul>li>a{width:199px;}
.navigation>ul>li.last>a{width:200px;}
}
@media screen and (min-width: 769px) and (max-width: 1000px){
#wrapper							{ padding:0 0 2px 0;}
.navigation							{ width:100%; min-width:990px;}
.navigation ul li					{ font-size:14px;}
.navigation ul li a					{ padding:8px 25px !important;}
.navigation ul li ul				{ width:100% !important;}
.navigation ul li ul				{ width:998px !important; padding:0 0 28px 24px;}
.navigation ul li ul li a em		{ display:none !important;}

.navigation ul li ul li.menu1		{ width:175px;}
.navigation ul li ul li.menu2		{ width:178px; margin-left:70px;}
.navigation ul li ul li.menu3		{ width:407px; margin-left:87px;}

.navigation ul li.last				{ display:inline; float:none;}

.lft01								{ width:64%;}
.rgt01								{ width:30%; margin-bottom:10px;}
.lft01 ul							{ margin:0; padding:0;}

.content02							{ width:98%; margin:0 auto;}
.cal								{ width:40%; margin-left:1%;}
.map								{ width:56%;}
.map .textwidget img				{ width:100%; max-width:618px;}
.info1								{ right:-8px;}

span.date1							{ width:47px;}
.event1 ul							{ width:80%;}
.map_img img						{ width:100%; max-width:618px; height:auto;}

span.footer_banner 					{ width:98%; left:1%;}
span.footer_banner img				{ width:100%; height:auto; max-width:1014px;}

/* inner page start here */
.banner2							{ width:96%; margin:0 auto;}
span.bnr_img						{ width:100%; display:block;}
span.bnr_img img					{ width:100%; max-width:941px; height:auto;}
.banner2 h2							{ margin-top:23px;}
.nav02 ul							{ min-width:922px;}
.nav02 ul li a						{ }
.lft03								{ width:62%;}
.rgt03								{ width:35%; margin-right:1%;}
.m_goal p img						{ width:100%; max-width:609px; height:auto;}
h2 span.desc						{ width:38%; padding-right:2%;}
.memb_sec .board_members ul li		{ width:44.8%; margin:0 0 15px 1% !important; padding-bottom:5px; min-height:95px;}
.content01 h2						{ padding-left:4px !important;}
.wwd_full_width h2.board_members span.view{ padding-right:2%;}
}
/*======================================================================*/
@media screen and (min-width: 641px) and (max-width: 768px){
.navigation > ul					{ min-width:738px;}
}
@media screen and (min-width: 640px) and (max-width: 768px){
#wrapper							{ width:100%; padding:0 0 2px 0;}
.navigation							{ width:100%;}
.navigation ul li					{ font-size:14px;}
.navigation ul li a					{ padding:8px 1.5% !important;}
.navigation ul li ul				{ width:766px !important; padding:0 0 28px 24px;}
.navigation ul li ul li a em		{ display:none !important;}

.navigation ul li ul li.menu1		{ width:175px;}
.navigation ul li ul li.menu2		{ width:178px; margin-left:70px;}
.navigation ul li ul li.menu3		{ width:175px; margin-left:87px;}

.lft01								{ width:65%;}
.rgt01								{ width:30%; margin-bottom:10px;}
.lft01 ul							{ margin:0; padding:0;}

.content02							{ width:98%; margin:0 auto;}
.cal								{ width:40%; margin-left:1%;}
.map								{ width:56%;}

span.date1							{ width:44px;}
.event1 ul							{ width:77%; padding-right:1%;}
.map_img img						{ width:100%; max-width:618px;}
.mob_hide1							{ display:none;}
.info2								{ padding:10px 2% 10px 3%;}
.info1								{ right:-11px; padding:10px 2% 12px 3%;}
.info1 p							{ font-size:20px; line-height:26px;}
.bx-wrapper img						{ min-height:260px;}
.m_goal p img						{ width:100%; max-width:609px; height:auto;}

#footer								{}
.img1								{ display:none;; margin-top:10px;}
.img1 img							{ width:100%; height:auto;}
.map .textwidget img				{ width:100%; max-width:618px; height:auto;min-height:255px;}
.cal_days							{ min-height:260px;}
span.footer_banner 					{ width:98%; left:1%;}
span.footer_banner img				{ width:100%; height:auto; max-width:1014px;}


/* inner page start here */
.banner2							{ width:96%; margin:0 auto;}
span.bnr_img						{ width:100%; display:block;}
span.bnr_img img					{ width:100%; max-width:941px; height:auto;}
.banner2 h2							{ margin-top:23px;}
.nav02								{ width:98%; min-width:750px; margin:0 auto;}
.nav02 ul li a						{ padding:6px 11px;}
.lft03								{ width:98%; float:none; margin:0 auto;}
.rgt03								{ width:35%; margin-right:1%; display:none;}
h2 span.desc						{ width:44%;}
.memb_sec .board_members ul li		{ width:44.4%; margin:0 0 15px 1% !important; padding-bottom:5px; min-height:95px;}
.content01 h2						{ padding-left:4px !important;}
.board_members h2					{ font-size:16px !important;}
}
@media only screen and (max-width: 640px) {
#wrapper							{ padding:0 0 2px 0;}
.top								{ width:100%;}
.top ul li							{ width:24.2%; margin-left:1%;}
.top ul li:first-child				{ margin-left:0;}
.top ul li a						{ width:100%; min-width:10px;}
.navigation							{ width:100%;}
.navigation ul						{ /*min-height:225px !important;*/ /*background:url(../images/nav_back01_hover.jpg) repeat !important;*/background:url(../images/nav_back01.jpg) repeat !important;}
.navigation ul:hover				{ /*min-height:225px !important;*/ background:url(../images/nav_back01_hover.jpg) repeat !important;}

.navigation ul li					{ font-size:28px; display:block; width:100%; text-align:center; border-top:1px solid #277ec2;}
.navigation ul li:first-child		{ border-top:none;}
.navigation ul li a					{ width:100%; padding:14px 0px 12px 0px !important; display:block; margin-left:0px;}
.navigation ul li ul				{ width:100% !important; position:relative !important; left:0 !important; top:0 !important; border:none; padding:0; background:url(../images/cal_back.jpg) repeat !important;}
.navigation ul li ul li				{ float:none; background:url(../images/cal_back.jpg) repeat !important;}
.navigation ul li ul:hover			{ background:url(../images/cal_back.jpg) repeat !important;}
.navigation ul li ul li				{ border-top:0px;}
.navigation ul li ul li a			{ border-bottom:0px; text-align:center;}

.navigation ul li ul li.menu1		{ width:100%;}
.navigation ul li ul li.menu2		{ width:100%; margin-left:0px;}
.navigation ul li ul li.menu3		{ width:100%; margin-left:0px;}

.navigation ul li ul li a			{ display:block; margin-top:3px; color:#fff; padding-top:4px !important;}
.navigation ul li ul li a:hover		{ background:#757575;}
.navigation ul li:hover ul			{ display:none;}
.navigation ul li ul li.menu1 a,
.navigation ul li ul li.menu2 a,
.navigation ul li ul li.menu3 a		{ background:none;}
.navigation ul li ul li a:hover		{ background:none;}
/*.navigation ul li ul li.menu1 a:hover,
.navigation ul li ul li.menu2 a:hover,
.navigation ul li ul li.menu3 a:hover{ background:#757575;}*/
.navigation ul li.last				{ float:none;}
span.logo02							{ text-align:center; padding:0; margin:12px 0 0;}

.navigation ul li ul li a em	{ display:none !important;}
.navigation ul li ul li a:hover em	{ display:none;}


.lft01								{ width:96%; margin:0 auto; float:none; margin-top:23px;}
.rgt01								{ width:96%; margin:23px auto 0; float:none;}
.lft01 ul							{ margin:0; padding:0;}

.content02							{ width:96%; margin:24px auto 0;}
.cal								{ width:96%; float:none; margin:0 auto;}
.map								{ width:96%; float:none; margin:23px auto 0;}
.map .textwidget img				{ width:100%; max-width:618px; height:auto;}
.txt01								{ width:94%; margin:0 auto; padding:0 0 150px 0;}
.box01								{ width:300px; margin:0 auto;}
.box02 input.t_box1					{ width:89%;}
span.date1							{ width:47px;}
.event1 ul							{ width:80%;}
.map_img img						{ width:100%; max-width:618px; height:auto;}

.info1								{ width:90%; padding:16px 2% 18px 3%; right:auto; left:2.5%; top:auto; bottom:2px;}
.bx-wrapper .bx-viewport			{ padding:0 0 0px 0 !important;}
.bxslider li						{ padding-bottom:60px !important;}

#footer								{ margin:30px auto 0;}
span.footer_banner 					{ width:98%; left:1%;}
span.footer_banner img				{ width:100%; height:auto; max-width:1014px;}

/* inner page start here */
.banner2							{ display:none; width:96%; margin:0 auto;}
span.bnr_img						{ width:100%; display:block;}
span.bnr_img img					{ width:100%; max-width:941px; height:auto;}
.banner2 h2							{ margin-top:23px;}
.nav02								{ display:none;}
.nav02 ul li a						{ padding:6px 1.1%;}
.lft03								{ width:96%; float:none; margin:0 auto;}
.rgt03								{ width:35%; margin-right:1%; display:none;}
ul#menu-nav{ display:none !important;}
ul.mobile_nav{ display:block !important;}
.m_goal p img						{ width:100%; max-width:609px; height:auto;}
.big_image img						{ width:100%; height:auto;}
h2 span.desc						{ width:46%;}
.board_members h2					{ font-size:12px !important;}
.memb_sec .board_members ul li		{ width:43.8%; margin:0 0 15px 1% !important; padding-bottom:5px; min-height:95px;}
.memb_sec .list_cont li				{ margin-left:1%; margin-right:0;width:43.5%;}
.content01 h2						{ padding-left:4px !important;}
h2 span.desc i						{ width:55px; margin-left:2px;}
}
@media only screen and (max-width: 480px) {
.top ul li							{ font-size:12px;}
.navigation ul li					{ font-size:20px;}
.navigation ul li ul li a			{ font-size:13px; margin-top:4px;}
span.logo01							{ width:100%;}
span.logo01 img						{ width:80%; max-width:352px; height:auto;}

.navigation ul						{ /*background:url(../images/nav_back01_hover.jpg) repeat !important;*/}
.navigation ul:hover				{ background:url(../images/nav_back01_hover.jpg) repeat !important;}
.navigation ul li ul:hover			{ background:url(../images/cal_back.jpg) repeat !important;}
.info1 p							{ font-size:17px;}
span.link01							{ right:-9px;}	
.box02 input.t_box1					{ width:82%;}
.lft03 h3							{ font-size:20px;}
.history ul li a					{ font-size:13px;}
.big_image img						{ width:100%; height:auto;}
.memb_sec .board_members ul li		{ width:91%; margin:0 0 15px 1% !important; padding-bottom:5px; min-height:95px;}
.memb_sec .list_cont li				{ margin-left:1%; margin-right:0;width:43.5%; padding:2%;}
h2 span.desc						{ width:69%; display:block; float:none; text-align:center; margin-top:8px;}

}
@media only screen and (max-width: 320px) {
#wrapper							{ min-width:318px;}
.top ul li							{ font-size:11px;}
.navigation ul li					{ font-size:14px;}
.rgt01 h2							{ font-size:17px;}
.info2 h3							{ font-size:14px;}
.info2 p							{ font-size:11px;}
span.link01 a						{ font-size:11px;}
.info1 p							{ font-size:17px; line-height:22px;}
.content02 h2						{ font-size:17px;}
.event1 h3							{ font-size:14px;}
.event1 ul li						{ font-size:11px;}
.event1 ul							{ width:66%; margin-left:5%;}

/* inner page start here */
.banner2							{ display:none; width:96%; margin:0 auto;}
span.bnr_img						{ width:100%; display:block;}
span.bnr_img img					{ width:100%; max-width:941px; height:auto;}
.banner2 h2							{ margin-top:23px;}
.nav02								{ display:none;}
.nav02 ul li a						{ padding:6px 1.1%;}
.lft03								{ width:96%; float:none; margin:0 auto;}
.rgt03								{ width:35%; margin-right:1%; display:none;}
.history ul li a					{ font-size:12px;}
h2 span.desc						{ width:70%;}
}