@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------*/
/* Topper */
@media screen and (max-width: 1199px) {
#Topper .top_links > ul > li { margin:0; }
}


/*----------------------------------------------------------------------*/
/* Header */
#Header { margin-top:49px; }
#Header > div { height:110px; }
#Header .logo { float:left; }
#Header .online_service { top:20px; }
#Header .online_service a { 
	padding:0 12px 0 36px; border:1px solid #ff7f30; line-height:30px; 
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	}
#Header .online_service::before { top:7px; left:12px; width:18px; height:18px; }

/*----------------------------------------------------------------------*/
/* Menu */
#Menu > div, #Menu .superfish { overflow:hidden; }
#Menu > div, #Menu .superfish.sf-js-enabled { overflow:visible; }
#Menu { margin-top:-58px; }
#Menu > div { max-width:1280px; padding:0 10px; margin:0 auto; box-sizing:border-box; position:relative; z-index:10000; }
#Menu > div::after { content:''; display:block; width:100%; clear:both; }
#Menu .superfish { float:right; }
#Menu .superfish li { position:relative; }
#Menu .superfish a { display:block; text-decoration:none; color:#333; }

#Menu .superfish > li { float:left; padding:20px 0 14px; position:relative; }
#Menu .superfish > li::before { 
	content:''; display:block; position:absolute; top:22px; right:0; width:1px; height:20px; background-color:#e1e1e1; 
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    transform: rotate(20deg);
	}
#Menu .superfish > li > a { font-size:16px; line-height:24px; }
@media screen and (max-width: 1199px) {
#Menu .superfish > li > a { padding:0 16px; }
}
@media screen and (min-width: 1200px) {
#Menu .superfish > li > a { padding:0 20px; }
}
#Menu .superfish > li:hover > a { color:#de1e19; }
#Menu .superfish > li:last-child::before { display:none; }
#Menu .superfish > li:last-child > a { padding-right:0; }
#Menu .superfish > li:first-child { 
	width:100px; background:url("../images/logo.png") no-repeat center center; background-size:contain; 
	margin-right:10px; text-indent:-10000px; display:none;
	}
#Menu .superfish > li:first-child::before { display:none; }

#Menu .superfish ul { 
	position:absolute; width:150px; background-color:#fff; 
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.15);
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.15);
	box-shadow:0 0 10px rgba(0,0,0,0.15);
	}
	#Menu .superfish > li > ul { top:58px; right:0; border-top:5px solid #de1e19; }
	#Menu .superfish > li > ul ul { top:0; left:150px; }
#Menu .superfish ul li { border-top:1px dashed #cacaca; }
#Menu .superfish ul > li:first-child { border-top:0; }
#Menu .superfish ul a { padding:12px 20px; line-height:18px; color:#333333; font-size:14px; position:relative; }
#Menu .superfish ul a:hover { background-color:#ececec; color:#de1e19; }
#Menu .superfish ul a.sf-with-ul::after { 
	content:''; position:absolute; top:18px; right:12px; width:5px; height:5px; border-top:1px solid #5a5a5a; border-right:1px solid #5a5a5a;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
	}
#Menu .superfish ul a:hover.sf-with-ul::after { border-top:1px solid #de1e19; border-right:1px solid #de1e19; }

/* 最右邊選單的處理 */
#Menu .superfish > li:last-child > ul { left:auto; right:0; }
#Menu .superfish > li:last-child > ul > li > ul { left:auto; right:150px; }
#Menu .superfish > li:last-child a { text-align:right; }
#Menu .superfish > li:last-child a.sf-with-ul::after { 
	left:10px; right:auto; 
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    transform: rotate(-135deg);
	}

/* 倒數第二個選單的處理 */
#Menu .superfish > li:nth-last-child(2) > ul { left:auto; right:0; }
#Menu .superfish > li:nth-last-child(2) > ul > li > ul { left:auto; right:150px; }
#Menu .superfish > li:nth-last-child(2) a { /* text-align:right; */}
#Menu .superfish > li:nth-last-child(2) a.sf-with-ul::after { 
	left:10px; right:auto; 
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    transform: rotate(-135deg);
	}

