/*deye2024*/
	/*reset css*/
	body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, button, textarea, p, blockquote, th, td {	
		padding: 0;
		margin: 0;
	}
	
	img {border: 0;}
	
	:focus {outline: 0;}
	
	h1, h2, h3, h4, h5, h6 {
		font-size: 100%;
		font-weight: normal;
	}
	
	input, button, textarea, select, optgroup, option {
		font-family: inherit;
		font-size: inherit;
		font-style: inherit;
		font-weight: inherit;
	}
	
	code, kbd, samp, tt {font-size: 100%;}


	/*purpose To enable resizing for IE */
	/*branch For IE6-Win, IE7-Win */
	/*	input*/
	button, textarea , input[type="submit"], input[type="button"]  { 
		-webkit-appearance: none;  
		-moz-appearance: none;
		appearance: none;
	}
	
	ol, ul, li {list-style: none;}
	
	:link, :visited , ins {text-decoration: none;}
	
	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}
	

	/*HTML5 tag*/
	section, article, aside, footer, header, nav, main {display:block;}
	

	/*HTML5 display-role reset for older browsers*/
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
	
	ol, ul {
		list-style: none;
		width: 100%;
		float:left;
	}
	
	blockquote, q {quotes: none;}
	
	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}
	
	table {
		border-collapse: collapse; 
		border-spacing: 0;
	}

	/*general*/
	html, body {
		width: 100%;
		height: 100%;
	}
	
	body {
		margin:0;
		width:100%;
		font-size:1em;
		line-height: 150%;
		font-family:"Calibri","Microsoft JhengHei";
		color:#424242;
		background:#fff;
		cursor:default;
		word-wrap:break-word;
	}
	
	div , p , table { 
		padding:0;
		margin:0;
		width: 100%;
		float:left;
	}
	
	p {margin:5px 0;}


	/*title*/
	#menu-name {
		padding:20px 0;
		margin:10px 0 20px;
		font-size:2.5em;
		line-height:150%;
		color:#fff;
		text-shadow: 2px 2px 5px rgba(0, 0, 0, .9);
		font-weight:bold;
		text-align:center;
	}
	
	h1, .posting-title, .post-title , #catalog_display h1 span , 
	#main_info span , .emailtitle , #albumdetail .main-title {
		margin:20px 0;
		width:100%;
		font-size:2em;
		line-height:150%;
		color:#3b53cc;
		font-weight:bold;
		text-align:center;		
		float:left;
	}
	
	h1.register-h1 , h1.login-h1 , h1.forgot-h1 , #edit-person-info h1 , 
	#shoppingCart h1 , #personal-info h1 , #confirm-order h1 , .order-confirm-info h1  {
		margin:0 25% 15px;
		width:50%;
		text-align:center;
	}
	
	h1.register-h1 span , h1.login-h1 span , h1.forgot-h1 span , 
	#edit-person-info h1 span , #shoppingCart h1 span , #personal-info h1 span , 
	#confirm-order h1 span , .order-confirm-info h1 span {
		width:100%;
		font-size:2em;
		line-height:150%;
		color:#233179;
		font-weight:bold;
		float:left;
	}
	
	#home h1 {
		font-size:2em;
		line-height:150%;
		text-align:left;
	}
	
	h1 span , #menu-13738 .hbox h1 span {
		margin:0 0 10px;
		width:100%;
		font-size:1.5em;
		line-height:150%;
		font-weight:normal;
		float:Left;
	}
	
	h2 , .prod_exfield span {
		margin:5px 0;
		width:100%;
		font-size:1.75em;
		line-height:150%;
		color:#2c3e99;
		font-weight:bold;
		text-align:left;
		float:left;
	}
	
	h2 span {
		margin:10px 0 20px;
		width:100%;
		font-size:1.5em;
		float:left;
	}
	
	h3 {
		margin:5px 0;
		width:100%;
		font-size:1.5em;
		line-height:135%;
		color:#23786a;
		font-weight:bold;
		float:left;
	}
	
	h4 , #catalog_display .product .title {
		margin:5px 0 5px;
		width:100%;
		font-size:1.25em;
		line-height:135%;
		color:#233179;
		text-shadow:0 2px 2px rgba(0,0,0,.1);
		font-weight:bold;
		text-align:left;
		float:left;
	}
	
	h5 {
		padding:0 0 15px;
		margin:10px 0 0;
		width:100%;
		font-size:1.25em;
		line-height:135%;
		color:#424242;
		font-weight:bold;
		float:left;
	}

	/*link*/
	a {
		color: #233179;
		font-weight:900;
		-webkit-transition: color .5s, background .5s;
		transition: color .5s, background .5s;
		cursor:pointer;
	}
	
	a:hover {color:#3b53cc;}
	
	a img {opacity: 1;}
	
	a img:hover {
		opacity: .8;
		-webkit-transition: opacity .5s;
		transition: opacity .5s;
	}
	
	.logolink a img:hover , #flash-box img:hover , #cart-content img:hover , 
	#member img:hover , .footer-info  img:hover {opacity: 1;}

	.printer , hr {display:none;}
	
	.info-link , .go-back a , #back-to-list a , .morelink a {
		padding:10px 10px;
		margin:30px calc(50% - 87px) 5px;
		width:150px;
		color:#fff;	
		text-align:Center;
		background: #233179;
		border:2px solid #233179;
		box-shadow:0 2px 6px rgba(0,0,0,.3);
		float:Left;
	}
	
	.info-link:hover , .go-back a:hover , #back-to-list a:hover , .morelink a:hover  {
		color:#fff;
		background:#3b53cc;
		border:2px solid #3b53cc;
	}
	
	.need-info .info-link , .high-assets .info-link , .family-need .info-link ,
	.events-left .info-link , .events-right .info-link , .deye-invite .info-link , 
	.homeabout .info-link , .newsid-13243 .info-link {
		margin:15px 0 5px;
		color:#233179;
		background: none;
	}

	 .newsid-13243 .info-link {margin:30px calc(50% - 87px) 5px;}

	.need-info .info-link:hover , .high-assets .info-link:hover , .family-need .info-link:hover ,
	.events-left .info-link:hover , .events-right .info-link:hover , .deye-invite .info-link:hover ,
	.homeabout .info-link:hover , .newsid-13243 .info-link:hover {
		color:#fff;
		background:#3b53cc;
	}
	
	#menu-14570 .info-link {margin:0 0 5px;}
		
	#menu-14573 .info-link {margin:0px 0 5px;}
		
	.two-link {
		margin:0 calc(50% - 300px);
		width:600px;
	}
	
	.two-link a:first-child {
		margin:30px 0 5px;
		color:#233179;
		background: none;
	}
	
	.two-link a:first-child:hover {
		color:#fff;
		background:#3b53cc;
	}

	.two-link a:last-child {
		margin:30px 0 5px;
		float:right;
	}
		
	/*ul*/
	ul {
		width:100%;
		float:Left;
	}
	
	ul li {margin:0 5px;}
	
	.maincontent ul li {
		padding:0 0 5px 25px; 
		margin:0 0 5px; 
		width:calc(100% - 25px); 
		background: url(graphics/li.png) no-repeat left top 5px; 
		background-size:15px;
		float:left;
	}

	.maincontent ul li ul li {
		background: url(graphics/li1.png) no-repeat left top 5px; 
		background-size:15px;
	}
	
	/*iframe img*/
	iframe {
		margin: 10px 0;
		max-width: 100% !important;
		width: 100% !important;
	}
	
	img {
		width: 100%;
		max-width: 100%;
		height: auto;
		float:left;
	}


	/*input*/
	input, textarea {
		padding:5px 5px;
		float:left;
		border:2px solid #233179;
		box-shadow:0 2px 6px rgba(0,0,0,.3);
	}
	
	input[type="submit"] , input[type="button"] {
		width:calc(100% - 14px);
		color:#fff;	
		background: #233179;
		-webkit-transition: background .5s;
		transition: background .5s;
		cursor: pointer;
	}
	
	input[type="submit"]:hover , input[type="button"]:hover {background:#3b53cc;}
	
	input[type="text"] , input[type="textbox"] , input[type="password"] , input[type="email"] , textarea  {
		width:calc(100% - 14px); 
		color:#000;	
		background: #fff;
	}
	
	textarea {height:100px;}
	
	input[type="radio"] ,	input[type="checkbox"] {
		margin:5px 5px 5px 0;
		width:15px;
		height:15px;
	}
	
	select {
		padding:5px 5px;
		margin:5px;
		width:calc(50% - 10px);
		color:#000;
		float:left;
		border:2px solid #233179;
	}
	
	#catalog_detail select {
		margin:0 5px;
		width:calc(100% - 10px);
	}
	
		
	/*pageselection*/
	#page-top {display:none;}
	
	#page-bottom {margin-top:25px;}

	.maincontent .pageselection ul {
		width:100%;
		float:left;
		text-align:center;
	}
	
	.maincontent .pageselection ul li {
		padding:0;
		margin:5px;
		width:auto; 
		background:none;
		display:inline-block;
		float:none;
	}
	
	.maincontent .pageselection ul li a {
		padding:0 5px;
		display:block;
	}
	
	.maincontent .pageselection li.activepage a {
		padding:0 5px;
		color:#fff;
		font-weight:900;
		background:#233179;
	}
	
	.maincontent .pageselection li a:hover {text-decoration:underline;}

	.maincontent .pageselection ul li.page-word {display:none;}
	
	
	/*messagebox*/
	.messagebox {
		margin:0 25% 15px;
		width:50%;
		text-align:Center;
	}
	
	.messagebox_title , .messagebox_content {display:none;}

	
	/*pop up*/
	#grayBG1 {
		width:100%; 
		height:100%;
		background:rgba(0,0,0,.8);
		position:fixed; 
		top:0; 
		left:0;
		z-index:999;
	}
	
  #LightBox1.box_content {
  	padding:20px 25px;
  	margin-left:0;
  	width:250px; 
  	line-height:20px; 
  	background:#fff; 
  	color:#2d2d2d; 
  	text-align:center;
  	z-index:1000;
  	position:fixed; 
  	left:calc(50% - 150px); 
  	top:25vh; 
  }
	
	#LightBox1.box_content ul {
		padding:0; 
		margin:0; 
		margin-top:15px;
	}
	
	#LightBox1.box_content ul li {
		padding:0; 
		margin:0;
		width:100%;
	}
	
	#LightBox1.box_content ul li a {
		padding:5px 10px;
		margin:0 calc(50% - 50px);
		width:80px;
		color:#424242;	
		font-weight:500; 
		background: rgba(35,49,121,.5);
		float:left;
		border:2px solid #233179;
	}
	
	#LightBox1.box_content ul li a:hover {
		color:#fff;
		background:#233179;
	}

	#LightBoxContent {
		padding-top:15px;
		min-height:50px; 
	}
	
	.box_content a {text-decoration:none;}
	
	#LightBoxContent .message {font-weight:900;}
	
	.warning {display:none;}
	
	
	/*frame layout*/
	#artboard {
		background:#fff;
		min-height: 100%;
	}


	/*header*/
	#header {
		margin:0;
		background:#fff;
		box-shadow:0 4px 6px rgba(0,0,0,.3);
		position:relative;
	}
	
	#header-body {}

	/*logolink*/
	.logolink {
		margin:0px 0 0px 30px;
		width:180px;
	}
	
	.logolink a {
		padding:20px 0;
		width:100%;
		float:left;
	}
	
	
	/*mainmenu*/
  #mainmenu {
  	margin:0 20px;
  	width:calc(100% - 250px);
  	z-index:999;
  }
  
	#mainmenu ul {text-align:right;}
	
	#mainmenu ul li {
		padding:0;
		margin:0;
		line-height:100%;
		display:inline-block;
		float:none;
	}
	
	#mainmenu ul li a {
		padding:30px 15px;
		font-weight:900;
		color:#233179;
		float:left;
		background:none;
		position:relative;
		top:5px;
	}
	
	#mainmenu ul li#menu14566 > a , #mainmenu ul li#menu14575 > a , #mainmenu ul li#menu14583 > a , #mainmenu ul li#menu14572 > a , #mainmenu ul li#menu14570 > a {
		padding:30px 25px 30px 15px;
		background: url(graphics/menudown.png) right 10px center no-repeat;
		background-size:10px;
	}
	
	#mainmenu ul li a:hover {color:#3b53cc;}
	
	#mainmenu ul li a.mainmenuactive , #menu li a.activearrow {}

	#mainmenu ul li#menu14565 {display:none;}
	
	
	/*css for dropdown menu */
  #mainmenu ul li ul {
  	padding:0; 
  	margin:0px; 
  	position:absolute; 
  	top:80px;
  	left:0;
  	z-index:99;  	
		box-shadow:0 2px 6px rgba(0,0,0,.3);
  	display:none;
  } 
  
  #mainmenu ul li:hover > ul {
  	padding:20px calc(50% - 640px); 
  	margin:0;
  	width: 1280px;
  	background:#fff;
  	border-bottom:2px solid #233179;  	
  	display: block;
  	text-align:left;
  }
  
 	#mainmenu ul li ul li {
 		padding:0px;
 		margin:0 15px;
 		width:calc(25% - 30px);
 		text-align:center;
 	}
 	
  #mainmenu ul li ul li a {
  	padding:10px 25px 10px 10px;
  	width:calc(100% - 35px);
  	color:#233179;
  	background: url(graphics/arrow-menu.png) right top 10px no-repeat;
  	background-size:15px;
  	text-align:left;
  	display:block;
  	border-bottom:1px solid #233179;
  }
  
  #mainmenu ul li ul li a:hover , #mainmenu ul li ul li ul li a:hover , #mainmenu ul li ul li:hover a {
  	color:#3b53cc;
  	background: url(graphics/arrow-menu-h.png) right top 10px no-repeat;
  	background-size:15px;
  	border-bottom:1px solid #3b53cc;
  }
  
  #mainmenu ul li ul li ul {display:none;}
  
	/*navFixed*/
	#header.navFixed , #home #header.navFixed {
		background:#233179;
		box-shadow:0 2px 6px rgba(0,0,0,.3);
		position:fixed;
		top:0;
		left:0;
		z-index:1000;
	}
	
	.logolink2 {
		margin:2px 0 0px 30px;
		width:150px;
	}
	
	.logolink2 a {padding:15px 0;}	
	
	.logolink2 img {filter: brightness(100);}
	
	.navFixed #mainmenu {
		margin:0 20px;
  	width:calc(100% - 220px);
  }
	
	.navFixed #mainmenu li > a {
		padding:20px 15px;
		margin:0;
		color:#fff;
		text-shadow:none;
		position:relative;
		top:5px;
	}
	
	.navFixed #mainmenu ul li#menu14566 > a , .navFixed #mainmenu ul li#menu14575 > a , .navFixed #mainmenu ul li#menu14583 > a , .navFixed #mainmenu ul li#menu14572 > a , .navFixed #mainmenu ul li#menu14570 > a  {
		padding:20px 25px 20px 15px;
		background: url(graphics/menudown-w.png) right 10px center no-repeat;
		background-size:10px;
	}
		
	.navFixed #mainmenu ul li > a:hover {color:#64d3f1;}
	
  .navFixed #mainmenu ul li ul {position:absolute;top:60px;left:0px;} 
  .navFixed #mainmenu ul li:hover > ul {display: block;}
  .navFixed #mainmenu ul li:hover > ul {display: block;}
 	
 	.navFixed #mainmenu ul li ul li {
 		padding:0px;
 		margin:0 15px;
 		width:calc(25% - 30px);
 		text-align:center;
 	}
 	
  .navFixed #mainmenu ul li ul li a {
  	padding:10px 25px 10px 10px;
  	width:calc(100% - 35px);
  	color:#233179;
  	background: url(graphics/arrow-menu.png) right top 10px no-repeat;
  	background-size:15px;
  	text-align:left;
  	display:block;
  	border-bottom:1px solid #233179;
  }
  
  .navFixed #mainmenu ul li ul li a:hover , .navFixed #mainmenu ul li ul li ul li a:hover , .navFixed #mainmenu ul li ul li:hover a {
  	color:#3b53cc;
  	background: url(graphics/arrow-menu-h.png) right top 10px no-repeat;
  	background-size:15px;
  	border-bottom:1px solid #3b53cc;
  }
  
  .navFixed #mainmenu ul li ul li ul {display:none;}
  
  
	/*totop*/
	.totop {
		width:50px;
		height:50px;
		position:fixed;
		bottom:15px;
		right:30px;
		z-index:500;
	}
	
	.totop a {
		width:100%;
		height:100%;
		background:#233179 url(graphics/totop.png) center center no-repeat;
		background-size:70%;
		float:left;
	}
	

	/*hbox*/
	.hbox {
		margin:0px;
		position:relative;
		top:0;
		left:0;
	}
	
	.hbox-title {		
		padding:172px 0 172px 30px;
		margin:0;
		width:530px;
		font-size:4em;
		font-weight:bold;		
		text-shadow: 2px 2px 5px rgba(255, 255, 255, .9);
		background: url(graphics/banner.png) left top no-repeat;
		background-size:100%;
		position:absolute;
		top:0px;
		left:0;
	}
	
	.hbox-content {
		margin:-2px 0 0;
		width:100%;
		height:360px;
	}
	
	@media screen and (min-width:1920px){
		.hbox {
			height:360px;
			overflow:hidden;	
		}
	}
	
	.hbox-content h1 {text-align:left;}


	/*navigation*/
	#navigation {
		padding:10px 0;
		margin:0px 0;
		background:rgba(35,49,121,.2);
	}
	
	#navigation a:first-child {width:20px;}
	
	#navigation-body {
		margin:0px calc(50% - 640px);
		width:1280px;
		font-size:0.8em;
		line-height:150%;
	}
	
	#navigation-body a {
		margin:3px 0;
		width:auto;
		color:#233179;
		float:Left;
	}
	
	#navigation-body a:hover {
		color:#3b53cc;
		text-decoration:underline;
	}
	
	#navigation-body a:first-child {
		background: url(graphics/home-nav.png) left top 3px no-repeat;
		background-size:13px;
	}
	
	#navigation-body a:first-child:hover {text-decoration:none;}
	
	#navigation-body span {
		margin:0 5px;
		width:20px;
		background: url(graphics/arrow-nav.png) center top 6px no-repeat;
		background-size:15px;
		float:Left;
	}
	
	#navigation-body span:nth-child(2) {margin:0 5px 0 0;}
	
	#navigation-body span span {display:none;}


	/*maincontent*/
	.maincontent {
		padding:30px 0 0px;
		width:100%;
		background:#fff;
		position:relative;
	}
	
	.maincontent-body {
		padding:0px calc(50% - 640px) 40px;
		width:1280px;
		min-height:45vh;
	}
	
	
	/*map*/
	.map {line-height:0;}
	.map iframe {margin:0;width:100%;height:400px;}
		
	/*footer*/
	#footer {
		padding:30px calc(50% - 640px) 15px;
		width:1280px;
		color:#fff;
		background:#233179;
	}
	
	/*footer-info*/
	.footer-info {
		padding:0 0 20px;
		margin:0 0 15px;
		border-bottom:1px solid #fff;
	}	
	
	.footer-info a {
		color: #fff;
		font-weight:700;
	}
	
	.footer-info a:hover {
		color: #64d3f1;
		text-decoration:underline;
	}
	
	.footer-left {
		width:calc(100% - 280px);
	}
	
	.footer-left ul li {
		margin:0 0 5px;
		width:50%;
		float:left;
	}
	
	.footer-right {
		margin:0px 0 0px 30px;
		width:250px;
	}
	

	/*copyright*/
	#copyright {
		padding:5px 0;
		width:calc(100% - 200px);
	}
	
	#copyright a {
		font-weight:500;
		color: #fff;
	}
	
	#copyright a:hover {text-decoration:underline;}
	
	/*bottomicon*/
	.footer-link {
		width:160px;
		line-height:0;
		float:right;
	}
	
	.footer-link ul {}
	
	.footer-link ul li {
		margin:0 5px;
		width:30px;
		float:left;
	}
	
	
	/*home*/
	#home #header {background:none;}

	#home .maincontent {
		padding:0px 0;
		margin:0;
		min-height:auto;
	}
	
	#home .maincontent-body {
		padding:0px 0 40px;
		width:100%;
		min-height:auto;
	}
	
	/*flash box*/
	.nivo-prevNav , .nivo-nextNav {display:none !important;}
	
	#flash-box {}

	.defaultimg {
		width:100%;
		display:none;
	}
	
	#slider {}

	.theme-default {
		width:100%;
		position:relative;
		float:left;
	}
	
	.theme-default .nivoSlider {margin:0 !important;}
	
	.theme-default .nivo-controlNav {
		padding:0 0 8px !important;
		line-height:16px;
		text-align:center;
		position:absolute;
		bottom:10px;
		float:left;
		z-index:99;
	}
	
	.theme-default .nivo-controlNav a {
		margin:0 10px !important;
		width:12px !important;
		height:12px !important;
		background:#f4f4f4 !important;
		box-shadow: 0px 0px 10px rgba(0, 0, 0, .3);
		border-radius:50%;
	}
		
	.theme-default .nivo-controlNav a.active {background:#233179 !important;}
	
	
	/*homeabout*/
	.homeabout {
		padding:0px 0 0px;
		width:100%;	
		background:rgba(35,49,121,.2);
		box-shadow:0 2px 6px rgba(0,0,0,.3);
	}
		
	.homeabout h2 {text-align:center;}
	
	.about-img {width:800px;}
	
	.about-text {
		padding:30px 0 0;
		margin:0 30px;
		width:calc(100% - 860px);	
	}
	
	.homeabout .info-link {margin:20px calc(50% - 87px) 5px;}
	
	/*homeservice*/
	.homeservice {
		padding:30px calc(50% - 640px) 20px;
		width:1280px;	
		border-bottom:3px solid rgba(35,49,121,.5);
	}
	
	.homeservice h2 , .homeservice h4 , .homeservice h5 {text-align:center;}
		
	.homeservice h4 {
		padding:0 0 5px;
		border-bottom:3px solid #233179;
	}
	
	.homeservice li:hover h4 {
		color:#3b53cc;
		border-bottom:3px solid #3b53cc;
	}
		
	.homeservice li ul li {
		color:#424242;
		font-weight:bold;
	}
	
	/*.homeservice li:hover ul li {color:#3b53cc;}*/
	
	.homeservice h5 {
		padding:20px 0;
		margin:0;
		background:#f4f4f4;
		box-shadow:0 2px 6px rgba(0,0,0,.3);
	}
	
	.maincontent .homeservice > ul {margin:20px 0 5px;}
		
	.maincontent .homeservice ul > li {
		padding:0px 0px; 
		margin:0 10px 20px; 
		width:calc(25% - 20px); 
		background: none;
	}
	
	.maincontent .homeservice ul > li ul {
		padding:5px 10px; 
		margin:10px 0;
		width:calc(100% - 22px);
		border:1px solid rgba(35,49,121,.5);
	}
	
	.maincontent .homeservice ul li ul li {
		padding:10px 0; 
		margin:0 0; 
		width:calc(100% - 0px); 
		background: none;
		border: none;
		border-bottom:1px solid rgba(35,49,121,.5);
	}
	
	.maincontent .homeservice ul li ul > li:first-child , .maincontent .homeservice ul li ul > li:last-child {border-bottom:none;}
	
	.homeservice .info-link {margin:5px calc(50% - 87px) 10px;}
	
	/*home-news*/
	.homenews {
		padding:20px 0px;
		margin:0 calc(50% - 640px);
		width:1280px;
	}
	
	.homenews #news-list-top {display:block;}	
	
	.homenews h1.posting-title {
		margin:10px 0 20px;
		text-align:center !important;
	}	
	
	.morelink a {margin:5px calc(50% - 87px) 5px;}
	
	
	/*article list*/	
	.listing-title , #news-list-top , .listing-picture , .listing-subject , .listing-date , .listing-brief , .maincontent ul.listing-ul li.icon {display:none;}
	
	#menu-14571 .listing-title {display:block;}
	
	.maincontent ul.listing-title li , .maincontent ul.listing-ul li {
		padding:0px 0px; 
		margin:0 0px 20px; 
		width:100%; 
		background: none;
	}
	
	.maincontent ul.listing-title li select {
		width:200px;
		float:right;
	}
	
	#postingNotice {
		padding:30px 5%;
		margin:0 5%;
		width:80%;
		background:rgba(35,49,121,.5);
		display:none;
	}

	.maincontent ul.listing-ul {
		margin:0 10px 40px;
		width:calc(33.3% - 20px);
		background:#f4f4f4;
		box-shadow:0 2px 6px rgba(0,0,0,.3);
	}	
	
	#menu-14571 .maincontent ul.listing-ul {min-height:700px;}
	
	.maincontent ul.listing-ul:hover {box-shadow:0 2px 6px rgba(0,0,0,.5);}
	
	.maincontent ul.listing-ul li {
		padding:0 15px;
		margin:0 0px 10px;
		width:calc(100% - 30px); 
	}
	
	.maincontent ul.listing-ul li.new {display:none;}
	
	.maincontent ul.listing-ul li.upc-picture {
		padding:0;
		width:100%; 
	}
	
	.maincontent ul.listing-ul li.upc-picture img {}
	
	.maincontent ul.listing-ul li.upc-category {color:#3b53cc;}
		
	.maincontent ul.listing-ul li.upc-subject {}
	
	.maincontent ul.listing-ul li.upc-subject a {
		font-size:1.5em;
		line-height:135%;
	}
	
	.maincontent ul.listing-ul li.upc-subject a:hover {color:#3b53cc;}
	
	.maincontent ul.listing-ul li.upc-date {}
	
	.maincontent ul.listing-ul li.upc-brief {
		height:95px;
		box-orient: vertical;
		-webkit-line-clamp: 4;
		overflow:hidden;
	}
	
	.maincontent ul.listing-ul li.upc-brief a {
		color:#424242;
		font-weight:normal;
	}
	
	.maincontent ul.listing-ul li.upc-more a {	
		padding:10px 10px;
		margin:10px calc(50% - 87px) 15px;
		width:150px;
		color:#233179;
		text-align:Center;
		background:none;
		border:2px solid #233179;
		box-shadow:0 2px 6px rgba(0,0,0,.3);
		float:Left;
	}
	
	.maincontent ul.listing-ul:hover li.upc-more a {
		color:#fff;
		background:#3b53cc;
		border:2px solid #3b53cc;
	}
	
	/*article detail*/
	.news-detail {
		margin:0px calc(50% - 400px);
		width:800px;
	}
	
	.news-detail .post-title {margin:0 0 15px;}	
	
	.post-category {
		width:50%;
		color:#3b53cc;
	}
	
	.post-date {
		width:50%;
		text-align:right;
	}
	
	#events-main-picture {
		margin:0px 0 15px;
		text-align:center;
	}
	
	#events-main-picture img {box-shadow:0 2px 6px rgba(0,0,0,.3);}
	
	#gallery-imglist {}
	
	#gallery-imglist .imgbody {
		margin:0 0 5px;
		width:12.5%;
		text-align:Center;
		float:left;
	}
	
	.break-line {display:none;}
	
	.news-content {margin:30px 0 40px;}	
	
	.news-content ul {margin:10px 0 0;}
	
	.news-content ul li h5 {
		padding:0 0 0;
		margin:0 0 5px;
	}

	.go-back {margin:20px 0 0;}
	
	.searchtag {}
	
	.searchtag a {
		margin:0 10px 5px 0;
		width:auto;
		float:Left; 
	}
	
	
	.article-link {
		padding:10px 20px;
		margin:20px 0;
		width:calc(100% - 40px);
		background:#f4f4f4;
		box-shadow:0 2px 6px rgba(0,0,0,.3);
	}
	
	.article-link h2 {
		padding:0 0 10px;
		color:#5f5f5f;
		font-size:1.25em;
		border-bottom:1px solid #5f5f5f;
	}
	
	.article-link img[alt="openarrow"] , .article-link img[alt="closearrow"]{
		margin:8px 0 0; 
		width:20px; 
		float:right; 
	}	
	
	.article-link img[alt="openarrow"] {display:none;}
	
	.article-link img[alt="closearrow"] {display:inline-block;}

	.article-link .flipopen img[alt="closearrow"] {display:none;}
	.article-link .flipopen img[alt="openarrow"] {display:inline-block;}		
	
	#link1 , #link2 , #link3 , #link4 {
		position:relative;
		top:-80px;
	}
	
	#menu-14571 #news-content h5 {
		padding:0 0 0px;
	}

	/*search*/
	#search {
		margin:0 calc(50% - 300px);
		width:600px;	
	}
	
	
	#search h1 , .search-h2 , #searchresult {display:none;}
	
	#search h1.searchphrase {
		margin:0;
		display:block;
	}
	
	#search h1.searchphrase:before {
		content:'搜尋關鍵字';
		font-weight:normal;
	}
	
	#search h2 {text-align:center;}
	
	.searchitem , .searchitem0 {margin:5px 0 10px;}
	
	
	/*product list*/
	#cat-notice {
		padding:30px 5%;
		margin:0 5%;
		width:80%;
		background:rgba(35,49,121,.5);
		display:none;
	}

	
	#catalog_display {}
	
	#catalog_display h1 {
		padding:0;
		margin:0 0 15px;
		font-size:1em;
	}
	
	#catalog_display h1 span {margin:0;}
	
	
	.cat-list {width:100%;float:left;}
	
	.cat-list .product {
		padding:0;
		margin:0 10px 30px;
		width:calc(25% - 20px) !important;
		min-height:450px;
	}
	
	.cat-list .product img {box-shadow:0 2px 6px rgba(0,0,0,.3);}
	
	.cat-list .product div , .cat-list .product div , .cat-list .product .title a {text-align:Center;}
		
	.cat-list .product .description {
		margin:0 !important;
	}
	
	.cat-list .product .title a {
		margin:5px 0;
		width:100%;
		float:Left;
	}
	
	.cat-list .product .title a span {
		width:100%;
		color:#3b53cc;
		float:Left;
	}
	
	.More_product {
		margin:15px 0;
		text-align:right;
	}
	
	.category-list {margin:10px 0 20px;}
	
	.cat-list {}
	
	
	/*product detail*/
	#catalog_detail {
		margin:0px calc(50% - 400px);
		width:800px;
	}
	
	#main_picture {
		margin:0 20px 0 0;
		width:330px;
		min-height:400px;
	}
	
	#extra-picture , #caption {display:None;}
	
	#main_info {
		width:calc(100% - 350px);
		float:right;
	}
	
	#main_info span {
		margin:0 0 0px;
		text-align:left;
	}
	
	#main_info span span {
		margin:0px 10px 0 0;
		width:auto;
		font-size:1em;
	}
		
	.detail_briefdesc {
		margin:0 0 15px;
		width:calc(100% - 350px);
		float:right;
	}	
	
	#detail_other {
		margin:0 0 15px;
		width:calc(100% - 350px);
		float:right;
	}
	
	#detail_spec {		
		margin:0 0 15px;
		width:calc(100% - 350px);
		float:right;
	}
	
	.prod_exfield {
		margin:0 0 15px;
		width:calc(100% - 350px);
		float:right;		
	}
	
	/*album-list*/
	#album-list {}
	#album-list ul {margin:0 1% 25px;width:31.3%;min-height:350px;}
	#album-list ul li {margin:0;width:100%;float:left;}
	#album-list ul li.album-list-title {font-size:18px;line-height:24px;color:#000;font-weight:bold;margin:10px 0;text-align:Center;}
	#album-list ul li.album-list-date , #album-list ul li.album-list-intro {text-align:Center;}
	
	/*albumdetail*/
	#albumdetail {}
	#albumdetail .item-odd , #albumdetail .item-even {margin:0 1% 25px;width:18%;}

	
	/*About*/ 	
	#menu-14566 .maincontent {padding:0px 0 0px;}
	
	#menu-14566 .maincontent-body {
		padding:0px 0 0px;
		width:100%;
	}
	
	.origin {
		padding:30px calc(50% - 640px) 30px;
		width:1280px;
		border-bottom:1px solid rgba(35,49,121,.5);
	}
	
	.origin-images {
		margin:45px 0 0 30px;
		width:320px; 
		float:right;
	}
	
	.origin-images img {box-shadow:0 2px 6px rgba(0,0,0,.3);}

	.origin-info {
		width:calc(100% - 350px); 
	}
	
	.origin-info h2 {color:#233179;}
	
	.origin-info p {margin:20px 0 5px;}
	
	
	.business {
		padding:0px calc(50% - 640px) 15px;
		width:1280px;		
		background: url(graphics/about.png) left top no-repeat;
		background-size:auto 315px;
	}
	
	.business h1 , .business h4 , .business h5 {text-align:center;}
	
	.business h4 {
		padding:0 0 5px;
		border-bottom:3px solid #233179;
	}
	
	.business li:hover h4 {
		color:#3b53cc;
		border-bottom:3px solid #3b53cc;
	}
	
	.business li ul li {
		color:#424242;
		font-weight:bold;
	}
	
	/*.business li:hover ul li {color:#3b53cc;}*/
	
	.business h5 {
		padding:20px 0;
		margin:0;
		background:#f4f4f4;
		box-shadow:0 2px 6px rgba(0,0,0,.3);
	}
	
	.maincontent .business > ul {margin:20px 0 5px;}
		
	.maincontent .business ul > li {
		padding:0px 0px; 
		margin:0 10px 20px; 
		width:calc(25% - 20px); 
		background: none;
	}
	
	.maincontent .business ul > li ul {
		padding:5px 10px; 
		margin:10px 0;
		width:calc(100% - 22px);
		border:1px solid rgba(35,49,121,.5);
	}
	
	.maincontent .business ul li ul li {
		padding:10px 0; 
		margin:0 0; 
		width:calc(100% - 0px); 
		background: none;
		border: none;
		border-bottom:1px solid rgba(35,49,121,.5);
	}
	
	.maincontent .business ul li ul > li:first-child , .maincontent .business ul li ul > li:last-child {border-bottom:none;}
	
	
	.wish {
		padding:30px calc(50% - 640px) 50px;
		margin:0 0;
		width:1280px;
		background:#f4f4f4;
	}
		
	.wish h2 {
		color:#233179;
		text-align:center;
	}
	
	.wish p {
		padding:30px;
		margin:10px 30px;
		width:calc(50% - 120px);
		min-height:95px;
		background:#fff;
		box-shadow:0 2px 6px rgba(0,0,0,.3);
	}
	
	/*Service*/
	.who-need div {
		margin:0 0 15px;
		text-align:center;
	}
	
	#menu-14575 .maincontent h1 {margin:0px 0 10px;}
	
	.who-need h1 {
		margin:0px 0 20px;
		text-align:center;		
	}
	
	.maincontent .who-need ul {
		padding:0;
		margin:0 0 30px;
		box-shadow:0 2px 6px rgba(0,0,0,.3);
	}
	
	.maincontent .who-need ul li {
		padding:0; 
		margin:0 0px 0px; 
		width:calc(25% - 0px); 
		font-size:1.25em;
		text-align:center;
		background: none;
	}
	
	.maincontent .who-need ul li a {
		padding:20px 15px; 
		width:calc(100% - 30px); 
		float:Left;
	}
	
	.maincontent .who-need ul li:hover a {
		color:#fff;
		background:#233179;		
	}
	
	.pesonal-need {padding:0 0 30px;}
	
	.need-image {width:500px;}
	
	.need-info {
		margin:0 0 0 30px;
		width:calc(100% - 530px);
	}
	
	.high-assets .need-image , .be-best .need-image  {float:right;}
	
	.high-assets .need-info , .be-best .need-info {margin:0 30px 0 0;}
	
	.high-assets , .be-best  {padding:0 0 30px;}
	
	#who-need1 {
		position:relative;
		top:-150px;
	} 
	
	#who-need2 {
		position:relative;
		top:-150px;
	}

	#who-need3 {
		position:relative;
		top:-150px;
	}
	
	.moreinfo {
		padding:20px 0;
		margin:40px 0 0;
		background:#f4f4f4;
		text-align:center;
		box-shadow:0 2px 6px rgba(0,0,0,.3);
	}	
	
	.moreinfo .info-link {margin:5px calc(50% - 87px) 5px;}	
	
	
	/*Lesson*/
	#menu-14577 h5 {
		padding:20px 0;
		margin:0 0 30px;
		text-align:center;
		background:#f4f4f4;
		box-shadow:0 2px 6px rgba(0,0,0,.3);
	}
	
	.teach-lesson {
		padding:20px;
		margin:0 10px 20px;
		width:calc(50% - 60px);
		min-height:150px;
		background:#fff;
		box-shadow:0 2px 6px rgba(0,0,0,.3);
	}
	
	.teach-lesson h2 {text-align:center;}
	
	/*High*/
	#menu-14582 .maincontent {padding:0px 0 0px;}
	
	#menu-14582 .maincontent-body {
		padding:0px 0 0px;
		width:100%;
	}
	
	#menu-14582 .maincontent h1 {margin:0px 0 5px;}
	
	.high-income {
		margin:30px calc(50% - 640px) 0;
		width:1280px;
	}
	
	.high-income h2 , .high-income h3 {text-align:center;}
	
	.high-income-left {
		padding:50px 20px;
		margin:25px 20px 0 0;
		width:340px;
		background:#f4f4f4;
		box-shadow:0 2px 6px rgba(0,0,0,.3);
	}
	
	.high-income-left p {text-align:justify;}
	
	.high-income-right {
		margin:20px 0;
		width:calc(100% - 400px);
	}
	
	.maincontent .high-income > ul {margin:0px 0 5px;}
		
	.maincontent .high-income ul > li {
		padding:0px 0px; 
		margin:5px 10px 20px; 
		width:calc(25% - 20px); 
		background: none;		
		text-align:justify;
	}
	
	
	.maincontent .high-income ul > li img {
		margin:0 calc(50% - 75px);
		width:150px;
	}
	
	.maincontent .high-income ul > li h4 {text-align:center;}
	

	.family-inheritance {
		padding:20px calc(50% - 640px) 0;
		margin: 0 0 40px;
		width:1280px;
		box-shadow:0 2px 6px rgba(0,0,0,.3);
	}
	
	.family-inheritance h2 , .family-inheritance h3 , .family-inheritance > p , .maincontent .family-inheritance ul li h4 {text-align:center;}
	
	.family-inheritance h3 {margin:20px 0 10px;}
	
	.maincontent .family-inheritance > ul {margin:0px 0 15px;}
		
	.maincontent .family-inheritance ul > li {
		padding:15px 20px; 
		margin:0 10px 20px; 
		width:calc(33.3% - 62px); 
		min-height:140px;
		background: none;		
		border:1px solid rgba(35,49,121,.5);
		text-align:justify;
	}
	
	.maincontent .family-inheritance ul > li:last-child {width:calc(100% - 62px);}
	
	.maincontent .family-inheritance ul > li ul li:last-child {width:calc(100% - 25px);}
	
	.maincontent .family-inheritance ul li ul {margin:5px 0 0;}
		
	.maincontent .family-inheritance ul li ul li {
		padding:0 0 5px 25px; 
		margin:0 0 5px;
		width:calc(100% - 25px); 
		min-height:auto; 
		background: url(graphics/li.png) no-repeat left top 2px; 
		background-size:15px;
		border: none;
	}

	.maincontent .family-inheritance ul > li:last-child ul li {
		padding:0 0 5px; 
		margin:0 10px 5px;
		width:calc(33.3% - 20px); 
		min-height:auto; 
		background: none;
		border: none;
	}		
	
	.maincontent .family-inheritance ul li ul li h5 {
		padding:0; 
		margin:0;
		text-align:center;
	}
			
				
	.why-high-need {
		margin:0 calc(50% - 640px);
		width:1280px;
		position:relative;
	}
	
	.why-high-need h2 {
		margin:40px 0 5px;
		text-align:Center;
	}
	
	.why-high-need-left {
		padding:20px 20px;
		margin:50px 0;
		width:760px;
		background:#f4f4f4;
		box-shadow:0 2px 6px rgba(0,0,0,.3);
		position:relative;
		z-index:2;
	}
	
	.why-high-need-right {
		width:600px;		
		box-shadow:0 2px 6px rgba(0,0,0,.3);
		position:absolute;
		top:0;
		right:0;
	}
		
	.maincontent .why-high-need ul {
		margin:0px calc(50% - 400px);
		width:800px;
		
	}
		
	.maincontent .why-high-need ul li {
		padding:15px 20px; 
		margin:0 0px 20px; 
		width:calc(100% - 42px); 
		background: none;		
		box-shadow:0 2px 6px rgba(0,0,0,.3);
		text-align:justify;
	}
	
	.maincontent .why-high-need ul li:hover {box-shadow:0 2px 6px rgba(0,0,0,.5);}

	.maincontent .why-high-need ul li div {
		width:110px;
		color:#3b53cc;
		font-size:5.5em;
		line-height:80%;
	}
	
	.maincontent .why-high-need ul li h4 {
		margin:0 0 10px;
		width:calc(100% - 110px);
	}		
		
	.maincontent .why-high-need ul li p {
		margin:0;
		width:calc(100% - 110px);
		float:right;
	}	
	
	
	/*Consultant*/
	#menu-14570 h2 , .necessary-conditions h3 , .maincontent .can-help ul li h4 {text-align:Center;}
		
	.be-consultant h1 {
		margin:0px 0 20px;
		text-align:center;		
	}
	
	.maincontent .be-consultant ul {
		padding:0;
		margin:0 calc(50% - 500px) 0px;
		width:1000px;
		box-shadow:0 2px 6px rgba(0,0,0,.3);
	}
	
	.maincontent .be-consultant ul li {
		padding:0; 
		margin:0 0px 0px; 
		width:calc(33.3% - 0px); 
		font-size:1.25em;
		text-align:center;
		background: none;
	}
	
	.maincontent .be-consultant ul li a {
		padding:20px 15px; 
		width:calc(100% - 30px); 
		float:Left;
	}
	
	.maincontent .be-consultant ul li:hover a {
		color:#fff;
		background:#233179;		
	}
	
	
	.necessary-conditions h4 {color:#fff;}
	
	
	.maincontent .necessary-conditions ul {margin:20px 0 20px;}
		
	.maincontent .necessary-conditions ul li {
		padding:0;
		margin:0 0px 0px; 
		width:calc(50% - 4px);	
		color:#fff;
		background:none;
		text-align:justify;
		position:relative;
	}
	
	.maincontent .necessary-conditions ul li:nth-child(odd) {
		margin:0 50% 0px 0; 
		border-right:4px solid rgba(35,49,121,.5);
		position:relative;
		right:-2px;
	}
	
	.maincontent .necessary-conditions ul li:nth-child(odd) span {
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 30px 0 30px 30px;
		border-color: transparent transparent transparent rgba(35,49,121,.5);
		position:absolute;
		top:20px;
		right:0;
		float:right;
	}
	
	.maincontent .necessary-conditions ul li:nth-child(even) {
		margin:0 0px 0px 50%; 
		border-left:4px solid rgba(35,49,121,.5);
		position:relative;
		left:-2px;
	}
	
	.maincontent .necessary-conditions ul li:nth-child(even) span {
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 30px 30px 30px 0;
		border-color: transparent rgba(35,49,121,.5)transparent transparent;
		position:absolute;
		top:20px;
		left:0;
		float:left;
	}	
	
	.maincontent .necessary-conditions ul li div {
		padding:15px 20px; 
		width:calc(100% - 70px);
		background: rgba(35,49,121,.5);
		float:left;	
	}
	
	.maincontent .necessary-conditions ul li:nth-child(even) div {float:right;}
	
		
	.maincontent .common-problem ul {
		margin:0px calc(50% - 400px);
		width:800px;
		
	}
		
	.maincontent .common-problem ul li {
		padding:15px 20px; 
		margin:0 0px 20px; 
		width:calc(100% - 42px); 
		background: none;		
		box-shadow:0 2px 6px rgba(0,0,0,.3);
		text-align:justify;
	}
	
	.maincontent .common-problem ul li:hover {box-shadow:0 2px 6px rgba(0,0,0,.5);}

	.maincontent .common-problem ul li div {
		width:110px;
		color:#3b53cc;
		font-size:5.5em;
		line-height:80%;
	}
	
	.maincontent .common-problem ul li h4 {
		margin:0 0 10px;
		width:calc(100% - 110px);
	}		
		
	.maincontent .common-problem ul li p {
		margin:0;
		width:calc(100% - 110px);
		float:right;
	}	
	
	
	.maincontent .can-help ul {}
		
	.maincontent .can-help ul li {
		padding:0px 15px; 
		margin:0 0px 20px; 
		width:calc(33.3% - 30px); 
		background: none;		
		min-height:350px;
		text-align:justify;
	}
	
	.maincontent .can-help ul li img {
		margin:0 calc(50% - 75px);
		width:150px;
	}
		
		
	#be-consultant1 {
		position:relative;
		top:-150px;
	} 
	
	#be-consultant2 {
		position:relative;
		top:-150px;
	}

	#be-consultant3 {
		position:relative;
		top:-150px;
	}
	
	
	/*Events & News*/
	#menu-14583 h2 {text-align:center;}
	
	.events-left , .events-right{margin:0 0 30px;}
		
	.news-image {width:500px;}
	
	.news-info {
		margin:0 0 0 30px;
		width:calc(100% - 530px);
	}
	
	.events-right .news-image {float:right;}
	
	.events-right .news-info {margin:0 30px 0 0;}
	
	.maincontent .who-need ul li a {
		padding:20px 15px; 
		width:calc(100% - 30px); 
		float:Left;
	}
	
	.maincontent .who-need ul li:hover a {
		color:#fff;
		background:#233179;		
	}
	
	
	/*Social*/
	.social-link {}
	
	.social-link ul {
		margin:0 calc(50% - 300px);
		width:600px;	
	} 
	
	.social-link ul li {
		padding:0px 15px; 
		margin:0 0px 20px; 
		width:calc(20% - 30px); 
		text-align:center;
		background: none;	
	}
	
	.maincontent .not-only ul li img {
		margin:0 calc(50% - 75px);
		width:150px;
	}
	
	
	/*Partner*/
	#menu-14572 .maincontent {padding:0px 0 0px;}
	
	#menu-14572 .maincontent-body {
		padding:0px 0 40px;
		width:100%;
	}
	
	#menu-14572 h2 , #menu-14572 h3 , #menu-14572 h4 , #menu-14604 h3 , #menu-14604 h4   {text-align:center;}
	
	.not-only h5 , .deye-partner h5 {
		padding:20px 0;
		margin:0 0 20px;
		text-align:center;
		background:#f4f4f4;
		box-shadow:0 2px 6px rgba(0,0,0,.3);
	}
	
	.not-only {
		margin:30px calc(50% - 640px) 0;
		width:1280px;
	}
	
	.maincontent .not-only ul {margin:5px 0;}
		
	.maincontent .not-only ul li {
		padding:0px 15px; 
		margin:0 0px 20px; 
		width:calc(33.3% - 30px); 
		background: none;	
		text-align:justify;
	}
	
	.maincontent .not-only ul li img {
		margin:0 calc(50% - 75px);
		width:150px;
	}


	.deye-partner {
		padding:0px calc(50% - 640px) 20px;
		margin:0 0 10px;
		width:1280px;
		box-shadow:0 2px 6px rgba(0,0,0,.3);
	}
	
	#menu-14604 .deye-partner {box-shadow:none;	}	
	
	.maincontent .deye-partner ul {margin:10px 0 0;}
		
	.maincontent .deye-partner ul li {
		padding:0px 15px; 
		margin:0 0px 20px; 
		width:calc(33.3% - 30px); 
		background: none;	
		text-align:justify;
	}
	
	.maincontent .deye-partner ul li img {
		margin:0 0 10px;
		box-shadow:0 2px 6px rgba(0,0,0,.3);
	}
	

	.deye-invite {
		padding:0px calc(50% - 640px) 20px;
		margin:15px 0 10px;
		width:1280px;
	}
	
	.invite-left {margin:0 0 30px;}
		
	.invite-image {width:500px;}
	
	.invite-info {
		margin:0 0 0 30px;
		width:calc(100% - 530px);
	}
	
	.invite-right .invite-image {float:right;}
	
	.invite-right .invite-info {margin:0 30px 0 0;}
					
	/*Contact*/
	.contact {}
	
	.contact h1 {margin:0 0 10px;}
	
	.contact h5 {
		padding:20px 0;
		margin:0 0 20px;
		text-align:center;
		background:#f4f4f4;
		box-shadow:0 2px 6px rgba(0,0,0,.3);
	}
	
	.maincontent .contact ul {margin:10px 0 0;}
		
	.maincontent .contact ul li {
		padding:0px 15px; 
		margin:0 0px 20px; 
		width:calc(25% - 30px); 
		background: none;	
		text-align:justify;
	}
	
	.maincontent .contact ul li h4 , #menu-14573 .maincontent h3 {text-align:Center;}
		
	.company {
		padding:20px 20px 20px;
		margin:30px 0 20px;
		width:calc(100% - 40px);
		background:#f4f4f4;
	}	
	
	.company iframe {width: 100%;}
	
	.company-right {
		padding:0 20px;
		width:calc(100% - 750px);
	}
	
	.company-right img {
		margin:0 calc(50% - 150px) 20px;
		width:300px;
	}
	
	.company-right ul li {
		margin:0 0 5px;
		width:100%;
		float:left;
	}
	
	.company-left {
		margin:0px 10px 0 0px;
		width:700px;
	}
		

	/*1279*/
	@media screen and (max-width:1279px){	

	/*header*/
	#header {}
	
	/*logolink*/
	.logolink {
		margin:0px calc(50% - 90px);
		width:180px;
	}

	/*mainmenu*/
	#mainmenu {
		margin:0;
		width:100%;
		display:none;
	}
	
	#mainmenu ul {text-align:left;}
	
	
	/*css for dropdown menu */
  #mainmenu ul li ul {
  	position:absolute; 
  	top:0px;
  	display:none;
  } 
  

	/*navFixed*/
	#header.navFixed , #home #header.navFixed {
		background:#233179;
		z-index:9999999;
		box-shadow:0 2px 6px rgba(0,0,0,.3);
	}
	
	.logolink2 , .navFixed #mainmenu {display:none;}


	/*totop*/
	.totop {
		bottom:70px;
		right:15px;
	}
	
	.totop a {box-shadow:0 2px 6px rgba(255,255,255,.3);}

	/*hbox*/	
	.hbox {
		width:100%;
		height:190px;
		overflow:hidden;
	}
		
	.hbox-title {		
		padding:85px 0 85px 30px;
		width:500px;
		font-size:3em;
		background: url(graphics/banner.png) left top no-repeat;
		background-size:100%;
	}
	
	.hbox-content {
		margin:-5px 0 0;
		width:auto;
		height:100%;
		border-bottom:5px solid rgba(35,49,121,.5);
	}
	

	/*navigation*/
	#navigation-body {
		margin:0px 20px;
		width:calc(100% - 40px);
	}
	

	/*maincontent*/
	.maincontent {padding:30px 0 0px;}
		
	.maincontent-body {
		padding:0px 20px 40px;
		width:calc(100% - 40px);
	}
	
	
	/*footer*/
	#footer {
		padding:30px 20px 15px;
		width:calc(100% - 40px);
	}

	
	/*homeabout*/
	.about-img {display:none;}
	
	.about-text {
		padding:20px 20px 20px;
		margin:0 20%;
		width:calc(60% - 40px);
	}	


	/*homeservice*/
	.homeservice {
		padding:30px 20px 20px;
		width:calc(100% - 40px);
	}
	
	.homeservice h5 {
		padding:20px 20px;
		width:calc(100% - 40px);
	}
		
		
	/*home-news*/
	.homenews {
		padding:10px 0px;
		margin:0 20px;
		width:calc(100% - 40px);
	}
	
	
	/*article list*/
	.maincontent ul.listing-ul li.upc-subject {
  	overflow:hidden;
	  white-space: nowrap;
	  text-overflow: ellipsis;
  }	
  
  #menu-14571 .maincontent ul.listing-ul {min-height:480px;}
	
	
	/*About*/ 
	.origin {
		padding:30px 20px 30px;
		width:calc(100% - 40px);
	}


	.business {
		padding:0px 20px 15px;
		width:calc(100% - 40px);
		background: url(graphics/about.png) left top no-repeat;
		background-size:auto 250px;
	}
	
	.business h5 {
		padding:20px 20px;
		width:calc(100% - 40px);
	}
	

	.wish {
		padding:30px 20px 30px;
		width:calc(100% - 40px);
	}
	
	.wish p {min-height:120px;}	
	

	/*Service*/	
	.maincontent .who-need ul {
		margin:0 0px 30px;
		width:100%;
	}
	
	.moreinfo {
		padding:20px;
		width:calc(100% - 40px);		
	}	
	

	/*Lesson*/	
	.teach-lesson {min-height:180px;}
	
	
	/*High*/
	.high-income {
		margin:30px 20px 0;
		width:calc(100% - 40px);
	}	
	
	.high-income-left {
		padding:10px 20px 20px;
		margin:25px 0px 0 0;
		width:calc(100% - 40px);
	}
	
	.high-income-right {
		margin:20px 0;
		width:100%;
	}	


	.family-inheritance {
		padding:20px 20px 0;
		width:calc(100% - 40px);
	}
		
	.maincontent .family-inheritance ul > li {min-height:160px;}
	
				
	.why-high-need {
		margin:0 20px;
		width:calc(100% - 40px);
	}
	
	.maincontent .why-high-need ul {
		margin:0 0 0px;
		width:100%;		
	}
	
	
	/*Consultant*/	
	.maincontent .be-consultant ul {
		margin:0 0 0px;
		width:100%;
	}	
	
	
	/*Partner*/	
	.not-only {
		margin:30px 20px 0;
		width:calc(100% - 40px);
	}		
	
	.not-only h5 , .deye-partner h5 {
		padding:20px 20px;
		width:calc(100% - 40px);
	}
	

	.deye-partner {
		padding:0px 20px 20px;
		width:calc(100% - 40px);
	}
	
	
	.deye-invite {
		padding:0px 20px 20px;
		width:calc(100% - 40px);
	}	
	
				
	/*Contact*/ 	
 	.contact h5 {
		padding:20px 20px;
		width:calc(100% - 40px);
	}

	.company-right {width:calc(50% - 40px);}

	.company-right img {
		margin:0 calc(50% - 150px) 20px;
		width:300px;
	}
		
	.company-left {
		margin:0px 0px;
		width:50%;
	}
	
	
	/*mm-menu*/
	.mm-page {width:100%;float:left;}
	.nav-header {background:#233179 !important;padding:0 !important;z-index:99999 !important;box-shadow:0 2px 6px rgba(0,0,0,.3);}
	#hamburger:before, #hamburger:after, #hamburger span {background:#fff  !important;}
	#hamburger {top:2px !important;margin:0 0 0 8px !important;}


	}
	
	
	
	
	
	
	
	
	/*1000*/
	@media screen and (max-width:1000px){	

	/*hbox*/	
	.hbox {height:150px;}
			
	.hbox-title {		
		padding:63px 0 63px 20px;
		font-size:2em;
	}
		
	
	/*footer-info*/
	.footer-left {width:100%;}
	
	.footer-right {display:none;}


	/*flash box*/	
	.theme-default .nivo-controlNav {bottom:0px;}
	
	
	/*homeservice*/
	.maincontent .homeservice ul > li {width:calc(50% - 20px);}	
	
	
	/*article list*/
	 #menu-14571 .maincontent ul.listing-ul {min-height:auto;}
	
	
	/*product detail*/
	#catalog_detail {
		margin:0px;
		width:100%;
	}
		

	/*About*/ 
	.origin-images {margin:45px 0 0 20px;}

	.origin-info {width:calc(100% - 340px);}
	
	.business {padding:0px 20px 0px;}
	
	.maincontent .business ul > li {width:calc(50% - 20px);}	


	.wish {padding:15px 20px 20px;}
	
	.wish p {min-height:190px;}	
	
	
	/*Service*/
	.pesonal-need {margin:0 0 20px;}
		
	.need-image {width:480px;}
	
	.need-info {
		margin:0 0 0 20px;
		width:calc(100% - 500px);
	}
		
	.high-assets .need-info , .be-best .need-info {margin:0 20px 0 0;}
	
	/*High*/
	.maincontent .family-inheritance ul > li {min-height:180px;}
		
	.why-high-need-left {
		margin:0px 0;
		width:calc(100% - 40px);
	}
	
	.why-high-need-right {display:none;}
	
	/*Events & News*/
	.events-left , .events-right {margin:0 0 40px;}
		
	.news-image {width:480px;}
	
	.news-info {
		margin:0 0 0 20px;
		width:calc(100% - 500px);
	}
		
	.events-right .news-info {margin:0 20px 0 0;}
	
	/*Consultant*/				
	.maincontent .can-help ul li {min-height:470px;}
	
		
	/*Partner*/		
	.maincontent .not-only ul li {
		padding:0px; 
		margin:0 calc(50% - 240px) 20px; 
		width:480px;
	}
	
			
	.maincontent .deye-partner ul li {
		padding:0px; 
		margin:0 calc(50% - 240px) 20px; 
		width:480px; 
	}
		

	.deye-invite h1 {margin:0 0 0px;}
	
	.invite-left {margin:0 0 40px;}
		
	.invite-image {width:480px;}
	
	.invite-info {
		margin:0 0 0 20px;
		width:calc(100% - 500px);
	}
		
	.invite-right .invite-info {margin:0 20px 0 0;}
	
		
	/*Contact*/
	.maincontent .contact ul li {
		padding:0px 10px; 
		width:calc(50% - 20px); 
	}	
	
	
}








	/*800*/
	@media screen and (max-width:799px){		

	/*title*/
	#menu-name {
		padding:15px 0;
		margin:5px 0 15px;
		font-size:2.25em;
		line-height:150%;
	}
	
	h1, .posting-title, .post-title , #catalog_display h1 span , 
	#main_info span , .emailtitle , #albumdetail .main-title {
		margin:15px 0;
		font-size:1.75em;
		line-height:150%;
	}
	
	h1.register-h1 span , h1.login-h1 span , h1.forgot-h1 span , 
	#edit-person-info h1 span , #shoppingCart h1 span , #personal-info h1 span , 
	#confirm-order h1 span , .order-confirm-info h1 span {
		font-size:1.75em;
		line-height:150%;
	}
	
	#home h1 {
		font-size:1.75em;
		line-height:150%;
	}
	
	h1 span , #menu-13738 .hbox h1 span {
		font-size:1.25em;
		line-height:150%;
	}
	
	h2 , .prod_exfield span {
		font-size:1.5em;
		line-height:150%;
	}
	
	h2 span {
		margin:5px 0 10px;
		font-size:1.25em;
	}
	
	h3 {
		font-size:1.25em;
		line-height:135%;
	}
	
	h4 , #catalog_display .product .title {
		font-size:1.12em;
		line-height:135%;
	}
	
	h5 {
		padding:0 0 10px;
		font-size:1.12em;
		line-height:135%;
	}
	
	/*link*/	
	.need-info .info-link , .high-assets .info-link , .family-need .info-link ,
	.events-left .info-link , .events-right .info-link , .deye-invite .info-link , 
	.homeabout .info-link {margin:15px calc(50% - 87px) 5px;}

	.two-link {
		margin:5px 20px;
		width:calc(100% - 40px);
	}	
		
	
	#menu-14570 .two-link , #menu-14573 .two-link , .wish .two-link {
		margin:5px 0px;
		width:100%;
	}
	
	
	/*hbox*/	
	.hbox {height:auto;}
			
	.hbox-title {		
		padding:20px 20px;
		width:calc(100% - 40px);
		font-size:2em;
		background:#f4f4f4;
		text-align:center;
		position:relative;
	}
		
	.hbox-content {
		margin:-5px 0 0;
		border-bottom:none;
	}
	
	
	/*maincontent*/
	.maincontent {padding:20px 0 0px;}
	
	.maincontent-body {padding:0px 20px 20px;}
	
	/*footer-info*/			
	.footer-left ul li {width:100%;}


	/*copyright*/
	#copyright {
		padding:5px 0 0;
		width:100%;
		text-align:Center;
	}
	
	
	/*bottomicon*/
	.footer-link {margin:0 calc(50% - 80px) 10px;}
	

	/*flash box*/
	.theme-default .nivo-controlNav {display:none;}
	
			
	/*article list*/
	.maincontent ul.listing-ul {width:calc(50% - 20px);}	
	
	#home .maincontent ul.listing-ul#last-ul {display:none;}
		
	/*article detail*/
	.news-detail {
		margin:0px;
		width:100%;
	}
	
	
	/*search*/
	#search {
		margin:0;
		width:100%;
	}
	
	/*product list*/
	#cat-notice {
		padding:30px 5%;
		margin:0 0%;
		width:90%;
	}
	
	#catalog_display h1 span {margin:0 0;}

	.catrow {width:100%;}
	
	.cat-list .product {
		margin:0 0% 35px;
		width:50% !important;
		/*min-height:auto;*/
	}
	

	/*product detail*/
	#main_picture {
		margin:0 calc(50% - 240px) 15px;
		width:480px;
		min-height:auto;
	}
	
	#main_info {
		margin:0 calc(50% - 240px);
		width:480px;		
	}
		
	#main_info span {
		margin:0 0;
		text-align:center;
	}
		
	.detail_briefdesc , #detail_other , #detail_spec , .prod_exfield {
		margin:0 calc(50% - 240px) 15px;
		width:480px;
	}
	
	/*homeabout*/
	.about-text {
		padding:20px 20px 20px;
		margin:0;
		width:calc(100% - 40px);
	}


	/*About*/ 	
	.origin {
		padding:20px 20px 30px;
	}
	
	.origin-images {
		margin:15px calc(50% - 160px) 0;
		width:320px;
	}

	.origin-info {width:100%;}
	
		
	.wish p {
		padding:20px;
		margin:10px 0px;
		width:calc(100% - 40px);
		min-height:auto;
	}
	
	
	/*Service*/			
	.pesonal-need {padding:0 0 0px;}
	
	.need-image {width:100%;}
	
	.need-info {
		margin:10px 0 0;
		width:100%;
	}
		
	.high-assets .need-info , .be-best .need-info {margin:10px 0 0;}		
	
	
	/*Lesson*/
	.teach-lesson {
		padding:20px;
		margin:0 0px 20px;
		width:calc(100% - 40px);
		min-height:auto;
	}
	
	
	/*High*/
	.maincontent .high-income ul > li {
		margin:0 0px 20px; 
		width:100%; 
		text-align:center;
	}
	
	
	.maincontent .family-inheritance ul > li {
		margin:0 0px 20px; 
		width:calc(100% - 42px); 
		min-height:auto;
	}
	
	.maincontent .family-inheritance ul > li:last-child {width:calc(100% - 42px);}

	.maincontent .family-inheritance ul > li:last-child ul li {
		margin:0 0px 5px;
		width:100%; 
		text-align:center;
	}	
	
				
	/*Events & News*/
	.events-left , .events-right {margin:0 0 40px;}
		
	.news-image {width:100%;}
	
	.news-info{
		margin:0 0;
		width:100%;
	}
		
	.events-right .news-info {margin:0;}
	

	/*Social*/
	.social-link ul {
		margin:0;
		width:100%;	
	} 
	
	.social-link ul li {
		padding:0px 10px; 
		width:calc(20% - 20px); 
	}
		
		
	/*Consultant*/	
	.maincontent .common-problem ul {
		margin:0px;
		width:100%;	
	}
	
			
	.maincontent .can-help ul li {
		width:calc(50% - 30px); 
		min-height:350px;
	}
	

	/*Partner*/	
	.not-only {margin:10px 20px 0;}	
	
	.deye-partner {padding:0px 20px 15px;}
	
	.deye-invite {margin:5px 0 10px;}
		
	.deye-invite h1 {margin:10px 0 0px;}
	
	.invite-left {margin:0 0 40px;}
		
	.invite-image {width:100%;}
	
	.invite-info {
		margin:0 0;
		width:100%;
	}
		
	.invite-right .invite-info {margin:0;}
	
				
	/*Contact*/
	
	.company {padding:10px 20px 10px;}
	
	.company-right {
		padding:0;
		width:100%;
	}
		
	.company-left {width:100%;}
		

	

	
	
	
	
}








	/*650*/
	@media screen and (max-width:650px){

	/*Service*/	
	.maincontent .who-need ul {padding:15px 0;}
	
	.maincontent .who-need ul li {
		margin:0 20px 0px; 
		width:calc(100% - 40px); 
		border-bottom:1px solid rgba(35,49,121,.5);
	}
	
	.maincontent .who-need ul li:last-child {border-bottom:none;}
	

	/*Consultant*/
	.maincontent .be-consultant ul {padding:15px 0;}
	
	.maincontent .be-consultant ul li {
		margin:0 20px 0px; 
		width:calc(100% - 40px); 
		border-bottom:1px solid rgba(35,49,121,.5);
	}
	
	.maincontent .be-consultant ul li:last-child {border-bottom:none;}
	
		
}








	/*600*/
	@media screen and (max-width:599px){		
	

	/*totop*/
	.totop {bottom:15px;right:5px;width:35px;height:35px;}
		
	
	/*copyright*/
	#copyright {width:100%;text-align:center;}
	

	/*article list*/
	.maincontent ul.listing-title li select {
		margin:0 calc(50% - 240px) 0px;
		width:480px
	}	
	
	.maincontent ul.listing-ul {
		margin:0 calc(50% - 240px) 40px;
		width:480px;
	}	
	
	#home .maincontent ul.listing-ul#last-ul {display:block;}
	
	/*product list*/
	.cat-list .product {
		margin:0 0% 10px;
		width:100% !important;
		min-height:auto;
	}
	

	/*product detail*/
	#main_picture {
		margin:0;
		width:100%;
	}
	
	#main_info {
		margin:0;
		width:100%;
	}
			
	.detail_briefdesc , #detail_other , #detail_spec , .prod_exfield  {
		margin:0 0 15px;
		width:100%;
	}
	
	
	/*homeservice*/
	.maincontent .homeservice ul > li {
		margin:0 0px 20px; 
		width:100%;
	}	
	
	
	/*About*/	
	.origin-images {
		margin:15px 0 0;
		width:100%;
	}
	
	.maincontent .business ul > li {
		margin:0 0px 20px; 
		width:100%;
	}
	
		
	/*Consultant*/	
	.maincontent .necessary-conditions ul {margin:20px 0 0px;}
	
	.maincontent .necessary-conditions ul li {width:100%;}
	
	.maincontent .necessary-conditions ul li:nth-child(odd) {
		margin:0 0 15px; 
		border-right:none;
		right:0px;
	}
	
	.maincontent .necessary-conditions ul li:nth-child(even) {
		margin:0 0px 15px; 
		border-left:none;
		left:0px;
	}
		
			
	.maincontent .can-help ul li {		
		padding:0px; 
		width:100%; 
		min-height:auto;
	}

	/*Partner*/			
	.maincontent .not-only ul li {
		margin:0 0 20px; 
		width:100%;
	}
	
			
	.maincontent .deye-partner ul li {
		margin:0 0 20px; 
		width:100%; 
	}	
				
	/*Contact*/
	.maincontent .contact ul li {
		padding:0px 0px; 
		width:100%; 
	}		
		
		
		
		
		
}








	/*520*/
	@media screen and (max-width:520px){		


	/*article list*/
	.maincontent ul.listing-title li select {
		margin:0;
		width:100%;
	}	
	
	.maincontent ul.listing-ul {
		margin:0 0 20px;
		width:100%;
	}	
	
	
	/*High*/
	.maincontent .why-high-need ul li div {
		margin:0 0 10px;
		width:100%;
		font-size:5.5em;
		text-align:center;
	}
	
	.maincontent .why-high-need ul li h4 {	
		margin:0 0 10px;
		width:100%;
		text-align:center;
	}		
		
	.maincontent .why-high-need ul li p {width:100%;}	


	/*Consultant*/	
	.maincontent .common-problem ul li div {
		margin:0 0 10px;
		width:100%;
		font-size:5.5em;
		text-align:center;
	}
	
	.maincontent .common-problem ul li h4 {	
		margin:0 0 10px;
		width:100%;
		text-align:center;
	}			
		
	.maincontent .common-problem ul li p {width:100%;}	
		
		
}








	/*440*/
	@media screen and (max-width:440px){	
	
	/*link*/			
	.two-link a:first-child , .two-link a:last-child , #menu-14570 .info-link , #menu-14573 .info-link {margin:10px calc(50% - 87px) 5px;}
		
		
	/*product list*/
	.cat-list .product {
		margin:0 0 15px;
		width:100% !important;
		min-height:auto;
	}	
		
		
	/*Social*/
	.social-link ul li {
		padding:0px 10px; 
		width:calc(50% - 20px); 
	}
	
	
	/*Contact*/	
	.company-right img {
		margin:0 0 20px;
		width:100%;
	}
	
	.company-right ul li {
		margin:0 0 5px;
		width:calc(100% - 25px); 
		float:left;
		word-break:break-all;
	}	
		



		
}