/* ::::: http://www.espring.com/css/style.css ::::: */

@font-face {
	font-family: "HelveticaLight";
	font-style: normal;
	font-weight: normal;
	src: url('font/helveticalight-webfont.eot') format("font/embedded-opentype"), url('font/helveticalight-webfont.woff') format("woff"), url('font/helveticalight-webfont.ttf') format("truetype"), url('font/helveticalight-webfont.svg') format("svg");
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
html { font-size: 100%; overflow-y: scroll; }
html[lang="zh"] * { font-family: 微軟正黑體,Arial !important; }
body { margin: 0px; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: rgb(34, 34, 34); }
a { color: rgb(0, 0, 238); }
a:visited { color: rgb(85, 26, 139); }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0px none; }
b, strong { font-weight: bold; }
svg:not(:root) { overflow: hidden; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0px none; padding: 0px; }
.left { float: left ! important; }
.right { float: right ! important; }
body { height: 100%; background: none repeat scroll 0% 0% /*rgb(156, 179, 221)*/; }
#container { position: relative; height: 100%;}
header { width: 100%; height: 79px; background: url('../img/bg-header-shadow.png') repeat-x scroll 0% 0% transparent; z-index: 100; position: relative; }
#nav-main { max-width: 970px; margin: 0px auto; padding: 0px 0px 0px 130px; position: relative; }
#nav-main nav a, #nav-main nav a:visited { float: left; display: block; height: 67px; line-height: 62px; margin-right: 30px; font-weight: bold; color: rgb(146, 154, 163); font-size: 13px; text-decoration: none; }
/*#nav-main nav a:hover, #nav-main nav a.current, #btn-header-shop { color: rgb(240, 136, 28); }*/
#nav-main nav a:hover, #nav-main nav a.current, #btn-header-shop { color: #f0881c; border-bottom: 5px solid #f0881c;}
#header-social { padding-top: 25px; }
#header-social > a { display: block; height: 13px ! important; width: 13px ! important; background: url('../img/ui-bits.png') repeat scroll 0px -126px transparent; padding-right: 0px ! important; margin-right: 2px ! important; }
#header-social > a:hover { background-position: -16px -126px; }
#header-social span { float: left; margin-right: 10px; display: block; font-size: 10px; font-weight: bold; color: rgb(146, 154, 163); }
#logo { position: absolute; left: 30px; top: 0px; display: block; width: 90px; height: 100px; background: url('../img/logo.png') no-repeat scroll 0% 0% transparent; }
#main { margin-top: -9px; /*background: url('bg.jpg') no-repeat scroll center top rgb(255, 255, 255); z-index: 10;*/ position: relative; }
#wrapper { width: 1038px; margin: 0px auto; }
#content { max-width: 1020px; margin:40px auto; position: relative; background: none repeat scroll 0% 0% rgb(255, 255, 255); }
#wrapper > .shadow { width: 9px; height: 100%; min-height: 2px; }
#wrapper > .shadow.first { background: url('bg-shadow-left.png') repeat-y scroll 0% 0% transparent; }
#wrapper > .shadow.last { background: url('bg-shadow-right.png') repeat-y scroll 0% 0% transparent; }
#social-page { position: absolute; right: 40px; bottom: 5px; background-color: rgb(39, 50, 61); border-radius: 3px 3px 3px 3px; opacity: 0.85; padding: 7px 7px 7px 13px; color: rgb(191, 191, 191); font-weight: bold; font-size: 10px; vertical-align: top; height: 20px; line-height: 20px; }
.sprite-btn-facebook-share { background: url('btn-fb-share.gif') repeat scroll 0% 0% transparent; display: inline-block; width: 55px; height: 20px; }
#social-page span { padding-right: 10px; display: inline-block; height: 20px; line-height: 20px; vertical-align: top; }
#container-hero-scroller #social-page { top: 319px ! important; }
footer { height: 362px; width: 100%; background: url('../img/bg-footer.png') repeat-x scroll 0% 0% rgb(156, 179, 221); color: rgb(255, 255, 255); }
#footer-content { max-width: 950px; margin: 0px auto; padding-top: 40px; }
#footer-content-mobile { max-width: 950px; margin: 0px auto; padding-top: 40px; }
#footer-logo { width: 71px; height: 87px; background: url('../img/logo-footer.png') no-repeat scroll 0% 0% transparent; margin-left: 40px; float: left; }
#footer-logo > div {display: inline-block; }
footer nav { float: left; padding-left: 10px; margin-bottom: 85px; }
footer nav > div { float: left; width: 140px; margin-left: 20px; border-top: 1px solid rgb(255, 255, 255); line-height: 1.6em; padding-top: 5px; }
footer a.level-1 { text-decoration: none; color: rgb(255, 255, 255); font-weight: bold; font-size: 16px; }
footer a.level-2 { display: block; text-decoration: none; color: rgb(255, 255, 255); }
#footer-social { clear: both; padding-bottom: 15px; }
#footer-copyright { border-top: 1px solid rgb(255, 255, 255); padding-top: 15px; }
#footer-social a, #footer-copyright a, #footer-social a:visited, #footer-copyright a:visited { font-weight: bold; color: rgb(255, 255, 255); text-decoration: none; }
p { font-family: Arial; font-size: 14px; color: rgb(146, 154, 163); line-height: 1.5em; }
p.bold {font-weight: bold; color: #5a6b7c;}
#container-hero { height: 455px; position: relative; overflow: hidden; width: inherit; padding-bottom: 103px; background-color: rgb(255, 255, 255); }
#container-hero-scroller { position: absolute; width: 5000px; height: 455px; }
.hero-tile { position: relative; float: left; width: 1020px; height: 455px; display: none; }
.scroller-btn { background: url('../img/nav-circles.png') repeat scroll 0% 0% transparent; width: 49px; height: 49px; position: absolute; top: 180px; }
#btn-scroller-prev { left: 30px; background-position: 0px 0px; }
#btn-scroller-next { right: 30px; background-position: 0px 50px; }
#container-hero-scroller #social-page { left: 870px ! important; right: auto ! important; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix {  }
@media only screen and (min-width: 480px) {
}
@media only screen and (min-width: 768px) {
}
.fb_reset { background: none repeat scroll 0% 0% transparent; border: 0px none; border-spacing: 0px; color: rgb(0, 0, 0); cursor: auto; direction: ltr; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 1; margin: 0px; overflow: visible; padding: 0px; text-align: left; text-decoration: none; text-indent: 0px; text-shadow: none; text-transform: none; visibility: visible; white-space: normal; word-spacing: normal; }
.fb_reset > div { overflow: hidden; }
#hero-tile1 { background: none repeat scroll 0% 0% rgb(255, 0, 0); }
#hero-tile2 { background: none repeat scroll 0% 0% rgb(255, 255, 0); }
#hero-tile3 { background: none repeat scroll 0% 0% rgb(0, 255, 255); }


/*Extra common for non-home pages*/
ul, ol { margin: 1em 0px; padding: 0px 0px 0px 40px; }
nav ul, nav ol { list-style: none outside none; margin: 0px; padding: 0px; }
#main { margin-top: -9px; /* background: url('bg.jpg') no-repeat scroll center top rgb(255, 255, 255); */ z-index: 10; position: relative; }

#hero-art { height: 261px; position: relative; background-position: center !important;background-repeat: no-repeat !important;}
#nav_left { position: absolute; left: 40px; bottom: 0px; }
#nav_center {display: inline-block; position: relative;}
#nav_center ul, #nav_left ul { float: left; }
#nav_center ul li, #nav_left ul li { float: left; }
#nav_center a, #nav_center a:visited, #nav_left a, #nav_left a:visited { display: block; padding: 0px 20px; line-height: 40px; height: 40px; font-size: 11px; color: rgb(255, 255, 255); text-decoration: none; font-weight: bold; background: none repeat scroll 0% 0% rgb(240, 136, 28); opacity: 0.85; margin-right: 5px; border-top-left-radius: 3px; border-top-right-radius: 3px; }
#nav_center a:hover, #nav_center a.current, #nav_left a:hover, #nav_left a.current { opacity: 1; background: none repeat scroll 0% 0% rgb(255, 255, 255); color: rgb(240, 136, 28); }
#nav_center .left-nav-depth3, #nav_left .left-nav-depth3 { display: none; }

.pdf-link {font-weight: bold; color: rgb(240, 136, 28); text-decoration: none;}

/*center-nav*/
#nav_center .nav-depth2-sub li {float:none; white-space:nowrap;}
#nav_center .nav-depth2-sub ul {float:none; position: absolute; z-index: 9; display:none !important;}
#nav_center .left-nav-depth2.show-sub-nav .nav-depth2-sub ul {display:block !important;}
#nav_center .nav-depth2-sub a {border-top-left-radius: 0px; border-top-right-radius: 0px;}

/*#tertiary-nav { float: left; width: 300px; margin-left: 40px; margin-top: 40px; margin-right: 50px; padding-top: 13px; }*/
.tertiary-side-art { display: block; margin: 0px 0px 20px; width: 300px; height: 139px; background-size: contain !important;}
#content-actual { /*float: left; width: 600px; margin-top: 40px; padding-right: 30px;*/ padding-bottom: 20px; }

h1, h2, h3, h4, h5 { margin: 0px; padding: 0px; }
h1 { font-family: HelveticaLight,Arial; font-size: 48px; color: rgb(90, 107, 124); border-bottom: 1px dotted rgb(92, 97, 102); margin-bottom: 30px; padding-bottom: 15px; letter-spacing: -2px; font-weight: normal; }
h2 { font-family: Arial; font-size: 16px; color: rgb(90, 107, 124); margin-top:20px;}

/*p a, li a, p a:visited, li a:visited { font-weight: bold; font-size: 11px; color: rgb(240, 136, 28); text-decoration: none; }*/
.template-PlainContent h2 { clear: both; }

.nav_wrapper {position: absolute; bottom: 0px; text-align: center; width: 100%; height:40px;}
/*Extra common for non-home pages*/

/*content-actual*/
#content-actual ul li{color:rgb(146, 154, 163); line-height: 1.5em;}

/*content-image*/
.content-image {display: block; margin: 0 auto;}
/*content-image*/

/*video*/
#video-set { padding-bottom:30px;}
.container-video { /*background: none repeat scroll 0% 0% rgb(0, 0, 0);*/ text-align: center; position: relative; }
#video-set, .container-video {max-width: 589px; margin:0 auto;}
.video-teaser { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; }
#play-btn { background: url('/img/ui-bits.png') no-repeat 0 -57px; width: 105px; height: 30px; display: block; position: absolute; top: 50%; left: 50%; margin-left: -52px; margin-top: -15px; text-indent: -9999px;}
#video_player {width:100% !important;}
/*video*/

/*Menu*/
#side-menu {
    display: inline-block;
    top: 70px;
	position: absolute;
	z-index: 100;
	right: 0;
	background-color: #7894C6;
}
#side-menu li {list-style-type: none;}