/* 浮動效果 */
#Menu.MenuFix { position:fixed; top:0; left:0; margin-top:0; z-index:10003; }
#Menu.MenuFix .superfish { float:none; }
#Menu.MenuFix .superfish > li { padding:0; }
#Menu.MenuFix .superfish > li:first-child { display:block; }
#Menu.MenuFix .superfish > li::before { top:14px; }
#Menu.MenuFix .superfish > li > a { font-size:14px; line-height:48px; }
#Menu.MenuFix .superfish > li > ul { top:46px; }
@media screen and (max-width: 1199px) {
#Menu.MenuFix .superfish > li > a { padding:0 8px; }
}
@media screen and (min-width: 1200px) {
#Menu.MenuFix .superfish > li > a { padding:0 12px; }
}

/* 浮動時下層選單都往右邊長 */
#Menu.MenuFix .superfish > li > ul > li > ul { left:150px; right:auto; }
#Menu.MenuFix .superfish > li a { text-align:left; }
#Menu.MenuFix .superfish > li a.sf-with-ul::after { 
	left:auto; right:12px; 
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
	}

/*----------------------------------------------------------------------*/
/* Key visual */
#KeyVisual .bx-wrapper .bx-controls-direction a { width:48px; height:48px; margin-top:-24px; }
#KeyVisual .bx-wrapper .bx-prev { background-position:0 0; left:10px; }
#KeyVisual .bx-wrapper .bx-next { background-position:-48px 0; right:10px; }

/* 共用內縮 */
.inner { padding:0 15px; }

/* 首頁產品 */
.IndexProduct { padding-top: 60px; padding-bottom: 40px; }
.IndexProductList { padding-bottom: 15px; }
.IndexProductList .item { width:25%; height:auto !important; }
.IndexProductList.six_item .item.focus { width:50%; }
.IndexProductList.six_item .item.focus.right { float:right; }
.IndexProductList .title { height: 40px; line-height: 40px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }

/* 首頁最新消息 */
.IndexNewsList { padding-bottom: 15px; }
.IndexNewsList .item { float: left; width:50%; }
.IndexNewsList .item:nth-child(n+3) .imgBox { float: right; }
.IndexNewsList .item:nth-child(n+3) .textBox { right: auto; left: 0; }
.IndexNewsList .item:nth-child(n+3) .textBox::before { left: auto; right: 0; }
@media screen and (max-width: 1099px) {
    .IndexNewsList .textBox .title a { font-size: 1em; }
}

