@charset "utf-8";

/*=========================================================
	[ nav_common.css ]
	date - creation:2013-02-22 // update:2013-06-12
=========================================================*/

/*=========================================================
	index
		1. text link
		2. link support
		3. function navigation
=========================================================*/

/* 1. text link
=========================================================*/
a{
	color:#3366FF;
	text-decoration:none;
}
a:visited{color:#3366FF;}
a:hover{
	color:#FF994D;
	text-decoration:underline;
}
a:active{
	color:#3366FF;
	text-decoration:underline;
}

/* link icon
---------------------------------------------------------*/
#wrapper img.ico{
	margin:0 3px;
	vertical-align:baseline;
	border:0;
}

.icoBlank,.icoPageUp,.icoPageDown,.icoPdf{
	margin-right:3px;
	padding-right:17px;
	background-repeat:no-repeat;
	background-position:100% 80%;
}
/* icon image */
#wrapper #container .icoBlank{background-image:url(/common_asp/images/for_ico_blank.gif);}
#wrapper #container .icoPageUp{background-image:url(/common_asp/images/for_arrow_up1.gif);}
#wrapper #container .icoPageDown{background-image:url(/common_asp/images/for_arrow_down1.gif);}
#wrapper #container .icoPdf{background-image:url(/common_asp/images/for_ico_pdf.gif);}
#wrapper #container .icoLink{
	padding-left:17px;
	background:transparent url(/common_asp/images/for_mk_arrow1.png) no-repeat 0 .2em;
}
#wrapper #content p.icoLink{background-position:0 .2em;}

/* 2. link support
=========================================================*/
/* heading link
---------------------------------------------------------*/
/*#content h1 a,#content h2 a,#content h3 a{
	padding-right:16px;
	background:transparent url(/common_asp/images/heading_ico_link.gif) no-repeat 100% 80%;
	color:#333333;
	text-decoration:none;
}
#content h1 a:visited,#content h2 a:visited,
#content h3 a:visited{color:#5A6F7F;text-decoration:none;}
#content h1 a:hover,#content h1 a:active,
#content h2 a:hover,#content h2 a:active,
#content h3 a:hover,#content h3 a:active{color:#FF994D;text-decoration:underline;}
*/

/* icon */
#content h2 a.icoPdf,#content h3 a.icoPdf{
	padding-right:20px;
}

#hClock{/* max-height:106px; */
	visibility:hidden;
	float:right;
	width:160px;
	margin-top:5px;
	text-align:center;
	background:#ffffff;
}
#clock{	overflow:hidden;border:1px dotted #aaa;
	width:150px;
/*	height:90px;*/
	padding:8px 0;background: #fff;
	margin:0 auto;}
#hClockTime{margin:6px auto 6px;height:30px;background:transparent url(/common_asp/images/clock/h_clock_g.png) no-repeat 50% 0;}
#hClockH,#hClockM{display:inline-block;width:35px;height:31px;
	padding:2px 0px 2px 0px;
	text-align:center;
	background:transparent url(/common_asp/images/clock/h_clock_timebg.gif) no-repeat 0 0;
}
#hClockH img,#hClockM img{margin: 0;padding: 0;height:28px;width:auto;}
#hClockH{margin-right:11px;}
#hClockM{}
#hGlobal{text-align: center;margin:0.4em auto 0 auto;}
#hGlobal a{color:#fff;background-color: #00A26B;color:#fff;padding:0 0.5em;font-size: 12px;}

/* topic path
---------------------------------------------------------*/
div#topicPath{
	clear:both;
	display:block;
	position:relative;
	margin:0 0 5px 160px;
	line-height:2.5;
}
#topicPath ol{
	list-style:none;
}#topicPath li{
	display:inline;
	margin-right:5px;
}
#topicPath a{
	padding:6px 15px 6px 14px;
	background:transparent url(/common_asp/images/for_path_bg.gif) no-repeat right center;
	color:#333333 !important;
	border-radius:3px;
	text-decoration:underline;
}#topicPath a:hover{text-decoration:none;
}#topicPath a:visited{color:#333333 !important;}

#topicPath .noCat{
	margin-right:6px;
	padding-right:10px;
	background:transparent url(/common_asp/images/nav_topicpath.gif) no-repeat right center;
}
#topicPath .here{
	padding:4px 10px;
	background:url(/common_asp/images/for_path_here.gif) 0 0;
	font-weight:bold;
	color:#333333 !important;
}

