@charset "utf-8";
*,:after, :before {box-sizing: border-box;}
body, html {padding: 0;margin: 0;height: 100%;background: #333}
html {-webkit-text-size-adjust: 100%}
body {font-family: "微軟正黑體";overflow-x:hidden;}

form {display: block;width: 100%;height: auto;overflow: hidden}
a img {border: 0}
:focus {background: rgba(255, 240, 0, .8);border: 2px dashed #00f;outline: 0}
.Wrapper {width: 100%;height: auto;overflow: hidden;margin: 0 auto; padding-top:120px;}
.Wrapper form {display: block;width: 100%;height: auto;overflow: hidden}
.Visited>a {position: absolute;top: 30px;left: 50%;margin-left: -50px; left:300px; margin-left:0;color: #fff;font-size: .75rem;opacity: 0;margin-left: 80px}
.Visited>a:focus {opacity: 1}
.Visited .sitemap_a {opacity: 1;display: inline-block;color: #fff;text-decoration: none;position: relative;top: inherit;left: inherit;margin-left: 0;float: right;margin-left: 5px; float:left; margin-left:20px;}
/*=======================Header=============================*/
.Header {width: 100%;height: 120px;padding: 0 10px;overflow: visible;background: rgba(11, 12, 12, .9);position: absolute;top: 0;left: 0;z-index: 99;margin: 0 auto;border-bottom: 5px solid #6b8123;}
.Header .HeaderContent {width: 100%;max-width: 1024px;height: 120px;overflow: visible;padding: 30px 0 0 290px;margin: 0 auto;position: relative}
.Header .HeaderContent .FontSize {position: absolute;width: 145px;height: auto;line-height: 20px;overflow: hidden;top: 35px;right: 430px;color: rgba(255, 255, 255.5);font-size: .875rem; right:210px; left:auto;}
.Header .HeaderContent .FontSize * {float: left;color: rgba(255, 255, 255, 1)}
.Header .HeaderContent .FontSize a {display: block;width: 20px;height: 20px;line-height: 18px;overflow: hidden;float: left;margin-right: 5px;border: 1px solid rgba(255, 255, 255, .5);text-align: center;font-size: .75rem;color: rgba(255, 255, 255.5);text-decoration: none}
.Header .HeaderContent .FontSize a.active { background:yellow; color:blue; border:1px solid blue;}
.Header .HeaderContent .FontSize a:last-child {margin-right: 0}
.Header .HeaderContent .Visited {padding-right: 220px;height: 30px;line-height: 30px;width: 100%;overflow: hidden}
.Header .HeaderContent .Visited p {line-height: 30px;display: inline-block;float: right; margin-right:150px;}
.Header .HeaderContent .SearchWrap {display: block;width: 210px; width:250px;height: 30px;height: 45px;overflow: hidden;position: absolute;top: 30px;top: 22.5px;z-index: 10;right: 0}
.Header .HeaderContent .Search {width: 100%;height: 30px;height: 45px;overflow: hidden;position: relative;padding-right: 30px}
.Header .HeaderContent .Search .SearchBtn {position: absolute;top: 0;right: 0;width: 30px;height: 30px;background: url(../images/Layout/Icon_Search.png) center no-repeat, #6dad4f;border: 0;outline: 0;text-indent: -9999px;cursor: pointer;z-index: 100;
background-size: 15px 15px
}
.Header .HeaderContent .Search .SearchBtn:focus { background:url(../images/Layout/Icon_Search.png) center no-repeat,yellow;}
.Header .HeaderContent .Search .SearchBtn+.HotKeyWord {width: 100%;height: 15px;overflow: hidden;font-size: .75rem;color: #fff;position: absolute;right: 0;bottom: 0;text-align: right}
.Header .HeaderContent .Search .SearchBtn+.HotKeyWord>* {color: #fff;margin-right: 5px;text-decoration: none;font-weight: 400}
.Header .HeaderContent .Search .SearchText {width: 100%;height: 30px;overflow: hidden;padding: 0 5px;line-height: 30px;border: 0;outline: 0;font-size: .75rem;color: #333;font-family: "微軟正黑體";
box-shadow: 1px 2px 5px 1px rgba(20%, 20%, 40%, .3) inset;
float: left
}
.Header .HeaderContent .Search .SearchText::-webkit-input-placeholder {line-height: 30px;color: #999}
.Header .HeaderContent .Search .SearchText::-moz-placeholder {line-height: 30px;color: #999}
.Header .HeaderContent .Search .SearchText:-ms-input-placeholder {line-height: 30px;color: #999}
.Header .HeaderContent .Search .SearchText:-moz-placeholder {line-height: 30px;color: #999}
.HeaderContent .Logo {width: 290px;height: 80px;overflow: hidden;position: absolute;left: 0;top: 20px;z-index: 5}
.HeaderContent .Logo a {width: 100%;height: auto;overflow: hidden;display: block}
.HeaderContent .Logo img {display: block;float: left}
.HeaderContent .Logo img:nth-child(2) {margin: 15px 0 0 10px}
.HeaderContent .FontSize {width: 100%;height: auto;overflow: hidden;position: absolute;left: 310px}
.HeaderContent p {margin: 0;text-align: right;color: #6dad4f;font-size: .875rem}
.HeaderContent p span {color: #f3981c;margin: 0 2px}
.HeaderContent .Nav {width: 100%;height: 50px;overflow: visible;float: right;position: relative;z-index: 10; margin-top:10px;}
.HeaderContent .Nav * {padding: 0;margin: 0;list-style: none}
.HeaderContent .Nav .NavLi {width: 14.285%;height: 50px;overflow: visible;position: relative;float: left;padding: 5px 0}
.HeaderContent .Nav .NavLi.Mobile {display: none}
.HeaderContent .Nav .NavLi:nth-child(7) {display: none}
.HeaderContent .Nav .NavLi>a {display: block;width: 100%;height: 40px;overflow: hidden;text-align: center;text-decoration: none;font-size: 1.0625rem;line-height: 40px;color: #fff}
.HeaderContent .Nav .NavLi .SubNav {position: absolute;top: 54px;right: -10%;width: 120%;height: auto;padding-top: 6px;display: none; top:44px;}
.HeaderContent .Nav .NavLi:nth-child(6) .SubNav {right: 0}
.HeaderContent .Nav .NavLi .SubNav li {width: 100%;height: auto;overflow: hidden;background: rgba(255, 255, 255, .9)}
.HeaderContent .Nav .NavLi .SubNav li a {display: block;font-size: .9375rem;color: #000;padding: 15px 10px;text-decoration: none;transition: all .2s}
.HeaderContent .Nav .NavLi .SubNav li:hover a {background: #474747;color: #fff}

.SiteMap {width: 100%;height: auto;overflow: hidden;background: #006532;background: #006532;padding: 30px 10px}

.SiteMap>div {font-size: .75rem;width: 100%;height: auto;overflow: hidden;max-width: 1024px;margin: 0 auto;color: #51712b;text-align: center;margin-top: 30px;font-size: .875rem;color: #006532}
.SiteMap>div br {display: none}
.SiteMap ul {width: 100%;max-width: 1024px;height: auto;overflow: hidden;margin: 0 auto;padding: 0}
.SiteMap ul * {padding: 0;margin: 0;list-style: none;text-decoration: none}
.SiteMap ul li.SiteMapLi {width: 16.6666%;height: auto;overflow: hidden;float: left;text-align: center}
.SiteMap ul li.SiteMapLi h2 {font-weight: 400;color: #fff;font-size: 1.5rem;line-height: 50px;cursor: default}
.SiteMap ul.SubSiteMap li {width: 100%;height: auto;margin-bottom: 5px;padding: 0 10px 0 0}
.SiteMap ul.SubSiteMap li a {width: 100%;height: auto;display: block;color: #fff;font-size: 1rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.MainContent .SiteMap {background: 0 0}
.MainContent .SiteMap ul.SubSiteMap li a,
.SiteMap ul li.SiteMapLi h2 {color: #006532;color: #fff;}
.sitemap-page ul li.SiteMapLi h2
, .sitemap-page ul li.SiteMapLi ul.SubSiteMap li a{color: #006532;}

.SiteMap.fat-sitemap { background:#6b8123; background:#2b5c13;}
.MainContent .SiteMap.fat-sitemap ul.SubSiteMap li a,
.SiteMap.fat-sitemap ul li.SiteMapLi h2,
.SiteMap.fat-sitemap ul.SubSiteMap li a { color:#000; color:white;}

.Footer {width: 100%;height: auto;overflow: hidden;background: #333;padding: 30px 10px 70px 10px;position: relative}
.Footer .FooterContent {width: 100%;height: auto;overflow: hidden;margin: 0 auto}
.Footer .FooterContent * {padding: 0;margin: 0;list-style: none;text-decoration: none}
.Footer .FooterInfo {width: 100%;max-width: 1024px;height: auto;overflow: hidden;margin: 0 auto}
.Footer .FooterInfo .FooterContent .FooterInfo01 {overflow: hidden;display: inline-block;float: left;background: url(../images/Layout/Logo.png) left center no-repeat;padding: 10px 0 10px 140px;min-height: 85px}
.Footer .FooterInfo .FooterContent .FooterInfo01 p {color: #fff;font-size: .9375rem;line-height: 18px;margin-bottom: 10px}
.Footer .FooterInfo .FooterContent .FooterInfo01 ul {width: 100%;height: auto;overflow: hidden}
.Footer .FooterInfo .FooterContent .FooterInfo01 ul li {width: auto;overflow: hidden;font-size: .9375rem;display: block;float: left;border-left: 1px solid #5d5e61;padding: 0 10px;line-height: 18px}
.Footer .FooterInfo .FooterContent .FooterInfo01 ul li:nth-child(1) {border-left: none;padding: 0 10px 0 0}
.Footer .FooterInfo .FooterContent .FooterInfo01 ul li:nth-child(3) {padding: 0 0 0 10px}
.Footer .FooterInfo .FooterContent .FooterInfo01 ul li a {width: 100%;height: auto;display: block;overflow: hidden;font-size: .9375rem;color: #84b96c}
.Footer .FooterInfo .FooterContent .FooterInfo02 {overflow: hidden;display: inline-block;float: right;padding-top: 24px}
.Footer .FooterInfo .FooterContent .FooterInfo02 a {display: inline-block;margin-right: 5px;float: left;width: auto;height: auto;overflow: hidden}
.Footer .FooterInfo .FooterContent .FooterInfo02 img {display: block;border: none;float: right;margin-bottom: 10px}
.Footer .FooterInfo .FooterContent .FooterInfo02 p {width: 100%;height: auto;display: block;clear: both;font-size: .9375rem;color: #fff;text-align: right}
.Footer .FooterInfo .FooterContent .FooterInfo02 p span {display: inline-block}
.Footer .Copyright {width: 100%;height: auto;overflow: hidden;border-top: 1px solid #404040;margin-top: 15px}
.Footer .Copyright .FooterContent {max-width: 1024px;padding-top: 15px}
.Footer .Copyright .FooterContent p {text-align: center;font-size: .875rem;color: #939391; color:#fff;}

.uGear {width: 130px;height: 60px;position: absolute;bottom: 0;right: 0;text-align: left;background: url(../Images/Layout/uGear/truste_Ugear.png) left top no-repeat}
.uGear:hover {background: url(../Images/Layout/uGear/truste_Ugear_o.png);background-repeat: no-repeat}
.uGear a {display: inline-block;width: auto;height: 60px;line-height: 90px;font-size: .75rem;color: #939391;text-decoration: none;text-indent: 2px}
.uGear a:hover {color: #fff}

.Font-Small {font-size: .875rem}
.Font-Small #F-S {background: #fcc123}
.Font-Small .Header .HeaderContent .FontSize {font-size: .75rem;width: 140px}
.Font-Small .Header .HeaderContent .FontSize a {font-size: .625rem}
.Font-Small .HeaderContent p {font-size: .75rem}
.Font-Small .Header .HeaderContent .Search .SearchText {font-size: .625rem}
.Font-Small .Visited>a {font-size: .625rem}
.Font-Small .Header .HeaderContent .Search .SearchBtn+.HotKeyWord {font-size: .625rem}
.Font-Small .HeaderContent .Nav .NavLi>a {font-size: .9375rem}
.Font-Small .SiteMap ul.SubSiteMap li a {font-size: .875rem}
.Font-Small .SiteMap>div {font-size: .75rem}
.Font-Small .Footer .FooterInfo .FooterContent .FooterInfo01 p {font-size: .8125rem}
.Font-Small .Footer .FooterInfo .FooterContent .FooterInfo01 ul li a {font-size: .8125rem}
.Font-Small .Footer .Copyright .FooterContent p {font-size: .75rem}
.Font-Small .HeaderContent .Nav .NavLi .SubNav li a {font-size: .8125rem}
.Font-Small .ContentTitle h2 {font-size: 1.375rem}
.Font-Small .ContentTitle .BreadCrumb p {font-size: .75rem}
.Font-Small .ShareAndPrint a.PrintBtn
, .Font-Small .ShareAndPrint a.btn{font-size: .8125rem}

.Font-Small .RightMenu>h2 {font-size: 1.375rem}
.Font-Small .RightMenu .RightMenu_Li>a {font-size: .9375rem}
.Font-Small .UpDated p {font-size: .8125rem}
.Font-Small .Content .Download {font-size: .8125rem}
.Font-Small .RightMenu .RightMenu_Subli>a {font-size: .875rem}
.Font-Small .RightMenu .RightMenu_Subli ul li a {font-size: .8125rem}
.Font-Small .ugC_News ul.NewsList li {font-size: .875rem}
.Font-Small .ugC_News_Detail .NewsTitle h2 {font-size: 1.125rem}
.Font-Small .ugC_Down ul.DownList li {font-size: .875rem}
.Font-Small .ugC_Down_Detail .DownTitle h2 {font-size: 1.125rem}
.Font-Small .ugC_Link ul.LinkList li a p {font-size: .8125rem}
.Font-Small .ugC_Album ul.AlbumList li p.AlbumTitle {font-size: .875rem}
.Font-Small .ugC_AlbumPhotoList ul.AlbumList li p.AlbumTitle {font-size: .875rem}
.Font-Small .ugC_AlbumPhoto .AlbumPhotoWrap h2.PhotoTitle {font-size: 1.125rem}
.Font-Small .ugC_Media ul.MediaList li p.MediaTitle {font-size: .875rem}
.Font-Small .ugC_News1 ul.NewsList li span.NewsDate {font-size: .75rem}

.Font-Medium {font-size: 1rem}
.Font-Medium #F-M {background: #fcc123}
.Font-Medium .Header .HeaderContent .FontSize {font-size: .875rem}
.Font-Medium .Header .HeaderContent .FontSize a {font-size: .75rem}
.Font-Medium .HeaderContent p {font-size: .875rem}
.Font-Medium .Header .HeaderContent .Search .SearchText {font-size: .75rem}
.Font-Medium .Visited>a {font-size: .75rem}
.Font-Medium .Header .HeaderContent .Search .SearchBtn+.HotKeyWord {font-size: .75rem}
.Font-Medium .HeaderContent .Nav .NavLi>a {font-size: 1.0625rem}
.Font-Medium .SiteMap ul.SubSiteMap li a {font-size: 1rem}
.Font-Medium .SiteMap>div {font-size: .875rem; text-align:left; margin-bottom:10px;}
.Font-Medium .SiteMap>div br { display:inline;}
.Font-Medium .Footer .FooterInfo .FooterContent .FooterInfo01 p {font-size: .9375rem}
.Font-Medium .Footer .FooterInfo .FooterContent .FooterInfo01 ul li a {font-size: .9375rem}
.Font-Medium .Footer .Copyright .FooterContent p {font-size: .875rem}
.Font-Medium .HeaderContent .Nav .NavLi .SubNav li a {font-size: .9375rem}
.Font-Medium .ContentTitle h2 {font-size: 1.5rem}
.Font-Medium .ContentTitle .BreadCrumb p {font-size: .875rem}
.Font-Medium .ShareAndPrint a.PrintBtn
, .Font-Medium .ShareAndPrint a.btn {font-size: .9375rem}
.Font-Medium .RightMenu>h2 {font-size: 1.5rem}
.Font-Medium .RightMenu .RightMenu_Li>a {font-size: 1.0625rem}
.Font-Medium .UpDated p {font-size: .9375rem}
.Font-Medium .Content .Download {font-size: .9375rem}
.Font-Medium .RightMenu .RightMenu_Subli>a {font-size: 1rem}
.Font-Medium .RightMenu .RightMenu_Subli ul li a {font-size: .9375rem}
.Font-Medium .ugC_News ul.NewsList li {font-size: 1rem}
.Font-Medium .ugC_News_Detail .NewsTitle h2 {font-size: 1.25rem}
.Font-Medium .ugC_Down ul.DownList li {font-size: 1rem}
.Font-Medium .ugC_Down_Detail .DownTitle h2 {font-size: 1.25rem}
.Font-Medium .ugC_Link ul.LinkList li a p {font-size: .9375rem}
.Font-Medium .ugC_Album ul.AlbumList li p.AlbumTitle {font-size: 1rem}
.Font-Medium .ugC_AlbumPhotoList ul.AlbumList li p.AlbumTitle {font-size: 1rem}
.Font-Medium .ugC_AlbumPhoto .AlbumPhotoWrap h2.PhotoTitle {font-size: 1.25rem}
.Font-Medium .ugC_Media ul.MediaList li p.MediaTitle {font-size: 1rem}
.Font-Medium .ugC_News1 ul.NewsList li span.NewsDate {font-size: .875rem}

.Font-Large {font-size: 1.1rem}
.Font-Large #F-L {background: #fcc123}
.Font-Large .Header .HeaderContent .FontSize {font-size: 1rem;width: 160px}
.Font-Large .Header .HeaderContent .FontSize a {font-size: .875rem}
.Font-Large .HeaderContent p {font-size: 1rem}
.Font-Large .Header .HeaderContent .Search .SearchText {font-size: .875rem}
.Font-Large .Visited>a {font-size: .875rem;margin-left: 0}
.Font-Large .Header .HeaderContent .Search .SearchBtn+.HotKeyWord {font-size: .875rem;height: 16px;line-height: 16px}
.Font-Large .HeaderContent .Nav .NavLi>a {font-size: 1.3125rem}
.Font-Large .SiteMap ul.SubSiteMap li a {font-size: 1.1rem}
.Font-Large .SiteMap>div {font-size: 1.125rem}
.Font-Large .Footer .FooterInfo .FooterContent .FooterInfo01 p {font-size: 1.1875rem}
.Font-Large .Footer .FooterInfo .FooterContent .FooterInfo01 ul li a {font-size: 1.1875rem}
.Font-Large .Footer .Copyright .FooterContent p {font-size: 1.125rem}
.Font-Large .HeaderContent .Nav .NavLi .SubNav li a {font-size: 1.1875rem}
.Font-Large .ContentTitle h2 {font-size: 1.75rem}
.Font-Large .ContentTitle .BreadCrumb p {font-size: 1.125rem}
.Font-Large .ShareAndPrint a.btn {font-size: 1.1875rem;}
.Font-Large .ShareAndPrint a.PrintBtn {font-size: 1.1875rem;width: 115px}
.Font-Large .RightMenu>h2 {font-size: 1.75rem}
.Font-Large .RightMenu .RightMenu_Li>a {font-size: 1.3125rem}
.Font-Large .UpDated p {font-size: 1.1875rem}
.Font-Large .Content .Download {font-size: 1.1875rem}
.Font-Large .RightMenu .RightMenu_Subli>a {font-size: 1.1rem}
.Font-Large .RightMenu .RightMenu_Subli ul li a {font-size: 1.1875rem}
.Font-Large .ugC_News ul.NewsList li {font-size: 1.1rem}
.Font-Large .ugC_News_Detail .NewsTitle h2 {font-size: 1.5rem}
.Font-Large .ugC_Down ul.DownList li {font-size: 1.1rem}
.Font-Large .ugC_Down_Detail .DownTitle h2 {font-size: 1.5rem}
.Font-Large .ugC_Link ul.LinkList li a p {font-size: 1.1875rem}
.Font-Large .ugC_Album ul.AlbumList li p.AlbumTitle {font-size: 1.1rem}
.Font-Large .ugC_AlbumPhotoList ul.AlbumList li p.AlbumTitle {font-size: 1.1rem}
.Font-Large .ugC_AlbumPhoto .AlbumPhotoWrap h2.PhotoTitle {font-size: 1.5rem}
.Font-Large .ugC_Media ul.MediaList li p.MediaTitle {font-size: 1.1rem}
.Font-Large .ugC_News1 ul.NewsList li a {padding-left: 130px}
.Font-Large .ugC_News1 ul.NewsList li span.NewsDate {font-size: 1.125rem; width:120px;}
.Font-Large .ContentTitle .BreadCrumb { width:auto; max-width:60%;}

@media only screen and (min-width:0px) and (max-width:1024px) {
	.Wrapper { padding-top:0;}
	.Header {height: 100px;padding: 0 10px;overflow: hidden;background: #000;position: relative;top: inherit;left: inherit;margin: 0 auto;border-bottom: 5px solid #6dad4f}
.Header .HeaderContent {height: 100px;overflow: hidden;padding: 0 50px 0 280px}
.Header .HeaderContent .Visited {margin-top: 30px}
.Header .HeaderContent .Visited p {line-height: 30px}
.Header .HeaderContent .SearchWrap {right: 50px;z-index: 999}
.Header .HeaderContent:after {display: none}
.HeaderContent .Logo {width: 270px;height: 70px;top: 15px; z-index:1000;}
.HeaderContent .Logo img:nth-child(1) {max-width: 100px}
.HeaderContent .Logo img:nth-child(2) {margin: 10px 0 0 10px}
.HeaderContent p {line-height: 95px}
.HeaderContent .Nav {display: none}
.Header .HeaderContent .FontSize {right: 480px; right:260px;}
.Visited>a {margin-left: 10px}
	}
@media only screen and (min-width:0px) and (max-width:950px) {
.Header .HeaderContent .FontSize {top: 10px; top:35px;left: auto;right: 260px}
.Visited>a {margin-left: -20px}
.Footer {padding: 30px 10px}
.Footer .FooterInfo .FooterContent .FooterInfo01 {width: 100%;display: block;float: none;margin-bottom: 15px}
.Footer .FooterInfo .FooterContent .FooterInfo02 {width: 100%;display: block;float: none;position: relative;padding: 0 0 0 140px;min-height: 31px}
.Footer .FooterInfo .FooterContent .FooterInfo02 p {text-align: left;float: left;line-height: 31px}
.uGear {width: 150px;height: 30px;background: 0 0;position: relative;bottom: inherit;right: inherit;margin: 15px auto 0 auto;text-align: center}
.uGear:hover {background: 0 0}
.uGear a {width: 100%;height: 30px;line-height: 30px;display: block}
.Header .HeaderContent .Visited p { display:none;}
}
@media only screen and (min-width:0px) and (max-width:920px) {
.Visited .sitemap_a {display: none}
}
@media only screen and (min-width:0px) and (max-width:768px) {
.Header {height: auto}
.Header .HeaderContent {padding: 0;height: auto}
.Header .HeaderContent .FontSize {top: 30px}
.Header .HeaderContent .SearchBu {width: 40px;height: 40px;overflow: hidden;position: absolute;top: 24px;right: 50px}
.Header .HeaderContent .SearchBu .SearchOpen {width: 35px;height: 35px;overflow: hidden;margin: 2.5px auto;background: url(../images/Layout/Icon_Search.png) center no-repeat, #6dad4f;display: block;
background-size: 20px 20px
}
.Header .HeaderContent .SearchBu .SearchClose {width: 30px;height: 30px;overflow: hidden;margin: 5px auto;background: url(../js/SlickNav/slicknav_icon_close.png) center no-repeat;display: none;
background-size: 30px 30px
}
.Header .HeaderContent .Visited {padding-right: 100px;margin-bottom: 30px}
.Header .HeaderContent .SearchWrap {top: 45px;padding-right: 10px;top: 30px; width:200px;}
.Header .HeaderContent .Visited {margin-top: 20px;margin-top: 5px;margin-bottom: 40px;margin-bottom: 55px;padding-right: 60px}
.SiteMap ul li.SiteMapLi {width: 33.3333%;text-align: center;margin-bottom: 10px}
.SiteMap ul li.SiteMapLi:nth-child(3n+1) {clear: both}
	}
@media only screen and (min-width:0px) and (max-width:720px) {
.Header .HeaderContent .FontSize {display: none}
}
@media only screen and (min-width:0px) and (max-width:620px) {
.Footer .FooterInfo .FooterContent .FooterInfo01 {padding: 60px 10px 0 10px;background: url(../images/Layout/Logo.png) top center no-repeat;
background-size: 80px
}
.Footer .FooterInfo .FooterContent .FooterInfo01 p {text-align: center}
.Footer .FooterInfo .FooterContent .FooterInfo01 ul {text-align: center}
.Footer .FooterInfo .FooterContent .FooterInfo01 ul li {float: none;font-size: 0;display: inline-block}
.Footer .FooterInfo .FooterContent .FooterInfo02 {width: 275px;width: 100%;max-width: 325px;margin: 0 auto;padding: 0 0 0 95px;padding: 0}
.Footer .FooterInfo .FooterContent .FooterInfo02 img {top: 50%;margin-top: -15.5px;top: auto;margin: 0}
.Footer .FooterInfo .FooterContent .FooterInfo02 a:nth-of-type(1) img {left: 0}
.Footer .FooterInfo .FooterContent .FooterInfo02 a:nth-of-type(2) img {left: 95px}
.Footer .FooterInfo .FooterContent .FooterInfo02 a:nth-of-type(3) img {left: 185px}
.Footer .FooterInfo .FooterContent .FooterInfo02 p {display: inline-block;width: auto}
}
@media only screen and (min-width:0px) and (max-width:600px) {
.Footer .Copyright .FooterContent p {font-size: .75rem}
}
@media only screen and (min-width:0px) and (max-width:550px) {
.HeaderContent .Logo {width: 200px}
.HeaderContent .Logo img:nth-child(1) {width: 40%;float: left}
.HeaderContent .Logo img:nth-child(2) {width: 60%;margin-left: 0;float: left;padding-left: 5px}
.Header .HeaderContent .Visited {opacity: 0}
.Header .HeaderContent .SearchWrap {top: 30px; height:50px;padding-right: 0}
.Header .HeaderContent .Search { height:50px;}
.Header .HeaderContent .FontSize {display: block;top: 5px;right: 50px;z-index: 3; display:inline-block; width:auto;}
}
@media only screen and (min-width:0px) and (max-width:520px) {
.Header .HeaderContent .SearchWrap {width: 180px;font-size: .75rem}
.Header .HeaderContent .Search .SearchText {font-size: .625rem}
::-webkit-input-placeholder {color: #fff}
::-moz-placeholder {color: #fff}
:-ms-input-placeholder {color: #fff}
:-moz-placeholder {color: #fff}
}
@media only screen and (min-width:0px) and (max-width:480px) {
.HeaderContent .Logo {width: 190px}
.Header .HeaderContent .SearchWrap {width: 150px;width: 100%}
.Header .HeaderContent .Search .SearchText {width: 120px;float: right}
.Header .HeaderContent .Search .SearchBtn+.HotKeyWord {font-size: .625rem}
.Footer .FooterInfo .FooterContent .FooterInfo01 p {font-size: .875rem}
.Footer .FooterInfo .FooterContent .FooterInfo01 ul li a {font-size: .875rem}
.Footer .FooterInfo .FooterContent .FooterInfo02 {max-width: 325px}
.Footer .FooterInfo .FooterContent .FooterInfo02 p {line-height: 20px;font-size: .0625rem}
}
@media only screen and (min-width:0px) and (max-width:430px) {
.Header .HeaderContent .SearchWrap {width: 100px;width: 100%}
.Header .HeaderContent .Search .SearchText {width: 80px}
.SiteMap ul li.SiteMapLi {width: 50%;font-size: 1rem}
.SiteMap ul li.SiteMapLi:nth-child(3n+1) {clear: none}
.SiteMap ul li.SiteMapLi:nth-child(2n+1) {clear: both}
.SiteMap ul li.SiteMapLi h2 {font-size: 1.25rem	}
}
@media only screen and (min-width:0px) and (max-width:400px) {
.Header .HeaderContent .FontSize {padding-left: 70px}
.Header .HeaderContent .FontSize>span {display: none}
}
@media only screen and (min-width:0px) and (max-width:380px) {
.HeaderContent .Logo {width: 170px;margin-top: 3px}
}
@media only screen and (min-width:0px) and (max-width:350px) {
.Header {padding: 0 5px}
.HeaderContent .Logo {width: 150px;margin-top: 4px}
}