/* 首頁案例 */
.IndexCaseList { padding-top: 50px; }
.IndexCaseList .item { float: left; width: 33.333%; margin-bottom: 25px; }
.IndexCaseList .textBox { text-align: center; border-bottom: 1px solid #aaa; }
.IndexCaseList .textBox .title a { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding: 12px 5px; }
.IndexCaseList .item:hover .textBox { border-bottom: 1px solid #ffbf97; }

/* 首頁影音 */
.IndexVideo .imgBox { width: 50%; }
.IndexVideo .textBox { position: absolute; right: 0; top: 0; height: 100%; width: 50%; }
.IndexVideo .textBox::before { left: 0; top: 50%; width: 20px; height: 1px; }
.IndexVideo .textBox .title { max-height: 2.5em; }
.IndexVideo .textBox .desc { max-height: 6.4em; }

/*----------------------------------------------------------------------*/
/* Footer */
.BtnTop { bottom:65px; }
	
#Copyright > div { padding-right:10px; }

#Copyright .col_left { float:left; padding-left:155px; line-height:60px; }
#Copyright .logo { 
	display:block; position:absolute; top:0; left:10px; width:145px; height:60px; 
	background:url("../images/logo_white.png") no-repeat right center; background-size:contain; text-indent:-10000px; 
	}
	
#Copyright .col_right { float:right; display:table; }
#Copyright .contact_info { display:table-cell; padding:10px 0; height:60px; vertical-align:middle; box-sizing:border-box; }
#Copyright .contact_info span { display:block; float:right; line-height:20px; }
#Copyright .contact_info span:nth-child(2) { clear:right; }

@media screen and (max-width: 1379px) {
#Copyright .col_right { padding-right:50px; }
}


/*----------------------------------------------------------------------*/
/* 表單 */
.FormTable > tbody > tr > th, .FormTable > tbody > tr > td { vertical-align:top; }
.FormTable > tbody > tr > th { width:120px; padding:15px 20px 15px 0; text-align:right; }
.FormTable > tbody > tr > th::after { content:'：'; position:absolute; top:14px; right:2px; }
.FormTable > tbody > tr > th:empty::after { display:none; }
.FormTable > tbody > tr > td { padding:10px 0 4px; }
.FormTable > tbody > tr:nth-child(even) > th, .FormTable > tbody > tr:nth-child(even) > td {  }

/* item */
.FormTable .item_wrap { margin-top:-5px; }
.FormTable .item_wrap > div.half { float:left; width:48%; padding-right:4%; }
.FormTable .item_wrap > div.half + div.half { padding-right:0; }
.FormTable .item_wrap > div.fullwidth { float:none; clear:both; width:100%; padding-right:0; }

.FormTable .item_wrap.inline { padding:0 40px 0 50px; }
.FormTable .item_wrap.inline span { top:10px; }
.FormTable .item_wrap.inline > div { padding-top:0; display:inline-block; margin-right:10px; }
.FormTable .item_wrap.inline > div label { display:inline-block; }

.input_table li { width:25%; }


/*----------------------------------------------------------------------*/
/* 內頁 */
#ColumnLeft { float:left; width:240px; }
#ColumnLeft + #ColumnCenter { overflow:hidden; }
@media screen and (min-width: 1340px) {
	#ColumnLeft + #ColumnCenter { margin-left:280px; }
}
@media screen and (max-width: 1339px) {
	#ColumnLeft + #ColumnCenter { margin-left:270px; }
}

/*----------------------------------------------------------------------*/
/* 內頁元素 */
/* 工具列 */
.ToolBar dl.font_size, .ToolBar dl.share { height:32px; }
.ToolBar .colm_left a, .ToolBar dl.font_size, .ToolBar dl.share { line-height:32px; }
.ToolBar .colm_left a span, .ToolBar dl.font_size dd, .ToolBar dl.font_size a, .ToolBar dl.share dd, .ToolBar dl.share a { width:32px; height:32px; }
.ToolBar .colm_right { float:right; }
.ToolBar dl.font_size { float:left; }
.ToolBar dl.font_size a, .ToolBar dl.share a { margin:0 auto; }
.ToolBar dl.share { float:left; padding-left:8px; }

/* 分類下拉 */
.CatTitle h3 { float:left; }
.CatTitle .cat_select { float:right; }

/* 列表搜尋 */
.ListSearch { padding-top:30px; }
.ListSearch .item > label { position:absolute; left:0; top:-30px; }

/* 產品搜尋 */
.ProTitle h3 { float:left; }
.ProTitle > .title { float:left; }
.ProTitle .keyword { float:right; }

/* 頁碼 */
#Pagination a { margin:0 2px; }
#Pagination a.first, #Pagination a.prev, #Pagination a.next, #Pagination a.last { background-color:transparent; }
#Pagination .current { display:none; }

/* 文章標題 */
h3.title { font-size:1.75em; }

/* 文章标签 */
.article_tag dl > * { height:26px; line-height:26px; }
.article_tag dt { background-color:#e4e4e4; padding:0 20px 0 10px; margin-right:5px; }
.article_tag dt::after { content:''; display:block; position:absolute; top:0; right:0; border-left:8px solid #e4e4e4; border-top:13px solid #fff; border-bottom:13px solid #fff; }
.article_tag dd a { color:#eb5902; }

/* 文章前言 */
.article_brief { font-size:125%; }

/* colorbox */
@media screen and (min-width: 1340px) {
	#colorbox_thum a { width:236px; margin-left:20px; margin-bottom:10px; margin-top:10px; }
	#colorbox_thum a:nth-child(5n+1) { margin-left:0; }
}
@media screen and (max-width: 1339px) {
	#colorbox_thum a { width:180px; margin:10px; }
}

/* 延伸阅读 */
.related_articles_list { margin-left: -10px; margin-right: -10px; }
.related_articles_list .item { width:25%; margin-bottom: 20px; }
.related_articles_list .item > div { padding: 0 10px; }
.related_articles_list.for_pd .item { width:33.333%; margin-bottom: 20px; }

@media screen and (min-width: 1340px) {
	.related_case_list { margin-left: -10px; margin-right: -10px; }
	.related_case_list .item { width:33.333%; margin-bottom: 20px; }
	.related_case_list .item > div { padding: 0 10px; }
}
@media screen and (max-width: 1339px) {
	.related_case_list .item { width:33.333%; }
	.related_case_list .item > div { margin:0 10px; }
}


/* 登录 */
.LoginBox .colm_left { float:left; width:50%; padding-right:20px; /* border-right:1px solid #e5e5e5;*/ box-sizing:border-box; }
.LoginBox .colm_right { float:right; width:50%; padding-left:20px; border-left:1px solid #e5e5e5; box-sizing:border-box; }
.login_by_social dd a { padding:0 12px 0 42px; }
.login_by_social dd a::after { content:''; display:block; height:100%; border-left:1px solid rgba(255,255,255,0.2); position:absolute; top:0; left:30px; }

/* 個人化網頁 */
#ray  .personalTop_ray{
	background-image:url(../images/personal_top_bg.jpg);
	background-position:center;
	background-size:cover;
	overflow:hidden;
	color:#fff;
}
#ray .personalBox_ray{
	max-width:800px;
	margin:0 auto;
	overflow:hidden;
	padding-bottom:1em;
}
#ray .personalInfo_ray{
	display: inline-block;
    float: right;
    padding-top: 6em;
    line-height: 1.5em;
}
#ray .persnoalTitle_ray{
	display:block;
	padding-top:4.5em;
	font-size:1.5em;
}
#ray .personalPic_ray{
	padding:5px 1em; 
	float:left;
}
#ray .personalPic_ray img{
	width:100%;
	max-width:200px;
	height:auto;
}
#ray .personalInfoBox_ray{
	background-color:#e7e8e7;
}
#ray .personalInfo_ray{
}
#ray .serviceItemBox_ray{
	padding:15px;
	overflow:hidden;
	background-image:url(../images/personal_item_bg.jpg);
	background-size:cover;
	background-position:center;
	margin:1em;
	border:1px #fff solid;
}
#ray .serviceItem_ray{
	padding:0.5em;
	padding-right:2em;
}
#ray .client_ray{
	padding:0.5em;
	padding-left:2em;
}
#ray .tipsRay{
	display:inline-block;
	background-color:#000;
	color:#FFF;
	padding:2px 8px;
	margin-bottom:0px;
}
#ray .client_ray h4,#ray .client_ray p{
	padding:0;
	margin:0;
}
#ray .client_ray h4{
	line-height:2em;
}
#ray .client_ray p{
	font-size:0.8em;
}
#ray .more_ray a{
	display:inline-block;
	background-color:#2b8fcf;
	color:#FFF;
	text-decoration:none;
	line-height:1.5em;
	padding-left:1em;
	padding-right:1em;
	float:right;
}
#ray .more_ray a:hover{
	background-color:#005899;
}