#topicPath li.panTop a span{
	margin:-6px 0 -6px -15px;
	padding-left:30px;
	background:url(/common_asp/images/for_path_home.png) no-repeat 5px 50%;
}

#topicPath a.here:visited{color:#333333 !important;}

/* Only IE7 */
*:first-child+html #topicPath li{
	display:block;
	float:left;
	white-space:nowrap;
}
*:first-child+html #topicPath li.panTop{
	margin-top:-5px;
}
*:first-child+html #topicPath li.panTop a{
	display:block;
}
*:first-child+html #topicPath .here{
	padding:0 10px;
}
*:first-child+html #topicPath .here storng{
	margin:0;
}

/* go to page top
---------------------------------------------------------*/
#pagetopContent,
#pagetopFooter{
	right:10px;
	text-align:center;
}
#pagetopContent{
	position:fixed;
	bottom:10px;
}
#pagetopFooter{
	position:absolute;
	top:-50px;
}
#pagetopFooter.fixed {
    position: fixed;
    bottom: 50px;top: auto;
}

#pagetopContent .pagetopBox a,
#footer #pagetopFooter .pagetopBox a{
	display:block;
	padding:20px 0;
	color:#ffffff;
/*	background:#33B889 url(/common_asp/images/for_pagetop.gif) no-repeat 50% 11px;*/
	background-color: #00A26C;
	border-radius:5px;
}
#pagetopContent a:hover,
#pagetopFooter a:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: “alpha( opacity=70 )”;
	text-decoration:none;
}

#pagetopContent .pagetopBox,#footer #pagetopFooter .pagetopBox{
	width: 80px;
	float: right;
}
#pagetopContent .pagetopBox,#footer #pagetopFooter #favoriteBox{position: absolute;width: 80px;left:0;bottom: 0;border: 1px solid #00A26C;border-radius: 5px;background-color: #fff;}
#pagetopContent .pagetopBox,#footer #pagetopFooter #favoriteBox a{display: block;padding: 20px 0;color: #00A26C;}
#pagetopContent .pagetopBox,#footer #pagetopFooter #favoriteBox em{position: absolute;display: block;background-color: #00A26C;color:#fff;width: 2.0em;width: 1.7em;border-radius: 50%;right: 0px;bottom: 0px;font-size: 10px;line-height: 1.7em;font-style: normal;}

#pagetopContent {
	z-index: 300;
}
#pagetopFooter {
	z-index: 301;
}

body.contact #pagetopContent .inquiryBox,
body.contact #pagetopFooter .inquiryBox {
	display:none;
}
body.contentowner #pagetopContent .inquiryBox,
body.contentowner #pagetopFooter .inquiryBox {
	display:none;
}
body.contactowner #pagetopContent .inquiryBox,
body.contactowner #pagetopFooter .inquiryBox {
	display:none;
}
 

#pagetopContent .inquiryBox-inner,#footer #pagetopFooter .inquiryBox-inner{
	height: 96px;
	margin: 10px auto;
	border-radius: 6px;
	box-shadow: 0px 0px 0px 1px #FFF inset;
	border: 1px solid #F73B00;
	background: transparent linear-gradient(to bottom, #FB7B31 43%, #F73B00 59%) repeat scroll 0% 0%;
	color: #F1F1F1;
	text-align: center;
}
#pagetopContent .inquiryBox-inner a,#footer #pagetopFooter .inquiryBox-inner a {
	background: none;
	padding: 20px 8px;
	display: block;
  font-size: 16px;
  font-weight:bold;
  color: #FFF;
  line-height: 1;
  text-decoration: none;
}
#pagetopContent .inquiryBox-icon,#footer #pagetopFooter .inquiryBox-icon{
	display: block;
	margin-bottom: 10px;
}
#pagetopContent .inquiryBox-text,#footer #pagetopFooter .inquiryBox-text{
	width: 150px;
	display: block;
	vertical-align: middle;
	text-align: center;
	line-height: 1.2;
}
#pagetopContent .inquiryBox-text, #footer #pagetopFooter .inquiryBox-text.small{font-size: 15px;}
#pagetopContent .inquiryBox-text, #footer #pagetopFooter .inquiryBox-text.small span{font-size: 12px;}
#pagetopContent .inquiryBox-text span,#footer #pagetopFooter .inquiryBox-text span{
	display: inline-block;
}
#pagetopContent .lineBox,#footer #pagetopFooter .lineBox{
	display: none;
}