#side-menu li.level-1:not(:first-child) a {border-top: solid 1px white;}
#side-menu li.level-1 > a { text-decoration: none; color: rgb(255, 255, 255); font-weight: bold; font-size: 19px; margin:5px 20px; cursor:default;}
#side-menu li.level-2 > a { display: block; text-decoration: none; color: rgb(255, 255, 255); font-size: 16px; margin:5px 20px;}
#side-menu li.level-2:hover { background-color: #5A6B7F; }
#side-menu li.level-2:hover > a{ color: #D69F3B; }
#side-menu ul.sub-menu { display: inline-block; background-color: #5A6B7F;}
#side-menu li.level-3 > a { display: block; text-decoration: none; color: rgb(255, 255, 255); font-size: 16px; }
#side-menu li.level-3:hover > a{ color: #D69F3B; }
.menu-button, .menu-icon, .menu-button-active, .menu-icon-active {height:70px;}
.menu-button-active {background-color:#7894C6}
.ui-menu { width: 50%; }
.sub-menu { width: 100%; }
.ui-menu-icon { width: 0px; height:0px; padding:0; margin:0; top:0 !important; left:0 !important; display: none !important;}
.no-show {display:none !important}

.footnote {font-size: 12px;}
/*share components*/
/*#nav-main nav #header-lang{margin-right:5px;}
#nav-main nav #header-lang a{margin-right:9px;}*/
.hide-for-medium-down{position:relative;}
#header-lang{ position:absolute; right:90px; top:0;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #header-lang{ position:absolute; right:80px; top:0;}
}
#social-page-cn-home{  position: absolute; right:13.5%; bottom:60px; background-color: rgb(39, 50, 61); border-radius: 3px 3px 3px 3px; opacity: 0.85; padding: 7px 7px 7px 13px; color: rgb(191, 191, 191); font-weight: bold; font-size: 10px; vertical-align: top; height: 35px; line-height: 20px;z-index:100 ; width:148px; }
.sprite-btn-facebook-share {  display: inline-block; width: 55px; height: 20px; }
#social-page-cn-home span { float:left; padding-right: 5px; display: inline-block; height: 20px; line-height: 20px; vertical-align: top; }
.social-page-cn-tab{ display:none;}
#social-page-cn {  position: absolute; right:16%; bottom:4px; background-color: rgb(39, 50, 61); border-radius: 3px 3px 3px 3px; opacity: 0.85; padding: 7px 7px 7px 13px; color: rgb(191, 191, 191); font-weight: bold; font-size: 10px; vertical-align: top; height: 35px; line-height: 20px;z-index:100 ; width:148px; }
#social-page-cn span { padding-right: 10px; display: inline-block; height: 20px; line-height: 20px; vertical-align: top; }
#header-social-cn{display:none; position:absolute;top:30px; right:200px;width:110px;font-size:13px;font-weight:bold;}
#header-social-cn span { float: left; margin-right: 10px; display: block; font-size: 10px; font-weight: bold; color: rgb(146, 154, 163); }
#header-social-cn a { float: left;  display: block; height: 13px ! important; width: 13px ! important; background: url('../img/ui-bits.png') repeat scroll 0px -126px transparent; padding-right: 0px ! important; margin-right: 2px ! important; }
@media screen and (max-width:980px){
    .social-page-cn-pc{display:none;}
    .social-page-cn-tab{ display:block;}
    #social-page-cn-home{right:15px;bottom:60px;}
    #social-page-cn{right:15px; bottom:4px;}
    #header-social-cn{display: block;margin-right:10px; }
    #header-social-cn a { display: block; height: 13px ! important; width: 13px ! important; background: url('../img/ui-bits.png') repeat scroll 0px -126px transparent; padding-right: 0px ! important; margin-right: 2px ! important; }

}
@media screen and (max-width:641px){
    .social-page-cn-tab{ display:none;}
	#social-page-cn-home{right:15px;bottom:20px;}
    #header-social-cn{display:none; position:absolute;top:12px;  right:150px; width:110px;font-size:13px;font-weight:bold;}
}
@media screen and (max-width:480px){
	#social-page-cn2{right:10px; bottom:4px; }
}

/*dialog*/
.text18ptlan{
	font-size: 18pt;
    font-weight: bold;
    color: #00688D;
}
.text15ptcen{
    font-size: 16pt;
    font-weight: bold;
    color: #F0881C;
}
.text22ptcen{
    font-size: 22pt;
    font-weight: bold;
    color: #F0881C;
}
.text15pthui{
	box-sizing: border-box;
    margin: 1em 0px;
    font-family: 微軟正黑體, Arial;
    font-size: 15pt;
    font-weight: 500;
}
.text10pthui{
	font-size: 10pt;
	font-weight: 500;
}
.borderTop{display:block;width:100%;border-top: 1px dotted #5C6166;padding-top:15px; font-size: 15pt; font-weight:bold;font-family: 微軟正黑體, Arial;color: #F0881C;}
.filters-text p{margin:0px; line-height:20px;}

/*修正footer*/
@media screen and (min-width:980px){
    footer nav {position:relative;width:830px;  }
    footer nav div:last-child {position:absolute;left:490px; top:70px; }
}
@media screen and (max-width:979px){
     #footer-copyright div.footer_pc_logo {display:none;}
}