/* Institute of Sino-Christian Studies */
/* Import */

@import url('http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css');
@import url('http://fonts.googleapis.com/css?family=Roboto:300,400'); /* for h1-h6, section headers */
@import url('http://fonts.googleapis.com/earlyaccess/notosanstc.css');
@import url('http://fonts.googleapis.com/earlyaccess/notosanssc.css');

/* Default */
body {overflow-y: scroll; font-size: 13px; color: #333; font-family: 'Noto Sans TC', Roboto, Helvetica, Arial, sans-serif; margin:0px; padding:0px;}

h1, h2, h3, h4, h5, h6 {margin-bottom: 0.5em; font-family: 'Noto Sans TC', Roboto, Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.2em;}

h1index {font-size: 330%; line-height: 1em; color: #BE8C19;letter-spacing:-0.015em;}
h2index {font-size: 170%; line-height: 1.5em; font-weight: bold; color: #BE8C19;letter-spacing:-0.005em;}
h3index {font-size: 140%; line-height: 1.2em; font-weight: bold; color: #FFF;letter-spacing:-0.005em;}

h1 {font-size: 280%; line-height: 1.6em; color: #BE8C19;}
h2 {font-size: 140%;}
h3 {font-size: 125%;}
h4 {font-size: 110%;}
h5 {font-size: 100%;}
h6 {font-size: 90%;}

a {color: #333; text-decoration: none;}
a:hover {text-decoration: underline;}

a:link, a.navbar:link, a.man:link {color:#333; font-size:13pt; font-family: 'Noto Sans TC', Roboto, Helvetica, Arial, sans-serif;}
a:active, a.navbar:active, a.man:active {color:#BE8C19; font-size:13pt; font-family: 'Noto Sans TC', Roboto, Helvetica, Arial, sans-serif;}
a:visited, a.navbar:visited, a.man:visited {color:#333; font-size:13pt; font-family: 'Noto Sans TC', Roboto, Helvetica, Arial, sans-serif;}
a:hover, a.navbar:hover, a.man:hover {color:#E4B43C; font-size:13pt; font-family: 'Noto Sans TC', Roboto, Helvetica, Arial, sans-serif;}

a img{border:none; width:100%; height:auto;}

text1, text2, text3, text4, text5, text6 {margin-bottom: 0.5em; font-family: 'Noto Sans TC', Roboto, Helvetica, Arial, sans-serif; font-weight: normal;color: #333;}

.text1 {font-size: 280%; line-height: 1em;text-align:justify;}
.text2 {font-size: 140%;line-height: 1em;text-align:justify;}
.text3 {font-size: 135%;line-height: 1.6em;text-align:justify;}
.text4 {font-size: 130%;line-height: 1.9em;text-align:justify;}
.text5 {font-size: 12pt;line-height: 1.4em;text-align:justify; width:100%;}
.text6 {font-size: 90%;line-height: 1em;text-align:justify;}
.text7 {font-size: 110%;line-height: 2em;color: #a8a4a2;line-height: 6em;}

td,form{margin:0;padding:0}
table,tr,td{background:transparent}

hr {margin: 0;} /* for ie7 and below */
html>/**/body hr {margin: 20px 0 8px 0;} /* for modern browsers */

input::-webkit-input-placeholder {font-weight: normal !important; color: #ccc !important;}
input:-moz-placeholder {font-weight: normal !important; color: #ccc !important;}

.dotline{left:0px;margin-left:0px;top:0px;margin-top:13px;margin-bottom:9px;padding-left:0px;padding-bottom:0px;width:98%;height:auto;float:left;border-bottom: 1px dotted #ddd;}

.yellowline{left:0px;margin-left:0px;top:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-bottom:0px;width:100%;height:auto;float:none;border-bottom: 1px solid #C8951D;background-color: #fff;}

.yellowline100{left:0px;margin-left:0px;top:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-bottom:0px;width:195px;height:1px;float:none;border-bottom: 0px solid #C8951D;background-image: url('/Template/Shared/images/global/publisher/yline1.gif');background-repeat: no-repeat;}

.greenline{left:0px;margin-left:0px;top:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-bottom:0px;width:100%;height:auto;float:none;border-bottom: 1px solid #ddd;}

.greenline2{left:0px;margin-left:0px;top:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-bottom:0px;width:100%;height:auto;float:none;border-bottom: 1px solid #B6D2BE;}

.whiteline{left:0px;margin-left:0px;top:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-bottom:0px;width:100%;height:auto;float:none;border-bottom: 1px solid #FFF;}

.greyline2{left:0px;margin-left:0px;top:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-bottom:0px;width:100%;height:auto;float:none;border-bottom: 1px solid #E9E9E9;}

.greyline3{left:0px;margin-left:0px;top:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-bottom:0px;width:100%;height:auto;float:none;border-bottom: 1px solid #F8F8F8;}

.spacer80{width:100%;height:60px;float:none;}
.spacer70{width:100%;height:60px;float:none;}
.spacer60{width:100%;height:60px;float:none;}
.spacer55{width:100%;height:55px;float:none;}
.spacer50{width:100%;height:50px;float:none;}
.spacer45{width:100%;height:45px;float:none;}
.spacer40{width:100%;height:40px;float:none;}
.spacer36{width:100%;height:36px;float:none;}
.spacer32{width:100%;height:32px;float:none;}
.spacer30{width:100%;height:30px;float:none;}
.spacer28{width:100%;height:28px;float:none;}
.spacer25{width:100%;height:25px;float:none;}
.spacer24{width:100%;height:24px;float:none;}
.spacer20{width:100%;height:20px;float:none;}
.spacer15{width:100%;height:15px;float:none;}
.spacer10{width:100%;height:10px;float:none;}
.spacer5{width:100%;height:5px;float:none;}


/* New Book img */
#bookimg {margin:0; width: 100%; overflow: auto;}
#bookimg ul {list-style-type: none;}
#bookimg li {display:block; margin-right:3%; top:6%; padding-top:6%; padding-bottom:0%; width:131px; height:205px; border: 0px solid #fff;
float: left;
    -webkit-transition: box-shadow 0.5s ease;
    -moz-transition: box-shadow 0.5s ease;
    -o-transition: box-shadow 0.5s ease;
    -ms-transition: box-shadow 0.5s ease;
    transition: box-shadow 0.5s ease;
}
#bookimg li :hover {
    -webkit-box-shadow: 0px 0px 0px rgba(255,255,255,0.9);
    box-shadow: 0px 0px 0px rgba(255,255,255,0.9);
}

/* New Social img */
#socialimg {margin:0; width: 100%; overflow:hidden;}
#socialimg ul {list-style-type: none;}
#socialimg li {display: block; margin-right:2%; top:7px; padding-top:2%; padding-bottom:2%; width:32px; height:32px; border: 0px solid #fff; float: left;
    -webkit-transition: box-shadow 0.5s ease;
    -moz-transition: box-shadow 0.5s ease;
    -o-transition: box-shadow 0.5s ease;
    -ms-transition: box-shadow 0.5s ease;
    transition: box-shadow 0.5s ease;
}
#socialimg li :hover {
    -webkit-box-shadow: 0px 0px 0px rgba(255,255,255,0.9);
    box-shadow: 0px 0px 0px rgba(255,255,255,0.9);
}

/* Back to Top */
a.iscs-backtotop {
	overflow: hidden;
	z-index: 8000;
	position: fixed;
	right: 10px;
	bottom: 0;
	margin: 0;
	padding: 2px 4px;
	height: 26px;
	width: 22px;
	background-color: #333;
	font-size: 24px;
	line-height: 24px;
	cursor: pointer !important;
	opacity: 0.8;
	filter: alpha(Opacity=80);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
}

a.iscs-backtotop:hover {opacity: 1; text-decoration: none;}
a.iscs-backtotop i {color: #fff; text-shadow: 0 -1px 0 #000;}


.contain1 {left: 0px; margin-left: 0px; top: 0px; width: 100%; height: auto; float: left; overflow:visible;}
.contain2 {left: 0px; margin-left: 0px; top: 0px; width: 98%; height: auto; float: left;}

#iscs-mobileNav-list {display:none; width:100%; height:auto; margin-top:-13px;}


/*<!-- new sytle developed by vera -->*/
.spacer7{width:100%;height:7px;float:none;background-color: #fff;}
h1blog_archive {font-size: 330%; line-height: 1em; color: #BE8C19;letter-spacing:-0.015em;}

.contain3 {left: 0px; margin-left: 0px; top: 0px; width: 100%; height: auto; float: left;}
.contain4 {width:100%;height:auto;top:0px;}
.contain5 {left: 0px; margin-left: 0px; top: 0px; width: 100%; height: auto; float: left; overflow:visible;}
.contain6 {left: 0px; margin-left: 0px; top: 0px; width: 90%; height: auto; float: left; overflow:visible;}


.booksBlkC {left:41px; margin-left: 41px; top: 44px; width: 100%; height: auto; background-color: #F2F1F0; border-right: 0px solid #908F8D; font-size:14px;}
.booksBlkD {left: 0px; margin-left: 0px; top: 0px; width: 30%; height: auto; float: left; background-color: #d8d5d0; font-size:14px;}
.booksBlkE {left: 26px; margin-left: 26px; top: 0px; width: 100%; height: 100%; float: left; background-color: #d8d5d0; font-size:14px;}
.booksBlkF {left:0px; margin-left: 0px; top: 44px; width: 63%; height: auto; background-color: #F2F1F0;float: left;}


.borderA {width: 34%; height: auto; border-right: 1px solid #908F8D;float: left;}
.borderB {width: 33%; height: auto; border-right: 1px solid #908F8D;float: left;}
.borderC {width: 31%; height: auto; border-right: 0px solid #908F8D;float: left;}


.outterE {display:block; width: 100%; height:auto; background:#fff; margin:0; padding:0; text-align: center;}
.innerE {font-family: 'Noto Sans TC', Helvetica, Arial, sans-serif; margin: auto; width: 960px; height:auto; z-index: 90; text-align: left;}


.mainA{width:100%;height:auto;top:0px;left:50px;background-color:#d8d5d0}
.mainE{width:100%;height:auto;top:0px;left:50px;background-color:#f2f1f0}
.mainF{width:100%;height:auto;top:0px;left:50px;background-color:#fff}
.mainG{width:100%;height:auto;top:0px;left:50px;background-color:#fbf9f7}
.mainH{width:100%;height:auto;top:0px;background-color:#F2F1F0}


.text8 {font-size: 115%;line-height: 1em;color:#333;}
.text9 {font-size: 165%;line-height: 2.6em;color:#333;}
.text10 {font-size: 115%;line-height: 1.4em;color:#333;}
.text10indent {margin-left: 1.5em;font-size: 115%;line-height: 1.4em;color:#333;text-align:justify;}
.text11 {font-size: 115%;line-height: 1.6em;color:#333;text-align:justify;}
.text11indent {margin-left: 1.6em;font-size: 115%;line-height: 1.6em;color:#333;text-align:justify;}
.text12 {font-size: 100%;line-height: 2em;text-align:justify;}
.text13 {font-size: 90%;line-height: 2em;text-align:justify;}
.text14 {font-size: 80%;line-height: 1em;color: #333;text-align:justify;}
.text15 {font-size: 100%;line-height: 1em;color: #333;text-align:justify;}


.newheaderL {width: 70%; height: auto; top: 0px; float: left;}
.newheaderR {width: 30%; height: auto; top: 0px; float: left;}


.headerHolder {vertical-align: middle; text-align: center; height:350px;}
.headerHolder img {height:100%;}


.BlkA {left:29px; margin-left: 29px; top: 44px; width: 94%; height: auto; float: left; border-right: 0px solid #908F8D; font-size:14px;}
.BlkB {left: 29px; margin-left: 26px; top: 0px; width: 32%; height: auto; float: left; background-color: #ffffff; font-size:14px;}


.subjects-listA  {width: 90%;left:6px; margin-left: 6px; font-size:115%; line-height: 2.6em; color: #333;font-weight: bold;}
.subjects-listA  a {font-size:106%; line-height:2.1; color: #333;font-weight: bold;}
.subjects-listA  a:hover {color: #F8BF32;font-weight: bold;}

.subjects-listB  {width: 90%;left:20px; margin-left: 20px; font-size:115%; line-height: 2.6em; color: #333;font-weight: bold;}
.subjects-listB  a {font-size:106%; line-height:2.1; color: #333;font-weight: bold;}
.subjects-listB  a:hover {color: #F8BF32;font-weight: bold;}


.greyline {left:0px;margin-left:0px;top:0px;margin-top:5%;margin-bottom:5%;padding-left:0px;padding-bottom:0px;width:98%;height:auto;float:left;border-bottom: 1px solid #ddd;}


/*<!-- end new sytle developed by vera -->*/

/* Select Style developed by Isaac */
.selectShort {
  margin: 0px;
  padding: 0px;
  /*border: 1px solid #C3DEC3;*/
  border: 1px solid #ddd;
  background: transparent;
  width: 40px;
  font-size:120%;
  height: 37px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /*text-align:left;*/
  text-indent: 8px;
  float: left;
}

.selectShort::-ms-expand {
    display: none;
}
/* //Select Style developed by Isaac */

/* style for the tabs -- added by Isaac */
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
 /*letter-spacing: 1px;*/
 letter-spacing: 0px;
}
.tabberlive {
 padding:0px 0% 4% 0%;
 width:100%;
 /*letter-spacing: 1px;*/
 letter-spacing: 0px;
 margin-top:1em;
 font-size:90%;
 color:#000;
 background: #FEFEF4;
}
.tabberlive a {font-size:100%}
/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 line-height:1.25em;
 padding: 8px 0;
 border-bottom: 0px;
 background-color:#F8F8F8;
 letter-spacing: 1px;
 font-size:115%;
 font-family:Verdana, sans-serif;
 margin-top: -19px;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 letter-spacing: 1px;
 display: inline;
 /*padding-right: 2px;*/
 padding: 8px 2px;
}

ul.tabbernav li a
{
 height:20px;
 padding:8px 20px 8px 20px;
 /* margin-left: 3px; */
 border-right: 2px solid #F7F7F7;
 border-bottom: none;
 color: #000;
 background: #e0e0d0;
 text-decoration: none;
}
/*ul.tabbernav li:nth-child(3) a {padding:1% 23px 3px 23px; border-right:0px;}*/
ul.tabbernav li a:link { color: #000; text-decoration: none; font-size:95%;}
ul.tabbernav li a:visited { color: #000; text-decoration: none;}

ul.tabbernav li a:hover
{
 color: #773;
/* background: #AAE;*/
 background: #FEFEF4;
 border-color: #FEFEF4;
}

ul.tabbernav li.tabberactive a
{
 background-color: #FEFEF4;
 border-bottom: 1px solid #FEFEF4;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #773;
 /* background: white; */
 border-bottom: 1px solid #FEFEF4;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 /*border:1px solid #aaa;*/
 border-top:0;
 /*letter-spacing: 1px;*/
 letter-spacing: 0px;

 /* If you don't want the tab size changing whenever a tab is changed
	you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
	scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
 letter-spacing: 1px;
}
.tabberlive#tab2 {
 letter-spacing: 1px;
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 letter-spacing: 1px;
 overflow:auto;
}
/* //style for the tabs -- added by Isaac */

/*<!-- new sytle developed by Isaac for displaying the webpage responsively -->*/
@media screen and (min-width:961px) {
.bkgTp {
	width: 100%;
	height: 160px;
	background: #FEFEF4;
background-image: url('/Template/Shared/images/global/publisher/decor1_1.png');
	background-repeat: no-repeat;
	background-position: 62% -40px;
}
.bkgCn {width: 100%;height:auto; background:#fff; background-image: url('/Template/Shared/images/global/publisher/publisherbkg1.png');background-repeat: repeat-x;}
.bkgDn {width: 100%;height: 208px;background-image: url('/Template/Shared/images/global/publisher/mapDn01.png');background-repeat: no-repeat;}

.outterADn {display:block; width: 100%; height:auto; background:#fff; margin:0; padding:0; text-align: center; border-bottom:0px solid #fff;}
.outterA {display:block; width: 100%; height:auto; background:#FFFFF5; margin:0; padding:0; text-align: center; border-bottom:0px solid #fff;
}
.outterB {display:block; width: 100%; height:49px; background:#E4B43C; margin:0; padding:0; text-align: center; border-bottom:0px solid #C8951D;
	background-image: url('/Template/Shared/images/global/publisher/decor1_1.png');
	background-repeat: no-repeat;
	background-position: 62% -200px;
}
.outterC {display:block; width: 100%; height:auto; background:#FFF; margin:0; padding:0; text-align: center;}
.outterD1, .outterD2 {display:block; width: 100%; height:auto; background:#FFF; margin:0; padding:0; text-align: center; margin-bottom:61px}
.outterE {display:block; width: 100%; height:auto; background:#f8f8f8; margin:0; padding:0; text-align: center; border-bottom:10px solid #f8f8f8;}

/* Logo */
.innerLogo {font-family: 'Noto Sans TC', Helvetica, Arial, sans-serif; margin: auto; width: 960px; height:auto; z-index: 90; text-align: left;}

.innerLogoBn {font-family: 'Noto Sans TC', Helvetica, Arial, sans-serif; margin: auto; width: 960px; height:auto; z-index: 90; text-align: left; height:100%;}

.innerCn {text-align:center; height:auto;}
	.inner {font-family: 'Noto Sans TC', Helvetica, Arial, sans-serif; margin: auto; width: 960px; height:auto; z-index: 90; text-align: left;}


	.headerL {width: 75%; height: auto; top: 16px; float: left;}
	.headerLBn {width: 75%; height: 154px; top: 16px; float: left;}
		
    	.iscsLogo {vertical-align:middle; text-align:left;left:32px;margin-left:32px;margin-top:12px;margin-bottom:12px;}
		.iscsLogoBn {vertical-align:middle; text-align:left;left:0px;margin-left:0px;margin-top:12px;margin-bottom:12px; height: 70%;}
		
	.headerR {width: 25%; height: auto; top: 0px; float: left;}

.outtermain{width:100%; height:auto; top:0px; left:0px; background-color: #F8F8F8; border: 1px solid #ddd;
}
.main{width:100%; height:auto; top:0px; left:50px; background-color: #F8F8F8; border: 0px solid #ddd;
}

/* Main Menu */
.InnerNavMobile {display:none;}
.InnerNav {font-family: 'Noto Sans TC', Helvetica, Arial, sans-serif; margin: auto; width: 960px; height:auto; z-index: 90; text-align: left;}
#iscs-mobileNav-list {display:none; width:0%; height: 0px; overflow: hidden;}
.topnavicon1 {left: 5%;  margin-left: 5%;  width: auto; float: left;}
.topnavicon2 {right: 0%; margin-right: 1%; width: 100px; float: right;}

.ddsmoothmenu{padding: 0px;
	background-image: none;

	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none
}
.ddsmoothmenu ul {margin: 0px 0px 0px 5%}
.ddsmoothmenu ul li a{color:#FFF; text-shadow:none;}
.ddsmoothmenu ul li a:hover,.ddsmoothmenu ul li a.selected{
	background-image: none;
	background-color: #F8BF32;
	color:#fff;
}
.ddsmoothmenu>ul>li>a.active{
	color: #FFF;
	background-color: #F8BF32;
}
.ddsmoothmenu ul li ul {box-shadow:none;} /* This is added to remove the undecideable effect after the shift compensation */
.ddsmoothmenu ul li ul li {left: -5px;}  /* This is added to compensate the side-effect shift */
.ddsmoothmenu ul li ul li a{Font-size:16px; border-color:#C8951D; background-color:#E4B23A; text-shadow:none; width:180px;}
.ddsmoothmenu ul li ul li a:hover{background-image:none;background-color:#F8BF32; color:#E4B23A;}
.ddsmoothmenu ul li ul li ul li a{border-color:#C8951D}

.endItem {float:right;}
.childItemFix {display:inline-block;height:auto;width:15px;}
/* Main Menu End */

.booksBlkA {left:41px; margin-left: 38px; top: 44px; width: 64%; height: auto; float: left; border-right: 1px solid #C8951D; background-color: #ffffff; font-size:14px;}
.booksBlkB {left: 26px; margin-left: 26px; top: 0px; width: 32%; height: auto; float: left; background-color: #ffffff; font-size:14px;}

/* Search and Social */
.containerUp {left: 0px; margin-left: 0px; top: 0px; width: 100%; height: auto; float: none;}

    .containerUpL {width: 218px; text-align: left; left: 0px; margin-left: 0px; margin-top: -1px; margin-bottom: 10px; background-color: #fff; }
	
        .containerUpLInner {width: 100%; float: none;}
    .containerUpR {width: 100%; float: none; font-size: 14px; vertical-align: middle; line-height: 28px; text-align: center; left: 0px; margin-left: 0px; margin-top: 0px;  margin-bottom: 0px;}
.containerDn {left: 0px; margin-left: 0px; top: 10px; width: 100%; height: auto; float: left;}
    .containerDnL {left: 0px; margin-left: 0px; top: 0px; width: 90%; height: auto; float: left;}
        .containerDnLInner {width: 218px; text-align: left; left: 0px; margin-left: 0px; margin-top: 6px; margin-bottom: 10px; border:1px solid #ddd; float: left; background-color: #FFF;}
		
    .containerDnR {width: 100px; height: auto; float: left; text-align: Left; left: 5px; margin-left: 6px; margin-top: 60px;}
	
		.containerUpC {vertical-align:middle; text-align:left; left:50px; margin-left:-70px;margin-top:0px; margin-bottom:0px; font-size:100%; width: 75%; height: auto; float: none; line-height:2.2em;}
		    .containerLang {width: 14%; float: left; font-size: 13px; color: #FFF; vertical-align: middle; line-height: 46px; text-align: right; left: 0px; margin-left: 0px; margin-top: 0px;  margin-bottom: 0px;}
			.containerLang a {color: #FFF; text-decoration: none; font-size: 13px;}
    		.containerLang a:hover {color: #FFF; text-decoration: underline;}

.iscsLogo img  {width:154px;}
.iscsLogoBn img  {width:514px; margin-top:5px;margin-left: 36px;}

.containerDnL img, .containerDnR img {height:100%;}

.srchInputbox {height:31px; width:100%; border:0px; padding-left:8px;background:#fff}
.topsearch1 {vertical-align: middle; text-align: left; margin-left: 0px; margin-top: 0px; width: 80%; height: auto; float: left; background-color: #fff;}
.topsearch2 {left: 0px;  margin-left: 0px;  width: auto; height: 32px; float: left;}
.topsearch3 {right: 0%; margin-right: 0%; width:42px; height: 32px; float: right;}

.owl-carousel .owl-item img {width:100%;}


.servDiv {left: 5px; margin-left:0px; top:0px; width:99%; height:auto; float:left;}
.servDivL1a {left: 0px; margin-left: 0px; top: 0px; width: 100%; height: auto; float: left;}
.servDivL1b {left: 5px; margin-left: 5px; top: 0px; width: 99%; height: auto; float: left;}
.servDivL2a, .servDivL2b {left: 0px; margin-left: 0px; top: 0px; width: 48%; height: auto; float: left;}
.iconHolder {vertical-align: middle; text-align: center; height:55px;}
.iconHolder img {height:100%;}
.shadowA {display:block; width:1%; height:75px; background-color:#f2f2f2; float:left;}
.shadowB {display:block; width:2%; height:75px; background-color:#f2f2f2; float:left;}
.shadowC {display:block; width:1%; height:75px; background-color:#f2f2f2; float:right;}
.dotlineHideShow {display:none;}

.servBox1 {left: 0px; margin-left: 0px; right: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; top: 0px; width: 99.5%; height: auto; float: left;}
.servBox2 {left: 0px; margin-left: 0px; top: 0px; width: 99.5%; height: auto; float: right;}
.servTitle {font-size: 135%; line-height: 1.6em; text-align:center; color: #6b6a67; font-weight:bold; padding-top:12px; padding-bottom:25px;}
.servBoxTextArea {left: 0px; margin-left: 0px; top: 0px; width: 88%; height: auto; float: left; padding-left: 28px; padding-right: 30px; padding-bottom: 0px;}
.servText {font-size: 135%; line-height: 1.6em; text-align:center;}
.serDivBkgrd {display:block; width:100%; height:auto; background-image:url('servBoxBkgd.png'); background-repeat:repeat-y;}

.footer-nav-list {padding: 30px 0px 0px 32px; font-family: 'Noto Sans TC', Roboto, Helvetica, Arial, sans-serif;}
.footer-nav-list  ul {list-style: none; display: block; padding:0px; width:100%;}
.footer-nav-list  li {width: 105px;}
.footer-nav-list  ul > li {float: left; margin: 0px 5px; font-size: 15px; line-height: 1.3;}
.footer-nav-list  ul > li a {display: inline-block; min-height: 30px; margin-bottom: 10px; padding: 0; color: #333;}
.footer-nav-list  ul > li  a:hover {color: #888;}
.footer-nav-list  ul > li > ul > li {padding:0; margin:0; font-size:14px; line-height:1.1; min-height: 13px;}
.footer-nav-list  ul > li > ul > li+li {margin-top:10px;}
.footer-nav-list  ul > li > ul > li a {padding:0; font-size:14px; min-height: 14px; margin-bottom:0px; line-height:1.1; float:left; color: #777;}
.footer-nav-list  ul > li > ul > li a:hover {color: #888;}

.footer-nav-links {display:none;}

.footer-notes {display:block; width:100%; color:#777; padding: 0px 0px 0px 0px;}
    .footer-links, .footer-links a {color: #777; font-size: 7px; line-height: 20px;}
    .footer-links a:hover {color: #888;}
    .footer-credits {color:#777; margin-top: 15px; margin-bottom:15px; font-size: 7px; line-height: 1.1;}

   
.SectionClear, .SectionClearExtra {clear:both;}

.columnA {left:27px; margin-left: 27px; top: 0px; width: 195px; height: auto; float: left;}
.columnB {margin:0px; padding:0px; top:0px; width:708px; height: auto; float: left;}

/* New add */
.mapDn {height:100%; vertical-align:middle; text-align:left;left:0px;margin-left:0px;margin-top:0px;margin-bottom:0px;}

.indexcontainA {left: 27px; margin-left: 27px; top: 0px; width: 195px; height: auto; float: left; padding-bottom: 10px; padding-top: 10px;}
.indexcontainB {left: 0px; margin-left: 0px; top: 0px; width: 195px; height: auto; float: left; padding-bottom: 10px; padding-top: 10px;}

.borderGreen {width: 195px; height: auto; border: 1px solid #ddd; float: none;}
.borderGreen2 {width: 195px; height: 1272px; border: 1px solid #ddd; float: none;}

.titlebaseblk{background-color: #000;}
.titlebasewhite{background-color: #fff;
left: 20px; margin: 20px;
}
.titlebase{padding:0px 20px 0px 20px;background-color: #FFFFF5;}
.yellowbase{background-color: #FFFFF5;}

.spaceholderA{height: auto; width: 84%; padding:13px 23px 13px 23px}

.indexslide{height:295px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-color: #F8F8F8;}
.containerImg{height:295px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-color: #F8F8F8;}
.containerImg img{width: 100%;}
.indexslide2{height:842px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-color: #F8F8F8;}

    .titleA-links, .titleA-links a {font-size: 125%; font-weight: bold; line-height: 1.2em; color: #FFF;letter-spacing:0.05em;}
    .titleA-links a:hover {color: #7EBA00; text-decoration: none;}

	
ul.a{
    list-style:none;
    margin:0 0 1em 20px;
    padding: 0;
}
ul.a li{
    line-height:1.4em;
    margin: .25em 0;
    padding: 0 23px 4px 20px;
    background-image: url('/Template/Shared/images/global/publisher/bulletgreen_set1.png');background-repeat: no-repeat;background-position: 0 3px;}
	
	
/*<!-- more new vera 2 -->*/
.headgraphic1{height:81px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-image: url('/Template/Shared/images/global/channel/channel_img01Tp.png');background-repeat: no-repeat;	text-align:center}
.headgraphic2{height:81px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-image: url('/Template/Shared/images/global/channel/channel_img02Tp.png');background-repeat: no-repeat;	text-align:center}
.headgraphic3{height:81px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-image: url('/Template/Shared/images/global/channel/channel_img03Tp.png');background-repeat: no-repeat;	text-align:center}
.headgraphic4{height:81px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-image: url('/Template/Shared/images/global/channel/channel_img04Tp.png');background-repeat: no-repeat;	text-align:center}
.headgraphic5{height:81px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-image: url('/Template/Shared/images/global/channel/channel_img05Tp.png');background-repeat: no-repeat;	text-align:center}
.headgraphic6{height:81px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-image: url('/Template/Shared/images/global/channel/channel_img06Tp.png');background-repeat: no-repeat;	text-align:center}
.headgraphic7{height:81px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-image: url('/Template/Shared/images/global/channel/channel_img07Tp.png');background-repeat: no-repeat;	text-align:center}
.headgraphic8{height:81px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-image: url('/Template/Shared/images/global/channel/channel_img08Tp.png');background-repeat: no-repeat;	text-align:center}

.borderGreen83 {width: 195px; height:auto; border: 1px solid #C8951D; float: none; background:#E4B43C;}
.borderGreen83 a {text-decoration:none;}

    .titleA-head, .titleA-head a {font-size: 330%; font-weight: bold; font-align: center; line-height: 1.2em; color: #000;letter-spacing:0.05em; padding: 16px 23px 0px 23px;}

lineH1green {display:block;height:1px; padding-bottom:0px; width:100%; border-bottom: 0px dotted #ddd; clear:both;}

.indexcontain595 {left: 27px; margin-left: 27px; top: 0px; width:708px; height: auto; float: left; padding-bottom: 10px; padding-top: 10px;}

#iscswebNav-list {display:visiable; width:0%; height: 0px; overflow: hidden;}

.borderGreen595 {width: 680px; height: auto; border: 0px solid #ddd; float: none;}
.borderGreen595R {width: 73%; height: auto; border: 0px solid #ddd; float: none; padding: 0 0 0 23%}

.containerImg283L{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-color: #F8F8F8; float: left;}

.containerImg283R{height:198px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-color: #F8F8F8; float: right;}

.spaceholdercontent{height: auto; width: 92%; padding:0px 23px 0px 23px}
.spaceholdersitelink{height: auto; width: 92%; padding:10px 23px 10px 0px}
	
.titleB-links, .titleB-links a {font-size: 155%; font-weight: bold; line-height: 1.2em; color: #FFF;letter-spacing:0.05em;}
.titleB-links a:hover {color: #7EBA00; text-decoration: none;}
	
.titleD-links, .titleD-links a {font-size: 155%; font-weight: bold; line-height: 1.2em; color: #333;letter-spacing:0.05em; padding:5px 23px 40px 0px;}
.titleD-links a:hover {color: #E4B43C; text-decoration: none;}
	
.contentA-links, .contentA-links a {padding:20px 23px 20px 23px;}
.contentA-links a:hover {text-decoration: underline;}
	
.dotlineG {left:0px;margin-left:0px;top:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-bottom:0px;width:100%;height:auto;float:none;border-bottom: 1px dotted #ddd;}

.text5option {color:#333; font-size: 13pt;line-height: 1.4em; text-align:justify; padding:0px 0px 0px 0px;}
.text5option a:link, a {color:#BE8C19; font-size: 13pt;line-height: 1.4em; text-align:justify;text-decoration: underline;}
.text5option a:active {color:#BE8C19;}
.text5option a:visited {color:#BE8C19; font-size: 13pt;line-height: 1.4em; text-align:justify;text-decoration: underline;}
.text5option a:hover {color:#E4B43C; font-size: 13pt;line-height: 1.4em; text-align:justify; text-decoration: underline;}

.text5title {color:#BE8C19; font-size: 15pt;line-height: 1.4em; text-align:justify; padding:0px 0px 0px 0px;letter-spacing:0.02em;}

.sitelinkTp {color:#777; font-size:10.5pt; padding:0px 15px 0px 0px;}
.sitelinkTp a:link, a {color:777; font-size:10.5pt; text-decoration: none;}
.sitelinkTp a:active {color:#E4B43C;}
.sitelinkTp a:visited {color:#777; font-size:10.5pt; text-decoration: none;}
.sitelinkTp a:hover {color:#E4B43C; text-decoration: underline;}

.titleC {font-size:190%; font-weight: bold; line-height: 1.2em; color: #BE8C19;letter-spacing:0.05em; padding:5px 23px 40px 0px;}
.titleC a:link, a {font-size:190%; color:#BE8C19; text-decoration: none;}
.titleC a:active {color:#E4B43C;}
.titleC a:visited {color:#BE8C19; text-decoration: none;}
.titleC a:hover {color:#E4B43C; text-decoration: underline;}

.titleC2 {font-size:170%; font-weight: bold; line-height: 1.2em; color: #BE8C19;letter-spacing:0.05em; padding:0px 23px 0px 23px;}

.titleD {font-size:112%; font-weight: bold; line-height: 1.2em; color: #333;letter-spacing:0.05em; padding:5px 23px 0px 0px;}
.titleD a:link, a {font-size:112%; color:#333; text-decoration: none;}
.titleD a:active {color:#E4B43C;}
.titleD a:visited {color:#333; text-decoration: none;}
.titleD a:hover {color:#E4B43C; text-decoration: none;}


/* Sub Nav Menu */
.submenu {
	color: #fff;
	font-size:100%; 
	height:34px;
	width:175px; 
  	float: none;
	background: #E4B43C;
	padding: 10px 0px 0px 20px;
	text-align:left;
	text-indent: 0px;
	margin-left: 0px;
	margin-top: 0px;
	text-decoration: none;
}

.submenu:hover {
	width:175px; 
  	background: #F8BF32;
	  text-decoration: none;
}

.subsubmenu {
	color: #E4B23A;
	font-size:100%; 
	height:auto;
	width:158px; 
  	background: #fff;
    padding: 9px 0px 12px 37px;
  	float: none;
	text-align:left;
}
.subsubmenu:hover {
  	background: #E9E9E9;
}

/* Sub Nav Menu End */

/*btn */
.contentbtnR {
	color: #333;
	font-size:100%;
	height:28px;width:50%; 
	vertical-align:middle;
  	background: #fff;
  	padding: 2px 0px 0px 0px;
  	border: solid #ddd 1px;
  	text-decoration: none;
  	float: right;
	text-align:center;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
}
.contentbtnR:hover {
  background: #E9E9E9;
  text-decoration: none;
}

.contentbtnR1 {
	color: #333;
	font-size:100%; 
	height:28px;width:60%; 
  	background: #fff;
  	padding: 7px 0px 0px 0px;
  	border: solid #ddd 1px;
  	text-decoration: none;
	float: right;
	text-align:center;
	margin-right: 23px;
	margin-top: 0px;
	margin-bottom: 5px;
	
}
.contentbtnR1:hover {
  background: #E9E9E9;
  text-decoration: none;
}

.contentbtnR2 {
	height:28px;width:150px; 
  	padding: 0px 0px 0px 0px;
  	border: solid #ddd 0px;
  	text-decoration: none;
  	float: right;
	text-align:center;
	margin-right: 23px;
	margin-top: 15px;
}

.contentbtn2 {
	color: #333;
	font-size:100%; 
	height:28px;width:45px; 
  	background: #fff;
  	padding: 7px 20px 0px 20px;
  	border: solid #ddd 1px;
  	text-decoration: none;
  	float: right;
	text-align:center;
	margin-right: 23px;
	margin-top: 0px;
}
.contentbtn2:hover {
  background: #E9E9E9;
  text-decoration: none;
}


.contentbtn3 {
	color: #333;
	font-size:150%; 
	height:31px;width:35px; 
  	background: #fff;
  	padding: 3px 20px 0px 20px;
  	border: solid #ddd 1px;
  	text-decoration: none;
  	float: left;
	text-align:center;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}

.contentbtn3:hover {
  background: #E9E9E9;
  text-decoration: none;
}

.contentbtn4 {
	color: #333;
	font-size:100%; 
	height:28px;width:60px; 
  	background: #fff;
  	padding: 7px 20px 0px 20px;
  	border: solid #ddd 1px;
  	text-decoration: none;
  	float: left;
	text-align:center;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}

.contentbtn4:hover {
  background: #E9E9E9;
  text-decoration: none;
}



.contentbtnbaseW, .contentbtnbaseWx {
	color: #333;
	font-size:120%; 
	height:28px;width:10px; 
  	padding: 7px 15px 0px 10px;
  	border: solid #ddd 0px;
  	text-decoration: none;
  	float: left;
	text-align:center;
	margin-right: 0px;
	margin-top: 0px;
}

.contentbtnbaseW:hover, .contentbtnbaseWx:hover {
  text-decoration: none;
}

.contentbtnbaseW2 {
	color: #333;
	font-size:120%; 

	height:28px;width:10px; 
  	padding: 7px 0px 0px 0px;
  	border: solid #ddd 0px;
  	text-decoration: none;
  	float: left;
	text-align:center;
	margin-right: 15px;
	margin-top: 0px;
}

.contentbtnbaseW3 {
	color: #333;
	font-size:110%; 
	height:28px;width:10px; 
  	padding: 7px 15px 0px 10px;
  	border: solid #ddd 0px;
  	text-decoration: none;
  	float: left;
	text-align:center;
	margin-right: 0px;
	margin-top: 0px;
}

.btnview {
	color: #333;
	font-size:110%; 
	height:32px;width:183px; /*width should cut back the padding width*/
  	background: #DDD;
  	padding: 10px 20px 0px 20px;
  	border: solid #ddd 1px;
  	text-decoration: none;
  	float: left;
	text-align:left;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 1px;
    background-image: url('/Template/Shared/images/global/publisher/enlarge1.gif');
	background-repeat: no-repeat;
}

.btnview:hover {
  background: #E9E9E9;
  text-decoration: none;
  background-image: url('/Template/Shared/images/global/publisher/enlarge1over.gif');background-repeat: no-repeat;
}
/* end btn */

/* select memu */
select {
  margin: 0px;
  border: 1px solid #ddd;
  background: transparent;
  width: 150px;
  padding: 0px 0px 0px 0px;
  font-size:120%;
  border: 1px solid #ddd;
  height: 37px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url('/Template/Shared/images/global/publisher/arrow150.gif');background-repeat: no-repeat;
  text-align:left;
  text-indent: 10px;
  margin-top: 0px;
  float: left;
}

select:hover {
  background-image: url('/Template/Shared/images/global/publisher/arrow150over.gif');background-repeat: no-repeat;
}

select::-ms-expand { 
    display: none;
}
/* end select memu */


.border166 {width: 203px; height: auto; border: 0px solid #ddd; float: left; background:#FFF; left:0px; margin-left:0px;margin-right:23px;margin-bottom:23px;}
.containerImg166L{height:auto; width: 203px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; float: left;}

.border225 {width: 225px; height: 100%; border: 0px solid #fdd; float: left; background:#FFF; left:0px; margin-left:0px;margin-right:1px;margin-bottom:23px;}
.containerImg225L{height:auto; width: 225px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; float: left;}
.containerImg225L img{width:225px;}
.border429 {width: 300px; height: auto; border: 0px solid #ddd; float: left; left:0px; margin-left:0px; margin-top:2px; margin-bottom:23px;}

.border25 {width: 23%; height: auto; border: 0px solid #ddd; float: left; left:2px; margin-left:2px;margin-right:0px;margin-bottom:20px;padding: 0 2px 0 2px;}


ul.logo48T{
    list-style:none;
    margin:0 0 1em 20px;
    padding: 0;
	height:100%;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 0px;

}
ul.logo48T li{
	height:100%;
	width: auto;
    line-height:1.4em;
    margin: .25em 0;
    padding: 0 23px 0px 0px;

}

.logo48 {width: 48px; height:48px; background-image: url('/Template/Shared/images/global/publisher/logo48.gif');background-repeat: no-repeat; float:left;
padding: 0px 20px 0px 0px;
}

ol.f {list-style-type: decimal;}

/*<!-- end more new vera 2 -->*/

/*<!-- more publisher vera 1 -->*/
.bkgCnPublisher1 {width: 100%;height:auto; background:#fff; background-image: url('/Template/Shared/images/global/publisher/publisherbkg1.png');background-repeat: repeat-x;}
.bkgCnPublisher2 {width: 100%;height:auto; background:#fff; background-image: url('/Template/Shared/images/global/publisher/publisherbkg2.png');background-repeat: repeat-x;}
.bkgCnPublisher3 {width: 100%;height:auto; background:#fff; background-image: url('/Template/Shared/images/global/publisher/publisherbkg3.png');background-repeat: repeat-x;}

.bkgCnPublisher1b {width: 100%;height:auto; background:#fff; background-image: url('/Template/Shared/images/global/publisher/publisherbkg1b.png');background-repeat: repeat-x;}
.bkgCnPublisher2b {width: 100%;height:auto; background:#fff; background-image: url('/Template/Shared/images/global/publisher/publisherbkg2b.png');background-repeat: repeat-x;}
.bkgCnPublisher3b {width: 100%;height:auto; background:#fff; background-image: url('/Template/Shared/images/global/publisher/publisherbkg3b.png');background-repeat: repeat-x;}

.bordergreyTp283 {width: 283px; height: auto; 
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-top: 1px solid #ddd;
float: none; background:#FFF;}

.bordergreyMd283 {width: 283px; height: auto; 
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
float: none; background:#FFF;}

.bordergreyBn283 {width: 283px; height: auto; 
border-bottom: 1px solid #ddd;
float: none; background:#FFF;}

.headbase1aTp{height:40px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #E4B43C; text-align:center}
.headbase1a{height:155px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #FFFFF5; text-align:center}

.headbase1bTp{height:40px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #827AB7; text-align:center}
.headbase1b{height:155px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #F6F6FF; text-align:center}

.headbase1cTp{height:40px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #0F7FAF; text-align:center}
.headbase1c{height:155px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #ECF5F9; text-align:center}

.basegrey{background-color: #F8F8F8;}
.basewhite{background-color: #FFF;height:auto;}
.baseddd{background-color: #000;}
.contain100 {left: 0px; margin-left: 0px; top: 0px; width: 100%; height: auto; float: left; padding-bottom: 0px; padding-top: 0px;}

.lineSet1 {width:100%;height:auto;float:none;border-bottom: 1px solid #E4B43C;}
.lineSet2 {width:100%;height:auto;float:none;border-bottom: 1px solid #827AB7;}
.lineSet3 {width:100%;height:auto;float:none;border-bottom: 1px solid #0F7FAF;}
.lineWhite {width:100%;height:auto;float:none;border-bottom: 1px solid #FFF;}

.titleE-links, .titleE-links a {font-size: 155%; font-weight: bold; line-height: 1.2em; color: #FFF;letter-spacing:0.05em;}
.titleE-links a:hover {color: #FFF; text-decoration: none;}

.titleSet1 {font-size:135%; font-weight: bold; line-height: 1.2em; color: #BE8C19;letter-spacing:0.05em; padding:25px 23px 35px 0px;}
.titleSet1 a:link, a {font-size:135%; color:#BE8C19; text-decoration: none;}
.titleSet1 a:active {color:#E4B43C;}
.titleSet1 a:visited {color:#BE8C19; text-decoration: none;}
.titleSet1 a:hover {color:#E4B43C; text-decoration: underline;}

.titleSet2 {font-size:135%; font-weight: bold; line-height: 1.2em; color: #5F58A3;letter-spacing:0.05em; padding:25px 23px 20px 23px;}
.titleSet2 a:link, a {font-size:135%; color:#5F58A3; text-decoration: none;}
.titleSet2 a:active {color:#827AB7;}
.titleSet2 a:visited {color:#5F58A3; text-decoration: none;}
.titleSet2 a:hover {color:#827AB7; text-decoration: underline;}

.titleSet3 {font-size:135%; font-weight: bold; line-height: 1.2em; color: #0B6385;letter-spacing:0.05em; padding:25px 23px 20px 23px;}
.titleSet3 a:link, a {font-size:135%; color:#0B6385; text-decoration: none;}
.titleSet3 a:active {color:#0F7FAF;}
.titleSet3 a:visited {color:#0B6385; text-decoration: none;}
.titleSet3 a:hover {color:#0F7FAF; text-decoration: underline;}

.text5optionGrey {color:#333; font-size: 13pt;line-height: 1.4em; text-align:justify; padding:0px 0px 0px 0px;}
.text5optionGrey a:link, a {color:#999; font-size: 13pt;line-height: 1.4em; text-align:justify;text-decoration: none;}
.text5optionGrey a:active {color:#999;}
.text5optionGrey a:visited {color:#999; font-size: 13pt;line-height: 1.4em; text-align:justify;text-decoration: none;}
.text5optionGrey a:hover {color:#333; font-size: 13pt;line-height: 1.4em; text-align:justify; text-decoration: underline;}

.textSet1option {color:#333; font-size: 13pt;line-height: 1.4em; text-align:justify; padding:0px 23px 0px 23px;}
.textSet1option a:link, a {color:#E4B43C; font-size: 13pt;line-height: 1.4em; text-align:justify;text-decoration: none;}
.textSet1option a:active {color:#E4B43C;}
.textSet1option a:visited {color:#E4B43C; font-size: 13pt;line-height: 1.4em; text-align:justify;text-decoration: none;}
.textSet1option a:hover {color:#BE8C19; font-size: 13pt;line-height: 1.4em; text-align:justify; text-decoration: underline;}

.indexcontainP {left: 0px; margin-left: 0px; top: 0px; width: 283px; height: auto; float: left; padding-bottom: 0px; padding-top: 0px;}
.columnC {left:27px; margin-left: 27px; top: 0px; width: 283px; height: auto; float: left;}
.contentoption {display:visiable;}

.containerImg429L{height: auto; width: 429px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-color: #FFFFF5;  float: left;}
/*<!-- end more publisher vera 1 -->*/

}

@media screen and (max-width:960px) {
.bkgTp {
	width: 100%;
	height: 160px;
	background: #FFFFF5;
	background-image: url('/Template/Shared/images/global/publisher/decor1_1.png');
	background-repeat: no-repeat;
	background-position: 62% -40px;
}

.outterB {display:block; width: 100%; height:49px; background:#E4B43C; margin:0; padding:0; text-align: center; border-bottom:0px solid #C8951D;
	background-image: url('/Template/Shared/images/global/publisher/decor1_1.png');
	background-repeat: no-repeat;
	background-position: 62% -200px;
}

.bkgCn {width: 100%;height:auto; background:#fff; background-image: url('/Template/Shared/images/global/publisher/publisherbkg1.png');background-repeat: repeat-x;}
.bkgDn {width: 100%;height: 208px;background-image: url('/Template/Shared/images/global/publisher/mapDn01.png');background-repeat: no-repeat;}
.outterADn {display:block; width: 100%; height:auto; background:#fff; margin:0; padding:0; text-align: center; border-bottom:0px solid #fff;}
.outterA {display:block; width: 100%; height:auto; background:#FFFFF5; margin:0; padding:0; text-align: center; border-bottom:0px solid #fff;}


.outterC {display:block; width: 100%; height:auto; background:#fff; margin:0; padding:0; text-align: center;}
.outterD1, .outterD2 {display:block; width: 100%; height:auto; background:#fff; margin:0; padding:0; text-align: center;}
.outterE {display:block; width: 100%; height:auto; background:#f8f8f8; margin:0; padding:0; text-align: center; border-bottom:10px solid #f8f8f8;}

/* Logo */
.innerLogo {font-family: 'Noto Sans TC', Helvetica, Arial, sans-serif; margin: auto; width: auto; height:auto; z-index: 90; text-align: left;}

.innerLogoBn {font-family: 'Noto Sans TC', Helvetica, Arial, sans-serif; margin: auto; width: 700px; height:auto; z-index: 90; text-align: left;}

.innerCn {text-align: center;}
	.inner {width: 90%; padding:0px 5%; font-family: 'Noto Sans TC', Helvetica, Arial, sans-serif; margin: auto; height:auto; z-index: 90; text-align: left;}

	.headerL {width: 70%; height: auto; top: 16px; float: left; height:95%;}
		.headerLBn {width: 70%; height: auto; top: 16px; float: left; height:95%;}
		
.iscsLogo {vertical-align:middle; text-align:left;
left:70px;margin-left:70px;margin-top:12px;margin-bottom:12px;}
.iscsLogoBn {vertical-align:middle; text-align:left;
left:0px;margin-left:0px;margin-top:12px;margin-bottom:12px; height: 70%;}

	.headerR {width: 30%; height: auto; top: 0px; float: left;}

.outtermain{width:100%; height:auto; top:0px; left:0px; background-color: #F8F8F8; border: 1px solid #ddd;
}
.main{width:100%; height:auto; top:0px; left:50px; background-color: #F8F8F8; border: 0px solid #ddd;
}


/* Main Menu */
.InnerNavMobile {display:none;}
.InnerNav {font-family: 'Noto Sans TC', Helvetica, Arial, sans-serif; margin: auto; width: auto; height:auto; z-index: 90; text-align: left;}
#iscs-mobileNav-list {display:none; width:600px; height: 0px; overflow: hidden;}
.topnavicon1 {left: 5%;  margin-left: 5%;  width: auto; float: left;}
.topnavicon2 {right: 0%; margin-right: 2.5%; width: auto; float: right;}

.ddsmoothmenu{padding: 0px;
	background-image: none;

	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none
}
.ddsmoothmenu ul {margin: 0px 0px 0px 1%}
.ddsmoothmenu ul li a{color:#FFF; text-shadow:none;}
.ddsmoothmenu ul li a:hover,.ddsmoothmenu ul li a.selected{
	background-image: none;
	background-color: #F8BF32;
	color:#fff;
}
.ddsmoothmenu>ul>li>a.active{
	color: #FFF;
	background-color: #E4B43C
}
.ddsmoothmenu ul li ul li a{Font-size:16px; border-color:#C8951D; background-color:#E4B43C; text-shadow:none; width:150px;}
.ddsmoothmenu ul li ul li a:hover{background-image:none;background-color:#F8BF32}
.ddsmoothmenu ul li ul li ul li a{border-color:#C8951D}

.endItem {float:right;}
.childItemFix {display:inline-block;height:auto;width:15px;}

/* Main Menu End */

.booksBlkA {left:5px; margin-left: 5px; top: 44px; width: 56%; height: auto; float: left; border-right: 1px solid #C8951D; background-color: #ffffff; font-size:14px;}
    #bookimg ul {overflow:hidden;}
    #bookimg li {width:22%; height:150px;}
    #bookimg li img {width:95%;}
.booksBlkB {left: 26px; margin-left: 3%; top: 0px; width: 38%; height: auto; float: left; background-color: #ffffff; font-size:14px;}

/* New Social img */
#socialimg {margin:0; width: 100%; overflow:hidden;}
#socialimg ul {list-style-type: none;}
#socialimg li {display: block; margin-right:2%; top:7px; padding-top:2%; padding-bottom:2%; width:32px; height:32px; border: 0px solid #fff; float: left;
    -webkit-transition: box-shadow 0.5s ease;
    -moz-transition: box-shadow 0.5s ease;
    -o-transition: box-shadow 0.5s ease;
    -ms-transition: box-shadow 0.5s ease;
    transition: box-shadow 0.5s ease;
}
#socialimg li :hover {
    -webkit-box-shadow: 0px 0px 0px rgba(255,255,255,0.9);
    box-shadow: 0px 0px 0px rgba(255,255,255,0.9);
}


    h1index {font-size:280%}
    h2index {font-size:145%}
    .text4 {font-size:105%; line-height:1.5em;}
    .text5 {font-size:100%; width:100%}
    .text6 {font-size:105%;}
    .spacer50 {height:35px;}
    .spacer30 {height:20px;}

/* Search and Social */
.containerUp {left: 0px; margin-left: 0px; top: 0px; width: 100%; height: auto; float: none;}

    .containerUpL {width: 218px; text-align: left; left: 0px; margin-left: 0px; margin-top: -1px; margin-bottom: 10px; background-color: #fff; }
	
        .containerUpLInner {width: 100%; float: none;}
    .containerUpR {width: 100%; float: none; font-size: 14px; vertical-align: middle; line-height: 28px; text-align: center; left: 0px; margin-left: 0px; margin-top: 0px;  margin-bottom: 0px;}
.containerDn {left: 0px; margin-left: 0px; top: 10px; width: 100%; height: auto; float: left;}
    .containerDnL {left: 0px; margin-left: 0px; top: 0px; width: 90%; height: auto; float: left;}
        .containerDnLInner {width: 218px; text-align: left; left: 0px; margin-left: 0px; margin-top: 6px; margin-bottom: 10px; border:1px solid #ddd; float: left; background-color: #FFF;}
		
    .containerDnR {width: 100px; height: auto; float: left; text-align: Left; left: 5px; margin-left: 6px; margin-top: 60px;}
	
		.containerUpC {vertical-align:middle; text-align:left; left:50px; margin-left:-70px;margin-top:0px; margin-bottom:0px; font-size:100%; width: 75%; height: auto; float: none; line-height:2.2em;}
		    .containerLang {width: 12%; float: left; font-size: 13px; color: #FFF; vertical-align: middle; line-height: 42px; text-align: right; left: 0px; margin-left: 0px; margin-top: 0px;  margin-bottom: 0px;}
			.containerLang a {color: #FFF; text-decoration: none; font-size: 13px;}
    		.containerLang a:hover {color: #FFF; text-decoration: underline;}

	.iscsLogo img {width: 154px;}
.iscsLogoBn img  {width:514px; margin-top:5px; margin-left:36px;}

.containerDnL img, .containerDnR img {height:100%;}

.srchInputbox {height:31px; width:100%; border:0px; padding-left:8px;background:#fff}
.topsearch1 {vertical-align: middle; text-align: left; margin-left: 0px; margin-top: 0px; width: 80%; height: auto; float: left; background-color: #fff;}
.topsearch2 {left: 0px;  margin-left: 0px;  width: auto; height: 32px; float: left;}
.topsearch3 {right: 0%; margin-right: 0%; width:42px; height: 32px; float: right;}

.owl-carousel .owl-item img {width:100%;}

.servDiv {left: 5px; margin-left:0px; top:0px; width:99%; height:auto; float:left;}
.servDivL1a {left: 0px; margin-left: 5px; top: 0px; width: 100%; height: auto; float: left;}
.servDivL1b {left: 5px; margin-left: 5px; top: 0px; width: 99%; height: auto; float: left;}
.servDivL2a {left: 0px; margin-left: 1%; top: 0px; width: 98%; height: auto; float: left;}
.servDivL2b {left: 0px; margin-left: 0px; top: 0px; width: 97%; height: auto; float: left;}
.iconHolder {margin-top: 15px; text-align: center; padding-right:15px; float:left}
.iconHolder img {width:44px;}
.shadowA, .shadowB, .shadowC {display:none;}
.dotlineHideShow {display:block;height:10px; padding-bottom:10px; width:100%; border-bottom: 1px dotted #ddd; clear:both;}

.servBox1 {left: 0px; top: 0px; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; width: 90%; height: auto; float: left;}
.servBox2 {left: 0px; top: 0px; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; width: 90%; height: auto; float: left;}
.servTitle {font-size: 135%; line-height: 1.6em; text-align:center; color: #6b6a67; font-weight:bold; padding-top:12px; padding-bottom:25px;}
.servBoxTextArea {left: 0px; margin-left: 0px; top: 0px; width: 95%; height: auto; float: left; padding-left: 3%; padding-right: 3%; padding-bottom: 0px;}
.servText {font-size: 135%; line-height: 1.6em; text-align:center;}

.footer-nav-list {display:none;}
    .footer-nav-links, .footer-nav-links a {margin-top:30px; margin-bottom:30px; color: #333; font-size: 15px; line-height: 1.3;}
    .footer-nav-links a:hover {color: #888;}

.footer-notes {display:block; width:100%; color:#777; padding: 0px 0px 0px 0px;}
    .footer-links, .footer-links a {color: #777; font-size: 6px; line-height: 20px;}
    .footer-links a:hover {color: #888;}
    .footer-credits {color:#777; margin-top: 15px; margin-bottom:15px; font-size: 6px; line-height: 1.1;}


.SectionClear, .SectionClearExtra {clear:both;}

.columnA {margin:0px 3.8%; top: 0px; width: 92%; height: auto; float: left;}
.columnB {margin:0px; width: 100%; height: auto; float: left;}

/* New add */
.mapDn {height:100%; vertical-align:middle; text-align:left;left:0px;margin-left:0px;margin-top:0px;margin-bottom:0px;}

.indexcontainA {left: 27px; margin-left: 27px; top: 0px; width: 195px; height: auto; float: left; padding-bottom: 10px; padding-top: 10px;}
.indexcontainB {margin: 0px; width:100%; height: auto; float: left; padding:0px;}

.borderGreen {width: 195px; height: auto; border: 1px solid #ddd; float: none; background:#FFF;}
.borderGreen2 {width:195px; height: 1272px; border: 1px solid #ddd; float: none; background:#FFF;}

.titlebaseblk{background-color: #000;}
.titlebasewhite{background-color: #fff;left: 20px; margin: 20px;}
.titlebase{padding:0px 20px 0px 20px;}

.spaceholderA{height: auto; width: 84%; padding:13px 23px 13px 23px}

.indexslide{height:295px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-color: #F8F8F8;}
.containerImg{height:295px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-color: #F8F8F8;}
.containerImg img{width: 100%;}
.indexslide2{height:842px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-color: #F8F8F8;}

    .titleA-links, .titleA-links a {font-size: 125%; font-weight: bold; line-height: 1.2em; color: #FFF;letter-spacing:0.05em;}
    .titleA-links a:hover {color: #7EBA00; text-decoration: none;}

	
ul.a{
    list-style:none;
    margin:0 0 1em 20px;
    padding: 0;
}
ul.a li{
    line-height:1.3em;
    margin: .25em 0;
    padding: 0 0 4px 20px;
    background-image: url('/Template/Shared/images/global/publisher/bulletgreen_set1.png');background-repeat: no-repeat;background-position: 0 3px;}
	
/*<!-- more new vera 2 -->*/
.headgraphic1{height:81px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-image: url('/Template/Shared/images/global/channel/channel_img01Tp.png');background-repeat: no-repeat;	text-align:center}
.headgraphic2{height:81px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-image: url('/Template/Shared/images/global/channel/channel_img02Tp.png');background-repeat: no-repeat;	text-align:center}
.headgraphic3{height:81px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-image: url('/Template/Shared/images/global/channel/channel_img03Tp.png');background-repeat: no-repeat;	text-align:center}
.headgraphic4{height:81px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-image: url('/Template/Shared/images/global/channel/channel_img04Tp.png');background-repeat: no-repeat;	text-align:center}
.headgraphic5{height:81px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-image: url('/Template/Shared/images/global/channel/channel_img05Tp.png');background-repeat: no-repeat;	text-align:center}
.headgraphic6{height:81px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-image: url('/Template/Shared/images/global/channel/channel_img06Tp.png');background-repeat: no-repeat;	text-align:center}
.headgraphic7{height:81px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-image: url('/Template/Shared/images/global/channel/channel_img07Tp.png');background-repeat: no-repeat;	text-align:center}
.headgraphic8{height:81px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-image: url('/Template/Shared/images/global/channel/channel_img08Tp.png');background-repeat: no-repeat;	text-align:center}

.borderGreen83 {width:100%; height:auto; border: 1px solid #ddd; float: none; background:#FFF;}
.borderGreen83 a {text-decoration:none;}

    .titleA-head, .titleA-head a {font-size: 330%; font-weight: bold; font-align: center; line-height: 1.2em; color: #000;letter-spacing:0.05em; padding: 16px 23px 0px 23px;}

lineH1green {display:block;height:1px; padding-bottom:0px; width:100%; border-bottom: 0px dotted #ddd; clear:both;}

.indexcontain595 {left: 0px; margin-left:0px; top: 0px; width:90%; padding:0px 5%; height: auto; float: left; padding-bottom: 10px; padding-top: 10px;}

#iscswebNav-list {display:visiable; width:0%; height: 0px; overflow: hidden;}

.borderGreen595 {width:100%; height: auto; border: 0px solid #ddd; float: none;}

.containerImg283L{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-color: #F8F8F8; float: left;}

.containerImg283R{height:198px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-color: #F8F8F8; float: right;}

.spaceholdercontent{height: auto; width: 92%; padding:0px 23px 0px 23px}
.spaceholdersitelink{height: auto; width: 92%; padding:10px 23px 10px 0px}
	
.titleB-links, .titleB-links a {font-size: 155%; font-weight: bold; line-height: 1.2em; color: #FFF;letter-spacing:0.05em;}
.titleB-links a:hover {color: #7EBA00; text-decoration: none;}
	
.titleD-links, .titleD-links a {font-size: 155%; font-weight: bold; line-height: 1.2em; color: #333;letter-spacing:0.05em; padding:5px 23px 0px 0px;}
.titleD-links a:hover {color: #E4B43C; text-decoration: none;}
	
.contentA-links, .contentA-links a {padding:20px 23px 20px 23px;}
.contentA-links a:hover {text-decoration: underline;}
	
.dotlineG {left:0px;margin-left:0px;top:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-bottom:0px;width:100%;height:auto;float:none;border-bottom: 1px dotted #ddd;}

.text5option {color:#333; font-size: 13pt;line-height: 1.4em; text-align:justify; padding:0px 0px 0px 0px;}
.text5option a:link, a {color:#BE8C19; font-size: 13pt;line-height: 1.4em; text-align:justify;text-decoration: underline;}
.text5option a:active {color:#BE8C19;}
.text5option a:visited {color:#BE8C19; font-size: 13pt;line-height: 1.4em; text-align:justify;text-decoration: underline;}
.text5option a:hover {color:#E4B43C; font-size: 13pt;line-height: 1.4em; text-align:justify; text-decoration: underline;}

.text5title {color:#BE8C19; font-size: 13pt;line-height: 1.4em; text-align:justify; padding:0px 0px 0px 0px;}

.sitelinkTp {color:#777; font-size:10.5pt; padding:0px 15px 0px 0px;}
.sitelinkTp a:link, a {color:777; font-size:10.5pt; text-decoration: none;}
.sitelinkTp a:active {color:#E4B43C;}
.sitelinkTp a:visited {color:#777; font-size:10.5pt; text-decoration: none;}
.sitelinkTp a:hover {color:#E4B43C; text-decoration: underline;}

.titleC {font-size:170%; font-weight: bold; line-height: 1.2em; color: #BE8C19;letter-spacing:0.05em; padding:5px 23px 40px 0px;}
.titleC a:link, a {font-size:170%; color:#BE8C19; text-decoration: none;}
.titleC a:active {color:#E4B43C;}
.titleC a:visited {color:#BE8C19; text-decoration: none;}
.titleC a:hover {color:#E4B43C; text-decoration: underline;}

.titleC2 {font-size:170%; font-weight: bold; line-height: 1.2em; color: #BE8C19;letter-spacing:0.05em; padding:0px 23px 0px 23px;}

.titleD {font-size:122%; font-weight: bold; line-height: 1.2em; color: #333;letter-spacing:0.05em; padding:5px 23px 0px 0px;}
.titleD a:link, a {font-size:122%; color:#333; text-decoration: none;}
.titleD a:active {color:#E4B43C;}
.titleD a:visited {color:#333; text-decoration: none;}
.titleD a:hover {color:#E4B43C; text-decoration: underline;}


/* Sub Nav Menu */
.submenu {
	color: #fff;
	font-size:100%; 
	height:auto;width:97%; 
  	background: #E4B43C;
  	padding: 10px 0px 10px 3.1%;
  	float: none;
	text-align:left;
	margin-right: 0px;
	margin-top: 0px;
	  text-decoration: none;
}

.submenu:hover {
  	background: #F8BF32;
	  text-decoration: none;
}

.subsubmenu {
	color: #E4B23A;
	font-size:100%; 
	height:auto;width:82%; 
  	background: #FFF;
    padding: 6px 0px 7px 18.1%;
  	float: none;
	text-align:left;
/*    background-image: url('/Template/Shared/images/global/publisher/bulletgreen_set1.png');	
	background-repeat: no-repeat;background-position: 14% 12px;   */
	  text-decoration: none;
}
.subsubmenu:hover {
  	background: #E9E9E9;
/*	background-image: url('/Template/Shared/images/global/publisher/bulletgreen_set1.png');	
	background-repeat: no-repeat;background-position: 14% 12px;   */
	  text-decoration: none;
}

/* Sub Nav Menu End */

.yellowline100{left:0px;margin-left:14%;top:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-bottom:0px;width:195px;height:1px;float:none;border-bottom: 0px solid #625BA5;background-image: url('/Template/Shared/images/global/publisher/yline1.gif');background-repeat: no-repeat;}
.contain1 {display:none;}

/*btn */
.contentbtnR2 {
	height:28px;width:150px; 
  	padding: 0px 0px 0px 0px;
  	border: solid #ddd 0px;
  	text-decoration: none;
  	float: right;
	text-align:center;
	margin-right: 23px;
	margin-top: 15px;
}

.contentbtn2 {
	color: #333;
	font-size:100%; 
	height:28px;width:45px; 
  	background: #fff;
  	padding: 7px 20px 0px 20px;
  	border: solid #ddd 1px;
  	text-decoration: none;
  	float: right;
	text-align:center;
	margin-right: 23px;
	margin-top: 0px;
}
.contentbtn2:hover {
  background: #E9E9E9;
  text-decoration: none;
}


.contentbtn3 {
	color: #333;
	font-size:150%; 
	height:31px;width:35px; 
  	background: #fff;
  	padding: 3px 20px 0px 20px;
  	border: solid #ddd 1px;
  	text-decoration: none;
  	float: left;
	text-align:center;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}

.contentbtn3:hover {
  background: #E9E9E9;
  text-decoration: none;
}

.contentbtn4 {
	color: #333;
	font-size:100%; 
	height:28px;width:60px; 
  	background: #fff;
  	padding: 7px 20px 0px 20px;
  	border: solid #ddd 1px;
  	text-decoration: none;
  	float: left;
	text-align:center;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}

.contentbtn4:hover {
  background: #E9E9E9;
  text-decoration: none;
}


.contentbtnbaseW, .contentbtnbaseWx {
	color: #333;
	font-size:120%; 
	height:28px;width:10px; 

  	padding: 7px 15px 0px 10px;
  	border: solid #ddd 0px;
  	text-decoration: none;
  	float: left;
	text-align:center;
	margin-right: 0px;
	margin-top: 0px;
}

.contentbtnbaseW:hover, .contentbtnbaseWx:hover {
  text-decoration: none;
}

.contentbtnbaseW2 {
	color: #333;
	font-size:120%; 
	height:28px;width:10px; 

  	padding: 7px 0px 0px 0px;
  	border: solid #ddd 0px;
  	text-decoration: none;
  	float: left;
	text-align:center;
	margin-right: 15px;
	margin-top: 0px;
}
/* end btn */

/* select memu */
select {
  margin: 0px;
  border: 1px solid #ddd;
  background: transparent;
  width: 150px;
  padding: 0px 0px 0px 0px;
  font-size:120%;
  border: 1px solid #ddd;
  height: 37px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url('/Template/Shared/images/global/publisher/arrow150.gif');background-repeat: no-repeat;
  text-align:left;
  text-indent: 10px;
  margin-top: 0px;
  float: left;
}

select:hover {
  background-image: url('/Template/Shared/images/global/publisher/arrow150over.gif');background-repeat: no-repeat;
}

select::-ms-expand { 
    display: none;
}
/* end select memu */


.border166 {width: 29%; height: auto; border: 0px solid #ddd; float: left; background:#FFF; left:0px; margin-left:0px;margin-right:23px;margin-bottom:23px;}
.containerImg166L{height: auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; float: left;}


ul.logo48T{
    list-style:none;
    margin:0 0 1em 20px;
    padding: 0;
	height:100%;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 0px;

}
ul.logo48T li{
	height:100%;
	width: auto;
    line-height:1.4em;
    margin: .25em 0;
    padding: 0 23px 0px 0px;

}

.logo48 {width: 48px; height:48px; background-image: url('/Template/Shared/images/global/publisher/logo48.gif');background-repeat: no-repeat; float:left;
padding: 0px 20px 0px 0px;
}

ol.f {list-style-type: decimal;}

/*<!-- end more new vera 2 -->*/

/*<!-- more publisher vera 1 -->*/
.titleE-links, .titleE-links a {font-size: 155%; font-weight: bold; line-height: 1.2em; color: #FFF;letter-spacing:0.05em;}
.titleE-links a:hover {color: #FFF; text-decoration: none;}

.bordergreyTp283 {width: 100%; height: auto; 
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-top: 1px solid #ddd;
float: none; background:#FFF;}

.bordergreyMd283 {width: 100%; height: auto; 
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
float: none; background:#FFF;}

.bordergreyBn283 {width: 100%; height: auto; 
border-bottom: 1px solid #ddd;
float: none; background:#FFF;}

.headbase1aTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #E4B43C; text-align:center}
.headbase1a{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #FFFFF5; text-align:center}

.headbase1bTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #827AB7; text-align:center}
.headbase1b{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #F6F6FF; text-align:center}

.headbase1cTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #0F7FAF; text-align:center}
.headbase1c{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #ECF5F9; text-align:center}

.indexcontainP {left: 0px; margin-left: 0px; top: 0px; width:100%; height: auto; float: left; padding-bottom: 0px; padding-top: 0px;}
.columnC {left:27px; margin-left: 27px; top: 0px; width: 90%; height: auto; float: left;}
.contentoption {display:none;}


.border225 {width: 34%; height: 100%; border: 0px solid #ddd; float: left; background:#FFF; left:0px; margin-left:0px;margin-right:1px;margin-bottom:23px;}
.containerImg225L{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; float: left;}
.containerImg225L img{width:100%;}
.border429 {width: 65%; height: auto; border: 0px solid #ddd; float: left; left:0px; margin-left:0px; margin-top:6px; margin-bottom:23px;}

.border25 {width: 24%; height: auto; border: 0px solid #ddd; float: left; left:1px; margin-left:1px;margin-right:0px;margin-bottom:20px;padding: 0 2px 0 2px;}

.containerImg429L{height: auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-color: #FFFFF5;  float: left;}

.titlebase{padding:0px 20px 0px 20px;background-color: #FFFFF5;}
.yellowbase{background-color: #FFFFF5;}

.btnview {
	color: #333;
	font-size:110%; 
	height:32px;width:89%; /*width should cut back the padding width*/
  	background: #DDD;
  	padding: 10px 0px 0px 10%;
  	border: solid #ddd 1px;
  	text-decoration: none;
  	float: left;
	text-align:left;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 1px;
    background-image: url('/Template/Shared/images/global/publisher/enlarge1.gif');
	background-repeat: no-repeat;
	background-size: 93% auto;
}
.btnview:hover {
  background: #E9E9E9;
  text-decoration: none;
  background-image: url('/Template/Shared/images/global/publisher/enlarge1over.gif');
  background-repeat: no-repeat;
  background-size: 102% auto;
}

.titleSet1 {font-size:145%; font-weight: bold; line-height: 1.2em; color: #BE8C19;letter-spacing:0.05em; padding:25px 23px 35px 0px;}
.titleSet1 a:link, a {font-size:145%; color:#BE8C19; text-decoration: none;}
.titleSet1 a:active {color:#E4B43C;}
.titleSet1 a:visited {color:#BE8C19; text-decoration: none;}
.titleSet1 a:hover {color:#E4B43C; text-decoration: underline;}

.titleSet2 {font-size:145%; font-weight: bold; line-height: 1.2em; color: #5F58A3;letter-spacing:0.05em; padding:25px 23px 20px 23px;}
.titleSet2 a:link, a {font-size:145%; color:#5F58A3; text-decoration: none;}
.titleSet2 a:active {color:#827AB7;}
.titleSet2 a:visited {color:#5F58A3; text-decoration: none;}
.titleSet2 a:hover {color:#827AB7; text-decoration: underline;}

.titleSet3 {font-size:145%; font-weight: bold; line-height: 1.2em; color: #0B6385;letter-spacing:0.05em; padding:25px 23px 20px 23px;}
.titleSet3 a:link, a {font-size:145%; color:#0B6385; text-decoration: none;}
.titleSet3 a:active {color:#0F7FAF;}
.titleSet3 a:visited {color:#0B6385; text-decoration: none;}
.titleSet3 a:hover {color:#0F7FAF; text-decoration: underline;}

.contentbtnR {
	color: #333;
	font-size:100%;
	height:28px;width:65%; 
	vertical-align:middle;
  	background: #fff;
  	padding: 2px 0px 0px 0px;
  	border: solid #ddd 1px;
  	text-decoration: none;
  	float: right;
	text-align:center;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
}
.contentbtnR:hover {
  background: #E9E9E9;
  text-decoration: none;
}

.contentbtnR1 {
	color: #333;
	font-size:100%; 
	height:28px;width:60%; 
  	background: #fff;
  	padding: 7px 0px 0px 0px;
  	border: solid #ddd 1px;
  	text-decoration: none;
	float: right;
	text-align:center;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
	
}
.contentbtnR1:hover {
  background: #E9E9E9;
  text-decoration: none;
}
/*<!-- end more publisher vera 1 -->*/

/*<!-- tabs style -->*/
ul.tabbernav li a {padding:8px 4.4% 8px 4.4%;}
/*ul.tabbernav li:nth-child(3) a {padding:1% 4% 3px 4%;}*/
/*<!-- //tabs style -->*/
}

@media screen and (max-width:925px) {
/*<!-- tabs style -->*/
	ul.tabbernav li a {padding:8px 4% 8px 4%;}
	/*ul.tabbernav li:nth-child(3) a {padding:1% 4% 3px 4%;}*/
/*<!-- //tabs style -->*/

/*	.subsubmenu {
    background-image: url('/Template/Shared/images/global/publisher/bulletgreen_set1.png');	
	background-repeat: no-repeat;background-position: 14.3% 12px;
}*/
/*	.subsubmenu:hover {
	background-image: url('/Template/Shared/images/global/publisher/bulletgreen_set1.png');	
	background-repeat: no-repeat;background-position: 14.3% 12px;
}*/
}

@media screen and (max-width:890px) {
.bkgTp {
	width: 100%;
	height: 160px;
	background: #FFFFF5;
	background-image: url('/Template/Shared/images/global/publisher/decor1_1.png');
	background-repeat: no-repeat;
	background-position: 62% -40px;
}

.outterB {display:block; width: 100%; height:49px; background:#E4B43C; margin:0; padding:0; text-align: center; border-bottom:0px solid #C8951D;
background-image: url('/Template/Shared/images/global/publisher/decor1_1.png');
	background-repeat: no-repeat;
	background-position: 62% -200px;
}
	
.topnavicon2 {right: 0%; margin-right: 12px; width: auto; float: right;}
.containerLang a{font-size: 100%;}
.ddsmoothmenu ul {margin: 0px 0px 0px 0%;}
.ddsmoothmenu ul li a, .ddsmoothmenu ul li a.selected {padding: 10px 14px; font-size: 95%;}
.ddsmoothmenu ul li ul li a{Font-size:95%; width:170px;}
.ddsmoothmenu ul li ul li {left: 0px;}  /* back to normal */
.containerLang, .containerLang a {Font-size:87%}
.childItemFix {display:inline-block;height:auto;width:14px;}

.outtermain{width:100%; height:auto; top:0px; left:0px; background-color: #F8F8F8; border: 1px solid #ddd;
}
.main{width:100%; height:auto; top:0px; left:50px; background-color: #F8F8F8; border: 0px solid #ddd;
}

.iscsLogo {vertical-align:middle; text-align:left;
left:70px;margin-left:70px;margin-top:12px;margin-bottom:12px;}
.iscsLogoBn {vertical-align:middle; text-align:left;
left:0px;margin-left:0px;margin-top:12px;margin-bottom:12px; height: 70%;}

.iscsLogo img  {width:154px;}
.iscsLogoBn img  {width:514px; margin-top:5px;margin-left: 36px;}

/*<!-- more new vera 2 -->*/
.border166 {width: 29%;  height: auto; border: 0px solid #ddd; float: left; background:#FFF; left:0px; margin-left:0px;margin-right:23px;margin-bottom:23px;}
.containerImg166L{height: auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-color: #FFF;  float: left;}
/*<!-- end more new vera 2 -->*/

/*<!-- more publisher vera 1 -->*/
.titleE-links, .titleE-links a {font-size: 155%; font-weight: bold; line-height: 1.2em; color: #FFF;letter-spacing:0.05em;}
.titleE-links a:hover {color: #FFF; text-decoration: none;}

.bordergreyTp283 {width: 100%; height: auto; 
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-top: 1px solid #ddd;
float: none; background:#FFF;}

.bordergreyMd283 {width: 100%; height: auto; 
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
float: none; background:#FFF;}

.bordergreyBn283 {width: 100%; height: auto; 
border-bottom: 1px solid #ddd;
float: none; background:#FFF;}

.headbase1aTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #E4B43C; text-align:center}
.headbase1a{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #FFFFF5; text-align:center}

.headbase1bTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #827AB7; text-align:center}
.headbase1b{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #F6F6FF; text-align:center}

.headbase1cTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #0F7FAF; text-align:center}
.headbase1c{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #ECF5F9; text-align:center}

.indexcontainP {left: 0px; margin-left: 0px; top: 0px; width:100%; height: auto; float: left; padding-bottom: 0px; padding-top: 0px;}
.columnC {left:27px; margin-left: 27px; top: 0px; width: 90%; height: auto; float: left;}
.contentoption {display:none;}
/*<!-- end more publisher vera 1 -->*/

/*<!-- tabs style -->*/
	ul.tabbernav li a {padding:8px 3.5% 8px 3.5%;}
	/*ul.tabbernav li:nth-child(3) a {padding:1% 3.5% 3px 3.5%;}*/
/*<!-- //tabs style -->*/
}

@media screen and (max-width:840px) {
.bkgTp {
	width: 100%;
	height: 160px;
	background: #FFFFF5;
background-image: url('/Template/Shared/images/global/publisher/decor1_1.png');
	background-repeat: no-repeat;
	background-position: 62% -40px;
}

.outterB {display:block; width: 100%; height:49px; background:#E4B43C; margin:0; padding:0; text-align: center; border-bottom:0px solid #C8951D;
background-image: url('/Template/Shared/images/global/publisher/decor1_1.png');
	background-repeat: no-repeat;
	background-position: 62% -200px;
}
	
.topnavicon2 {right: 0%; margin-right: 12px; width: auto; float: right;}
.ddsmoothmenu ul {margin: 0px 0px 0px 0%;;}
.ddsmoothmenu ul li a, .ddsmoothmenu ul li a.selected {padding: 10px 12px; font-size: 93%}
.ddsmoothmenu ul li ul li a{Font-size:93%; width:165px;}
.containerLang, .containerLang a {Font-size:85%}
.childItemFix {display:inline-block;height:auto;width:12px;}


.outtermain{width:100%; height:auto; top:0px; left:0px; background-color: #F8F8F8; border: 1px solid #ddd;
}
.main{width:100%; height:auto; top:0px; left:50px; background-color: #F8F8F8; border: 0px solid #ddd;
}

.iscsLogo {vertical-align:middle; text-align:left;
left:70px;margin-left:70px;margin-top:12px;margin-bottom:12px;}
.iscsLogoBn {vertical-align:middle; text-align:left;
left:0px;margin-left:0px;margin-top:12px;margin-bottom:12px; height: 70%;}

.iscsLogo img  {width:154px;}
.iscsLogoBn img  {width:440px; margin-top:5px;margin-left: 36px;}

/*<!-- more new vera 2 -->*/
.border166 {width: 29%; height: auto; border: 0px solid #ddd; float: left; background:#FFF; left:0px; margin-left:0px;margin-right:23px;margin-bottom:23px;}
.containerImg166L{height: auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-color: #FFF;  float: left;}
/*<!-- end more new vera 2 -->*/

/*<!-- more publisher vera 1 -->*/
.titleE-links, .titleE-links a {font-size: 155%; font-weight: bold; line-height: 1.2em; color: #FFF;letter-spacing:0.05em;}
.titleE-links a:hover {color: #FFF; text-decoration: none;}

.bordergreyTp283 {width: 100%; height: auto; 
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-top: 1px solid #ddd;
float: none; background:#FFF;}

.bordergreyMd283 {width: 100%; height: auto; 
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
float: none; background:#FFF;}

.bordergreyBn283 {width: 100%; height: auto; 
border-bottom: 1px solid #ddd;
float: none; background:#FFF;}

.headbase1aTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #E4B43C; text-align:center}
.headbase1a{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #FFFFF5; text-align:center}

.headbase1bTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #827AB7; text-align:center}
.headbase1b{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #F6F6FF; text-align:center}

.headbase1cTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #0F7FAF; text-align:center}
.headbase1c{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #ECF5F9; text-align:center}

.indexcontainP {left: 0px; margin-left: 0px; top: 0px; width:100%; height: auto; float: left; padding-bottom: 0px; padding-top: 0px;}
.columnC {left:27px; margin-left: 27px; top: 0px; width: 90%; height: auto; float: left;}
.contentoption {display:none;}
/*<!-- end more publisher vera 1 -->*/

/*<!-- tabs style -->*/
	ul.tabbernav li a {padding:8px 3% 8px 3%;}
	/*ul.tabbernav li:nth-child(3) a {padding:1% 3% 3px 3%;}*/
/*<!-- //tabs style -->*/

.subsubmenu {
	height:auto;width:80%; 
    padding: 6px 0px 9px 20.1%;
/*	    background-image: url('/Template/Shared/images/global/publisher/bulletgreen_set1.png');	
	background-repeat: no-repeat;background-position: 16% 12px;    */
}
/*	.subsubmenu:hover {
	background-image: url('/Template/Shared/images/global/publisher/bulletgreen_set1.png');	
	background-repeat: no-repeat;background-position: 16% 12px;
}*/
}

@media screen and (max-width:780px) {
.bkgTp {
	width: 100%;
	height: 160px;
	background: #FFFFF5;
background-image: url('/Template/Shared/images/global/publisher/decor1_1.png');
	background-repeat: no-repeat;
	background-position: 62% -40px;
}

.outterB {display:block; width: 100%; height:49px; background:#E4B43C; margin:0; padding:0; text-align: center; border-bottom:0px solid #C8951D;
background-image: url('/Template/Shared/images/global/publisher/decor1_1.png');
	background-repeat: no-repeat;
	background-position: 62% -200px;
}
	
.topnavicon2 {right: 0%; margin-right: 10px; width: auto; float: right;}
.ddsmoothmenu ul li a, .ddsmoothmenu ul li a.selected {padding: 10px 11px;}
.containerLang, .containerLang a {Font-size:85%}
.childItemFix {display:inline-block;height:auto;width:11px;}

.iscsLogo {vertical-align:middle; text-align:left;
left:70px;margin-left:70px;margin-top:12px;margin-bottom:12px;}
.iscsLogoBn {vertical-align:middle; text-align:left;
left:0px;margin-left:0px;margin-top:12px;margin-bottom:12px; height: 70%;}

.iscsLogo img  {width:154px;}
.iscsLogoBn img  {width:440px; margin-top:5px;margin-left: 36px;}

/*<!-- more new vera 2 -->*/
.border166 {width: 29%; height: auto; border: 0px solid #ddd; float: left; background:#FFF; left:0px; margin-left:0px;}
.containerImg166L{height: auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-color: #FFF;  float: left;}
/*<!-- end more new vera 2 -->*/

/*<!-- more publisher vera 1 -->*/
.titleE-links, .titleE-links a {font-size: 155%; font-weight: bold; line-height: 1.2em; color: #FFF;letter-spacing:0.05em;}
.titleE-links a:hover {color: #FFF; text-decoration: none;}

.bordergreyTp283 {width: 100%; height: auto; 
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-top: 1px solid #ddd;
float: none; background:#FFF;}

.bordergreyMd283 {width: 100%; height: auto; 
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
float: none; background:#FFF;}

.bordergreyBn283 {width: 100%; height: auto; 
border-bottom: 1px solid #ddd;
float: none; background:#FFF;}

.headbase1aTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #E4B43C; text-align:center}
.headbase1a{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #FFFFF5; text-align:center}

.headbase1bTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #827AB7; text-align:center}
.headbase1b{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #F6F6FF; text-align:center}

.headbase1cTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #0F7FAF; text-align:center}
.headbase1c{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #ECF5F9; text-align:center}

.indexcontainP {left: 0px; margin-left: 0px; top: 0px; width:100%; height: auto; float: left; padding-bottom: 0px; padding-top: 0px;}
.columnC {left:27px; margin-left: 27px; top: 0px; width: 90%; height: auto; float: left;}
.contentoption {display:none;}
/*<!-- end more publisher vera 1 -->*/

/*<!-- tabs style -->*/
	ul.tabbernav li a {padding:8px 2.5% 8px 2.5%;}
	/*ul.tabbernav li:nth-child(3) a {padding:1% 1.8% 3px 1.8%;}*/
/*<!-- //tabs style -->*/
}

@media screen and (max-width:730px) {
.bkgTp {
	width: 100%;
	height: 160px;
	background: #FFFFF5;
background-image: url('/Template/Shared/images/global/publisher/decor1_1.png');
	background-repeat: no-repeat;
	background-position: 62% -40px;
}

.outterB {display:block; width: 100%; height:49px; background:#E4B43C; margin:0; padding:0; text-align: center; border-bottom:0px solid #C8951D;
background-image: url('/Template/Shared/images/global/publisher/decor1_1.png');
	background-repeat: no-repeat;
	background-position: 62% -200px;
}
	
.containerDnLInner {width: 99%; text-align: left; left: 0px; margin-left: 0px; margin-top: 6px; margin-bottom: 10px; border:1px solid #ddd; float: left; background-color: #FFF;}
.topsearch1 {vertical-align: middle; text-align: left; margin-left: 0px; margin-top: 0px; width: 78%; height: auto; float: left; background-color: #fff;}
.containerUpC {vertical-align:middle; margin-left:0px;margin-right:130px; margin-top:0px; margin-bottom:0px; font-size:100%; width: 80%; height: auto; float: right; line-height:2.2em;}

.topnavicon2 {right: 0%; margin-right: 5px; width: auto; float: right;}
.ddsmoothmenu ul {margin: 0px 0px 0px 0%;}
.ddsmoothmenu ul li a, .ddsmoothmenu ul li a.selected {padding: 10px 9px; font-size: 90%;}
.ddsmoothmenu ul li ul li a{Font-size:90%; width:162px;}
.containerLang, .containerLang a {Font-size:82%}
.childItemFix {display:inline-block;height:auto;width:9px;}

.outtermain{width:100%; height:auto; top:0px; left:0px; background-color: #F8F8F8; border: 1px solid #ddd;
}
.main{width:100%; height:auto; top:0px; left:50px; background-color: #F8F8F8; border: 0px solid #ddd;
}

.iscsLogo {vertical-align:middle; text-align:left;
left:70px;margin-left:70px;margin-top:12px;margin-bottom:12px;}
.iscsLogoBn {vertical-align:middle; text-align:left;
left:0px;margin-left:0px;margin-top:12px;margin-bottom:12px; height: 70%;}

.iscsLogo img  {width:154px;}
.iscsLogoBn img  {width:400px; margin-top:5px;margin-left: 36px;}

/*<!-- more new vera 2 -->*/
.border166 {width: 29%; height: auto; border: 0px solid #ddd; float: left; background:#FFF; left:0px; margin-left:0px;margin-right:23px;margin-bottom:23px;}
.containerImg166L{height: auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; float: left;}
/*<!-- end more new vera 2 -->*/

/*<!-- more publisher vera 1 -->*/
.titleE-links, .titleE-links a {font-size: 155%; font-weight: bold; line-height: 1.2em; color: #FFF;letter-spacing:0.05em;}
.titleE-links a:hover {color: #FFF; text-decoration: none;}

.bordergreyTp283 {width: 100%; height: auto; 
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-top: 1px solid #ddd;
float: none; background:#FFF;}

.bordergreyMd283 {width: 100%; height: auto; 
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
float: none; background:#FFF;}

.bordergreyBn283 {width: 100%; height: auto; 
border-bottom: 1px solid #ddd;
float: none; background:#FFF;}

.headbase1aTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #E4B43C; text-align:center}
.headbase1a{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #FFFFF5; text-align:center}

.headbase1bTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #827AB7; text-align:center}
.headbase1b{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #F6F6FF; text-align:center}

.headbase1cTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #0F7FAF; text-align:center}
.headbase1c{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #ECF5F9; text-align:center}

.indexcontainP {left: 0px; margin-left: 0px; top: 0px; width:100%; height: auto; float: left; padding-bottom: 0px; padding-top: 0px;}
.columnC {left:27px; margin-left: 27px; top: 0px; width: 90%; height: auto; float: left;}
.contentoption {display:none;}
/*<!-- end more publisher vera 1 -->*/

/*<!-- tabs style -->*/
	ul.tabbernav li a {padding:8px 2.5% 8px 2.5%;}
	/*ul.tabbernav li:nth-child(3) a {padding:1% 1.8% 3px 1.8%;}*/
/*<!-- //tabs style -->*/
}

@media screen and (max-width:700px) {
.bkgTp {
	width: 100%;
	height: 160px;
	background: #FFFFF5;
background-image: url('/Template/Shared/images/global/publisher/decor1_1.png');
	background-repeat: no-repeat;
	background-position: 62% -40px;
}

.outterB {display:block; width: 100%; height:49px; background:#E4B43C; margin:0; padding:0; text-align: center; border-bottom:0px solid #C8951D;
background-image: url('/Template/Shared/images/global/publisher/decor1_1.png');
	background-repeat: no-repeat;
	background-position: 62% -200px;
}
	
.topsearch1 {vertical-align: middle; text-align: left; margin-left: 0px; margin-top: 0px; width: 72%; height: auto; float: left; background-color: #fff;}

.topnavicon2 {right: 0%; margin-right: 5px; width: auto; float: right;}
.ddsmoothmenu ul {margin: 0px 0px 0px 0%;}
.ddsmoothmenu ul li a, .ddsmoothmenu ul li a.selected {padding: 10px 7px; font-size: 90%;}
.ddsmoothmenu ul li ul li a{Font-size:90%; width:162px;}
.containerLang, .containerLang a {Font-size:82%}
.childItemFix {display:inline-block;height:auto;width:7px;}

.outtermain{width:100%; height:auto; top:0px; left:0px; background-color: #F8F8F8; border: 1px solid #ddd;
}
.main{width:100%; height:auto; top:0px; left:50px; background-color: #F8F8F8; border: 0px solid #ddd;
}

.iscsLogo {vertical-align:middle; text-align:left;
left:36px;margin-left:36px;margin-top:12px;margin-bottom:12px;}
.iscsLogoBn {vertical-align:middle; text-align:left;
left:0px;margin-left:0px;margin-top:12px;margin-bottom:12px; height: 70%;}

.iscsLogo img  {width:154px;}
.iscsLogoBn img  {width:400px; margin-top:5px;margin-left: 36px;}

/*<!-- more new vera 2 -->*/
.border166 {width: 28.5%; height: auto; border: 0px solid #ddd; float: left; background:#FFF; left:0px; margin-left:0px;margin-right:23px;margin-bottom:23px;}
.containerImg166L{height: auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; float: left;}
/*<!-- end more new vera 2 -->*/

/*<!-- more publisher vera 1 -->*/
.titleE-links, .titleE-links a {font-size: 155%; font-weight: bold; line-height: 1.2em; color: #FFF;letter-spacing:0.05em;}
.titleE-links a:hover {color: #FFF; text-decoration: none;}

.bordergreyTp283 {width: 100%; height: auto; 
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-top: 1px solid #ddd;
float: none; background:#FFF;}

.bordergreyMd283 {width: 100%; height: auto; 
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
float: none; background:#FFF;}

.bordergreyBn283 {width: 100%; height: auto; 
border-bottom: 1px solid #ddd;
float: none; background:#FFF;}

.headbase1aTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #E4B43C; text-align:center}
.headbase1a{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #FFFFF5; text-align:center}

.headbase1bTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #827AB7; text-align:center}
.headbase1b{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #F6F6FF; text-align:center}

.headbase1cTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #0F7FAF; text-align:center}
.headbase1c{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #ECF5F9; text-align:center}

.indexcontainP {left: 0px; margin-left: 0px; top: 0px; width:100%; height: auto; float: left; padding-bottom: 0px; padding-top: 0px;}
.columnC {left:27px; margin-left: 27px; top: 0px; width: 90%; height: auto; float: left;}
.contentoption {display:none;}
/*<!-- end more publisher vera 1 -->*/

/*<!-- tabs style -->*/
	ul.tabbernav li a {padding:8px 2% 8px 2%;}
	/*ul.tabbernav li:nth-child(3) a {padding:1% 1.5% 3px 1.5%;}*/
/*<!-- //tabs style -->*/

/*	.subsubmenu {
	height:auto;width:80%; 
    padding: 6px 0px 9px 20.1%;
    background-image: url('/Template/Shared/images/global/publisher/bulletgreen_set1.png');	
	background-repeat: no-repeat;background-position: 16% 12px;   */
}
/*	.subsubmenu:hover {
	background-image: url('/Template/Shared/images/global/publisher/bulletgreen_set1.png');	
	background-repeat: no-repeat;background-position: 16% 12px;   */
}
}

@media screen and (max-width:680px) {
/*<!-- tabs style -->*/
	ul.tabbernav {padding: 7px 0; font-size: 110%;}
	ul.tabbernav li a {padding:7px 1.1% 7px 1.1%;}
	/*ul.tabbernav li:nth-child(3) a {padding:1% 1% 3px 1%;}*/
/*<!-- //tabs style -->*/
}

@media screen and (max-width:650px) {
.bkgTp {
	width: 100%;
	height: 100px;
	background: #FFFFF5;
}

.outterB {display:block; width: 100%; height:49px; background:#E4B43C; margin:0; padding:0; 
text-align: center;
}

.topsearch1 {vertical-align: middle; text-align: left; margin-left: 0px; margin-top: 0px; width: 71%; height: auto; float: left; background-color: #fff;}

.topnavicon2 {right: 0%; margin-right: 5px; width: auto; float: right;}
.ddsmoothmenu ul {margin: 0px 0px 0px 0%;}
.ddsmoothmenu ul li a, .ddsmoothmenu ul li a.selected {padding: 10px 8px; font-size: 87%;}
.ddsmoothmenu ul li ul li a{Font-size:87%; width:156px;}
.containerLang, .containerLang a {Font-size:80%}
.childItemFix {display:inline-block;height:auto;width:8px;}

.outtermain{width:100%; height:auto; top:0px; left:0px; background-color: #F8F8F8; border: 1px solid #ddd;
}
.main{width:100%; height:auto; top:0px; left:50px; background-color: #F8F8F8; border: 0px solid #ddd;
}

.iscsLogo {vertical-align:middle; text-align:left;
left:32px;margin-left:32px;margin-top:12px;margin-bottom:12px;}
.iscsLogoBn {vertical-align:middle; text-align:left;
left:0px;margin-left:0px;margin-top:12px;margin-bottom:12px; height: 70%;}

.iscsLogo img  {width:130px;}
.iscsLogoBn img  {width:380px; margin-top:5px;margin-left: 36px;}

/*<!-- more new vera 2 -->*/
.text5 {width:122%;}
.border166 {width: 28%; height: auto; border: 0px solid #ddd; float: left; background:#FFF; left:0px; margin-left:0px;margin-right:23px;margin-bottom:23px;}
.containerImg166L{height: auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; float: left;}
/*<!-- end more new vera 2 -->*/

/*<!-- more publisher vera 1 -->*/
.borderGreen595 {width: 82%; height: auto; border: 0px solid #ddd; float: none;}

.titleE-links, .titleE-links a {font-size: 155%; font-weight: bold; line-height: 1.2em; color: #FFF;letter-spacing:0.05em;}
.titleE-links a:hover {color: #FFF; text-decoration: none;}

.bordergreyTp283 {width: 100%; height: auto; 
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-top: 1px solid #ddd;
float: none; background:#FFF;}

.bordergreyMd283 {width: 100%; height: auto; 
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
float: none; background:#FFF;}

.bordergreyBn283 {width: 100%; height: auto; 
border-bottom: 1px solid #ddd;
float: none; background:#FFF;}

.headbase1aTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #E4B43C; text-align:center}
.headbase1a{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #FFFFF5; text-align:center}

.headbase1bTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #827AB7; text-align:center}
.headbase1b{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #F6F6FF; text-align:center}

.headbase1cTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #0F7FAF; text-align:center}
.headbase1c{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #ECF5F9; text-align:center}

.indexcontainP {left: 0px; margin-left: 0px; top: 0px; width:100%; height: auto; float: left; padding-bottom: 0px; padding-top: 0px;}
.columnC {left:27px; margin-left: 27px; top: 0px; width: 90%; height: auto; float: left;}
.contentoption {display:none;}

/*<!-- end more publisher vera 1 -->*/

.subsubmenu {
	height:auto;width:78%; 
    padding: 6px 0px 9px 22.1%;
/*	    background-image: url('/Template/Shared/images/global/publisher/bulletgreen_set1.png');	
	background-repeat: no-repeat;background-position: 18.5% 12px;   */
}
/*	.subsubmenu:hover {
	background-image: url('/Template/Shared/images/global/publisher/bulletgreen_set1.png');	
	background-repeat: no-repeat;background-position: 18.5% 12px;
}   */
}

@media screen and (max-width:635px) {
.bkgTp {
	width: 100%;
	height: 138px;
	background: #FFFFF5;
}

.columnB {margin:0px; padding:0px; top:0px; width:100%; height: auto; float: left;}
.bkgCn {width: 100%; height: auto; background:#fff; background-image: url('/Template/Shared/images/global/publisher/publisherbkg1.png');background-repeat: repeat-x;}
.bkgDn {width: 100%; height: 92px;background-image: url('/Template/Shared/images/global/publisher/mapDn02.png');background-repeat: no-repeat;}
.outterADn {display:block; width: 100%; height:auto; background:#fff; margin:0; padding:0; text-align: center; border-bottom:0px solid #fff;}
.outterA {display:block; width: 100%; height:auto; background:#FFFFF5; margin:0; padding:0; text-align: center; border-bottom:0px solid #555;}
.outterB {display:block; width: 100%; height:auto; background:#E4B43C; margin:0; padding:0; text-align: center; border-bottom:0px solid #C8951D;}
.outterC {display:block; width: 100%; height:auto; background:#FFF; margin:0; padding:0; text-align: center;}
.outterD1, .outterD2 {display:block; width: 100%; height:auto; background:#FFF; margin:0; padding:0; text-align: center;}
.outterE {display:block; width: 100%; height:auto; background:#f8f8f8; margin:0; padding:0; text-align: center; border-bottom:10px solid #f8f8f8;}

/* Logo */
.innerLogo {font-family: 'Noto Sans TC', Helvetica, Arial, sans-serif; margin: auto; width: auto; height:auto; z-index: 90; text-align: left;}
.innerLogoBn {font-family: 'Noto Sans TC', Helvetica, Arial, sans-serif; margin: auto; width: auto; height:auto; z-index: 90; text-align: left;}

.innerCn {text-align: center;}
	.inner {font-family: 'Noto Sans TC', Helvetica, Arial, sans-serif; margin: auto; width: auto; height:auto; z-index: 90; text-align: left;}

	.headerL {width:59%; top: 16px; float: left; height:97px;}
	.headerLBn {width:59%; top: 16px; float: left; height:97px;}
	
.iscsLogo {vertical-align:middle; text-align:left;
left:32px;margin-left:32px;margin-top:12px;margin-bottom:12px;}
.iscsLogoBn {vertical-align:middle; text-align:left;
left:0px;margin-left:0px;margin-top:12px;margin-bottom:12px; height: 70%;}

.iscsLogo img  {width:130px;}
.iscsLogoBn img  {width:380px; margin-top:5px;margin-left: 20px;}
				
	.headerR {width: 40.5%; height: auto; top: 0px; float: left;}

.outtermain{width:100%; height:auto; top:0px; left:0px; background-color: #F8F8F8; border: 1px solid #ddd;
}
.main{width:100%; height:auto; top:0px; left:50px; background-color: #F8F8F8; border: 0px solid #ddd;
}

/* Main Menu */
.InnerNavMobile {display: block; height:auto; width: 100%;}
.InnerNav {display:none;}
#iscs-mobileNav-list {display:none; width:100%; height:auto; overflow: visible;}
.topnavicon1 {left: 5%;  margin-left: 5%;  width: auto; float: left;}
.topnavicon2 {right: 5%; margin-right: 5%; width: auto; float: right;}

.top-nav ul {padding:0;}
.top-nav ul ul {position:absolute; background:#E4B43C;left:0; margin-top:0; position:relative; right:0;}

.top-nav > ul {height:auto; max-width:100%; overflow:hidden; position:relative; z-index:999;}
.top-nav > ul.show-menu {height:auto;}
.top-nav > ul ul.show-ul {display:block; height:auto;}

.top-nav li {float:none; list-style:none outside none; padding:0; cursor:pointer;}
.top-nav li a {display:block; background:none repeat scroll 0 0 #E4B43C; border-top:1px solid #C8951D; color:#FFF; display:block; padding:0.625em; text-decoration:none; text-indent: 25px; font-size:15px;}
.top-nav li a:hover {background:none repeat scroll 0 0 #F8BF32; color:#FFF;}

.top-nav li ul li {float:none; list-style:none outside none; min-width:100%; padding:0;}
.top-nav li ul li a {background:none repeat scroll 0 0 #FFF; color: #BE8C19; padding:0.625em; border-top:1px solid #ddd; text-indent: 45px; font-size:15px;}
.top-nav li ul li a:hover {background:none repeat scroll 0 0 #E9E9E9; color:#BE8C19;}

.top-nav li ul, .top-nav li ul li ul {display:block; overflow:hidden; height:0;}
.top-nav li ul li ul li {float:none; list-style:none outside none; min-width:100%; padding:0;}
.top-nav li ul li ul li a {
	color:#E4B23A; 
	border-top:0px solid #ddd;
	text-indent: 85px;
	font-size:15px;
    padding:0.625em;
    background-image: url('/Template/Shared/images/global/publisher/bulletgreen02_set1.png'); 
	background-repeat: no-repeat; 
	background-position: 0 10px;}
.top-nav li ul li ul li a:hover {background:none repeat scroll 0 0 #E9E9E9; color:#E4B23A;
    background-image: url('/Template/Shared/images/global/publisher/bulletgreen02_set1.png'); 
	background-repeat: no-repeat; 
	background-position: 0 10px;}

.count-number {display:none;}
.endItem {float:none;}
/* Main Menu End */

.booksBlkA {left:5px; margin:0px 3%; top: 44px; width: 100%; height: auto; border-right: 1px solid #908F8D; background-color: #ffffff; font-size:14px;}
    #bookimg ul {overflow:hidden;}
    #bookimg li {width:22%; height:180px; margin-right:2%; padding:25px 0px;}
    #bookimg li img {width:95%;}
.booksBlkB {margin: 0px 3%; top: 0px; width: 94%; height: auto; background-color: #ffffff; font-size:14px;}

/* New Social img */
#socialimg {margin:0; width: 100%; overflow:hidden;}
#socialimg ul {list-style-type: none;}
#socialimg li {display: block; margin-right:2%; top:7px; padding-top:1%; padding-bottom:2%; width:32px; height:32px; border: 0px solid #fff; float: left;
    -webkit-transition: box-shadow 0.5s ease;
    -moz-transition: box-shadow 0.5s ease;
    -o-transition: box-shadow 0.5s ease;
    -ms-transition: box-shadow 0.5s ease;
    transition: box-shadow 0.5s ease;
}
#socialimg li :hover {
    -webkit-box-shadow: 0px 0px 0px rgba(255,255,255,0.9);
    box-shadow: 0px 0px 0px rgba(255,255,255,0.9);
}
	
    h1index {font-size: 200%; line-height: 1em; letter-spacing: -0.015em;}
    h2index {font-size:130%; line-height: 1.6em; letter-spacing: -0.008em;}
    .text4 {font-size:111%; line-height:1.6em; letter-spacing: -0.008em;}
    .text5 {font-size:115%; line-height:1.7em; width:102%}
    .text6 {font-size:85%; line-height:1.8em;}
    .spacer50 {height:30px;}
    .spacer40 {height:30px;}
    .spacer45 {height:20px;}
    .spacer30 {height:20px;}
    .spacer36 {height:20px;}

.dotline {left:0px;margin-left:0px;top:0px;margin-top:5%;margin-bottom:3%;padding-left:0px;padding-bottom:0px;width:98%;height:auto;float:left;border-bottom: 1px dotted #ddd;}
.dotlineHideShow {display:block;height:10px; padding-bottom:10px; width:100%; border-bottom: 1px dotted #666; clear:both;}

/* Search and Social */
.containerUp {left: 0px; margin-left: 0px; top: 0px; width: 100%; height: auto; float: none;}

    .containerUpL {width: 218px; text-align: left; left: 0px; margin-left: 0px; margin-top: -1px; margin-bottom: 10px; background-color: #fff; }
	
        .containerUpLInner {width: 100%; float: none;}
    .containerUpR {width: 100%; float: none; font-size: 14px; vertical-align: middle; line-height: 28px; text-align: center; left: 0px; margin-left: 0px; margin-top: 0px;  margin-bottom: 0px;}
.containerDn {left: 0px; margin-left: 0px; top: 10px; width: 100%; height: auto; float: left;}
    .containerDnL {left: 0px; margin-left: 0px; top: 0px; width: 90%; height: auto; float: left;}
        .containerDnLInner {width: 218px; text-align: left; left: 0px; margin-left: 0px; margin-top: 6px; margin-bottom: 7px; border:1px solid #ddd; float: left; background-color: #FFF;}
		
    .containerDnR {width: 100px; height: auto; float: left; text-align: Left; left: 5px; margin-left: 6px; margin-top: 60px;}
	
		.containerUpC {vertical-align:middle; text-align:left; left:50px; margin-right:0px; margin-left:-75px; margin-top:0px; margin-bottom:0px; font-size:100%; width: 75%; height: auto; float: none; line-height:2.2em;}
		    .containerLang {width: 18%; float: left; font-size: 13px; color: #FFF; vertical-align: middle; line-height: 46px; text-align: center; left: 0px; margin-left: 0px; margin-top: 0px;  margin-bottom: 0px;}
			.containerLang, .containerLang a {color: #FFF; text-decoration: none; font-size: 13px;}
    		.containerLang a:hover {color: #FFF; text-decoration: underline;}


.containerDnL img, .containerDnR img {height:100%;}

.srchInputbox {height:31px; width:100%; border:0px; padding-left:8px;background:#fff}
.topsearch1 {vertical-align: middle; text-align: left; margin-left: 0px; margin-top: 0px; width: 80%;height: auto; float: left; background-color: #fff;}
.topsearch2 {left: 0px;  margin-left: 0px;  width: auto; height: 32px; float: left;}
.topsearch3 {right: 0%; margin-right: 0%; width:42px; height: 32px; float: right;}

.owl-carousel .owl-item img {width:100%;}

.servDiv {margin-left:15px; width:99%; height:auto; float:left;}
.servDivL1a {left: 0px; margin-left: 5px; top: 0px; width: 100%; height: auto; float: left;}
.servDivL1b {left: 5px; margin-left: 5px; top: 0px; width: 99%; height: auto; float: left;}
.servDivL2a, .servDivL2b {left: 0px; margin-left: 0px; top: 0px; width: 95%; height: auto; float: left;}
.iconHolder {margin-top: 8px; text-align: center; padding-right:15px; float:left}
.iconHolder img {width:40px;}
.shadowA, .shadowB, .shadowC {display:none;}
.servBox1 {left: 0px; top: 0px; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; width: 82%; height: auto; float: left;}
.servBox2 {left: 0px; top: 0px; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; width: 82%; height: auto; float: left;}
.servTitle {font-size: 132%; line-height: 1.6em; text-align:left; color: #2E6344; font-weight:bold; padding:12px 0px 15px 3%;}
.servBoxTextArea {left: 0px; margin-left: 0px; top: 0px; width: 100%; height: auto; float: left; padding-left: 3%; padding-right: 0%; padding-bottom: 0px;}
.servText {font-size: 130%; line-height: 1.3em; text-align:left;}

.footer-nav-list {display:none;}
.footer-nav-links, .footer-nav-links a {font-size:14px;}

.footer-notes {display:block; width:100%; color:#777; float:left; padding: 0px 0px 0px 0px;}
    .footer-links, .footer-links a {color: #777; font-size: 6px; line-height: 20px;}
    .footer-links a:hover {color: #888;}
    .footer-credits {color:#777; margin-top: 15px; margin-bottom:15px; font-size: 6px; line-height: 1.1;}

.SectionClear {clear:both;}
.SectionClearExtra {clear:both; height:30px;}

.columnA {display:none;}

/* New add */
.mapDn {height:100%; vertical-align:middle; text-align:left;left:0px;margin-left:0px;margin-top:0px;margin-bottom:0px;}

.indexcontainA {left: 0px; margin-left: 3%; top: 0px; width: 45%; height: auto; float: left; padding-bottom: 10px; padding-top: 10px;}
.indexcontainB {left: 0px; margin-left: 0px; top: 0px; width: auto; height: auto; float: left; padding-bottom: 10px; padding-top: 10px;}

.borderGreen {width: 100%; height: auto; border: 1px solid #ddd; float: none; background:#FFF;}
.borderGreen2 {width: auto; height: 1272px; border: 1px solid #ddd; float: none; background:#FFF;}

.titlebaseblk{background-color: #000;}
.titlebasewhite{background-color: #fff;
left: 20px; margin: 20px;
}
.titlebase{padding:0px 20px 0px 20px;}

.spaceholderA{height: auto; width: 84%; padding:13px 23px 13px 23px}

.indexslide{width: 100%; height: auto; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-color:#F8F8F8; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px;}
.containerImg{width: 100%; height: auto; left:0px; margin:0px; background-color:#F8F8F8;}
.containerImg img{width: 100%;}

    .titleA-links, .titleA-links a {font-size: 125%; font-weight: bold; line-height: 1.2em; color: #FFF;letter-spacing:0.05em;}
    .titleA-links a:hover {color: #7EBA00; text-decoration: none;}

	
ul.a{
    list-style:none;
    margin:0 0 1em 20px;
    padding: 0;
}
ul.a li{
    line-height:1.3em;
    margin: .25em 0;
    padding: 0 0 4px 20px;
    background-image: url('/Template/Shared/images/global/bulletgreen_set1.png');background-repeat: no-repeat;background-position: 0 3px;}

/*<!-- more new vera 2 -->*/

.borderGreen83 {width: 45%; height:auto; border: 1px solid #ddd; float: none; background:#FFF;}
.borderGreen83 a {text-decoration:none;}

.titleA-head, .titleA-head a {font-size: 330%; font-weight: bold; font-align: center; line-height: 1.2em; color: #000;letter-spacing:0.05em; padding: 16px 23px 0px 23px;}

lineH1green {display:block;height:1px; padding-bottom:0px; width:100%; border-bottom: 0px dotted #ddd; clear:both;}

.indexcontain595 {width: 96%; margin:0px 2%; top: 0px; 
height: auto; float: left; padding-bottom: 10px; padding-top: 10px;}

#iscswebNav-list {display:visiable; width:0%; height: 0px; overflow: hidden;}

.borderGreen595 {width: 89%; height: auto; border: 0px solid #ddd; float: none;}

.containerImg283L{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:20px; background-color: #FFF; float: left;}

.containerImg283R{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:20px; background-color: #FFF; float: right;}

.spaceholdercontent{height: auto; width: 92%; padding:0px 23px 0px 23px}
.spaceholdersitelink{height: auto; width: 92%; padding:10px 23px 10px 0px}
	
.titleB-links, .titleB-links a {font-size: 155%; font-weight: bold; line-height: 1.2em; color: #FFF;letter-spacing:0.05em;}
.titleB-links a:hover {color: #7EBA00; text-decoration: none;}
	
.titleD-links, .titleD-links a {font-size: 155%; font-weight: bold; line-height: 1.2em; color: #333;letter-spacing:0.05em; padding:5px 23px 0px 0px;}
.titleD-links a:hover {color: #E4B43C; text-decoration: none;}
	
.contentA-links, .contentA-links a {padding:20px 23px 20px 23px;}
.contentA-links a:hover {text-decoration: underline;}
	
.dotlineG {left:0px;margin-left:0px;top:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-bottom:0px;width:100%;height:auto;float:none;border-bottom: 1px dotted #ddd;}

.text5title {color:#BE8C19; font-size: 13pt;line-height: 1.4em; text-align:justify; padding:0px 0px 0px 0px;}

.sitelinkTp {color:#777; font-size:10.5pt; padding:0px 15px 0px 0px;}
.sitelinkTp a:link, a {color:777; font-size:10.5pt; text-decoration: none;}
.sitelinkTp a:active {color:#E4B43C;}
.sitelinkTp a:visited {color:#777; font-size:10.5pt; text-decoration: none;}
.sitelinkTp a:hover {color:#E4B43C; text-decoration: underline;}

.titleC {font-size:170%; font-weight: bold; line-height: 1.2em; color: #BE8C19;letter-spacing:0.05em; padding:5px 23px 40px 0px;}
.titleC a:link, a {font-size:170%; color:#BE8C19; text-decoration: none;}
.titleC a:active {color:#E4B43C;}
.titleC a:visited {color:#BE8C19; text-decoration: none;}
.titleC a:hover {color:#E4B43C; text-decoration: underline;}

.titleC2 {font-size:170%; font-weight: bold; line-height: 1.2em; color: #BE8C19;letter-spacing:0.05em; padding:0px 23px 0px 23px;}

.titleD {font-size:108%; font-weight: bold; line-height: 1.2em; color: #333;letter-spacing:0.01em; padding:5px 15px 0px 0px;}
.titleD a:link, a {font-size:108%; color:#333; text-decoration: none;}
.titleD a:active {color:#E4B43C;}
.titleD a:visited {color:#333; text-decoration: none;}
.titleD a:hover {color:#E4B43C; text-decoration: underline;}


/* Sub Nav Menu */
.submenu {
	color: #fff;
	font-size:100%; 
	height:auto;width:100%; 
  	background: #E4B43C;
  	padding: 10px 20px 0px 20px;
  	float: none;
	text-align:left;
	margin-right: 0px;
	margin-top: 0px;
	  text-decoration: none;
}

.submenu:hover {
  	background: #E8BF32;
	  text-decoration: none;
}

.subsubmenu {
	color: #68A400;
	font-size:100%; 
	height:auto;width:100%; 
  	background: #E4B43C;
    padding: 9px 0px 12px 73px;
  	float: none;
	text-align:left;
/*	    background-image: url('/Template/Shared/images/global/publisher/bulletgreen_set1.png');	
	background-repeat: no-repeat;background-position: 48px 12px;   */
	  text-decoration: none;
}
.subsubmenu:hover {
  	background: #E8BF32;
/*		background-image: url('/Template/Shared/images/global/publisher/bulletgreen_set1.png');	
	background-repeat: no-repeat;background-position: 48px 12px;   */
	  text-decoration: none;
}

/* Sub Nav Menu End */

/*btn */

.contentbtnR2 {
	height:28px;width:150px; 
  	padding: 0px 0px 0px 0px;
  	border: solid #ddd 0px;
  	text-decoration: none;
  	float: right;
	text-align:center;
	margin-right: 23px;
	margin-top: 15px;
}

.contentbtn2 {
	color: #333;
	font-size:100%; 
	height:28px;width:20%; 
  	background: #fff;
  	padding: 7px 8px 0px 8px;
  	border: solid #ddd 1px;
  	text-decoration: none;
  	float: left;
	text-align:center;
	margin-right: 15px;
		margin-left: 15px;
	margin-top: 0px;
}
.contentbtn2:hover {
  background: #E9E9E9;
  text-decoration: none;
}


.contentbtn3 {
	color: #333;
	font-size:150%; 
	height:31px;width:20px; 
  	background: #fff;
  	padding: 3px 8px 0px 8px;
  	border: solid #ddd 1px;
  	text-decoration: none;
  	float: left;
	text-align:center;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}

.contentbtn3:hover {
  background: #E9E9E9;
  text-decoration: none;
}

.contentbtn4 {
	color: #333;
	font-size:100%; 
	height:28px;width:60px; 
  	background: #fff;
  	padding: 7px 20px 0px 20px;
  	border: solid #ddd 1px;
  	text-decoration: none;
  	float: left;
	text-align:center;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}

.contentbtn4:hover {
  background: #E9E9E9;
  text-decoration: none;
}


.contentbtnbaseW, .contentbtnbaseWx {
	color: #333;
	font-size:120%; 
	height:28px;width:20px; 

  	padding: 7px 8px 0px 8px;
  	border: solid #ddd 0px;
  	text-decoration: none;
  	float: left;
	text-align:center;
	margin-right: 0px;
	margin-top: 0px;
}

.contentbtnbaseW:hover, .contentbtnbaseWx:hover {
  text-decoration: none;
}
.contentbtnbaseW2 {
	color: #333;
	font-size:120%; 
	height:28px;width:15px; 

  	padding: 7px 0px 0px 0px;
  	border: solid #ddd 0px;
  	text-decoration: none;
  	float: left;
	text-align:center;
	margin-right: 0px;
	margin-top: 0px;
}
/* end btn */

/* select memu */
select {
  margin: 0px;
  border: 1px solid #ddd;
  background: transparent;
  width: 98px;
  padding: 0px 0px 0px 0px;
  font-size:120%;
  border: 1px solid #ddd;
  height: 37px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url('/Template/Shared/images/global/publisher/arrow98.gif');background-repeat: no-repeat;
  text-align:left;
  text-indent: 10px;
  margin-top: 0px;
  float: left;
}

select:hover {
  background-image: url('/Template/Shared/images/global/publisher/arrow98over.gif');background-repeat: no-repeat;
}

select::-ms-expand { 
    display: none;
}
/* end select memu */


.border166 {width: 44.5%; height: auto; border: 0px solid #ddd; float: left; background:#FFF; left:0px; margin-left:0px;margin-right:23px;margin-bottom:23px;}
.containerImg166L{height: auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; float: left;}


ul.logo48T{
    list-style:none;
    margin:0 0 1em 20px;
    padding: 0;
	height:100%;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 0px;

}
ul.logo48T li{
	height:100%;
	width: auto;
    line-height:1.4em;
    margin: .25em 0;
    padding: 0 23px 0px 0px;

}

.logo48 {width: 48px; height:48px; background-image: url('/Template/Shared/images/global/publisher/logo48.gif');background-repeat: no-repeat; float:left;
padding: 0px 20px 0px 0px;
}

ol.f {list-style-type: decimal;}

/*<!-- end more new vera 2 -->*/

/*<!-- more publisher vera 1 -->*/
.titleE-links, .titleE-links a {font-size: 155%; font-weight: bold; line-height: 1.2em; color: #FFF;letter-spacing:0.05em;}
.titleE-links a:hover {color: #FFF; text-decoration: none;}

.bordergreyTp283 {width: 100%; height: auto; 
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-top: 1px solid #ddd;
float: none; background:#FFF;}

.bordergreyMd283 {width: 100%; height: auto; 
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
float: none; background:#FFF;}

.bordergreyBn283 {width: 100%; height: auto; 
border-bottom: 1px solid #ddd;
float: none; background:#FFF;}

.headbase1aTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #E4B43C; text-align:center}
.headbase1a{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #FFFFF5; text-align:center}

.headbase1bTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #827AB7; text-align:center}
.headbase1b{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #F6F6FF; text-align:center}

.headbase1cTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #0F7FAF; text-align:center}
.headbase1c{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #ECF5F9; text-align:center}

.indexcontainP {left: 0px; margin-left: 0px; top: 0px; width:100%; height: auto; float: left; padding-bottom: 0px; padding-top: 0px;}
.columnC {left:27px; margin-left: 27px; top: 0px; width: 90%; height: auto; float: left;}
.contentoption {display:none;}

.outtermain{width:100%; height:auto; top:0px; left:0px; background-color: #F8F8F8; border: 1px solid #ddd;
}

.border225 {width: 100%; height: 100%; border: 0px solid #ddd; float: left; background:#FFF; left:0px; margin-left:0px;margin-right:1px;margin-bottom:23px;}
.containerImg225L{height:auto; width:100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; float: left;}
.containerImg225L img{width:100%;}
.border429 {width: 100%; height: auto; border: 0px solid #ddd; float: left; left:0px; margin-left:0px; margin-top:0px; margin-bottom:23px;}

.border25 {width: 45%; height: auto; border: 0px solid #ddd; float: left; left:2px; margin-left:2px;margin-right:0px;margin-bottom:20px;padding: 0 2px 0 2px;}

.containerImg429L{height: auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-color: #FFFFF5;  float: left;}

.titlebase{padding:0px 20px 0px 20px;background-color: #FFFFF5;}
.yellowbase{background-color: #FFFFF5;}

.btnview {
	color: #333;
	font-size:110%; 
	height:32px;width:92%; /*width should cut back the padding width*/
  	background: #DDD;
  	padding: 10px 3.8%;
  	border: solid #ddd 1px;
  	text-decoration: none;
  	float: left;
	text-align:left;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 1px;
    background-image: url('/Template/Shared/images/global/publisher/enlarge1.gif');background-repeat: no-repeat;
	background-position:right;
}
.btnview:hover {
  background: #E9E9E9;
  text-decoration: none;
  background-image: url('/Template/Shared/images/global/publisher/enlarge1over.gif');background-repeat: no-repeat;
  background-position:right;
}

.titleSet1 {font-size:135%; font-weight: bold; line-height: 1.2em; color: #BE8C19;letter-spacing:0.05em; padding:25px 23px 35px 0px;}
.titleSet1 a:link, a {font-size:135%; color:#BE8C19; text-decoration: none;}
.titleSet1 a:active {color:#E4B43C;}
.titleSet1 a:visited {color:#BE8C19; text-decoration: none;}
.titleSet1 a:hover {color:#E4B43C; text-decoration: underline;}

.titleSet2 {font-size:135%; font-weight: bold; line-height: 1.2em; color: #5F58A3;letter-spacing:0.05em; padding:25px 23px 20px 23px;}
.titleSet2 a:link, a {font-size:135%; color:#5F58A3; text-decoration: none;}
.titleSet2 a:active {color:#827AB7;}
.titleSet2 a:visited {color:#5F58A3; text-decoration: none;}
.titleSet2 a:hover {color:#827AB7; text-decoration: underline;}

.titleSet3 {font-size:135%; font-weight: bold; line-height: 1.2em; color: #0B6385;letter-spacing:0.05em; padding:25px 23px 20px 23px;}
.titleSet3 a:link, a {font-size:135%; color:#0B6385; text-decoration: none;}
.titleSet3 a:active {color:#0F7FAF;}
.titleSet3 a:visited {color:#0B6385; text-decoration: none;}
.titleSet3 a:hover {color:#0F7FAF; text-decoration: underline;}

.contentbtnR {
	color: #333;
	font-size:70%;
	height:auto;width:65%; 
	vertical-align:middle;
  	background: #fff;
  	padding: 2px 0px 0px 0px;
  	border: solid #ddd 1px;
  	text-decoration: none;
  	float: right;
	text-align:center;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
}
.contentbtnR:hover {
  background: #E9E9E9;
  text-decoration: none;
}

.contentbtnR1 {
	color: #333;
	font-size:70%; 
	height:28px;width:60%; 
  	background: #fff;
  	padding: 7px 0px 0px 0px;
  	border: solid #ddd 1px;
  	text-decoration: none;
	float: right;
	text-align:center;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
	
}
.contentbtnR1:hover {
  background: #E9E9E9;
  text-decoration: none;
}

/*<!-- end more publisher vera 1 -->*/
}

@media screen and (max-width:600px) {
.bkgTp {width: 100%;height: 138px;background: #FFFFF5;
}

.outterB {display:block; width: 100%; height:auto; background:#E4B43C; margin:0; padding:0; 
text-align: center;
}

.iscsLogo {vertical-align:middle; text-align:left;
left:32px;margin-left:32px;margin-top:12px;margin-bottom:12px;}
.iscsLogoBn {vertical-align:middle; text-align:left;
left:0px;margin-left:0px;margin-top:12px;margin-bottom:12px; height: 70%;}

.iscsLogo img  {width:130px;}
.iscsLogoBn img  {width:320px; margin-top:5px;margin-left: 20px;}

.footer-nav-links, .footer-nav-links a {font-size:13px;}

.outtermain{width:100%; height:auto; top:0px; left:0px; background-color: #F8F8F8; border: 1px solid #ddd;
}
.main{width:100%; height:auto; top:0px; left:50px; background-color: #F8F8F8; border: 0px solid #ddd;
}


/*<!-- more new vera 2 -->*/
.text5 {font-size:115%; width:105%}
.border166 {width: 44.5%; height: auto; border: 0px solid #ddd; float: left; background:#FFF; left:0px; margin-left:0px;margin-right:23px;margin-bottom:23px;}
.containerImg166L{height: auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; float: left;}
/*<!-- end more new vera 2 -->*/

/*<!-- more publisher vera 1 -->*/
.inner {font-family: 'Noto Sans TC', Helvetica, Arial, sans-serif; margin: auto; 
height:auto; z-index: 90; text-align: left;}
.indexcontain595 {width: 96%; margin:0px 2%; top: 0px; 
height: auto; float: left; 
padding-bottom: 10px; padding-top: 10px;}

.titleE-links, .titleE-links a {font-size: 155%; font-weight: bold; line-height: 1.2em; color: #FFF;letter-spacing:0.05em;}
.titleE-links a:hover {color: #FFF; text-decoration: none;}

.bordergreyTp283 {width: 100%; height: auto; 
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-top: 1px solid #ddd;
float: none; background:#FFF;}

.bordergreyMd283 {width: 100%; height: auto; 
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
float: none; background:#FFF;}

.bordergreyBn283 {width: 100%; height: auto; 
border-bottom: 1px solid #ddd;
float: none; background:#FFF;}

.headbase1aTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #E4B43C; text-align:center}
.headbase1a{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #FFFFF5; text-align:center}

.headbase1bTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #827AB7; text-align:center}
.headbase1b{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #F6F6FF; text-align:center}

.headbase1cTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #0F7FAF; text-align:center}
.headbase1c{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #ECF5F9; text-align:center}

.indexcontainP {left: 0px; margin-left: 0px; top: 0px; width:100%; height: auto; float: left; padding-bottom: 0px; padding-top: 0px;}
.columnC {left:27px; margin-left: 27px; top: 0px; width: 90%; height: auto; float: left;}
.contentoption {display:none;}
/*<!-- end more publisher vera 1 -->*/
.containerUpC {width: 85%; height: auto; float: right; text-align: right; margin-right: 110px;}
}

@media screen and (max-width:580px) {
	ul.tabbernav {padding: 6px 0;}
	ul.tabbernav li a {padding:6px 3.8% 6px 3.8%;}
	/*ul.tabbernav li:nth-child(3) a {padding:8px 4% 3px 4%;}*/

.containerUpC {margin-left: 0px; margin-right: 110px;}
}

@media screen and (max-width:555px) {
.inner {font-family: 'Noto Sans TC', Helvetica, Arial, sans-serif; margin: auto; 
height:auto; z-index: 90; text-align: left;}
.indexcontain595 {width: 96%; margin:0px 2%; top: 0px; 
height: auto; float: left; 
padding-bottom: 10px; padding-top: 10px;}

.bkgTp {width: 100%;height: 100px;background: #FFFFF5;
}

.outterB {display:block; width: 100%; height:auto; background:#E4B43C; margin:0; padding:0; 
text-align: center;
}

.headerL {width:50%; padding:0px; float: left; height: auto;}
.headerLBn {width:55%; padding:0px; float: left; height: auto;}

.headerR {width:50%; padding:0px; float: right; height: auto;}

.iscsLogo {vertical-align:middle; text-align:left;
left:32px;margin-left:32px;margin-top:12px;margin-bottom:12px;}
.iscsLogoBn {vertical-align:middle; text-align:left;
left:0px;margin-left:0px;margin-top:12px;margin-bottom:12px; height: 70%;}

.iscsLogo img  {width:130px;}
.iscsLogoBn img  {width:300px; margin-top:5px;margin-left: 20px;}

	.containerDnLInner {float:right; width:85%; background-color: #FFF;}
	.topsearch1 {width: 70%;}
.indexcontainA {left: 0px; margin-left: 3%; top: 0px; width: 45%; height: auto; float: left; padding-bottom: 10px; padding-top: 10px;}
.footer-nav-links, .footer-nav-links a {font-size:11px;}

.outtermain{width:100%; height:auto; top:0px; left:0px; background-color: #F8F8F8; border: 1px solid #ddd;
}
.main{width:100%; height:auto; top:0px; left:50px; background-color: #F8F8F8; border: 0px solid #ddd;
}


/*<!-- more new vera 2 -->*/
.border166 {width: 44%;  height: auto; border: 0px solid #ddd; float: left; background:#FFF; left:0px; margin-left:0px;margin-right:23px;margin-bottom:23px;}
.containerImg166L{height: auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px;float: left;}
/*<!-- end more new vera 2 -->*/

/*<!-- more publisher vera 1 -->*/
.inner {font-family: 'Noto Sans TC', Helvetica, Arial, sans-serif; margin: auto; 
height:auto; z-index: 90; text-align: left;}
.indexcontain595 {width: 96%; margin:0px 2%; top: 0px; 
height: auto; float: left; 
padding-bottom: 10px; padding-top: 10px;}

.titleE-links, .titleE-links a {font-size: 155%; font-weight: bold; line-height: 1.2em; color: #FFF;letter-spacing:0.05em;}
.titleE-links a:hover {color: #FFF; text-decoration: none;}

.bordergreyTp283 {width: 100%; height: auto; 
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-top: 1px solid #ddd;
float: none; background:#FFF;}

.bordergreyMd283 {width: 100%; height: auto; 
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
float: none; background:#FFF;}

.bordergreyBn283 {width: 100%; height: auto; 
border-bottom: 1px solid #ddd;
float: none; background:#FFF;}

.headbase1aTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #E4B43C; text-align:center}
.headbase1a{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #FFFFF5; text-align:center}

.headbase1bTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #827AB7; text-align:center}
.headbase1b{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #F6F6FF; text-align:center}

.headbase1cTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #0F7FAF; text-align:center}
.headbase1c{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #ECF5F9; text-align:center}

.indexcontainP {left: 0px; margin-left: 0px; top: 0px; width:100%; height: auto; float: left; padding-bottom: 0px; padding-top: 0px;}
.columnC {left:27px; margin-left: 27px; top: 0px; width: 88%; height: auto; float: left;}
.contentoption {display:none;}
/*<!-- end more publisher vera 1 -->*/

/*<!-- tabs style -->*/
	ul.tabbernav li a {padding:8px 3.6% 8px 3.6%;}
	/*ul.tabbernav li:nth-child(3) a {padding:8px 3% 3px 3%;}*/
/*<!-- //tabs style -->*/
.containerUpC {margin-left: 0px; margin-right: 80px;}
}

@media screen and (max-width:515px) {
.border166 {width: 43%;  height: auto; border: 0px solid #ddd; float: left; background:#FFF; left:0px; margin-left:0px;margin-right:23px;margin-bottom:23px;}

	ul.tabbernav li a {padding:8px 3.5% 8px 3.5%;}
	/*ul.tabbernav li:nth-child(3) a {padding:8px 2.8% 3px 2.8%;}*/
}

@media screen and (max-width:490px) {
	.bkgTp {
	width: 100%;
	height: 100px;
	background: #FFFFF5;
}

.outterB {display:block; width: 100%; height:auto; background:#E4B43C; margin:0; padding:0; 
text-align: center;
}

.headerL {width:50%; padding:0px; float: left; height: auto;}
.headerLBn {width:40%; padding:0px; float: left; height: auto;}

.iscsLogo {vertical-align:middle; text-align:left;
left:15px;margin-left:15px;margin-top:12px;margin-bottom:12px;}
.iscsLogoBn {vertical-align:middle; text-align:left;
left:0px;margin-left:0px;margin-top:12px;margin-bottom:12px; height: 70%;}

.iscsLogo img  {width:80px;}
.iscsLogoBn img  {width:290px; margin-top:5px;margin-left: 20px;}
	
.headerR {width:50%; padding:0px; float: right; height: auto;}
	.containerDnLInner {float:right; width:85%; background-color: #FFF;}
	.topsearch1 {width: 70%;}
.indexcontainA {padding:0px 0px 20px 0px; margin: 0px 4.5%; top: 0px; width: 90%; height: auto; float: left;}
.footer-nav-links {margin:30px 15%; width:69%; color: #333; font-size: 10px; line-height: 1.3;}
.footer-nav-links a {margin:0px; color: #333; font-size: 11px; line-height: 1.3;}

.outtermain{width:100%; height:auto; top:0px; left:0px; background-color: #F8F8F8; border: 1px solid #ddd;
}
.main{width:100%; height:auto; top:0px; left:50px; background-color: #F8F8F8; border: 0px solid #ddd;
}


/*<!-- more new vera 2 -->*/
.border166 {width: 42%;  height: auto; border: 0px solid #ddd; float: left; background:#FFF; left:0px; margin-left:0px;margin-right:23px;margin-bottom:23px;}
.containerImg166L{height: auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; float: left;}
/*<!-- end more new vera 2 -->*/

/*<!-- more publisher vera 1 -->*/
.inner {font-family: 'Noto Sans TC', Helvetica, Arial, sans-serif; margin: auto; 
height:auto; z-index: 90; text-align: left;}
.indexcontain595 {width: 96%; margin:0px 2%; top: 0px; 
height: auto; float: left; 
padding-bottom: 10px; padding-top: 10px;}

.titleE-links, .titleE-links a {font-size: 155%; font-weight: bold; line-height: 1.2em; color: #FFF;letter-spacing:0.05em;}
.titleE-links a:hover {color: #FFF; text-decoration: none;}

.bordergreyTp283 {width: 100%; height: auto; 
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-top: 1px solid #ddd;
float: none; background:#FFF;}

.bordergreyMd283 {width: 100%; height: auto; 
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
float: none; background:#FFF;}

.bordergreyBn283 {width: 100%; height: auto; 
border-bottom: 1px solid #ddd;
float: none; background:#FFF;}

.headbase1aTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #E4B43C; text-align:center}
.headbase1a{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #FFFFF5; text-align:center}

.headbase1bTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #827AB7; text-align:center}
.headbase1b{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #F6F6FF; text-align:center}

.headbase1cTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #0F7FAF; text-align:center}
.headbase1c{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #ECF5F9; text-align:center}

.indexcontainP {left: 0px; margin-left: 0px; top: 0px; width:100%; height: auto; float: left; padding-bottom: 0px; padding-top: 0px;}
.columnC {left:22px; margin-left: 22px; top: 0px; width: 88%; height: auto; float: left;}
.contentoption {display:none;}
/*<!-- end more publisher vera 1 -->*/

/*<!-- tabs style -->*/
	ul.tabbernav li a {padding:8px 3% 8px 3%;}
	/*ul.tabbernav li:nth-child(3) a {padding:8px 2% 3px 2%;}*/

	.headerL {height:110px;}
/*<!-- //tabs style -->*/
}

@media screen and (max-width:460px) {
.border166 {width: 96%;  height: auto; border: 0px solid #ddd; float: left; background:#FFF; left:0px; margin-left:0px;margin-right:23px;margin-bottom:23px;}

	ul.tabbernav li a {padding:8px 2.3% 8px 2.3%;}
	/*ul.tabbernav li:nth-child(3) a {padding:8px 2% 3px 2%;}*/
.containerUpC {margin-left: 0px; margin-right: 100px;}
}



@media screen and (max-width:425px) {
.bkgTp {width: 100%;height: 90px;background: #FFFFF5;}
.outterB {display:block; width: 100%; height:auto; background:#E4B43C; margin:0; padding:0; 
text-align: center;}

.headerL {width:50%; padding:0 0 0 0; float: left; height:110px;}
.headerLBn {width:100%; padding:0 0 0 0; float: left; height: auto; margin-left: 0px; left: 0px}

.iscsLogo {vertical-align:middle; text-align:left;
left:15px;margin-left:15px;margin-top:12px;margin-bottom:12px;}
.iscsLogoBn {vertical-align:middle; text-align:left;
left:0px;margin-left:0px;margin-top:12px;margin-bottom:12px; height: 70%;}

.iscsLogo img  {width:100px;}
.iscsLogoBn img  {width:210px; margin-top:5px;margin-left: 15px;}
	
.headerR {width:49.5%; padding:0px; float: right; height: auto;}
	.containerDnLInner {float:right; width:92%; background-color: #FFF;}
	.topsearch1 {width: 67%;}
	.containerUpC {width: 85%; height: auto; float: right; text-align: right; margin-right: 120px;}
.footer-nav-links {margin:30px 15%; width:65%; color: #333; font-size: 10px; line-height: 1.3;}
.footer-nav-links a {margin:0px; color: #333; font-size: 11px; line-height: 1.3;}

.outtermain{width:100%; height:auto; top:0px; left:0px; background-color: #F8F8F8; border: 1px solid #ddd;
}
.main{width:100%; height:auto; top:0px; left:0px; margin-left:0px; margin-right:0px; background-color: #F8F8F8; border: 0px solid #ddd;
}


/*<!-- more new vera 2 -->*/
.border166 {width: 95%;  height: auto; border: 0px solid #ddd; float: left; background:#FFF; left:0px; margin-left:0px;margin-right:23px;margin-bottom:23px;}
.containerImg166L{height: auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; float: left;}
/*<!-- end more new vera 2 -->*/

/*<!-- more publisher vera 1 -->*/
.inner {font-family: 'Noto Sans TC', Helvetica, Arial, sans-serif; margin: auto; 
height:auto; z-index: 90; text-align: left;}
.indexcontain595 {width: 96%; margin:0px 2%; top: 0px; 
height: auto; float: left; 
padding-bottom: 10px; padding-top: 10px;}

.titleE-links, .titleE-links a {font-size: 155%; font-weight: bold; line-height: 1.2em; color: #FFF;letter-spacing:0.05em;}
.titleE-links a:hover {color: #FFF; text-decoration: none;}

.bordergreyTp283 {width: 100%; height: auto; 
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-top: 1px solid #ddd;
float: none; background:#FFF;}

.bordergreyMd283 {width: 100%; height: auto; 
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
float: none; background:#FFF;}

.bordergreyBn283 {width: 100%; height: auto; 
border-bottom: 1px solid #ddd;
float: none; background:#FFF;}

.headbase1aTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #E4B43C; text-align:center}
.headbase1a{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #FFFFF5; text-align:center}

.headbase1bTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #827AB7; text-align:center}
.headbase1b{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #F6F6FF; text-align:center}

.headbase1cTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #0F7FAF; text-align:center}
.headbase1c{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #ECF5F9; text-align:center}

.indexcontainP {left: 0px; margin-left: 0px; top: 0px; width:100%; height: auto; float: left; padding-bottom: 0px; padding-top: 0px;}
.columnC {left:18px; margin-left: 18px; top: 0px; width: 85%; height: auto; float: left;}
.contentoption {display:none;}
/*<!-- end more publisher vera 1 -->*/

/*<!-- tabs style -->*/
	ul.tabbernav li a {padding:8px 1.5% 8px 1.5%;}
	/*ul.tabbernav li:nth-child(3) a {padding:8px 1% 3px 1%;}*/
/*<!-- //tabs style -->*/
}