/* 3. function navigation
=========================================================*/
/* common in header
---------------------------------------------------------*/

/* Utility navigation in header
---------------------------------------------------------*/
/* h1 */
#header p{font-weight:normal;margin-top:0}
/* header logo */
#hlogo a img{
	vertical-align:bottom;
}

/* Support navigation in contents
---------------------------------------------------------*/
/* navSupport */
#navSupport{
	margin-top:25px;
}
#navSupArea,#navSupUniv{
	position:relative;
}
#navSupport h4{
	color:#00A26B;
	font-size:14px;
	padding:3px 0 5px 20px;
	border-bottom:1px solid #00A26B;
	background:url(/common_asp/images/for_mk_arrow2.png) no-repeat 0 50%;
}
#navSupport .navSupG{
	position:absolute;
	width:60px;
	height:57px;
	top:-8px;
	right:5px;
}
#content #navSupport ul{/* width:838px; */
	margin:0;
	padding:20px 0 10px 20px;
	border-bottom:3px solid #99DAC4;
	list-style:none;
}
#content #navSupport ul li{
	float:left;
	display:block;
	width:200px;
	margin:0 0 10px 0;
	padding:0;
}
#content #navSupport a{
	display:block;
	padding:0 10px 0 13px;
	background:url(/common_asp/images/for_mk_arrow1.png) no-repeat 0 4px;
	text-decoration:underline;
}
#navSupUniv{
	margin-top:25px;
}

/* 20130501
---------------------------------------------------------*/
#content #navSupport ul li.subarea{
	float:left;
	display:block;
	width:800px;
	margin:0 0 10px 0;
	background:url(/common_asp/images/for_mk_pin.png) no-repeat 0 4px;
	padding:5px 0 5px 24px;
	border-bottom: 1px dotted #FF6666;
	color: #FF3366;
}

#content #navSupport a.subarea{
	display:block;
	padding:0 10px 0 13px;
	background:url(/common_asp/images/for_mk_arrow4.png) no-repeat 0 4px;
	text-decoration:underline;
}
/* 20130501
---------------------------------------------------------*/


/* Site guide navigation in footer
---------------------------------------------------------*/
/* footer */
#footer a,#footer a:hover{
	color:#333333;
}
#footer ul{
	list-style:none;
}

/* navGroup */
#navGroup{
	width:898px;
	margin:0 auto;
	border:1px dotted #666666;
	text-align:left;
}
#navGroup table{
	border-collapse:collapse;
}
#navGroup dl{
	clear:both;
}
#navGroup dt{
	display:block;
	float:left;
	width:130px;
	text-align:right;
}
#navGroup dd{
/*	width:758px;*/
	width:auto;
	padding-left:135px;
}
#navGroup dd ul{
	display:block;
	padding:0 10px;
	border:1px solid #fff;
}
#navGroup #navGroupAble{
	border-bottom:1px solid #4CBE97;
}
#navGroup #navGroupAble dt{
	background:#00A26B;
}
#navGroup #navGroupAble dd{
/*	padding:2px 0 2px 135px;*/
  padding:4px 0 2px 138px
}
#navGroup #navGroupAble h4{	position:relative;width:130px;background-color:#00A26B;line-height:2;text-align:center;color:#fff;}
#navGroup #navGroupAble h4 a{color:#fff;}
#navGroup #footerMap{overflow: hidden;/*display: flex;justify-content: center;*/display:block;margin:0 auto;}
#navGroup #footerMap img{width:100%;height:auto;}

/* Only IE7 */
*:first-child+html #navGroup #navGroupAble dt{
	position:absolute;
}
*:first-child+html #navGroup #navGroupAble dd{
	padding-top:5px;
	height:16px;
}
/* End of Only IE7 */


#navGroup #navGroupList {
	padding:10px 0 3px;
}
#navGroup #navGroupList dd{
	padding-bottom:7px;
}

*:first-child+html #navGroup #navGroupList dd{
	margin-top:-18px;
}

#footer_LINE_link {position: relative;display: none;}
#footer_LINE_link figure {
  position: absolute;
  bottom: 0;
  right:0;
  margin: 0;
  padding: 0;
}
#footer_LINE_link figure img {}
#footer_LINE_link p {
  padding-left: 20px;
  padding-right: 130px;
}
#footer_LINE_link p span {}


