@import url("reset.css");
@import url("loading.css");
@import url("fontawesome_all.css");
@import url("fakeLoader.min.css");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC&display=swap");
* { box-sizing: border-box; letter-spacing: 1px; }
a { text-decoration: none; color: rgb(255, 255, 255); }
html { height: 100%; }
body { margin: 0px; text-size-adjust: none; font-size: 12px; overflow: hidden scroll; }
body, td, th, select, input { font-size: 12px; font-family: 文泉驛正黑, "WenQuanYi Zen Hei", "儷黑 Pro", "Microsoft JhengHei", 新細明體, PMingLiU, sans-serif; color: rgb(51, 51, 51); }
.iframe_ch { display: none; }
.middle { vertical-align: middle; }
.center { text-align: center; }
.w100 { width: 100%; }
textarea, input { box-sizing: border-box; }
.bg-overlay { display: block; position: fixed; left: 0px; top: 0px; background: rgba(0, 0, 0, 0.7); opacity: 0; visibility: hidden; width: 100%; height: 100%; z-index: 9999; transition: all 0.4s ease 0s; }
.bg-overlay.visible { opacity: 1; visibility: visible; }
.pager { width: 100%; margin: 30px auto; text-align: center; }
#sitemap { width: 100%; box-sizing: border-box; padding: 20px 15px; font-weight: bold; }
#sitemap .wrap { width: 100%; max-width: 1400px; margin: 0px auto; font-size: 16px; letter-spacing: 1px; text-align: right; font-weight: bold; color: rgb(0, 0, 0); }
#sitemap .wrap a { color: rgb(0, 0, 0); }
input[type="submit"], input[type="text"] { appearance: none; }
.editor { padding: 20px 0px; font-size: 15px; line-height: 25px; }
#css-table { display: table; width: 100%; }
.css-tr { display: table-row; }
.css-td { display: table-cell; text-align: left; vertical-align: middle; padding: 0px 10px; box-sizing: border-box; letter-spacing: 1px; font-size: 14px; color: rgb(18, 18, 18); }
.btn1 { display: inline-block; color: rgb(255, 255, 255); font-size: 14px; width: auto; padding: 15px 40px; margin: 5px 0px; border: 0px; letter-spacing: 2px; cursor: pointer; background: rgb(33, 139, 94); outline: 0px; text-decoration: none; border-radius: 25px; }
.btn1.on { background: rgb(76, 117, 144); }
.btn1:hover { background: rgb(31, 103, 79); transition: all 0.5s ease 0s; }
.btn2 { display: inline-block; color: rgb(105, 139, 161); font-size: 14px; width: auto; padding: 15px 40px; margin: 5px 0px; letter-spacing: 2px; cursor: pointer; background-color: rgba(255, 255, 255, 0.8); border: 1px solid rgb(105, 139, 161); outline: 0px; text-decoration: none; border-radius: 25px; }
.btn2.on { background: rgb(255, 255, 255); }
.btn2:hover { background: rgb(255, 255, 255); transition: all 0.5s ease 0s; }
.gotop { position: absolute; right: 20px; top: 20px; }
.common-title { text-align: left; font-size: 36px; color: rgb(29, 29, 29); line-height: 30px; padding: 20px 10px; margin: 0px; }
.common-title span { text-transform: uppercase; color: rgb(34, 34, 34); font-size: 28px; font-weight: bold; letter-spacing: 3px; font-family: "Noto Sans TC", sans-serif; }
.common-title span p { text-transform: uppercase; font-size: 13px; padding: 10px 0px 0px 40px; color: rgb(27, 124, 84); font-weight: bold; letter-spacing: 2px; }
.common-title .line { background: rgb(230, 230, 230); width: 100px; height: 3px; margin: 20px 0px 0px; animation: 1s ease-in-out 0.8s 1 normal none running widthGroup-1; }
#header { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 9; }
#header .wrap { position: relative; width: 100%; max-width: 1400px; height: 105px; margin: 0px auto; transition: all 0.6s ease 0s; }
#header .wrap.on { background: rgb(0, 0, 0); max-width: none; transition: width 0.2s ease-in-out 0s; width: 100%; }
#header .logo { position: absolute; bottom: 15px; left: 10px; display: flex; cursor: pointer; }
#header .logo img { padding-right: 15px; }
#header .logo div span { display: block; color: rgb(255, 255, 255); font-size: 13px; font-weight: normal; padding: 7px 0px; margin-bottom: 5px; letter-spacing: 1px; font-family: "Noto Sans TC", sans-serif; }
#header .logo > .word { color: rgb(255, 255, 255); font-size: 24px; font-weight: bold; display: flex; align-items: flex-end; justify-content: center; }
#header .logo > .word div { letter-spacing: 1px; font-size: 25px; }
#header #nav { background: rgb(0, 0, 0); }
#header a.lang { display: inline-block; position: absolute; top: 35px; right: 10px; padding: 21px; background: rgb(32, 103, 63); color: rgb(255, 255, 255); font-size: 13px; cursor: pointer; }
#header #nav .lang-s { display: none; }
#wrapper { width: 100%; padding: 0px; }
#wrapper .container { width: 100%; margin: 0px auto; padding: 10px; box-sizing: border-box; min-height: 300px; }
#wrapper .container.max-width { max-width: 1300px; margin: 0px auto; }
#footer { width: 100%; overflow: hidden; min-height: 210px; background-color: rgb(37, 37, 37); padding: 0px 0px 20px; border-top: 10px solid rgb(133, 139, 141); }
#footer .wrap { position: relative; max-width: 1300px; width: 100%; margin: 0px auto; color: rgb(255, 255, 255); display: flex; padding: 0px 10px; background: url("../../images/footer-bg.jpg") center top no-repeat; }
#footer .wrap .left { flex: 1 1 0%; display: flex; align-items: center; }
#footer .wrap .left div { width: 100%; margin: 30px auto; text-align: center; }
#footer .wrap .left .logo { margin: 5px; display: inline-block; vertical-align: middle; color: rgb(255, 255, 255); font-size: 22px; letter-spacing: 5px; font-family: "Noto Sans TC", sans-serif; font-weight: bold; cursor: pointer; }
#footer .wrap .left .logo img { padding-bottom: 10px; display: block; margin: 0px auto; }
#footer .wrap .left .logo span { display: block; padding: 10px 0px 0px; font-size: 16px; }
#footer .wrap .right { flex: 1 1 0%; text-align: right; }
#footer .wrap .contact-info { float: right; color: rgb(159, 211, 199); font-size: 14px; display: flex; width: 100%; max-width: 650px; margin: 3vh 0px; }
#footer .wrap .contact-info .contact-left, #footer .wrap .contact-info .contact-right { flex: 1 1 0%; padding: 0px; text-align: left; }
#footer .wrap .contact-info .items { display: flex; align-items: flex-start; }
#footer .wrap .contact-info .items:not(:last-child) { padding-bottom: 15px; }
#footer .wrap .contact-info .items .items-title { flex: 1 1 0%; min-width: 140px; color: rgb(255, 255, 255); font-size: 14px; }
#footer .wrap .contact-info .items .items-title i { padding-right: 10px; color: rgb(92, 185, 142); }
#footer .wrap .contact-info .items .items-content { flex: 4 1 0%; color: rgb(255, 255, 255); line-height: 22px; }
#footer .wrap .contact-info .items .items-content::before { content: ""; color: rgb(125, 125, 125); }
#copyright { width: 100%; overflow: hidden; line-height: 18px; color: rgb(255, 255, 255); text-align: left; padding-top: 20px; }
#copyright a { color: rgb(255, 255, 255); text-decoration: none; }
#copyright a:hover { text-decoration: underline; }
@media screen and (max-width: 1200px) {
  #footer .wrap { display: block; }
  #footer .wrap .left { }
  #footer .wrap .contact-info { margin: 0vh auto; float: none; max-width: 360px; }
  #footer .wrap .contact-info .items .items-title i { display: none; }
  #copyright { text-align: center; }
}
@media (max-width: 992px) {
  #header a.lang { display: none; }
  #header #nav .lang-s { display: block; }
}
@media screen and (max-width: 768px) {
  #header .logo { bottom: 30px; }
  #header .logo img { width: 120px; }
  #header .logo > .word div { font-size: 15px; }
  #footer .wrap .contact-info { display: block; }
  #footer .wrap .contact-info .items { padding-bottom: 15px; }
}
@media (max-width: 480px) {
  #footer .wrap .left .logo { font-size: 20px; }
  #header .logo div span { }
}
#index-news { width: 100%; overflow: hidden; padding: 30px 5vw; color: rgb(255, 255, 255); background: rgb(248, 248, 248); }
#index-news .news-wrap { display: flex; max-width: 1300px; margin: 30px auto 0px; }
#index-news .left { flex: 1 1 0%; background: url("../../images/news-frame-left.png") left top no-repeat; }
#index-news .left .border { position: relative; width: 100%; max-width: 215px; min-height: 245px; }
#index-news .left .border > div { margin: 40px 0px 0px 30px; max-width: 215px; height: 150px; width: 100%; }
#index-news .left .border .common-title { color: rgb(255, 255, 255); }
#index-news .right { flex: 3 1 0%; padding: 40px 50px; background: url("../../images/news-frame-right.png") right top no-repeat; }
#index-news .right .news-list { width: 100%; display: flex; justify-content: space-between; padding: 15px 0px; border-bottom: 1px dotted rgb(142, 142, 142); }
#index-news .right .news-list .date { flex: 1 1 0%; font-size: 14px; color: rgb(66, 167, 124); font-weight: bold; display: flex; align-items: center; }
#index-news .right .news-list .title { flex: 5 1 0%; padding: 0px 10px; }
#index-news .right .news-list .title a { color: rgb(34, 34, 34); font-size: 15px; font-weight: bold; text-decoration: none; line-height: 20px; }
#index-news .right .news-list .more { flex: 0.5 1 0%; }
#index-news .right .news-list .more a { font-size: 12px; color: rgb(105, 139, 161); }
#index-news .right .pager { margin: 20px auto 0px; text-align: right; }
#index-about { width: 100%; overflow: hidden; padding: 50px 20px; color: rgb(0, 0, 0); font-size: 15px; }
#index-about .about-wrap { display: flex; max-width: 1300px; margin: 0px auto; }
#index-about .left { flex: 1 1 0%; padding: 0px 50px; }
#index-about .left .service-area { position: relative; display: flex; justify-content: space-between; margin: 20px 0px; padding: 30px 0px; border-top: 1px solid rgb(212, 212, 212); border-bottom: 1px solid rgb(212, 212, 212); }
#index-about .left .service-area .caption { position: absolute; background: rgb(255, 255, 255); padding: 5px 10px; top: -13px; left: 0px; text-transform: uppercase; color: rgb(51, 78, 95); font-size: 16px; letter-spacing: 2px; }
#index-about .left .service-area span { width: 102px; border: 8px solid rgb(105, 139, 161); color: rgb(254, 254, 254); font-size: 18px; margin: 5px 0px; padding: 30px 23px; letter-spacing: 2px; display: inline-block; background: -webkit-linear-gradient(274deg, rgb(50, 77, 94) 51%, rgba(74, 105, 124, 0.9) 100%); border-radius: 50%; }
#index-about .right { flex: 1 1 0%; background: url("../../images/about-img-en2.png") center center no-repeat; min-height: 360px; min-width: 605px; }
@media screen and (max-width: 1024px) {
  #index-news .news-wrap { display: block; }
  #index-news .left { background: none; }
  #index-news .right { background: none; padding: 40px 0px; }
  #index-news .left .border { max-width: none; height: inherit; min-height: inherit; border: 1px solid rgb(27, 124, 84); }
  #index-news .left .border > div { position: inherit; top: 0px; left: 0px; margin: 0px auto; height: inherit; padding-left: 0px; }
  #index-news .left .border > div .common-title { text-align: center; }
  #index-news .left .border > div .common-title span { }
  #index-news .left .border > div .common-title span p { padding: 0px; }
  #index-news .left .border > div .common-title .line { margin: 20px auto 10px; }
  #index-about .about-wrap { display: block; }
  #index-about .right { min-height: 55vw; background-size: 100%; min-width: inherit; }
}
#index-technical { width: 100%; background: url("../../images/technical-bg.jpg") center bottom / cover no-repeat fixed; }
#index-technical .tech-frame { position: relative; max-width: 1300px; min-height: 620px; overflow: hidden; margin: 0px auto; color: rgb(121, 121, 121); font-size: 14px; line-height: 25px; letter-spacing: 1px; }
#index-technical .tech-frame .common-title span { color: rgb(255, 255, 255); }
#index-technical .tech-frame .common-title .line { background: rgb(110, 234, 177); }
#index-technical .tech-frame .common-title span p { color: rgb(110, 234, 177); }
#index-technical .technical-box { width: 55%; right: 0px; position: absolute; padding: 25px 20px 50px; box-sizing: border-box; }
#index-technical .technical-box .content { color: rgb(255, 255, 255); font-size: 15px; padding: 15px 0px; line-height: 25px; }
#index-technical .technical-box .content .caption { line-height: 30px; font-size: 24px; padding-bottom: 3vw; }
@media screen and (max-width: 1024px) {
  #index-technical .technical-box { margin: 0px auto; width: 100%; }
}
@media screen and (max-width: 580px) {
  #index-technical .tech-frame { min-height: 730px; }
}
@media screen and (max-width: 480px) {
  #index-technical .technical-box { position: inherit; }
}
#index-contact { width: 100%; max-width: 1300px; margin: 0px auto; min-height: 400px; padding: 30px 0px; overflow: hidden; background: url("../../images/contact-bg.png") center top no-repeat; }
#index-contact .contact-form { display: flex; }
#index-contact .contact-form > .left { flex: 1 1 0%; padding: 0px 15px; }
#index-contact .contact-form > .right { flex: 1 1 0%; padding: 0px 15px; }
.service-form { width: 90%; overflow: hidden; padding: 25px 0px; }
.service-form .service-title { position: relative; color: rgb(255, 255, 255); font-size: 16px; background: rgb(59, 59, 59); padding: 20px 30px 20px 10px; cursor: pointer; }
.service-form .service-title::after { position: absolute; top: 20px; right: 10px; content: "▽"; }
.service-form .service-title.change::after { content: "△"; }
.service-form .service-content { padding: 20px 0px; }
.service-form .type-area { width: 100%; overflow: hidden; border-bottom: 1px dotted rgb(153, 153, 153); margin: 0px 0px 20px; padding: 10px 0px; }
.service-form .type-area .type2 { padding-left: 40px; padding-top: 10px; }
.contact-form .input-item { width: 100%; display: flex; align-items: center; justify-content: center; background: rgb(255, 255, 255); margin: 25px 0px; padding: 0px 0px 0px 10px; border: 1px solid rgb(206, 206, 206); transition: all 0.5s ease 0s; }
.contact-form .input-item:hover { border-width: 1px 1px 1px 5px; border-style: solid; border-color: rgb(33, 139, 94); border-image: initial; }
.contact-form .input-item .left { flex: 1 1 0%; color: rgb(0, 0, 0); font-size: 16px; letter-spacing: 1px; }
.contact-form .input-item .left span { color: rgb(203, 51, 62); width: 13px; display: inline-block; }
.contact-form .input-item .right { flex: 4 1 0%; padding: 0px; border-left: 1px solid rgb(213, 213, 213); }
.contact-form .input-item .right input { width: 100%; font-size: 16px; border: 0px; padding: 10px; background: transparent; outline: 0px; }
.contact-form .input-item .right textarea { width: 100%; padding: 10px; font-size: 16px; height: 175px; border: 0px; background: transparent; resize: none; outline: 0px; }
.contact-form .input-item .right .rand-img { position: absolute; right: 10px; top: 8px; cursor: pointer; }
.contact-form .pager .btn-1::before { left: 10px; }
.contact-form .pager { text-align: right; }
#contact-info { background: url("../../images/contact-bg.png") no-repeat; }
#contact-info .wrap { min-height: 600px; display: flex; justify-content: space-between; flex-wrap: wrap; }
#contact-info .left { width: 40%; padding: 10px; }
#contact-info .left .css-table { padding: 10px; }
#contact-info .left .css-td:first-child { width: 20px; color: rgb(113, 198, 178); }
#contact-info .left .css-td:nth-child(2) { width: 40px; }
#contact-info .left .css-td { width: 30px; padding: 15px 0px; font-size: 16px; border-bottom: 1px dotted rgb(204, 204, 204); }
#contact-info .right { width: 50%; padding: 10px; }
#contact-info .right .map { width: 100%; color: rgb(56, 81, 112); font-size: 16px; display: flex; justify-content: flex-end; }
#contact-info .right .map .iframe { width: 100%; height: 400px; border: 0px; }
@media screen and (max-width: 1200px) {
  #contact-info .left { flex: 1 1 0%; width: auto; }
  #contact-info .right { flex: 1 1 0%; width: auto; }
}
@media screen and (max-width: 1024px) {
  #contact-info .wrap { display: block; }
  #index-news { display: block; }
  #index-news .left .border { max-width: none; height: inherit; }
  #index-news .left .border > div { }
  #index-news .left .border > div .common-title { text-align: center; }
  #index-news .left .border > div .common-title span { }
  #index-news .left .border > div .common-title > .line { margin: 0px auto; }
  #index-about { padding: 20px; }
  #index-about .left { flex: inherit; padding: 0px 20px; }
  #index-contact .contact-form { padding-top: 0px; }
  .contact-form .input-item .left { flex: 2 1 0%; }
}
@media screen and (max-width: 768px) {
  #index-news .right .news-list .more { display: none; }
  .contact-form .input-item .right { flex: 3 1 0%; }
  #index-about { padding: 0px; }
  #index-contact .contact-form { display: block; }
  .service-form { width: 100%; }
  .contact-form .input-item .left { flex: 1 1 0%; }
}
@media screen and (max-width: 480px) {
  .contact-form .input-item .right { flex: 1.5 1 0%; }
  #contact-info .left .css-td:nth-child(2) { display: none; }
  #index-about .left .service-area { display: block; text-align: center; }
  #index-about .left .service-area span { margin: 5px; }
}
.news-items { width: 100%; max-width: 1000px; margin: 30px auto; overflow: hidden; }
.news-items:not(:first-child) { }
.news-items .news-title { padding: 0px; border-bottom: 1px dotted rgb(173, 173, 173); }
.news-items .news-title .left {flex: 1 1 0%;font-size: 22px;padding: 0px 0px 5px;color: #00894f;font-weight: bold;}
.news-items .news-title .left span {color: #00894f;font-size: 22px;font-weight: bold;}
.news-items .news-title .right { position: relative; flex: 4 1 0%; color: rgb(1, 1, 1); padding: 0px 80px 5px 0px; font-size: 18px; line-height: 25px; display: flex; align-items: center; font-weight: bold; }
.news-items .news-title .right span { position: absolute; top: -10px; right: 10px; cursor: pointer; width: 50px; height: 50px; background: rgb(105, 139, 161); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; border-radius: 50%; }
.news-items .news-title .right span::after { content: "+"; }
.news-items .news-title .right span.change::after { content: "-"; }
.news-items .news-title a { color: rgb(52, 52, 52); text-decoration: none; }
.news-items .news-content { font-size: 15px; padding: 15px 0px 20px; color: rgb(81, 81, 81); line-height: 25px; }
.news-items .news-content a{ color:#515151 !important; }
.news-items .news-content .youtube { width: 100%; max-width: 600px; overflow: hidden; margin: 0px auto; }
@media screen and (max-width: 480px) {
  .news-items .news-title { display: block; }
  .news-items .news-title .right { padding: 10px 80px 0px 0px; }
}
html, body { position: relative; height: 100%; }
.swiper-container { position: relative; width: 100%; }
.swiper-slide { position: relative; text-align: center; font-size: 48px; color: rgb(255, 255, 255); letter-spacing: 1px; height: 330px; background-size: cover; background-position: center center; }
.swiper-slide .common-title { position: absolute; right: 20%; top: 40%; color: rgb(255, 255, 255); text-align: center; }
.swiper-slide .common-title span p { color: rgb(255, 255, 255); }
.swiper-slide .common-title > .line { margin: 0px auto; }
.swiper-container .mask { position: absolute; bottom: 0px; left: 0px; z-index: 99; }
.swiper-word { width: 100%; text-transform: uppercase; text-shadow: rgb(153, 153, 153) 1px 1px 1px; font-style: italic; letter-spacing: 5px; max-width: 1400px; position: absolute; left: 0px; right: 0px; margin-left: auto; margin-right: auto; font-size: 25px; line-height: 40px; top: 45%; text-align: center; box-sizing: border-box; }
.swiper-word span { display: block; font-size: 30px; padding: 10px 20px; letter-spacing: 5px; }
@media screen and (max-width: 768px) {
  .swiper-slide .common-title { right: 0px; left: 0px; margin-left: auto; margin-right: auto; background-color: rgba(0, 0, 0, 0.5); }
}
.embed-responsive { position: relative; display: block; width: 100%; padding: 0px; overflow: hidden; }
.embed-responsive::before { display: block; content: ""; }
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; border: 0px; }
.embed-responsive-21by9::before { padding-top: 42.8571%; }
.embed-responsive-16by9::before { padding-top: 56.25%; }
.embed-responsive-4by3::before { padding-top: 75%; }
.embed-responsive-1by1::before { padding-top: 100%; }
.rounded { border-radius: 40px !important; }
.container-item { display: inline-block; position: relative; color: rgb(71, 71, 71); letter-spacing: 2px; padding-left: 35px; padding-right: 20px; margin-bottom: 10px; margin-top: 10px; cursor: pointer; font-size: 16px; font-weight: normal; user-select: none; }
.container-item input { position: absolute; opacity: 0; cursor: pointer; }
.checkmark { position: absolute; top: -3px; left: 0px; height: 25px; width: 25px; background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); }
.container-item:hover input ~ .checkmark { background-color: rgb(204, 204, 204); }
.container-item input:checked ~ .checkmark { background-color: rgb(255, 255, 255); }
.checkmark::after { content: ""; position: absolute; display: none; }
.container-item input:checked ~ .checkmark::after { display: block; }
.container-item .checkmark::after { left: 8px; top: 4px; width: 5px; height: 10px; border-style: solid; border-color: rgb(23, 156, 203); border-image: initial; border-width: 0px 3px 3px 0px; transform: rotate(45deg); }
@keyframes slideInFromLeft { 
  0% { transform: translateX(-150%); opacity: 0; }
  60% { }
  100% { transform: translateX(0px); opacity: 1; }
}
@keyframes slideInFromRight { 
  0% { transform: translateX(150%); opacity: 0; }
  60% { }
  100% { transform: translateX(0px); opacity: 1; }
}
.scaleZoom { animation: 2s ease 0s 1 normal both running scaleZoom; }
@-webkit-keyframes scaleZoom { 
  0% { opacity: 0; transform: scale(1.1); }
}
@keyframes scaleZoom { 
  0% { opacity: 0; transform: scale(1.1); }
}
@keyframes widthGroup-1 { 
  0% { width: 0px; }
  60% { width: 70px; }
  100% { width: 60px; }
}
@keyframes widthGroup-2 { 
  0% { width: 0px; }
  100% { width: 80%; }
}
.bannerArea { z-index: 999999; }
.bannerArea a.scrollDown { display: block; color: rgb(0, 0, 0); text-align: center; width: 80px; position: absolute; bottom: 20px; left: 50%; margin-left: -40px; z-index: 999; }
.bannerArea a.scrollDown i { display: inline-block; font-size: 25px; color: rgb(255, 255, 255); text-align: center; }
@-webkit-keyframes upDown { 
  0% { bottom: 20px; opacity: 1; }
  50% { bottom: 28px; opacity: 0.5; }
  100% { bottom: 20px; opacity: 1; }
}
@keyframes upDown { 
  0% { bottom: 20px; opacity: 1; }
  50% { bottom: 28px; opacity: 0.5; }
  100% { bottom: 20px; opacity: 1; }
}
.upDown { animation: 1s ease-out 0s infinite normal none running upDown; }
.Loadaction_Box { height: 100%; width: 0%; position: fixed; top: 0px; left: 0px; overflow: auto; background-color: rgba(0, 0, 0, 0.5); z-index: 100000000; }
.Loadaction { width: 220px; height: 60px; top: 42%; position: absolute; margin-left: auto; margin-right: auto; padding-top: 10px; left: 0px; right: 0px; background-color: rgba(0, 0, 0, 0.5); border-radius: 2px; }
.Actionupload_Text { font-size: 13px; color: rgb(255, 255, 255); height: 25px; }
.cssa { font-family: Verdana; letter-spacing: 1px; font-size: 12px; padding-right: 10px; padding-left: 10px; }
.cssb { font-family: Verdana; letter-spacing: 1px; font-size: 12px; padding-right: 5px; padding-left: 5px; }
.cssc { padding-bottom: 3px; letter-spacing: 1px; font-size: 12px; padding-left: 10px; padding-right: 10px; height: 40px; }
.cssd { font-family: Verdana; font-size: 12px; letter-spacing: 2px; height: 10px; border: 1px solid rgb(255, 255, 255); }
a.pagelink_no:link { color: rgb(0, 51, 153); text-decoration: none; font-family: Verdana; font-size: 12px; letter-spacing: 1px; }
a.pagelink_no:visited { color: rgb(0, 51, 153); text-decoration: none; font-family: Verdana; font-size: 12px; letter-spacing: 1px; }
a.pagelink_no:active { color: rgb(0, 51, 153); text-decoration: none; font-family: Verdana; font-size: 12px; letter-spacing: 1px; }
a.pagelink_no:hover { color: rgb(0, 51, 153); text-decoration: underline; font-family: Verdana; font-size: 12px; letter-spacing: 1px; }
a.pagelink:link { color: rgb(51, 51, 51); text-decoration: none; font-family: Verdana; font-size: 12px; letter-spacing: 1px; }
a.pagelink:visited { color: rgb(51, 51, 51); text-decoration: none; font-family: Verdana; font-size: 12px; letter-spacing: 1px; }
a.pagelink:active { color: rgb(51, 51, 51); text-decoration: none; font-family: Verdana; font-size: 12px; letter-spacing: 1px; }
a.pagelink:hover { color: rgb(51, 51, 51); text-decoration: underline; font-family: Verdana; font-size: 12px; letter-spacing: 1px; }
a.pagelink_ch:link { color: rgb(204, 51, 0); text-decoration: none; font-family: Verdana; font-size: 12px; letter-spacing: 1px; font-weight: bold; }
a.pagelink_ch:visited { color: rgb(204, 51, 0); text-decoration: none; font-family: Verdana; font-size: 12px; letter-spacing: 1px; font-weight: bold; }
a.pagelink_ch:active { color: rgb(204, 51, 0); text-decoration: none; font-family: Verdana; font-size: 12px; letter-spacing: 1px; font-weight: bold; }
a.pagelink_ch:hover { color: rgb(204, 51, 0); text-decoration: underline; font-family: Verdana; font-size: 12px; letter-spacing: 1px; font-weight: bold; }
.pageselect { border: 1px solid rgb(204, 204, 204); padding: 4px 5px; font-size: 12px; }
.pageselect:hover { background: rgb(235, 235, 235); }
a.pagelink_no { color: rgb(51, 51, 51); text-decoration: none; border: 1px solid rgb(204, 204, 204); padding: 7px 5px; display: inline-block; margin: 5px 0px; }
a.pagelink_no:hover { background: rgb(235, 235, 235); }
a.pagelink { color: rgb(51, 51, 51); text-decoration: none; border: 1px solid rgb(204, 204, 204); padding: 5px 10px; }
a.pagelink:hover { background: rgb(235, 235, 235); }
a.pagelink_ch { color: rgb(255, 255, 255); padding: 5px 10px; border: 1px solid rgb(204, 204, 204); background: rgb(212, 209, 209); text-decoration: none; }