body
{
	font-family: UTMAvo;
	font-size: 17px;
	line-height: 1.8em;
	text-transform: none;
	text-decoration: none;
	font-weight: 300;
	font-style: normal;
	color: #575757;
}
a{font-weight:normal;	color: #036699;	text-decoration: none;}
a:Hover{font-weight:normal;	color: #000;	text-decoration: none;}
ul { margin:0; padding:0;}
li { list-style:none;}
p { padding:5px 0; margin:0;}
* { padding:0; margin:0; outline:none;}
h1 { font-size:18pt;}
h2, h3 { padding:5px 0; margin-bottom:5px; font-size:16pt;}
nav a#pull {display: none;}
.adver { clear:both; margin-bottom:15px; margin-left:30px;}
.topContent { width:98%; margin:auto; height:30px; background-color:#036699; color:#fff; padding:5px 1%;}
.topContent .menuMember { width:35%; float:left; text-align:left;}
.topContent .cartTop { width:62%; float:right; text-align:right;}
.topContent a { color:#fff;}
.carBox { float:right; margin-right:15px;}
.menuTop { float:right;}
.menuTop ul li { padding:5px 10px; display:inline;}
.Logo { text-align:left; padding:10px 0; width:200px;}
.Logo img{	max-height:125px;	border: 0px;}
.wrap { width:1107px; margin:auto;}
.wrap65 { width:65%; margin:auto; clear:both;}
.hIntro { text-align:center; clear:both; margin:30px;}
.hIntro h1 { text-align: center; color:#036699; text-transform:uppercase;}
.hIntro .nContent { padding:20px;}
.mBanner { left:210px; top:0px; position:absolute;float: left;display: block;width: 480px;height: 125px;overflow: hidden;margin:0;}
.tHotline, .tHotline a { text-align:center; color:Yellow;}
.tHotline a:hover { color:#fff;}
.divBanner {width:999px;height:138px;padding-bottom:0px; position:relative; margin:auto; overflow:hidden;}
.divSupport { text-align:right; display: block;overflow: hidden;margin: 30px 0 0 0; font-size:14pt;}
.divBannerSupport { float: right;display: block;overflow: hidden;margin: 30px 0 0 0;}
.divBannerSupport input[type="text"] { background: none;display: inline-block;border: 1px solid #036699;border-right: none;padding:10px;margin-left: 0px;float: left; width:100%; height: 46px!important;font-size: 16px;line-height: 18px;color: #c9c5c3;vertical-align: middle;outline: none!important;border-radius: 0px;}
.divBannerSupport input[type="submit"]:hover { background-position:left bottom;}
.divBannerSupport input[type="submit"] {border: none;background: url(../images/src_btn.png) left top no-repeat;width: 46px;height: 46px;cursor: pointer;position: absolute;right: 0px;top: 0px;padding: 0;text-indent: -9999px;border-radius: 0;}
.header .wrap { position:relative; margin:auto;}
.clear { clear:both; overflow:hidden;}
.mainContentF { margin:auto; padding-top:5px;}
.slideshow { clear:both; width:100%; margin:auto; margin-bottom:8px;}
.slideshow .bx-wrapper .bx-prev, .slideshow .bx-wrapper .bx-next{ display:none;}
.pYes {    background: none repeat scroll 0 0 #45aa44;    border-radius: 15px;    color: #fcfffe;    display: inline-block;    font-size: 12px;    height: 22px;    line-height: 19px;    padding: 2px 10px;}
.pNo {    background: none repeat scroll 0 0 #ffc200;    border-radius: 15px;    color: #fcfffe;    display: inline-block;    font-size: 12px;    height: 22px;    line-height: 19px;    padding: 2px 10px;}
.whychoose { clear:both; overflow:hidden; margin:20px 0;}
.whychoose .img { text-align:center; clear:both; padding:5px 0;}
.whychoose .img img { max-width:50%;}
.whychoose h3 { font-weight:bold; padding:10px 0; text-align:center; color:#036699; text-transform:uppercase; font-size:15pt;}
.whychoose p { text-align:justify;}
.hOne { clear:both; margin-bottom:30px; overflow:hidden;}
.hOne .inf { width:50%; float:left;}
.hOne .img { width:79%; margin-right:21%; }
.hOne .img img { width:100%;}
.hOne .GalleryProBox { width:19%; float:right; position:absolute; right:0; bottom:0;}
.hOne .GalleryProBox ul li { padding:5px 0;}
.hOne .GalleryProBox ul li:last-child { padding-bottom:0 !important; margin-bottom:-5px;}
.hOne .hZoom { position:relative;float:right; width:49%; float:right;}
.bodyContent { clear:both;}
.bodyContent .nBody {    width: 66.666666%;    float: left;}
.bodyContent .nRight {    width: 33.333333%;    float: left;}
.more { clear:both; text-align:right;}
.more a { color:#036699;}
.more a:hover { color:#000;}
.btn-link { text-align:center; clear:both; width:200px; padding:5px 0;}
.btn-link a { color:#fff;}
.btn-link a:hover { color:#000;}
.hVideo { background-color:#ECECEC; color:#000; clear:both; padding:30px 0; overflow:hidden; margin-bottom:30px;}
.hProcess { background-color:#fff; clear:both; padding:30px 0; overflow:hidden; margin-bottom:30px;}
.hProcess .left { width:40%; float:left;}
.hProcess .left img { max-width:100%;}
.hProcess .right { background-color:#fec006; width:57%; float:right; color:#fff; min-height:292px;}
.hProcess .right h2 { font-size:18pt; text-align:center; text-transform:uppercase; margin:30px 0; padding:0;}
.hProcess .right p, .hProcess .right div { text-align:justify;padding:0 20px;}
.hProcess .btn-link { margin:auto;}

.hGallery { background-color:#fff; clear:both; padding:30px 0; overflow:hidden; margin-bottom:30px;}
.hGallery .right { width:40%; float:right;}
.hGallery .right img { max-width:100%;}
.hGallery .left { background-color:#00bbd3; width:57%; float:left; color:#fff; min-height:292px;}
.hGallery .left h2 { font-size:18pt; text-align:center; text-transform:uppercase; margin:30px 0; padding:0;}
.hGallery .left p, .hGallery .left div { text-align:justify;padding:0 20px;}

.hNews {background-color:#fff; clear:both; padding:30px 0; overflow:hidden; margin-bottom:30px;}
.hNews .newsItem img { width:100%; height: 245px;}
.hNews .newsItem .title { width:100%; clear:both; margin:0; padding:10px 0; }
.hNews .newsItem .title a { font-weight: bold; font-size:15pt;}
.hNews .newsItem .desc { clear:both; width: 100%; overflow:hidden;}
.hNews h2 { text-align:center; text-transform: uppercase;}
.hNews h2 a { font-weight: bold;}

.col1 { width:100%;}
.col2 { width:49%; float:left; margin-right:2%;}
.col2:nth-child(even) { margin-right:0 !important;}
.col3 { width:32%; float:left; margin-right:2%;}
.col3:nth-child(3n+0) { margin-right:0 !important;}
.col4 { width:23.5%; float:left; margin-right:2%;}
.col4:nth-child(4n+0) { margin-right:0 !important;}
.col5 { width:19.2%; float:left; margin-right:1%;}
.col5:nth-child(5n+0) { margin-right:0 !important;}
.pageCollection { text-align:center; padding:5px 0; background-color:#fff; clear:both;}
.mnBox { clear:both; overflow:hidden; margin:0 0 30px 30px;}
.mnBox .title { border-bottom:1px solid #fff; background-color:#036699;}
.mnBox .title h2, .mnBox .title h3 { padding:10px; margin:0; font-family:UTMAvo; text-transform: uppercase; color:#fff;}
.mnBox .title h2 a, .mnBox .title h3 a{ color:#fff; }
.mnBox .title h2 a:hover, .title h3 a:hover{ color:#000;}
.mnBox .content { padding:10px 0;line-height: 1.7em;}
.mnBox .content h2, .mnBox .content h3 { background:transparent !important; clear:both; margin:5px 0px; padding:0px;color:#000; font-size:12pt;}
.mnLeftItem { clear:both; padding:2px 5px 3px 10px; white-space:nowrap;}
.mnLeftItem a { color:#333;}
.mnLeftItem a:hover{ color:#036699;}
.centerBoxWrapper {	margin: 0 0 30px 0 ;padding:0;position:relative;}
h3.centerBoxHeading  { text-transform:uppercase; color:#036699; font-weight: bold; padding:5px 5px;}
h3.centerBoxHeading a {color: #775c15;font-weight: bold;text-transform: uppercase;}
h3.centerBoxHeading a:hover { color:#333333;}
.centerBoxContent { clear:both;}
.nTitleOther { clear:both; padding-left:20px;}
.nTitleOther a { color:#000;}
.nTitleOther a:hover{ color:#036699;}
.moreBtn {float: right;padding-right: 5px;height: 22px;width: 40px;margin-top: 24px;/* text-align: right; */background: url(../images/arrow.gif) no-repeat right;}
.pBoxFull { overflow:hidden; clear:both; margin-bottom:10px;}
.pBoxFull .title  { margin-bottom:5px; overflow:hidden; color:#000; font-size:14pt; font-weight:bold; border-bottom: 1px solid #036699; padding:5px 0;}
.pBoxFull .title a { color:#036699; }
.pBoxFull .title a:hover {color:#000; }
.pBoxFull .title h1 { padding:0; clear:both; width:100%; margin-top:10px; float:left; font-weight:bold; color: #036699; font-family:UTMAvo; text-transform: uppercase; font-size:20px;}
.pBoxFull .title h2 { padding:0; clear:both; width:100%; margin-top:10px; float:left; font-weight:bold; color: #036699; font-family:UTMAvo; font-size:20px;}
.pBoxFull .content { clear:both; line-height: 1.7em;}
.pBoxFull .content h2 { background:transparent !important; clear:both; font-size: 13pt;font-weight: bold;color: #775c15;}
.pBoxFull .content h3 { background:transparent !important; clear:both; font-size: 12pt;font-weight: bold;color: #4965b5;}
.chItem { width:23.5%; float:left; margin-right:2%; min-height:266px; padding-top:49px; overflow:hidden;}
.chItem:nth-child(4n+0) { margin-right:0 !Important;}
.chItem .chIdesc {background: #f8f8f8;    border: 1px solid #d0d0d0;    position: relative;    min-height: 117px;    padding: 78px 0 0 0;}
.chItem .chIdesc .chIimg {position: absolute;    width: 123px;    height: 123px;    overflow: hidden;    top: -49px;    left: 50%;    margin-left: -61px;    background-color:#eee;    -webkit-border-radius: 50%;    -moz-border-radius: 50%;    border-radius: 50%;}
.chItem .chIdesc .chIimg img{    max-width: 123px;    max-height: 123px; border-radius:50%;}
.chItem .chIdesc h2 { text-align:center;}
.chItem .chIdesc ul li { padding:2px 15px; text-align:center;}
.chItem .chIdesc ul li a { color:#58585a;}
.chItem .chIdesc ul li a:hover { color:#036699;}
.nGallery, .nFile { clear:both; margin-top:10px;}
.nGallery img { max-width:100%;}
.nGallery h2, .nFile h2 { font-size:13pt; font-weight:bold; clear:both; padding:10px 0;}
.nFile ul li { padding-left:20px; clear:both;}
.pBox input[type="text"], .pBox input[type="password"] { border:1px solid #e5e5e5; padding:5px; font-size:14px; }
.pBox input[type="submit"],.pBox input[type="button"] { padding:5px 10px; font-size:16px;}
.price { clear:both; overflow:hidden; text-align:center; padding:10px 0;}
.percent { position: absolute;top: 5px;right: 5px;padding: 12px 2px 0 2px;text-align: center;width: 50px;height: 48px;
z-index: 90;background: url(../images/discount_bg.png) no-repeat left top;font-family: 'Open Sans', sans-serif;font-size: 19px;
font-style: oblique;font-weight: bold;color: #fff;
-webkit-transition: height .2s ease;
-moz-transition: height .2s ease;
transition: height .2s ease;}


.npercent a{position: absolute;top: 5px;right: 5px;padding: 12px 2px 0 2px;text-align: center;width: 50px;height: 48px;
z-index: 19998;background: url(../images/discount_bg.png) no-repeat left top;font-family: 'Open Sans', sans-serif;font-size: 19px;
font-style: oblique;font-weight: bold;color: #fff;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.npercent a:hover {background: url(../images/discount_bg2.png) no-repeat left top;color: #ff555c;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;

}
span.price { color:#c70101; font-size:18pt; font-weight:bold;}
.addtocart { clear:both; padding:10px 0;font-size:14pt;}
.button {background: #036699;
    background: -moz-linear-gradient(top,#036699 0,#153815 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#036699),color-stop(100%,#153815));
    background: -webkit-linear-gradient(top,#036699 0,#153815 100%);
    background: -o-linear-gradient(top,#036699 0,#153815 100%);
    background: -ms-linear-gradient(top,#036699 0,#153815 100%);
    background: linear-gradient(to bottom,#036699 0,#153815 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#036699', endColorstr='#153815', GradientType=0);
    border: none;
    color: #000;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    font-weight: 400;
    vertical-align: top;
    font-size: 15px;
    padding: 0;
    line-height: 37px;
    /*box-shadow: 0 -2px 0 #a80000 inset;*/
    border-radius: 5px;
    width: 100%; padding:10px 20px; font-weight:bold;}
.button a { color:#fff;font-size:20px;}    
.button a:hover { color:#000;}
.button span { border-left:1px solid #CCC; padding:0 15px;}
.button i { padding-right:15px;}

.btnSubmit {background: #036699;
    background: -moz-linear-gradient(top,#036699 0,#bdf355 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#036699),color-stop(100%,#bdf355));
    background: -webkit-linear-gradient(top,#036699 0,#bdf355 100%);
    background: -o-linear-gradient(top,#036699 0,#bdf355 100%);
    background: -ms-linear-gradient(top,#036699 0,#bdf355 100%);
    background: linear-gradient(to bottom,#036699 0,#bdf355 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#036699', endColorstr='#bdf355', GradientType=0);
    border: none;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    font-weight: 400;
    vertical-align: top;
    font-size: 20px;
    padding: 0;
    line-height: 37px;
    box-shadow: 0 -2px 0 #87c610 inset;
    border-radius: 5px; margin:0 5px;
     padding:5px 25px; font-weight:bold;}
.btnSubmit:hover {background: #bdf355; color:#000;}

.btnCancel {background: #CCC;
    background: -moz-linear-gradient(top,#CCC 0,#EEE 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#CCC),color-stop(100%,#EEE));
    background: -webkit-linear-gradient(top,#CCC 0,#EEE 100%);
    background: -o-linear-gradient(top,#CCC 0,#EEE 100%);
    background: -ms-linear-gradient(top,#CCC 0,#EEE 100%);
    background: linear-gradient(to bottom,#CCC 0,#EEE 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCC', endColorstr='#EEE', GradientType=0);
    border: none;
    color: #666;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    font-weight: 400;
    vertical-align: top;
    font-size: 20px;
    padding: 0;
    line-height: 37px;
    box-shadow: 0 -2px 0 #999 inset;
    border-radius: 5px; margin:0 5px;
     padding:5px 25px; font-weight:bold;}
     .btnCancel:hover { background:#EEE;}
.pBox input[type="text"], .pBox input[type="password"] { border:1px solid #e5e5e5; padding:5px; font-size:14px; }

#cartBox { width:100%; border:1px solid #CCC;}
.cartHeader{ clear:left; background-color:#999999; height:26px;}
.cartItem{ clear:left;  background-color:#EFEFEF; }

.cProCode { padding:5px;}
.cProName { padding:5px;}
.cProImage {  text-align:center;padding:3px; background-color:White;}
.cProImage img{ max-width:75px;max-height:60px;}
.cProPrice { padding:5px; text-align:right;}
.cProPrice2 { padding:5px; text-align:right;}
.cProAmount { padding:5px; text-align:center;}
.cProTotal { padding:5px; text-align:right;}
.cProTotal2 { padding:5px; text-align:right;}
.cProDel { text-align:center;}
.cTotalAll { padding:5px; text-align:right; background-color:#999999;}
.cButton { padding:5px; text-align:right;}
#cRight { background:url(../Images/cart_bg.png) no-repeat left top; padding-left:90px; height:70px;}
.PromotionItem { width:150px; height:150px; margin-left:1px; margin-bottom:1px; overflow:hidden; float:left;background-color:#FFFFFF; text-align:center; bottom:0px;}
.PromotionItem img { max-width:140px; max-height:60px; border:0px;  text-align:center;}
.PromotionItem a { color:black; }
.PromotionItem a:hover { color:red; }
.PromotionDesc { overflow:hidden; padding:5px;}
.PromotionValue { padding:5px; }
.PromotionList { background-color:#CCCCCC; overflow:hidden; padding:5px 0px 5px 5px;}

.pSupport { clear:both; padding:10px; background-color:#b7df6b; border:1px solid #036699; color:#000;}
.pAll { clear:both; padding:10px 0;}
.rate { clear:both; overflow:hidden; padding:3px 0;}
.rate .lblRate { float:left;}
.rate .rateit { float:left;margin-left:5px; padding-top:5px;}
.rate .review { float:left; margin-left:10px;}
.rateit-reset { display:none !important;}

.nTag { clear:both; width:100%; padding:5px 0; overflow:hidden; line-height:2.0em;}
.nTag a {padding: 3px 5px;background-color: #2a88c4;color: #fff;border-radius: 3px;}
.nTag a:hover { color:#000;}

.newsHomeBox { clear:both; margin-bottom:20px;}
.newsHomeBox img { width:100%; margin:0; padding:0; max-height:250px;}
.newsHomeBox .title { clear:both; width:100%; padding:5px 0;}
.newsHomeBox .desc { clear:both; width:100%; text-align:justify; min-height:75px;}

.fSupport { width:300px; position:fixed; overflow:hidden; background-color:#fff; right:50px; bottom:0; border-top:3px solid #016bb7;border-left:3px solid #016bb7;border-right:3px solid #016bb7; border-radius:3px 3px 0 0;}
.fSupport h2 { background-color:#016bb7; width:100%; cursor:pointer; color:#fff;font-size: 10pt;    padding: 5px;}
.fSupport .fclose {background:url(../images/down-arrow.png) no-repeat left top #016bb7; position:absolute; top:0px; right:5px; width:33px; height:18px; }
.fSupport .fopen {background:url(../images/up-arrow.png) no-repeat left top #016bb7; position:absolute; top:0px; right:5px; width:33px; height:18px;}
.fSupport .fContent { padding:5px; clear:both; overflow:hidden;}
.fSupport .fHeader{ width:300px; position:fixed; overflow:hidden; background-color:#fff; right:50px; bottom:0; border-top:3px solid #016bb7;border-left:3px solid #016bb7;border-right:3px solid #016bb7; border-radius:3px 3px 0 0;}

.partner { clear:both; overflow:hidden;}
.partner .item { width:23%; float:left; padding:1%;}
.partner .item img { max-width:100%;}

.rSocial {    position: fixed;    bottom: 42px;    right: 5px;}
.rSocial ul li {    padding: 2px 0;    clear: both;    text-align: right;}
.rSocial ul li img { max-width:32px;}

/* E-E-A-T Author Box & Static Profile Styles */
.nAuthorBox { display: flex; align-items: flex-start; gap: 16px; margin: 20px 0; padding: 16px; background: #f8fafc; border: 1px solid #e2e8f0; border-left: 4px solid #016bb7; border-radius: 6px; }
.nAuthorAvatar { flex: 0 0 72px; }
.nAuthorAvatar img { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; border: 2px solid #fff; box-shadow: 0 2px 6px rgba(0,0,0,0.12); }
.nAuthorAvatarPlaceholder { width: 72px; height: 72px; border-radius: 50%; background: #e0f2fe; color: #0284c7; display: flex; align-items: center; justify-content: center; font-size: 34px; border: 2px solid #fff; box-shadow: 0 2px 6px rgba(0,0,0,0.12); }
.nAuthorProfileAvatar .nAuthorAvatarPlaceholder { width: 110px; height: 110px; font-size: 54px; border: 3px solid #016bb7; }
.nAuthorDetailContent { margin: 20px 0; font-size: 15px; line-height: 1.8; color: #1e293b; }
.nAuthorInfo { flex: 1 1 auto; font-size: 14px; line-height: 1.6; }
.nAuthorLabel { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; color: #016bb7; margin-bottom: 2px; }
.nAuthorName { font-size: 16px; font-weight: 700; color: #0f172a; margin-bottom: 4px; }
.nAuthorName a { color: #0f172a; text-decoration: none; }
.nAuthorName a:hover { color: #016bb7; text-decoration: underline; }
.nAuthorBio { color: #475569; margin-bottom: 6px; }
.nAuthorMore { font-size: 13px; font-weight: 600; color: #016bb7; }
.nEeatBadge { display: inline-block; margin-left: 8px; padding: 2px 8px; font-size: 11px; font-weight: 600; color: #065f46; background: #d1fae5; border-radius: 12px; vertical-align: middle; }
.nAuthorProfileHeader { display: flex; align-items: center; gap: 20px; padding: 20px; margin-bottom: 20px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; }
.nAuthorProfileAvatar { flex: 0 0 110px; }
.nAuthorProfileAvatar img { width: 110px; height: 110px; border-radius: 50%; object-fit: cover; border: 3px solid #016bb7; }
.nAuthorProfileMeta { flex: 1 1 auto; }
.nAuthorRole { font-size: 15px; font-weight: 600; color: #016bb7; margin: 4px 0 8px; }
.nAuthorArticles { margin-top: 28px; padding-top: 20px; border-top: 1px solid #e2e8f0; }
.nAuthorArticlesTitle { font-size: 18px; font-weight: 700; color: #0f172a; margin-bottom: 14px; }
.nAuthorArticlesList { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; }
.nAuthorArticlesList li a { display: flex; align-items: center; gap: 10px; padding: 10px; border: 1px solid #e2e8f0; border-radius: 6px; text-decoration: none; color: #1e293b; background: #fff; }
.nAuthorArticlesList li a:hover { border-color: #016bb7; color: #016bb7; }
.nAuthorArticlesList li img { width: 64px; height: 48px; object-fit: cover; border-radius: 4px; flex-shrink: 0; }
.nAuthorArticlesList li span { font-size: 14px; font-weight: 500; line-height: 1.4; }
@media (max-width: 576px) { .nAuthorBox, .nAuthorProfileHeader { flex-direction: column; align-items: flex-start; } }