@import url("reset.css");
@import url("fontFace.css");

*{-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
a:focus {outline: none;color: #406EAC;}
html,body {font-family: Arial, 'Microsoft JhengHei', sans-serif, simsun;font-size:12px;}
html{/*overflow-y: scroll;*/}
dl dt, dl dd {float:left;}
dt, dd{display:block;}
dt:after{clear:left;}
img{vertical-align: middle;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-o-user-select: none;user-select: none;}
input[type=text], input[type=tel], input[type=email] {width: 250px;font-family: Arial, 'Microsoft JhengHei', sans-serif, simsun;font-size:12px;background:url(../images/spacer.gif) transparent;border:0;}
textarea {font-family: Arial, 'Microsoft JhengHei', sans-serif, simsun;font-size:12px;}
select, select option {font-family: Arial, 'Microsoft JhengHei', sans-serif, simsun;font-size:12px;}

.btn{cursor:pointer;}
.btn:hover{background-position:left bottom !important;}
.aLeft{text-align:left;}
.aRight{text-align:right;}
.aCenter{text-align:center;}
.clear{clear:both;}
.clearLine{clear:both !important;height:0 !important;padding:0 !important;margin:0 !important;}

/*clearfix*/
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
/*clearfix eof*/

.fixDiv{position:fixed;}
.floatDiv{position:absolute;}
.containerDiv{position:relative;}
.floatLeft{float:left;}
.floatRight{float:right;}
.iframeContent {width: 100%;border: 0px;scrolling: no;}
.ulList > li{list-style-type:none;float:left;}
.ulListVertical > li{list-style-type:none;}

.upperText{text-transform:uppercase;}
.lowerText{text-transform:lowercase;}
.cssTrim{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}  /*you need to set width of the html element*/
.nowrap{white-space: nowrap;display:inline-block;}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #000000;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #000000;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #000000;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #000000;
}

/*color*/
.bk{color:black;}
.gn{color:#006633;}
.gy{color:#1C1B1A;}
.wh{color:white;}


/*font*/
.ft0{font-size:0px;}
.ft12{font-size:12px;}
.ft14{font-size:14px;}
.ft18{font-size:18px;}
.ft20{font-size:20px;}
.ft22{font-size:22px;}
.ft24{font-size:24px;}
.ft26{font-size:26px;}
.ft28{font-size:28px;}
.ft32{font-size:32px;}
.ft32green {
	font-size: 32px;
	color: #006633;
}
.ft45{font-size:45px;}
.ft48{font-size:48px;}
.ft60{font-size:60px;}

.lh0{line-height:0px;}
.lh15{line-height:15px;}
.lh22{line-height:22px;}
.lh26{line-height:26px;}

.HN{font-family: 'helveticaneue', Arial, 'Microsoft JhengHei', sans-serif, simsun;}
.HN45{font-family: 'HelveticaNeue45Light', Arial, 'Microsoft JhengHei', sans-serif, simsun;}
.HNthin{font-family: 'helveticaneuethin', Arial, 'Microsoft JhengHei', sans-serif, simsun;}
.HNLCN{font-family: 'helveticaneueltproltcn', Arial, 'Microsoft JhengHei', sans-serif, simsun;}

/*common*/
#debugPanel{background:rgba(100, 100, 100, .5);left:0px;bottom:0px;width:100%;height:250px;max-height:250px;display:none;overflow:auto;pointer-events:none;z-index:9999;}
#preloader {position:fixed;top:0;left:0;right:0;bottom:0;background:url(../images/white60.png);z-index:9999;}
#preloader .preloaderImg{width:200px;height:200px;position:absolute;left:50%; top:10%; background:url(../images/ajax-loader.gif) center center no-repeat;margin:-100px 0 0 -100px;}

html, body, #wrapper, #mainWrapper{height:100%;}
#headerWrapper, #mainWrapper, #footerWrapper{}
#headerContent, #mainContent, #footerContent{}
.headerFixWidth, .mainFixWidth, .footerFixWidth{width:980px;margin:0 auto;}

/*header*/
#headerContent{}

/*content*/
#mainWrapper{width:800px;margin:0 auto;}
#mainContent{margin:0 10px;background-image:url(../images/bg.png);min-height:100%;}
#mainContent > div{padding:22px 0 0 0;}
#mainContent h1.logo{font-weight:normal;}
#mainContent h1.logo a{text-decoration:none;}
#mainContent div.subhead{padding:25px 0 0 0;line-height:1.2;}
#mainContent ul.nav li{text-align:center;}
#mainContent ul.nav li a{color:#1C1B1A;}
#mainContent div.accordion-wrapper{height:0;overflow:hidden;}

ul.nav-inside-page{margin:18px 0 0 0;min-height:150px;display:inline-block !important;}
ul.nav-inside-page > li > a{padding:0px 7px;display:inline-block;border-left:1px solid #1C1B1A;color:#1C1B1A;}
ul.nav-inside-page > li.active > a{font-weight:bold;}
ul.nav-inside-page > li:first-child > a{border-left:none;}
ul.nav-inside-page > li div.floatDiv{left:50%;-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);}
ul.nav-inside-page > li.active div.floatDiv{display:block !important;}
ul.nav-inside-page > li ul.subnav-inside-page{}
ul.nav-inside-page > li ul.subnav-inside-page > li > a{padding:2px 0;display:block;color:#1C1B1A;white-space: nowrap;}
ul.nav-inside-page > li ul.subnav-inside-page > li.active > a{font-weight:bold;}

#mainContent div.content{text-align:left;padding:0 20px;}
#mainContent div.content ul{}
#mainContent div.content > ul > li > a{color:#006633;font-size:22px;display:inline-block;padding:10px 0;}
#mainContent div.content > ul > li div.accordion-content{color:#1C1C1A;font-size:18px;}
#mainContent div.content > ul > li div.accordion-content p{line-height:1.2;margin-bottom:18px;}

.backstretch{min-width:780px;}

@media only screen and (min-width: 0px) and (max-width: 780px){
    /*#mainWrapper{width:100%;}*/
}

/*footer*/
#footerContent{}