@charset "utf-8";*{margin:0;padding:0;}
body{font-family:Arial, Helvetica, sans-serif; font-size:80%;}
A, H1, H2, H3, H4, H5, H6, P, SPAN, TD, DIV, SELECT, INPUT, TEXTAREA, .submit{font-family:arial, helvetica, "sans serif";color:#000;}
A{text-decoration:underline;}
A:hover{text-decoration:underline;color:#444;}
a.info{padding-right:10px;}
a.noIcon{background:none;}
H2{font-weight:normal;font-size:100%;color:#fffdfb;}
H3{font-weight:normal;font-size:100%;color:#000;}
H4{font-size:100%;font-weight:normal; margin-bottom:3px;color:#a00;}
H5{font-weight:normal;font-size:95%;color:#000;} 
STRONG{font-size:1.1em;color:#a00;}
#colorleft {position: static; width: 100%;}
#colorleft .maintitle {position:absolute;top:60px;right:0;width:80%; text-align: right; 
margin-right: 10px; color:#FF6600;font-weight:normal;}
#colorleft .maintitle H1{font-size:140%}
#contentWrapper{width:98%;margin:auto;position: relative;}
#headerBar	 {width:100%; height: 86px; position: relative;}
#headerBar 	.logo {width:100px; height: 100px; margin-bottom: 5px; position: absolute; top:0; left:0;cursor: pointer;}
#headerBar 	.logo img{width:100%; height:auto;}
#headerBar 	.slogan {margin-bottom:5px; margin-right:10px; position: absolute; bottom:0; right:0;}
#headerBar	 .slogan H1{font-size:140%;color:#FF6600;font-weight:normal;}
#headerBar	 .slogan p{font-size:110%;color:#FF6600;}
#menuTop	{float:left;width:100%;background-color:#666;}
#menuTop a, #menuTop span{color:#fff;text-decoration:none;}
#menuTop a:hover{text-decoration:underline;}
#menuTop span{padding:5px;float:left;}
#menuTop #farEnd{float:right;color:#fff;}
ul {list-style-type: none; margin: 0; padding: 0; overflow: hidden;  }
li {float: left; width:100%;}
.menu_ext {width:100%; float:left; font-size:1.0em; color:#006600; margin-left: 5px;}
.dropdown-content2 {padding-left: 20px; font-style: italic; font-size:95%;}
.dropdown-content2 {display: none;}
.dropdown-content li:hover .dropdown-content2 {display: block;}

#mainNav {float:left; width:15%; padding-left:5px; padding-right:0; text-align:left;}
#mainNav a{color:#000;padding:0px 5px 1px 6px; text-decoration:none;line-height:1.5;}
#mainNav a:hover{text-decoration:none; background-color:#b3b3b3;}
#mainNav span a{font-size:1em;color:#a00;padding:5px 5px 5px 0;background:none;text-decoration:none;}
#mainNav .dropdown a{padding-left:0px;}
#mainNav span{font-size:1em; padding:5px 5px 5px 0;background:none;}
#mainNav H2{font-weight:bold;font-size:1em;color:#FF6600;padding:2px 2px 2px 0;background:none;}  
#mainNav .dropdown .dropdown-content li a {color:blue;}
.dropdown {display: block; margin-top:15px;}
.dropdown-content {display: block; min-width: 160px;  padding: 0px 5px;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown-content a{text-decoration: none; font-weight: normal; }
.dropdown button{background-color:white; border:0; font-size:1em; text-align:left;}
#searchArea{width:98%; background-color:#eee; border:1px solid #aaa; padding:2px;}
#searchArea input{width:96%;height:25px; border:1px solid #aaa; margin-bottom:3px; padding-right:1%;}
#searchArea .submit{width:50%;height:25px;border:1px solid #aaa;min-width:50px;font-weight:bold;background-color:#fff;color:#000;margin-top:3px;}
#searchArea a{color:#666;font-weight:bold;padding-left:0;background:none;}
#search {position: absolute; top:0; right:0; padding-right:5px;}
.separatorBar{width:100%;float:left;height:3px;margin-top:15px;margin-bottom:15px;}
.separator{width:100%;float:left;height:3px;margin-bottom:5px;}
.ftseparator{width:100%;float:left;height:100px;margin-bottom:5px;}
#theContent{float:right;width:83.5%;padding-top:5px; padding-left:.5%; border-left: 1px solid #cccccc; min-height: 860px;}
#theContent P a, #theContent P H5{text-decoration:none;}
#theContent {position: relative;}
#theContent .tags{position: absolute; width:80%; bottom:0; left:0; padding-left:5px;}
#theContent .pressItem {font-weight:bold; font-size:1.0em; color:#FF6600; line-height:1.5; }
#theContent .pressItem H2{font-weight:bold;font-size:1.0em; color:#FF6600; }
#theContent .pressItem H3{font-weight:bold;font-size:1.0em; color:#FF6600; }

#pageTop1	{float: left; width: 100%; background-color:#FF6600; color:#fff; position: relative;}
#pageTop1 .descpageTop1 {margin: 10px 10px 10px 10px;text-align: justify;color:#fff; font-size:120%;}
#pageTop1 .descpageTop1 H2 strong{ padding-bottom:5px; color:#fff; font-size:100%; text-align:left;}
#pageTop1 .descpageTop1 H3 {text-align: justify;padding-bottom:5px; color:#fff;font-size:100%;}
#pageTop1 .descpageTop1 p{text-align: justify; padding-bottom:5px;color:#fff;font-size:100%;}
#pageTop	{float: left; width: 100%; height: 220px; background-color:#a00;color:#fff;overflow:hidden;}
#pageTop	.mySlides {display:none; float:left; width: 100%; height: auto; margin-right:0;}
#pageTop	.w3-animate-fading{animation:fading 3s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
#pageTop	.w3-animate-left{position:relative;animation:animateleft 0.5s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
#pageTop	.descimgTop img{float: left; width: 100%; height: auto;}
					
#pageTop .descpageTop {margin: 10px 10px 10px 470px; text-align: justify; color:#fff; font-size:120%;}
#pageTop .descpageTop H1{padding-right:10px;padding-top:8px; padding-bottom:5px;color:#fff;font-size:110%;text-align:left;}
#pageTop .descpageTop H2 {padding-bottom:5px; color:#fff;font-size:100%;text-align:left;}
#pageTop .descpageTop strong{padding-bottom:5px;color:#fff; text-align:left;}
#pageTop .descpageTop H3{text-align: justify; padding-bottom:5px;color:#fff;font-size:100%;}
#pageTop .descpageTop p{text-align: justify; padding-bottom:5px;color:#fff;font-size:100%;}
#pageTop .descpageTop span{color:#fff; text-align:left;}

#pageTop .descpageTop a span { position:absolute; display:none; z-index:99; width: 260px; height: auto; }
#pageTop .descpageTop a {font-weight:bold;}
#pageTop .descpageTop a:hover {color:blue;}
#pageTop .descpageTop a:hover span { display:block; position:absolute; bottom:0; left:100px;}
#pageTop .descpageTop a:hover span img {width:100%;}

#pageTop H4{padding:8px;color:#fff;font-size:110%;text-align:left;}
#pageTop H3{font-weight:normal;font-size:95%;color:#fffdfb;}
#pageTop a{color:#fff;}
#pageTop {position: relative;}
#pageTop	.descimgTop{position: absolute; top: 0; left: 0; width:460px; height:220px; border-left: 1px solid #cccccc;}
#pageTop .lowrightcorner {position:absolute; right:0; bottom:5px; padding-right:16px; cursor: pointer;}
.slideRight {background-color:white;text-align:center;width:15px;position:absolute;top:50%;right:0px;color:#FF6600;font-weight:bold;cursor:pointer;padding:4px;}
.slideLeft {background-color:white;text-align:center;width:15px;position:absolute;top:50%;left:0px;color:#FF6600;font-weight:bold;cursor:pointer;padding:4px;}
#socialtop {position: absolute; top:10px; right:0; padding-right:16px;}
#socialtop div{vertical-align: top; display: inline-block;}

#pageTop .descpageTop .hotline {font-size:120%; text-align:left; margin-top:20px; font-weight:bold;}
.emphasis {width:100%; float:left; font-size:100%; color:#006600; font-weight:bold;}
.representative {width:100%;float:left;font-size:115%;color:#006600; font-weight:bold; margin-left:0; margin-bottom:5px;}
.underline_green {float:left; width:99%; border-top: 1px solid #006600;}
.clearboth {clear:both}
.nonedisplay {display:none;}
.events {float:left; width:95%; font-size:90%; margin-left:2px; margin-right:5px; font-style:italic;}
.decolinks {text-decoration: none;}
.nextprev {width:98%; line-height:1.5; text-align:right; padding-bottom:20px;}

.twoColumnLayout div{float:left; width:100%;vertical-align:top; margin-bottom:10px;}
.twoColumnLayout .rightThumb{float:right;}
.twoColumnLayout img{float:left;border:1px solid #666;margin-right:2px;max-width:95%;}
.twoColumnLayout .separator{width:100%;float:left; height:5px;}

.twoColumnLayout .leftThumb {float:left; width:48%; margin-right:2%; vertical-align:top; margin-top:0px; }
.twoColumnLayout .leftThumb div {padding-right:5px;padding-bottom:5px;}
.twoColumnLayout .leftThumb H2{float:left;font-size:110%; margin-bottom:5px; }
.twoColumnLayout .leftThumb H3{width:100%; float:left; font-size:105%; margin-bottom:5px; text-align: left; }
.twoColumnLayout .leftThumb p strong{float:left;font-size:115%; text-align: left; }
.twoColumnLayout .leftThumbDesc H3{width:100%; float:left;font-size:105%; margin-bottom:5px; text-align: left; }
.twoColumnLayout .leftThumbDesc p strong{width:100%; float:left;font-size:115%; margin-bottom:5px; text-align: left; }
.twoColumnLayout .leftThumbDesc {float:left; width:105px; height:100px;}
.twoColumnLayout .leftThumbDesc img{width:100%; height:100%; cursor: pointer; float:left;}

.frame_ads {width:16%; float:right; border:3px solid blue; border-radius:10px; border-style:dashed; animation: mymove 3s infinite;}
@keyframes mymove {from {border-style:dotted; border-color:red;} to {border-style:dashed; border-color:blue;}}
.content_ads {margin:7px;text-align:justify;font-size:90%;font-style:italic;line-height: 1.5;}

.twoColumnLayout .menuThumb {float:left;font-size:95%; width:23%;  height:auto;text-align:justify; color:#006600; margin-right:2%;margin-bottom:5px;}
.twoColumnLayout .menuThumb H3{font-size:105%; text-align:left; color:#006600;}
.threeColumnNav	{float:left;width:82%;padding-right:5px;}
.threeColumnNav div{float:left;vertical-align:top;width:100%;}

.threeColumnNav .leftThumb {float:left; width:48%; margin-right:2%; vertical-align:top; margin-top:10px;}
.threeColumnNav .leftThumb div {padding-right:5px;padding-bottom:5px;}
.threeColumnNav .leftThumb H2{float:left;font-size:105%; margin-bottom:5px;margin-top:0px;}
.threeColumnNav .leftThumb H3{width:100%; float:left;font-size:105%; margin-bottom:5px; margin-top:0px;text-align: left;}
.threeColumnNav .leftThumb p strong{float:left;font-size:115%; text-align: left;}
.threeColumnNav .leftThumbDesc H3{width: 100%; float:left;font-size:105%; margin-bottom:5px;margin-top:0px;text-align: left;}
.threeColumnNav .leftThumbDesc {float:left; width:105px; height:100px;}
.threeColumnNav .leftThumbDesc img {width:100%; height:100%; cursor: pointer; float:left;}

.threeColumnNav .indexImg{float:left;width:160px;margin-bottom:15px;text-align:left;font-size:90%;padding-left:5px;padding-right:20px;}
.threeColumnNav .indexImgb{float:left;width:160px;margin-bottom:5px;text-align:left;font-weight:bold;color:#FF6600;}
.threeColumnNav .rightThumb{float:right;width:48%;}
.threeColumnNav .fullThumb{float:left;width:98%;}
.threeColumnNav img{float:left;border:1px solid #666;margin-right:2px;max-width:95%;}
.threeColumnNav table td p img{float:none;}
.threeColumnNav .icon{border:0;}
.threeColumnNav {position: relative;}
.threeColumnNav .separator{width:100%;float:left;height:15px;margin-bottom:5px;}
.threeColumnNav object{float:left;width:95%;}
.threeColumnNav .noBorder{border:none;}
.oneColumnNav .baCot{float:left;width:31%;margin-bottom:30px;font-weight:bold;color:#FF6600;margin-left:1%;margin-right:1%;text-align:center;}
.oneColumnNav .bonCot{float:left;width:23%;margin-bottom:30px;font-weight:bold;color:#FF6600;margin-left:1%;margin-right:1%;text-align:center;}
.oneColumnNav .namCot{float:left;width:18%;margin-bottom:30px;margin-left:1%;margin-right:1%;text-align:center;}
.oneColumnNav{float:left;width:82%;padding-right:5px;}
.oneColumnNav .leftThumb{float:left;width:48%;margin-bottom:15px; }
.oneColumnNav .updating_notes{margin-top:100px; padding-left: 17%; padding-right:15%; line-height:1.7; text-align: left;}
.oneColumnNav img{width:100%;}
.navLink{text-decoration:none; line-height:1.5;}
.subNav{width:16%;float:right;}
.subNav a{color:#000;padding:5px 5px 5px 6px;background:none no-repeat left;text-decoration:none;}
.subNav a:hover{text-decoration:underline;cursor:pointer;}
.subNavMenu{border-bottom:1px solid #ccc;background-color:#fbfbfb;text-align:left;border:1px solid #ccc;}
.subNavMenu a, .subNavMenu span{display:block; padding-top: 7px; padding-bottom: 7px; border:1px solid #ccc;border-bottom:0;padding-left:15px;}
.subNavMenu span{font-size:120%;}
#contactUs{border:1px solid #bbb;background-position:right bottom;background-color:#aa0000;height:40px;color:#ffffff;padding-left:9px;}
#contactUs a, #contactUs a:link{display:block;width:100%;height:100%;color:#fff;font-weight:bold;line-height:2.5em;}
#contactUs H4{color:#fff;font-weight:bold;font-size:110%;padding-top:5px;}
#newsTicker div{float:left;width:48%;vertical-align:top;}
#newsTicker .rightThumb{float:right;}
#newsTicker img{float:left;border:1px solid #666;margin-right:2px;}
#newsTicker span{font-size:80%;}
#newsTicker .separator{width:100%;float:left;height:1px;margin-bottom:5px;}
#newsTicker a{font-weight:bold;font-size:80%;text-decoration:none;}
#newsTicker a:hover{text-decoration:underline;}
#newsTicker h3 a{font-size:100%;}
.newsItem H1{font-size:120%; padding:5px;padding-left:0;text-align:left;}
.newsItem H2{font-size:100%;padding:5px;padding-left:0;padding-top:0;color:#FF6600;}
.newsItem .altImage{float:right;margin-left:20px;}
.newsItem .leftThumb{float:left;width:40%;margin-right:20px;margin-bottom:10px;}
.newsItem .rightThumb{float:right;width:40%;margin-left:20px;margin-bottom:10px;}
.newsItem .midleThumb{width:80%;margin-left:auto;margin-right:auto; margin-bottom:10px;}
.newsItem .imgWrap{max-width:60%;}
.newsItem {float:left;width:97%;margin-left:15px;line-height:1.5;}
.linkChevron span{padding-left:15px;}
.linkChevron a{text-decoration:none;}
.linkChevron a:hover{text-decoration:underline;}
.imgNewLine{clear:both;}
.imgFullWidth{width:99%;}
.noBorder{border:none;}

.pagiblock {width: 95%; font-weight: bold; font-size:125%; color:#006600; vertical-align: middle;}
.pagicurrent {display: inline-block; margin: 4px; width:22px; height:22px; border: 1px solid #00cc00;text-align:center; background-color:#ffff00; padding-top:2px;}
.pagipage {display: inline-block; margin: 4px; width:22px; height:22px; border: 1px solid #006600;text-align:center; padding-top:2px;}
.pagipage a {font-weight:normal; text-decoration: none;}
.threeColumnNav .pagiviewcatcurrent {display: inline-block; margin: 4px; width:22px; height:22px; border: 1px solid #00cc00; text-align:center; background-color:#00b300; padding-top:2px;}
.threeColumnNav .pagiviewcatpage {display: inline-block; margin: 4px; width:22px; height:22px; border: 1px solid #006600;text-align:center; padding-top:2px;}
.threeColumnNav .pagiviewcatpage a{font-weight:normal; text-decoration: none;}
.threeColumnNav .pagiprevnext {font-weight:normal; margin:3px;float:left;color:blue;}

.rightblock {width:16%; float:right; border:1px solid #40bf40; margin-top:15px;}	
.blocktitle {width:100%; float:left; background-color:#40bf40; margin-bottom:10px; padding-top:10px; padding-bottom:10px;}
.blocktitle p{text-align:center; font-weight:bold; color:#FFFFFF; font-size:110%; line-height: 1.5; }
.blocktitle H2{text-align:center; font-size:110%; line-height: 1.5; margin-left:8%; margin-right:8%;}
.blocktitle H3{text-align:center; font-size:110%; line-height: 1.5; margin-left:8%; margin-right:8%;}
.blocktitle strong{font-weight: bold; color:#FFFFFF; line-height: 1.5;}
.blocktitle a{text-decoration:none; color:#FFFFFF;}
.detailcontact {margin-left:5px;  color:#FF6600; }
.salers {width:90%; padding-left:5%; padding-right:5%; padding-top:5px; vertical-align:top; }
.namesaler {width:90%; float:left; text-align: center; color:#006600; padding-top:5px; padding-bottom:5px;}
.phonesaler {width:90%; float:left; text-align: center; color: #0000FF; font-size: 160%; }
.societyblk {width:100%; float:left; border-style: solid; border-width: thin; border-top-width: 1px; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-color: #40bf40; background-color:#f2f2f2; text-align:left;   padding-bottom:10px; padding-top:5px; }
.blseparator{width:100%;float:left;height:25px;margin-bottom:5px;}

.w3-buttonl	{float:left; width:30px; height:25px; text-align:center; margin-left:1%;}
.w3-buttonl:hover{color:#FF0000!important;background-color:#ccc!important; font-weight:bold;}
.w3-buttonr	{float:right; width:30px; height:25px; text-align:center;}
.w3-buttonr:hover{color:#FF0000!important;background-color:#ccc!important; font-weight:bold;}
.w3-button {height:25px; width:30px;}
.cat {width:31%; margin-left:1%; margin-right:1%; margin-top: 5px; text-align: justify; display: inline-block; vertical-align:top; line-height:1.25; }
.cat a {text-decoration:none; color:#FFFFFF;}
.cat p strong{font-size:130%; color:#FFFFFF;text-align: center;}
.cat em a{color:#0000ff;}
.cat img{width:100%;}
.cat-title H3{width:100%; text-align:center; height:30px; background-color:#40bf40; padding-top:5px; margin-top:10px; margin-bottom:5px;}
.cat-title strong {margin-left:10px; font-size:130%; color:#FFFFFF;}
.cat-title {float:left; width:100%; margin-bottom:20px; margin-top:10px;}
.mySlide {width:100%; float:left; }
.w3-content {width:100%; display: inline-block;color:#006600; }			
.dot {height: 13px; width: 13px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; margin-top:8px; }
.active { background-color: #0000FF;} 
.groupbutton {margin:auto; width:60%; height:25px; text-align:center; vertical-align:middle;}

#footerBar {width:100%;margin-top:10px;padding-top:5px;padding-bottom:5px;background-color:#eee;color:#666;font-size:100%;text-align:center;line-height:1.25;clear:both;}
#footerBar .rightfooterBar {float:right; width:83.5%; text-align:center;}
#footerBar .firmfooterBar {width:100%; text-align:center; font-size:1.5em;letter-spacing: 5px; word-spacing: 15px;}
.firmfooterBar strong {color:#006600; font-weight:bold;}
#footerBar .freshness {width:50%; float:left; line-height:2.0;text-decoration:none;text-align:left;margin-left:20px; margin-right: 10px;}
#footerBar .footaddress {width:29%; float:Left; text-align:left; margin-left:4%; line-height:22px; padding-bottom:40px; font-size:100%;}
.footaddress a{text-decoration: none;}
.infoline{font-size:0.9em;padding-top:2px;}
.highlight{font-weight:bold;color:#a00;}
.result_title, .result_pages{padding-top:12px;}
#titleBarHighLights{width:99px;padding:5px;background-color:#aa0000;margin-bottom:10px;clear:both;}
#titleBarHighLights span, #titleBarHighLights h5, #titleBarHighLights a, #titleBarHighLights a:visited, #titleBarHighLights strong{color:#ffffff;font-size:0.9em;}
#highLights{clear:both;width:100%;}
#highLights img, #highLights h5, #highLights p{margin-bottom:5px;text-align:justify;}
.bubble{width:20em;}
.bubble-outer{padding-bottom:70px;}
.bubble h4{padding-top:25px;}
.bubble h4, .bubble p{padding-left:5%;padding-right:5%;}
.twoColumnLayout h2{font-size:115%;}
.resumebar{padding:1px;border-top:1px solid #84adc4;border-right:1px solid #84adc4;border-left:1px solid #84adc4;cursor:pointer;border-bottom:1px solid #84adc4;}
.tableWidget_headerCell{font-weight:bold;text-align:center;border-right:1px solid #aca899;border-left:1px solid #fff;cursor:pointer;border-bottom:3px solid #c5c2b2;}
.tableWigdet_headerCellOver{font-weight:bold;text-align:center;border-right:1px solid #aca899;border-left:1px solid #fff;cursor:pointer;border-bottom:3px solid #c5c2b2;}
.tableWigdet_headerCellDown{font-weight:bold;text-align:center;border-right:1px solid #aca899;border-left:1px solid #fff;cursor:pointer;border-bottom:3px solid #c5c2b2;}
.tableWidget_headerCell{border-top:2px solid #ece9d8;font-weight:bold;}
.tableWigdet_headerCellOver{border-top:2px solid #ffc83c;font-weight:bold;}
.tableWidget TBODY .tableWidget_dataRollOver{background-color:#fff;}
.tableWigdet_headerCellDown{border-right:1px solid #fff;border-top:2px solid #ffc83c;border-left:1px solid #aca899;background-color:#dbd8c5;}
.tableWidget TD{padding-right:2px;padding-left:2px;padding-bottom:2px;margin:0;padding-top:2px;border-bottom:1px solid #eae9e1;}
.tableWidget TBODY{background-color:#fff;}
.tableWidget{font-size:100%;width:400px;font-family:arial;}
DIV.widget_tableDiv{border-right:1px solid #aca899;border-top:1px solid #aca899;border-left:1px solid #aca899;width:400px;border-bottom:1px solid #aca899;height:auto;}
HTML > BODY DIV.widget_tableDiv{overflow:hidden;width:400px;}
.tableWidget THEAD{position:relative;}
.tableWidget THEAD TR{bottom:0;position:relative;top:0;}
.tableWidget .scrollingContent{width:100%;height:auto;}
.threeColumnNav .two_cols {float:left; width:100%;}
.threeColumnNav .two_cols_left {float:left; width:49.9%;} 
.threeColumnNav .two_cols_right {float:right; width:49.9%;}
.two_cols_left img {width:100%;}
.two_cols_right img {width:100%;}
.threeColumnNav .tri_cols {width:100%; position: relative;}
.threeColumnNav .tri_col_left {float:none; width:32%; position: absolute; top:0; left:0;} 
.threeColumnNav .tri_col_midle {float:none; width:32%; margin-left:auto; margin-right:auto;}
.threeColumnNav .tri_col_right {float:none; width:32%; position: absolute; top:0; right:0;}
.tri_col_left img {width:100%;}
.tri_col_right img {width:100%;}
.tri_col_midle img {width:100%;}
.bottomleftcorner {float:left; width:85%; margin: 5px 0 10px 1.5%; line-height:1.5; font-weight:bold;}
.bottomleftcorner a {text-decoration: none; color:blue;font-weight:normal; font-style: italic;}
/*TR{font-family:Arial;font-size:8.5pt;} */
.tblColor1{background:#ffffff;}
.tblColor2{background:#f4f4f4;}
.admin-TD{padding-right:5px;border-top:1px solid #f5f5f5;padding-left:2px;padding-bottom:3px;border-left:1px solid #f5f5f5;color:#000000;padding-top:2px;height:21px;}
.MenuBottom{padding-right:5px;border-top:1px solid #f5f5f5;padding-left:2px;padding-bottom:3px;border-left:1px solid #f5f5f5;width:100%;color:#000000;padding-top:2px;height:21px;background-color:inherit;}
.DefaultTable{font-size:100%;border:1px solid #aebfe1;width:100%;}
.tableTiny{border:3px solid #c0c0c0;padding-right:5px;border-top:1px solid #f5f5f5;padding-left:2px;padding-bottom:3px;border-left:1px solid #f5f5f5;padding-top:2px;height:21px;background:#ffffff;font-size:100%;color:#000080;width:100%;}
#mytable{padding-right:0;padding-left:0;padding-bottom:0;margin:0;width:100%;padding-top:0;border:1px solid #aebfe1;border-top:0 solid #afc8e4;border-left:1px solid #afc8e4;border-right:1px solid #afc8e4;border-bottom:1px solid #afc8e4;background-color:#fbfcfe;}
.mytd{border:1px solid #aebfe1;border-top:0 solid #afc8e4;border-left:1px solid #afc8e4;border-right:0 solid #afc8e4;border-bottom:1px solid #afc8e4;background-color:#fbfcfe;}
.mytextBox{color:#1a376b;}
.shiftcontainer{position:relative;padding-left:5px;left:5px;top:5px;}
.shadowcontainer{width:100%;background-color:#e0dedf;border:1px solid #f4f4f4;}
.shadowcontainer .innerdiv{background-color:#fbfcfe;border:2px solid #84c1df;padding:1px;position:relative;left:2px;top:-3px;}
.product_model {padding:5px 0 10px 0; text-align: justify; line-height:1.6; font-style:italic;}
.product_img {width: 55%; float:right; margin: 10px 0 10px 20px; }
.product_img img{width:100%;height: auto; border:1px solid;}

.threeColumnNav .imgcat_frame {width:63%; padding:10px 0 15px 0;}
.imgcat_container {width:100%; margin-right:auto; margin-left:auto; position: relative; text-align:center; line-height:1.5;}
.imgcat_container img{width:100%; }
.imgcat_frame .button-left {float:left; width:5%; position: absolute; top: 46%;left:.5%; height:10%;}
.imgcat_frame .button-right {float:right; width:5%; position: absolute; top: 46%;right:5.3%; height:10%;}

.popup-overlay {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 9999; justify-content: center; align-items: center;}

.popup-content {background: #fff; border-radius: 10px; width: 90%; max-width: 400px; height: 410px; position: relative; overflow: hidden;}

#popupFrame {width: 100%; height: 100%;}
.close-btn {display: none;position: absolute; top: 5px; right: 10px; font-size: 22px; cursor: pointer; z-index: 10;}

/******** For mobile device ********/
/*---- Responsive base screen witdh ------- */
@media screen and  (max-width: 970px){
body{font-family:Arial, Helvetica, sans-serif; font-size:100%;}
#colorleft .maintitle {position:absolute;top:35px;right:0;width:65%;text-align:right; 
margin-right: 10px; color:#FF6600;font-weight:normal;}
#colorleft .maintitle H1{font-size:100%;}
.imgcat_frame .button-left {float:left; text-align:center;width:7%; position: absolute; top: 43%;left:.5%; height:15%;cursor:pointer;border-radius:0;-webkit-appearance: none;}
.imgcat_frame .button-right {float:right; text-align:center;width:7%; position: absolute; top:43%;right:.5%; height:15%;cursor:pointer;border-radius:0;-webkit-appearance: none;}
.frame_ads {width:65%; float:left; border:3px solid blue; border-radius:10px; border-style:dashed; animation: mymove 3s infinite;}
.twoColumnLayout .separator{width:100%;float:left; height:0px;margin-bottom:0px;}
.twoColumnLayout .leftThumb {float:left; width:99%; margin-right:1%; vertical-align:top; margin-top:0px; margin-bottom:10px; }
.twoColumnLayout .leftThumb H2{float:left;font-size:105%; margin-bottom:5px;}
.threeColumnNav .separator{width:100%;float:left; height:0px; margin-bottom:0px;}
.threeColumnNav {float:left;width:100%; padding-right:0; margin-bottom:20px;}
.threeColumnNav .leftThumb {float:left; width:99%; margin-right:1%; vertical-align:top; margin-top:10px; margin-bottom:10px; }
.threeColumnNav .leftThumb H2{float:left;font-size:105%; margin-bottom:5px; margin-top:0px;}
.threeColumnNav	H2{text-align: left;}
.threeColumnNav img{float:left; border:1px solid #666; margin-right:2px;max-width:99%;}
.threeColumnNav	.leftThumb H2{text-align: left;}
.threeColumnNav .leftThumb{float:left;width:99%;}
.twoColumnLayout .menuThumb {display: none;float:left;width:98%;  height: auto; text-align: left; color:#006600; margin-right:2%;margin-bottom:5px;}
.twoColumnLayout .menuThumb H3{text-align:left; color:#006600;}
.ftseparator{display: none; width:100%;float:left;height:100px;margin-bottom:5px;}
.oneColumnNav{float:left;width:99%;padding-right:5px;}
.oneColumnNav .baCot{float:left;width:100%;margin-bottom:15px;font-weight:bold;color:#FF6600;text-align:center;}
.oneColumnNav .bonCot{float:left;width:50%;margin-bottom:15px;font-weight:bold;color:#FF6600;text-align:center;}
.oneColumnNav .namCot{float:left;width:50%;margin-bottom:15px;font-weight:bold;color:#FF6600;text-align:center;}
.oneColumnNav .updating_notes{margin-top:100px; padding-left: 17%; padding-right:15%; line-height:1.7; text-align: left;display: none;}
#theContent{float:right;width:100%;padding-top:5px;padding-left:0px; border-left: none; min-height: 80px;}
#theContent .tags{position: absolute; width:96%; bottom:0; left:0; padding-left:5px;display: none;}
#theContent1 {float:right;width:100%;padding-top:5px;padding-left:0px;background:none; background-color:#fff;}
#theContent1 .tags{position: absolute; width:96%; bottom:0; left:0; padding-left:5px;display: none;}
#titleBarHighLights {display: none;}
#highLights {display: none;}
#search {position: absolute; bottom:0; display: none;}
#mainNav{float:left; width:98%; padding:1%; text-align:left;}
#menuTop span{padding:5px; float:left;text-align:left; line-height:1.5;}
.dropdown-content {display: none; min-width: 160px;  padding: 5px 5px;}
.dropdown button {background-color:white; border-radius:15px; font-weight:bold; font-size:1.0em;}
.menu_ext {width:100%; float:left; font-size:1.0em; color:#006600; margin-left: 5px;display: none;}
#mainNav span {font-size:1.05em; padding: 5px 5px; border-radius: 15px;}
.subNav {width:100%; float:left; text-align:center; font-size:120%;}

#pageTop	{float: left; width: 100%; height: auto; background-color:#a00;color:#fff;overflow:hidden;padding-bottom:25px;}
#pageTop	.mySlides {display:none;float:left; width: 100%; height: auto; margin-right: 0px; padding-bottom:10px;}
#pageTop	.descimgTop{position: absolute; top: 0; left: 0; width: 100%; height:auto; }
#pageTop	.descimgTop img{float: left; width:	100%; height:auto; margin-right: 0px; padding-bottom:10px;}
#pageTop .descpageTop {margin: 51% 10px 10px 0; text-align: justify; color:#fff; font-size:120%;}
#pageTop	.descpageTop H2{margin-right: 10px; text-align: left; margin-left: 0px; color:#fff;}
#pageTop	.descpageTop{margin-right: 10px; text-align: justify; margin-left: 10px; color:#fff; padding-bottom:5px; }

#pageTop .descpageTop a span { position:absolute; display:none; z-index:99; width: 50%; height: auto; }
#pageTop .descpageTop a:hover span { display:block; position:absolute; top:0; left:25%;}
#pageTop .descpageTop .hotline a {color:#fff;}

ul {list-style-type: none; margin: 0; padding: 0; overflow: hidden;  }
#footerBar .rightfooterBar {float:right; width:100%; text-align:center;} 
#footerBar .firmfooterBar {width:100%; text-align:center; font-size:100%;letter-spacing: 0px; word-spacing: 0px;}
.freshness {display: none; width:50%; float:left;}
#footerBar .footaddress {width:100%; float:Left; text-align:center; margin-left:0%; padding-left:0px; line-height:2.0; padding-bottom:20px; font-size:100%;}
.newsItem {float:left;width:95%;margin-left:5px;line-height:1.5;}
.newsItem .leftThumb{float:left;width:92%;margin-right:10px;margin-bottom:10px;}
.newsItem .rightThumb{float:right;width:92%;margin-left:10px;margin-bottom:10px;}
.newsItem .midleThumb{width:92%;margin-left:auto;margin-right:auto; margin-bottom:10px;}
.newsItem .altImage{float:right;width:90%;margin-right:20px;}
#headerBar {width:100%; height: 115px; position: relative;}
#headerBar	 .logo {width:100px; height: 100px; margin-bottom: 5px; position: absolute; top:0; left:0;}
#headerBar .slogan {margin-bottom:0px; margin-right:5px; position: absolute; bottom:12px; right:0; width:67%;text-align:right;}
#headerBar 	.slogan H2{color:#FF6600;font-weight:bold;}
#headerBar .slogan H1{font-size:115%;color:#FF6600;font-weight:normal;}
#socialtop {position: absolute; top:5px; right:0; padding-right:5px;}
.rightblock {width:100%; float:right; border:1px solid #40bf40;}
.namesaler {width:45%; float:left; text-align: center; color:#006600; padding-top:8px; padding-bottom:5px;}
.phonesaler {width:45%; float:left; text-align: center; color: #0000FF; font-size: 160%;}
.w3-content {width:100%; display: inline-block; color:#006600; }
.cat {width:98%; margin-left:1%; margin-right:1%; margin-top: 5px; text-align: justify; display: inline-block; vertical-align:top; line-height:1.25; }
.groupbutton {margin:auto; width:100%; height:25px; text-align:center; vertical-align:middle;}
.threeColumnNav .two_cols_left {float:left; width:100%; margin:10px 0 10px 0;}
.threeColumnNav .two_cols_right {float:left; width:100%;margin:10px 0 10px 0;}
.threeColumnNav .tri_cols {width:100%; position: static;}
.threeColumnNav .tri_col_left {float:left; width:100%; position: static; margin:10px 0 10px 0;}
.threeColumnNav .tri_col_right {float:left; width:100%; position: static; margin:10px 0 10px 0;}
.threeColumnNav .tri_col_midle {float:left; width:100%; position: static; margin:10px 0 10px 0;}
.bottomleftcorner {display:none;}
.product_model {padding:5px 5px 0 5px; text-align: justify; line-height:1.2; font-style:italic;}
.product_img {width: 100%; float:right; margin: 10px 0 10px auto; margin-bottom:10px;}
.threeColumnNav .imgcat_frame {width:100%; padding:10px 0 15px 0;}
.popup-content {width: 90%; height: 450px; border-radius: 0; }
}
	
/*---- Responsive base screen witdh 1024 for Ipad Screen------- */
@media screen and (max-width: 1024px) and (min-width:768px){
#colorleft .maintitle {position:absolute;top:35px;right:0;width:75%;text-align:right; 
margin-right: 10px; color:#FF6600;font-weight:normal;}
#colorleft .maintitle H1{font-size:140%;}

#headerBar 	.slogan H1{font-size:110%;color:#FF6600;font-weight:normal;}
#pageTop	{float: left; width: 100%; height: 154px; background-color:#a00;color:#fff;overflow:hidden;}
#pageTop	.mySlides {display:none;float:left; width: 322px; height: 154px; margin-right: 7px;}
#pageTop	.descimgTop img{float: left; width: 322px; height: 154px;}
#pageTop .descpageTop {margin: 10px 7px 5px 329px; text-align: justify; color:#fff; font-size:90%;}
#pageTop	.descimgTop{position: absolute; top: 0; left: 0; width:322px; height:154px;}
#pageTop	.descpageTop H3{text-align: justify; padding-right:7px; padding-bottom:5px;color:#fff;font-size:100%;}

#pageTop .descpageTop a span { position:absolute; display:none; z-index:99; width: 180px; height: auto; }
#pageTop .descpageTop a:hover span { display:block; position:absolute; bottom:0; left:71px;}

#pageTop .descpageTop .hotline {font-size:90%; text-align:left; margin-top:0; font-weight:bold; display: none;}
.threeColumnNav	.leftThumb H2{text-align: left;font-size:85%;}
.threeColumnNav	.leftThumb p{text-align: justify;font-size:90%;}
.twoColumnLayout	.leftThumb H2{text-align: left;font-size:90%;}
.twoColumnLayout	.leftThumb p{text-align: justify;font-size:90%;}
.phonesaler {width:45%; float:left; text-align: center; color: #0000FF; font-size: 110%;}
.w3-content {width:100%; display: inline-block;color:#006600; }
.cat {width:98%; margin-left:1%; margin-right:1%; margin-top: 5px; text-align: justify; display: inline-block; vertical-align:top; line-height:1.25; }
.groupbutton {margin:auto; width:100%; height:25px; text-align:center; vertical-align:middle;}
.product_model {padding:5px 5px 0 5px; text-align: justify; line-height:1.2; font-style:italic;}
.product_img {width: 100%; float:right; margin: 10px 0 10px auto; margin-bottom:10px;}
.threeColumnNav .imgcat_frame {width: 100%; padding:10px 0 15px 0;}
}
/*---- Responsive PRINT ------- */
@media print {
.twoColumnLayout {float:left; width:99%; vertical-align:top; margin-top:10px; margin-bottom:10px;}
.twoColumnLayout .leftThumb {float:left; width:48%; margin-right:2%; vertical-align:top; margin-top:0px; }
.threeColumnNav	 {float:left; width:99%; vertical-align:top; margin-top:10px; margin-bottom:10px;}
.threeColumnNav .leftThumb {float:left; width:48%; margin-right:2%; vertical-align:top; margin-top:10px;}
.twoColumnLayout .menuThumb {display: none;float:left;width:98%;  height: auto; text-align: left; color:#006600; margin-right:2%;margin-bottom:5px;}
.twoColumnLayout .menuThumb H3{text-align:left; color:#006600;}
.ftseparator{display: none; width:100%;float:left;height:100px;margin-bottom:5px;}
.oneColumnNav{float:left;width:99%;padding-right:5px;}
.oneColumnNav .baCot{float:left;width:100%;margin-bottom:15px;font-weight:bold;color:#FF6600;text-align:center;}
.oneColumnNav .bonCot{float:left;width:50%;margin-bottom:15px;font-weight:bold;color:#FF6600;text-align:center;}
.oneColumnNav .namCot{float:left;width:50%;margin-bottom:15px;font-weight:bold;color:#FF6600;text-align:center;}
.oneColumnNav .updating_notes{margin-top:100px; padding-left: 17%; padding-right:15%; line-height:1.7; text-align: left;display: none;}
#theContent{float:right;width:100%;padding-top:5px;padding-left:0px; border-left: none; min-height: 80px;}
#theContent .tags{position: absolute; width:96%; bottom:0; left:0; padding-left:5px;display: none;}
#theContent1 {float:right;width:100%;padding-top:5px;padding-left:0px;background:none; background-color:#fff;}
#theContent1 .tags{position: absolute; width:96%; bottom:0; left:0; padding-left:5px;display: none;}
#titleBarHighLights {display: none;}
#highLights {display: none;}
#search {position: absolute; bottom:0; display: none;}
#mainNav{display: none;float:left; width:98%; padding:1%; text-align:left;}
#menuTop{float:left;width:100%; background-color:#E6E6E6; border:1px solid #000000;display: none;}
#menuTop span{padding:5px; float:left;text-align:left; line-height:1.5;}
.dropdown-content {display: none;}
.dropdown .button {background-color:#e7e7e7; border:5px solid #00cc00; border-radius:15px; font-weight:bold; font-size:1.0em;}
#mainNav span{font-size:1.05em; padding: 5px 5px; border-radius: 15px;}
.subNav {display: none; width:100%; float:left; text-align:center; font-size:120%;}
#pageTop	{float: left; width: 100%; height: auto; background-color:#a00;color:#fff;overflow:hidden;}
#pageTop	.mySlides {display:none;float:left; width: 100%; height: auto; margin-right: 0px; padding-bottom:10px;}
#pageTop	.descimgTop img{float: left; width:	100%; height:auto; margin-right: 0px; padding-bottom:10px;}
#pageTop	.descpageTop{margin-right: 10px; text-align: justify; margin-left: 10px; color:#fff; padding-bottom:30px; margin-top:49%;}
#pageTop	.descimgTop{position: absolute; top: 0; left: 0; width: 100%; height:48%; }
ul {display: none; list-style-type: none; margin: 0; padding: 0; overflow: hidden;  }
#footerBar{display: none; width:100%;margin-top:10px;padding-top:5px;padding-bottom:5px;background-color:#eee;color:#666;font-size:100%;text-align:center;line-height:1.25;clear:both;}
#footerBar .rightfooterBar {float:right; width:100%; text-align:center;} 
#footerBar .firmfooterBar {width:100%; text-align:center; font-size:100%;letter-spacing: 0px; word-spacing: 0px;}
.freshness {display: none; width:50%; float:left;}
#footerBar .footaddress {width:100%; float:Left; text-align:center; padding-left:0px; line-height:2.0; padding-bottom:20px; font-size:1.3em;}
.newsItem {float:left;width:95%;margin-left:5px;line-height:1.5;}
.newsItem .leftThumb{float:left;width:92%;margin-right:10px;margin-bottom:10px;}
.newsItem .rightThumb{float:right;width:92%;margin-left:10px;margin-bottom:10px;}
.newsItem .midleThumb{width:92%;margin-left:auto;margin-right:auto; margin-bottom:10px;}
.newsItem .altImage{float:right;width:90%;margin-right:20px;}
#headerBar{width:100%; height: 105px; position: relative;}
#headerBar	.logo img{width:100px; height: 100px; margin-bottom: 5px; position: absolute; top:0; left:0;}
#headerBar	.slogan{font-size:100%; margin-bottom: 0px; margin-right: 5px; position: absolute; bottom:12px; right:0; width:65%;text-align:right;}
#headerBar	.slogan H2{color:#FF6600;font-weight:bold;}
#socialtop {display: none; position: absolute; top:5px; right:0; padding-right:5px;}
.rightblock {width:100%; float:right; border:1px solid #40bf40; display: none;}
.namesaler {width:45%; float:left; text-align: center; color:#006600; padding-top:8px; padding-bottom:5px;}
.phonesaler {width:45%; float:left; text-align: center; color: #0000FF; font-size: 160%;}
.w3-content {width:100%; display: none; }
.cat {width:98%; margin-left:1%; margin-right:1%; margin-top: 5px; text-align: justify; display: inline-block; vertical-align:top; line-height:1.25; }
.groupbutton {margin:auto; width:100%; height:25px; text-align:center; vertical-align:middle;}
.product_model {padding:5px 5px 0 5px; text-align: justify; line-height:1.2; font-style:italic;}
.product_img {width: 100%; float:right; margin: 10px 0 10px auto; margin-bottom:10px;}
.threeColumnNav .imgcat_frame {width:100%; padding:10px 0 15px 0;}
}