#navGroup #navGroupChintai{
	border-bottom:1px solid #FFFFFF;
}
#navGroup  dt h4{display: block;	position: relative;height: 22px;	margin: 0;line-height: 22px;overflow: hidden;text-align: center;}
#navGroup #navGroupHudousan {border-bottom: 1px solid #FFFFFF;}
#navGroup #navGroupHudousan dt h4 {background-color:#FFC926;}
#navGroup #navGroupHudousan dd {width: auto;padding: 2px 0 2px 135px;background-color:#F9E1C1;}

#navGroup #navGroupChintai {border-bottom: 1px solid #FFFFFF;}
#navGroup #navGroupChintai dt h4 {background-color: #BDD5F2;}
#navGroup #navGroupChintai dd {
	width: auto;
	padding: 2px 0 2px 135px;
	background: url(/common/images/f_general_bg.gif) 0 0;
}
/* Only IE7 */
*:first-child+html #navGroup #navGroupChintai dd{padding-top:4px;}
/* End of Only IE7 */
#navGroup ul{
	list-style:none;
}
#navGroup li{
	display:block;
	float:left;
	width:16.5em;
}
#navGroup li a{
	padding:0 10px 0 14px;
	background:transparent url(/common_asp/images/for_mk_arrow1.png) no-repeat 0 .2em;
}
#navGroup p.note{
	font-size:11px;
/*	text-align:right;*/
}
/* siteInfo */
#siteInfo{
	position:relative;
/*	height:4em;*/
	margin-top:17px;
	padding:10px 0;
	background:#E0E4EF;
}
/* footer logo */
#siteInfo #flogo{
	z-index:1;
	float:right;
	width:222px;
	padding:5px;
	font-size:11px;
	text-align:left;
	line-height:1.4;
	background:#ffffff;
	border-radius:3px;
}
#siteInfo #flogo a{
	text-decoration:none;
	color:#333333;
}
#siteInfo #flogo a:hover{
	color:#333333;
	text-decoration:underline;
}
#siteInfo #flogo img{
	display:block;
	float:right;
	margin:0 0 0 4px;
}
#siteInfo #flogo p{
	margin:0;
	padding:4px 5px 0 5px;
	font-size:11px;
}

#siteInfo ul{
	margin:0;
	padding:0;
	list-style:none;
}
#siteInfo li{display:inline;}
#siteInfo li a{
	padding:0 10px;
	border-right:1px solid #333333;
}
#siteInfo li.end a{
	border-right:none;
}

#siteInfo .content900{

}
#siteInfo p.copyright{
	display:table-cell;
	vertical-align:bottom;
	width:600px;
	text-align:right;
	z-index:0;
	margin:0;
/*	padding-top:23px;*/
	padding-top:10px;
	font-size:11px;
	color:#000000;
	line-height:0;
}*:first-child+html #siteInfo p.copyright{
	padding-top:13px;
	line-height:1;
}

.ci-ap-section{
	clear:both;
	width:909px;
	margin:0 auto;
	padding:12px 1px 12px 0;
	text-align:right;
}



.translated-ltr #hClockDate{display:none;}


#pagetopFooter{position: absolute;}
#pagetopFooter .inquiryBox{width: 168px;position: relative;}
#pagetopFooter .seminarBox{width: 374px;position: absolute;bottom: 0;right: 176px;border-radius: 8px;opacity:0.96;overflow: hidden;box-shadow: 0px 0px 10px -6px #777777;}
#pagetopFooter .seminarBox a{padding:0 !important;}
#pagetopFooter .seminarBox img{width: 100%;}
#pagetopFooter .seminarBox span.close{position: absolute;right: 0;top:0; width: 20px;height: 20px;background-color:rgba( 255, 255, 255, 1 );cursor: pointer;}
#pagetopFooter .seminarBox span.close:after{  content: "";position: absolute;  top: 50%;  left: 50%;  width: 2px;  height: 20px;  background: #333;transform: translate(-50%,-50%) rotate(45deg);}
#pagetopFooter .seminarBox span.close:before{  content: "";position: absolute;  top: 50%;  left: 50%;  width: 2px;  height: 20px;  background: #333;transform: translate(-50%,-50%) rotate(-45deg);}
#pagetopFooter .seminarBox span.close em{display: none;}

@media screen and (max-width: 767px){
	#pagetopFooter .seminarBox{width: 200px;bottom: 51px;right: 0px;left:0;margin: auto !important;}
	#pagetopFooter .seminarBox a{display: block;height: 80px;overflow: hidden;}
	#pagetopFooter .inquiryBox{/*width:70px;*/width:100%;}
	#pagetopFooter .inquiryBox-inner{/*width:70px;*/width:100%;}
	#pagetopFooter .seminarBox span.close{padding:0 !important;width:20px;height:20px;}
	#navGroup dd {padding-left: 90px;}
}

