.pub-intro 		{ padding-bottom:50px}
	.adj-tabs-pos 	{ padding-top:30px;}
	.tab-sw.ui-tabs .ui-tabs-panel { padding:0}
	.cols4-wrapper.for-d { display:block;}
	.cols4-wrapper.for-m { display:none;}


/*============================================================================= 
	Tab1
============================================================================= */

	.tab1-bg 		{ background-image:url(images/bg-003.svg); background-position:right top; background-repeat:no-repeat; background-size:38%}
	.t1 { min-height: 300px; }
	.tabs1-cols2 	{ width:100%; }
	.tabs1-cols2 .tabs1-cols2-l { width:70%; float:left; padding-left:20px; padding-right:100px}
	.tabs1-cols2 .tabs1-cols2-r { width:30%; float:right; padding-right:20px;}

	table.t-contact								{ width:100%; border:none; box-sizing: border-box; font-size:90%; line-height:1.4}
	table.t-contact tbody tr td 				{ vertical-align:top; text-align:left;}
	table.t-contact tbody tr td:first-child 	{ width:20%; padding-right:0}
	table.t-contact tbody tr td:last-child 		{ width:80%; }

	.tab1-wrapper 	{ padding-top:50px}
	.tab1-wrapper .custom-select { margin-bottom:50px}
	.cols4 			{ width:100%; overflow:hidden;}
    .cols4-wrapper  { width:calc(100% + 100px);}
    .cols4-wrapper .cols4-col   { width:25%; padding-right:100px; float:left}
    
    .pub-items 		{ margin-bottom:120px; border-bottom:1px solid #ececec; cursor:pointer;}
    .pub-items img	{ width:100%; height:auto; margin-bottom:40px; transition: all .3s ease-in-out;}
    .pub-items h5,
    .pub-items p 	{ color:#333; font-weight:normal; font-size:14px; margin:0; padding-bottom:20px; line-height:1.4}
    .pub-items p 	{ color:#666; margin-top:10px}
    .pub-items:last-child 	{ margin-bottom:50px;}

	.tab-sw .ui-state-active a,
	.tab-sw .ui-state-active a:link,
	.tab-sw .ui-state-active a:hover,
	.tab-sw .ui-state-active a:visited  { color: #fff; background-color: #333;}

	.publication .pg-edge-top-bottom { padding-bottom:80px}

    /* hover effect (line)
	============================================================================= */
	.linelist 				{ display:inline-block; text-decoration:none; }
	.linelist::after 		{ content:''; display:block; width:0; height:5px; background:#333; 
					   		transition: width .3s; }
	.linelist:hover::after  { width: 100%; transition: width .3s;}


	/* hover effect (Name highlight)
	============================================================================= */
	.pub-items .name::before 		 {  transform: scaleX(0);
	  						 transform-origin: bottom right;}

	.pub-items:hover .name::before {  transform: scaleX(1);
	  						 transform-origin: bottom left; cursor:pointer;}

	.pub-items .name::before 	{ content:" "; display:block; position:absolute; top:0; right:0; bottom:0; left:0; inset: 0 0 0 0;
							  background: hsl(200 100% 80%); z-index: -1;
	  							   transition: transform .3s ease;}

	.pub-items .name 		{ position:relative; font-size:20px; color:#333; line-height:1; padding-top:6px; padding-bottom:6px; line-height:1.3}
    #body.en.publication .pub-items .name { font-style:italic}
	
	
	.pub-items:hover img  { 	transform: scale(1.08);
				   -webkit-box-shadow: 7px 7px 0px 0px rgba(50, 50, 50, 0.08);
				      -moz-box-shadow: 7px 7px 0px 0px rgba(50, 50, 50, 0.08);
				           box-shadow: 7px 7px 0px 0px rgba(50, 50, 50, 0.08);}


	.pub-items.no-effect:hover .name::before {  transform:none;
	  						 transform-origin: none; cursor:default;}


/*============================================================================= 
	Tab1 for mobile
============================================================================= */
	.for-m .pub-items 			{ display: flex; align-items: flex-start;}
	.for-m .pub-items img 	    { padding-right: 20px; width: 30%; height: auto;}
	.for-m .pub-items .pub-txt  { width:70%; display:block;}

	.for-m .pub-items:hover img { transform: none;
					webkit-box-shadow: none;
				      -moz-box-shadow: none;
				           box-shadow: none; }

  	.for-m .linelist:hover::after  	{ width:0; transition: none;}
	.for-m .pub-items .name::before,
	.for-m .pub-items:hover .name::before {  transform: none;  transform-origin: none; background-color:transparent; }
		


/*============================================================================= 
	Tab2
============================================================================= */
	.general table.gen.table-adj        		{ width:100%; text-align:left; vertical-align:top; margin:5px 0 0 0; border:none; border-spacing:10px; border-collapse:collapse;}
	.general table.gen.table-adj th     		{ padding:5px 25px; color:#fff; text-align:left; vertical-align:top; font-weight:normal; background-color:transparent; color:#333; font-weight:400;
												  border-bottom:5px solid #e84124}
	.general table.gen.table-adj tr:nth-child(even) td 	{ background-color:#dbdbdb; padding:10px 25px; border-bottom:1px solid #fff; text-align:left; vertical-align:top; }
	.general table.gen.table-adj tr:nth-child(odd) td  	{ background-color:#e7e7e7; padding:10px 25px; border-bottom:1px solid #fff; text-align:left; vertical-align:top; }
	.general table.gen.table-adj tr td a { color:#333; text-decoration:none;}
	.general table.gen.table-adj tr td a:hover { text-decoration:underline; }


	/* ==========================================================================
	    Media Style
	============================================================================= */

	@media only screen and (max-width:1200px) {
	table.t-contact tbody tr td:first-child 	{ width:30%}
	table.t-contact tbody tr td:last-child 		{ width:70%}

    .cols4-wrapper  			{ width:calc(100% + 40px);}
    .cols4-wrapper .cols4-col   { padding-right:40px;}

    .pub-items img 		{ margin-bottom:20px}
	/*.pub-items .name    { font-size:16px;}*/
	.pub-items 			{ margin-bottom:50px}
	}


	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
	.tabs1-cols2 .tabs1-cols2-l { width:100%; float:none; padding-left:0; padding-right:0; display:block;}
	.tabs1-cols2 .tabs1-cols2-r { width:100%; float:none; padding-right:0; display:block;}

	.tab1-bg { background-image:none}
	table.t-contact {background-color:#ececec; padding:10px 20px; margin-top:30px}
	table.t-contact tbody tr td:first-child 	{ width:auto; padding-right:10px}
	table.t-contact tbody tr td:last-child 		{ width:auto; padding-right:0}
	}

	@media only screen and (max-width:767px) {
	.tabs1-cols2 .tabs1-cols2-l { width:100%; float:none; padding-left:0; padding-right:0; display:block;}
	.tabs1-cols2 .tabs1-cols2-r { width:100%; float:none; padding-right:0; display:block;}
	.tab1-bg { background-image:none}
	table.t-contact {background-color:#ececec; padding:20px; margin-top:30px}
	table.t-contact tbody tr td:first-child 	{ width:auto; padding-right:10px; padding-bottom:10px}
	table.t-contact tbody tr td:last-child 		{ width:auto; padding-right:0; padding-bottom:10px}
	table.t-contact tbody tr:last-child td 		{ padding-bottom:0}

	.cols4-wrapper { width:100%}
	.cols4-wrapper.for-d { display:none;}
	.cols4-wrapper.for-m { display:block;}
    .pub-items,
    .pub-items:last-child { margin-bottom:20px;}
	.pub-items .name    { font-weight:600; /*font-size:16px;*/  padding-top:0}
	body.cn.publication .pub-items .name {font-size:22px;}
	body.en.publication .pub-items .name {font-size:20px;}


	.ui-tabs 									{ position:relative; padding:0;}
	.ui-tabs .ui-tabs-nav 						{ margin:0; padding:0;  }
	.ui-tabs .ui-tabs-nav li 					{list-style:none;float:left;position:relative;top:0;margin:0;border-bottom-width:0;padding:0;white-space:nowrap; list-style:none; border-right:2px solid #fff; border-bottom:2px solid #fff}
	.ui-tabs .ui-tabs-nav li::before 			{ content: "";}
	.ui-tabs .ui-tabs-nav .ui-tabs-anchor 		{ padding:10px; font-size:14px; color:#999; border-top:2px solid white; background-color:#ececec }

	.tab-sw .ui-state-active 			{ background: #ececec;  }
	.tab-sw .ui-state-active a,
	.tab-sw .ui-state-active a:link,
	.tab-sw .ui-state-active a:hover,
	.tab-sw .ui-state-active a:visited  { color: #fff; background-color: #333;}

	.publication .pg-edge-top-bottom { padding-bottom:50px}
    .pub-items h5   { font-size:14px; color:#666; margin-bottom:10px; padding-bottom:0}
    .pub-items p 	{ font-size:16px;}

	}