#ray .personalLinkBox1_ray span,#ray .personalLinkBox2_ray span,
#ray .personalLinkBox3_ray span{
	display:inline-block;
	background-color:#000;
	color:#FFF;
	padding:0.5em;
	margin:0px;
}
#ray .persnoalLinkContent_ray{
	padding-right:5px;
}
#ray .persnoalLinkContent_ray img{
	width:100%;
	height:auto;
}
#ray .persnoalLinkService_ray{
	background-color:#fff;
	height:100%;
	min-width:259px;
	min-height:167px;
	text-align:center;
	vertical-align:middle;
	padding-top:20%;
}
#ray .solutionContentBox_ray{
	background-color:#bfc8c3;
}
#ray .solutionTitle_ray{
	font-size:24px;
	line-height:4em;
	text-align:center;
}
#ray .solutionSubTitle_ray{
	text-align:center;
}
#ray .solutionSubTitle_ray img{
	margin-top:0.5em;
}
#ray .s1,#ray .s2,#ray .s3,#ray .s4,#ray .s5,#ray .s6,#ray .s7,#ray .s8,#ray .s9{
	font-size:18px;
	color:#FFF;
	height:250px;
	line-height:1.5em;
}
#ray .s1{ background-color:#7590b9;}
#ray .s2{ background-color:#7abf93;}
#ray .s3{ background-color:#f5a538;}
#ray .s4{ background-color:#52b77b;}
#ray .s5{ background-color:#ed81ab;}
#ray .s6{ background-color:#5aaec6;}
#ray .s7{ background-color:#ee7f79;}
#ray .s8{ background-color:#a595c6;}
#ray .s9{ background-color:#cab2a3;}
#ray .solutionContentText_ray{
	text-align:center;
}
#ray .solutionContentText_ray a{
	color:#fff;
	text-decoration:none;
}
#ray .solutionContentText_ray a:hover{
	color:#FFFFBF;
	text-decoration:underline;
}
#ray .s1 .solutionContentText_ray,#ray .s8 .solutionContentText_ray{
	padding-top:1em;
}
#ray .s2 .solutionContentText_ray,#ray .s7 .solutionContentText_ray,#ray .s9 .solutionContentText_ray{
	padding-top:2em;
}
#ray .s3 .solutionContentText_ray{
	padding-top:4em;
}
#ray .s4 .solutionContentText_ray,#ray .s5 .solutionContentText_ray,#ray .s6 .solutionContentText_ray{
	padding-top:6em;}