/* footer map */
#footer #footerMap{position:relative;}
#footer #footerMap>img{width:890px;margin:0 auto;}
#footer #footerMap>a.mapCity{position:absolute;display: block;width: 62px;height: 62px;transition: all .1s ease;transform-origin: center;z-index: 199;}
#footer #footerMap>a.mapCity img{width:100%;}
#footer #footerMap a.mapCity#mapLondon{top: 59px;left: 95px;}
#footer #footerMap a.mapCity#mapGuangzhou{top: 59px;left: 181px;}
#footer #footerMap a.mapCity#mapHongkong{top: 59px;left: 250px;}
#footer #footerMap a.mapCity#mapBeijin{top: 59px;left: 318px;}
#footer #footerMap a.mapCity#mapTianjin{top: 59px;left: 385px;}
#footer #footerMap a.mapCity#mapSeoul{top: 59px;left: 454px;}
#footer #footerMap a.mapCity#mapShanghai{top: 128px;left: 454px;}
#footer #footerMap a.mapCity#mapShinShanghai{top: 128px;left: 520px;}
#footer #footerMap a.mapCity#mapTaiwan{top: 197px;left: 454px;}
#footer #footerMap a.mapCity#mapKaohsiung{top: 263px;left: 453px;}
#footer #footerMap a.mapCity#mapManila{top: 263px;left: 385px;}
#footer #footerMap a.mapCity#mapHanoi{top: 263px;left: 317px;}
#footer #footerMap a.mapCity#mapHochiminh{top: 263px;left: 181px;}
#footer #footerMap a.mapCity#mapBangkok{top: 197px;left: 181px;}
#footer #footerMap a.mapCity#mapPhnompenh{top: 265px;left: 249px;}
#footer #footerMap a.mapCity#mapSingapore{top: 263px;left: 220px;}
#footer #footerMap a.mapCity#mapShenzhen{top: 128px;left: 181px;}
#footer #footerMap a.mapCity#mapBoston{top: 58px;left: 784px;}
#footer #footerMap a.mapCity#mapNewyoek{top: 127px;left: 784px;}
#footer #footerMap a:hover{transform: scale(1.15);}

@media screen and (max-width: 960px){ /* 不使用？ */
	#footer #footerMap>img{width:100%;}
	#footer #footerMap a.mapCity {}
	#footer #footerMap>a.mapCity{height: auto;width:7.8%;}
	#footer #footerMap a.mapCity#mapLondon{top: 13%;left: 10%;}
	#footer #footerMap a.mapCity#mapGuangzhou{top: 13%;left: 20%;}
	#footer #footerMap a.mapCity#mapHongkong{top: 13%;left: 28%;}
	#footer #footerMap a.mapCity#mapBeijin{top: 13%;left: 35%;}
	#footer #footerMap a.mapCity#mapTianjin{top: 13%;left: 42.5%;}
	#footer #footerMap a.mapCity#mapSeoul{top: 13%;left: 50%;}
	#footer #footerMap a.mapCity#mapShanghai{top: 29%;left: 50%;}
	#footer #footerMap a.mapCity#mapShinShanghai{top: 29%;left: 58%;}
	#footer #footerMap a.mapCity#mapTaiwan{top: 45%;left: 50%;}
	#footer #footerMap a.mapCity#mapKaohsiung{top: 61%;left: 50%;}
	#footer #footerMap a.mapCity#mapManila{top: 74.8%;left: 47.5%;}
	#footer #footerMap a.mapCity#mapBangkok{top: 45%;left: 20%;}
	#footer #footerMap a.mapCity#mapPhnompenh{top: 61%;left: 20%;}
	#footer #footerMap a.mapCity#mapSingapore{top: 74.8%;left: 24%;}
	#footer #footerMap a.mapCity#mapHanoi{top: 74.8%;left: 39.5%;}
	#footer #footerMap a.mapCity#mapHochiminh{top: 74.8%;left: 31.8%;}
	#footer #footerMap a.mapCity#mapShenzhen{top: 29%;left: 20%;}
	#footer #footerMap a.mapCity#mapBoston {top: 12%;left: 87.5%;}
	#footer #footerMap a.mapCity#mapNewyoek{top: 29%;left: 87.5%;}

}