#ray .personalBox_ray hr{
	border-bottom:#FFF 1px dashed;
	padding-top: 1em;
    background-color: #bfc8c3;
}

.LoginBox .why_reg ol li{
	list-style-type:none;
	margin-bottom:0.5em;
}
.LoginBox .why_reg ol li:nth-child(2){
	background-image:url(http://www.aurora.com.tw/event/img/icon-no1.png);
}
.LoginBox .why_reg ol li:nth-child(3){
	background-image:url(http://www.aurora.com.tw/event/img/icon-no2.png);
}
.LoginBox .why_reg ol li:nth-child(4){
	background-image:url(http://www.aurora.com.tw/event/img/icon-no3.png);
}
.LoginBox .why_reg ol li:nth-child(5){
	background-image:url(http://www.aurora.com.tw/event/img/icon-no4.png);
}
.LoginBox .why_reg ol li:nth-child(2),.LoginBox .why_reg ol li:nth-child(3),.LoginBox .why_reg ol li:nth-child(4),.LoginBox .why_reg ol li:nth-child(5){
	border-radius:5px;
	padding:0.5em;
	padding-left:35px;
	background-color:#fff8ed;
	box-shadow:0 1px 5px rgba(0,0,0,0.5);
	background-repeat:no-repeat;
	background-position:10px 10px;
}

#ray .memberNav ul{
	overflow:hidden;
}
#ray .memberNav li{
	float:left;
	width:30%;
	margin:1%;
	text-align:center;
	line-height:3em;
	background-color:#900;
	color:#FFF;
	border-radius:8px;
	list-style:none;
	padding-bottom:0px;
}
#ray .memberNav li a{
	display:block;
	width:100%;
	background-color:#FeFeFe;
	border:#CCC 1px solid;
	color:#F00;
	border-radius:8px;
	text-decoration:none;
}
#ray .memberNav li a:hover{
	background-color:#EFEFEF;
	color:#F60;
}
#ray .memberEvent{
	display:inline-block;
	padding:1%;
	margin:1%;
	border:1px solid #ccc;
	border-radius:8px;
}
#ray .memberEvent img{
	width:100%;
	height:auto;
}
#ray .memberEvent ul{
	padding-left:0px;
}
#ray .memberEvent li{
	list-style:none;
	line-height:1.5em;
	font-size:0.9em;
}
#ray .memberEvent li:nth-child(even){
	background-color:#efefef;
}
#ray .memberEventItem{
	color:#39F;
	font-weight:900;
}	
@media screen and (min-width: 640px) and (max-width: 1024px){
	.box33_ray,.box66_ray{
		width:48%;
		float:left;
	}
	.box34_ray{
		width::100%;
		float:none;
		display:block;
	}
	#ray .persnoalLinkService_ray{
	background-color:#fff;
	height:100%;
	min-width:0px;
	min-height:0px;
	padding-top:10px;
	text-align:left;
	line-height:2em;
	}
	.box25_ray{
		width:49.5%;
		display:inline-block;
		vertical-align: top;
	}
}
@media screen and (max-width: 639px){
	#ray .persnoalTitle_ray{
		width:100%;
		clear:both;
		padding-top:0;
	}
	.box31_ray,.box33_ray,.box50_ray,.box34_ray,.box66_ray{
		width:100%;
		float:none;
	}

	.box25_ray{
		width:100%;
		float:none;
		display:block;
	}
	#ray .personalInfo_ray{
	display:block;
	float:none;
	clear:both;
	padding:1em;
	}
	#ray .serviceItemBox_ray{
		margin:0;
	}
	#ray .serviceItem_ray{
	padding:0.5em;
	padding-right:1em;
	}
	#ray .client_ray{
		padding:0.5em;
		background-color:#fff;
		padding-left:0.5em;
		padding-right:1em;
		overflow:hidden;
	}
	#ray .serviceItemBox_ray{
		padding:0px;
	}
	#ray .serviceItemBox_ray{
		background-image:none;
		border:0px;
	}
	#ray .box50_ray p{
		padding-left:1em;
	}
	#ray .persnoalLinkService_ray{
	background-color:#fff;
	height:100%;
	min-width:0px;
	min-height:0px;
	padding-top:10px;
	text-align:left;
	line-height:2em;
	}
	#ray .s1 .solutionContentText_ray,#ray .s8 .solutionContentText_ray{
	padding-top:1em;
}
	#ray .s2 .solutionContentText_ray,#ray .s7 .solutionContentText_ray,#ray .s9 .solutionContentText_ray{
		padding-top:1em;
	}
	#ray .s3 .solutionContentText_ray{
		padding-top:1em;
	}
	#ray .s4 .solutionContentText_ray,#ray .s5 .solutionContentText_ray,#ray .s6 .solutionContentText_ray{
		padding-top:1em;}
	#ray .s1,#ray .s2,#ray .s3,#ray .s4,#ray .s5,#ray .s6,#ray .s7,#ray .s8,#ray .s9{
		height:auto;
		padding-bottom:1em;
	}
}
@media screen and (min-width: 1024px){
	#Center .IndexConglomerate a img{
			max-height: 20px;
	}


}
.bg3d{background-image:url(https://www.aurora.com.tw/files/file_pool/1/0h257677285538810196/bg.jpg); background-size:cover; overflow:hidden;}
#ray .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
#ray .embed-container iframe, #ray .embed-container object, #ray .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*----------------------------------------------------------------------*/
/* 文字列表 */
.ListTable th { padding:12px 10px; white-space:nowrap; background:#eee; }
.ListTable td { padding:12px 10px; border-bottom:1px solid #ddd; line-height:24px; vertical-align:top; }

.ListTable th.no { width:30px; }
.ListTable td.no { width:30px; text-align: center; }
.ListTable th.date { width:6em; }
.ListTable td.date { width:6em; text-align: center; font-size:0.9375em; }
.ListTable th.date.range, .ListTable td.date.range { width:140px; }
.ListTable th.cat { width:100px; }
.ListTable td.cat { width:100px; text-align:center; }
.ListTable th.unit { width:140px; }
.ListTable td.unit { width:140px; text-align:center; }
.ListTable th.download { width:80px; }
.ListTable th.download.desc { width:auto; }
.ListTable td.download { width:80px; }
.ListTable td.download.desc { width:auto; }
.ListTable td.download li a { line-height:20px; }
.ListTable .tc { text-align:center; }

/*----------------------------------------------------------------------*/
/* 圖文列表 */
.ListPicText { padding-top:15px; }
.ListPicText .item { margin-bottom:25px; }
.ListPicText .item > div { overflow:hidden; position:relative; }
.ListPicText .item:hover .img::after { opacity:0.7; }
.ListPicText .title a { width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.ListPicText .item { width:32%; margin-left:2%; }
.ListPicText .item:nth-child(3n+1) { margin-left:0; }

/* 滑出樣式 */
.ListPicText.style1 .item .title { padding-top:5px; padding-bottom: 5px; }
.ListPicText.style1 .item .cont { background-color:rgba(255,255,255,0.7); position:absolute; left:0; bottom:0; width:100%; z-index:2; padding-left:20px; padding-right:20px; padding-top: 15px; }
.ListPicText.style1 .desc, .ListPicText.style1 .btn { max-height:0; opacity:0; overflow:hidden; }
.ListPicText.style1 .item:hover .desc, .ListPicText.style1 .item:hover .btn { max-height:5.25em; opacity:1; }
.ListPicText.style1 .desc { color:#555; }

/* hover效果 */
.ListPicText.style1 .item:hover .img { transform:scale(1.03); }
.ListPicText.style1 .item:hover .cont { background-color:rgba(255,255,255,0.85); }
.ListPicText.style2 .img:hover { opacity:0.7; }
.ListPicText .item .img, 
.ListPicText .item .btn, 
.ListPicText .item .btn a { 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.ListPicText .item .desc { 
	-webkit-transition: opacity, max-height 0.5s ease;
	-moz-transition: opacity, max-height 0.5s ease;
	transition: opacity, max-height 0.5s ease;
	}


/*----------------------------------------------------------------------*/
/* 商品列表 */
.ProList .item { float:left; width:31.5%; margin-left:2.75%; margin-bottom: 30px; }
.ProList .item:nth-child(3n+1) { margin-left:0; }

/* 商品內頁 */
.p_intro { padding-left:335px; min-height:390px; margin-bottom: 55px; }
.p_img { position:absolute; left:0; top:0; width:300px; }
.p_intro .slider-for { width:300px; }
.p_desc_cont { padding: 0 15px; }
.p_btn .price { padding: 20px 15px; }

/* 商品頁籤 */
.pro_tabs .tab_cont dt { display:none; }
.pro_tabs .tab_cont { transform:scaleY(0); height:0; visibility:hidden; opacity:0; }
.pro_tabs .tab_cont.show { transform:scaleY(1); height:auto; visibility:visible; opacity:1; }
.pro_tabs .tab_container { background-color:#fff; margin-bottom:30px; }

/* 商品規格 */
table.ProductSpec { width: 100%; border-collapse:separate; border-spacing:5px !important; }
table.ProductSpec th, table.ProductSpec td { padding:9px 20px; line-height: 1.5em; }
table.ProductSpec th { text-align: left; white-space:nowrap; width: 20%; }
table.ProductSpec tr:nth-child(odd) th { background:#ffedde; }
table.ProductSpec tr:nth-child(odd) td { background:#f1f1f1; }

/* 推薦商品 */
@media screen and (min-width: 1200px) {
    .product_rec_list .item > div { padding: 0 5px; }
    .product_rec_list .imgBox { width: 50%; padding: 0 10px; }
    .product_rec_list .textBox { position: absolute; right: 0; top: 0; width: 50%; padding: 0 10px; }
    .product_rec_list .textBox > div { display: table; width: 100%; height: 100%; }
    .product_rec_list .textBox .title { display: table-cell; vertical-align: middle; padding: 5px; }
    .product_rec_list .textBox .title a { max-height: 3.75em; text-align: left; }
}
@media screen and (max-width: 1199px) {
    .product_rec_list .textBox .title a { white-space:nowrap; text-overflow:ellipsis; }
}