/* google font*/
@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i');

/*======================
	ADLink Base Style 
======================*/

.wrapper.w-1180 { width: 1180px; }

body {
	font-family:'Ubuntu',Arial, "微軟正黑體", "Microsoft JhengHei",sans-serif, "Helvetica Neue", Helvetica;
	color:#5a5858 !important;/*強制使用ADLink的color*/
	font-size:16px; 
	font-size: 1.6rem;
 	margin: 0;
 	padding: 0;
 	line-height: inherit;
 	word-wrap: break-word;
}

h1, h2, h3, h4, h5, h6, .infotab {
  font-weight: normal;
  margin-bottom: 0.8em;
  font-family: 'Ubuntu', Arial,"微軟正黑體", "Microsoft JhengHei", sans-serif;
}
h1 { font-size:30px; font-size: 3rem;}
h2 { font-size: 30px; font-size: 3rem;}
h3 { font-size: 24px; font-size: 2.4rem;}
h4, .navlink, .infotab { font-size: 20px; font-size: 2rem;}

a, span, button { font-family: 'Ubuntu', Arial,"微軟正黑體", "Microsoft JhengHei", sans-serif; /* font-weight: normal; */}

a.underLink:link { color:#5a5858; }
a.underLink:visited { color:#5a5858;}
.blockquote { color:#5a5858; }

p {
	/* font-family:Arial,"微軟正黑體", "Microsoft JhengHei", sans-serif, "Helvetica Neue", Helvetica; */
	color:#5a5858;
	font-size:16px; 
	font-size: 1.6rem;
	margin: 0 0 10px;
	line-height: 1.5;
	}
a.reg {
	color:#0d3969;  /*regular link color */
	font-size:16px;
	font-size: 1.6rem;
}
a.reg:hover {
	color:#008ad0;
	text-decoration:underline;
}
a.ecom {
	color:#d0343a; /*cart/ecom related link color */
}
a.ecom:hover{
	color:#008ad0;
	text-decoration:underline;
}
.title, .subhead, .subheadUpper {
	font-weight: bold;
	/* font-family: Arial, sans-serif; */
	font-size:16px;
	font-size: 1.6rem;
}
.subhead, .subheadUpper{
	font-size: 20px;
	font-size: 2rem;
}
.subheadUpper{
	text-transform:uppercase;
}
/* Navigation */
.navlink { color:#ffffff;}
.infotab { margin:0; font-size: 20px; font-size: 2rem;}

/* Buttons */
.ecomBtn {   /*red button*/
	Font-Family: 'Ubuntu', Arial, sans-serif;
	font-size:14px;
	font-size:1.4rem;
	padding: 5px 13px;
	text-transform:uppercase;
	display: inline-block;

	background-color:#fff;
	color:#D13239;
	border: 1px solid #D13239;
}
a.ecomBtn:link { color:#D13239; } 
a.ecomBtn:visited { color:#D13239; }
a.ecomBtn:hover { color:#FFFFFF; background-color: #D13239; }
a.ecomBtn:active { color:#FFFFFF;  background-color: #D13239; }

.ecomBtn.transparentG {
	padding: 5px 0;
	background-color: transparent;
	color: #8a8b8b;
	border-left-color: transparent;
	border-right-color: transparent;
	border-top-color: transparent;
	border-bottom: 1px solid #8a8b8b;
}
a.ecomBtn.transparentG:link { color: #8a8b8b; }
a.ecomBtn.transparentG:hover { color:#ffffff; border: 1px solid #222222; background-color: #8a8b8b; }

.btn-agatered {background-color: #d0343a; border:1px solid #d0343a; }
.btn-agatered:hover { background-color: #971e23; border:1px solid #971e23; opacity: 1; }
.btn-agatered.btn-line { color: #d0343a !important; background-color: #ffffff; }
.btn-agatered.btn-line:hover { color: #ffffff !important;  background-color: #d0343a; border-color:#d0343a; opacity: 1; }
.btn-irongray { color: #ffffff; background-color:#5a5858;  border: 1px solid #5a5858;}
.btn-irongray:hover { color:#dedede; background-color:#666666; border: 1px solid #666666; opacity: 1; }
.btn-irongray.btn-line { color: #5a5858 !important; background-color: #ffffff;  }
.btn-irongray.btn-line:hover { color: #ffffff !important;  background-color: #5a5858; opacity: 1; }

.floatRightBtn { float: right; }

/* Color */
.azure { color: #0d3969; }
.skyblue { color: #008ad0; }
.agatered { color:#d0343a; }
.irongray { color: #5a5858; }
.charcoalgrey { color:#8a8b8b; }
.maize { color:#fcb316; }

.bg-azure { background-color: #0d3969; }
.bg-skyblue { background-color: #008ad0; }
.bg-agatered { background-color:#d0343a; }
.bg-irongray { background-color: #5a5858; }
.bg-charcoalgrey { background-color:#8a8b8b; }
.bg-maize { background-color:#fcb316; }

a.underLine.agatered { border-bottom: 1px solid #d0343a; color: #d0343a; }
a.underLine.agatered:link { border-bottom: 1px solid #d0343a; color: #d0343a; }
a.underLine.agatered:visited { border-bottom: 1px solid #d0343a; color: #d0343a; }
a.underLine.agatered:hover { border-bottom: 1px solid #ff0000; color: #ff0000; }
a.underLine.agatered:active { border-bottom: 1px solid #ff0000; color: #ff0000; }

a.underLine.irongray { border-bottom: 1px solid #999999; color: #999999; }
a.underLine.irongray:link { border-bottom: 1px solid #999999; color: #999999; }
a.underLine.irongray:visited { border-bottom: 1px solid #999999; color: #999999; }
a.underLine.irongray:hover { border-bottom: 1px solid #aaaaaa; color: #aaaaaa; }
a.underLine.irongray:active { border-bottom: 1px solid #aaaaaa; color: #aaaaaa; }

/* RED */
.btn-red {background-color: #d0343a; border:1px solid #d0343a; }
.btn-red:hover { background-color: #971e23; border:1px solid #971e23; opacity: 1; }
.btn-red.btn-line { color: #d0343a !important; background-color: transparent; }
.btn-red.btn-line:hover { color: #ffffff !important; background-color: #d0343a ; opacity: 1; }

.bg-red { background-color:#d0343a !important; }
.border-red { border-color:#d0343a !important; }
.red { color: #d0343a !important; }

/* BLUE */
.blue { color: #008ad0 !important; }
.bg-blue { background-color:#008ad0 !important; }
.border-blue { border-color:#008ad0 !important; }
.btn-blue { background-color: #008ad0; border: 1px solid #008ad0; }
.btn-blue:hover { background-color: #0d3969; border: 1px solid #0d3969; opacity: 1; }
.btn-blue.btn-line { color: #008ad0 !important; background-color:transparent; }
.btn-blue.btn-line:hover { color: #ffffff !important; background-color: #008ad0 ; opacity: 1; }

/* HEAVY BLUE */
.heavy-blue { color: #0d3969 !important; }
.bg-heavy-blue { background-color:#0d3969 !important; }
.border-heavy-blue { border-color:#0d3969 !important; }
.btn-heavy-blue { background-color: #0d3969; border: 1px solid #0d3969; }
.btn-heavy-blue:hover { background-color: #008ad0; border: 1px solid #008ad0; opacity: 1; }
.btn-heavy-blue.btn-line { color: #2980b9 !important; background-color:transparent; }
.btn-heavy-blue.btn-line:hover { color: #ffffff !important; background-color: #2980b9 ; opacity: 1; }


/* GRAY */
.gray { color: #8a8b8b !important; }
.bg-gray { background-color:#8a8b8b !important; }
.border-gray { border-color:#8a8b8b !important; }
.btn-gray { background-color: #8a8b8b; border: 1px solid #8a8b8b; }
.btn-gray:hover { color:#dedede; background-color:#666666; border: 1px solid #666666; opacity: 1;}
.btn-gray.btn-line { color: #8a8b8b !important; background-color:transparent; }
.btn-gray.btn-line:hover { color: #ffffff !important;  background-color: #8a8b8b; opacity: 1;}

/* HEAVY GRAY */
.heavy-gray { color: #5a5858 !important; }
.bg-heavy-gray { background-color:#5a5858 !important; }
.border-heavy-gray { border-color:#5a5858 !important; }
.btn-heavy-gray { background-color: #5a5858; border: 1px solid #5a5858; }
.btn-heavy-gray:hover { background-color: #000000; border: 1px solid #000000; opacity: 1; }
.btn-heavy-gray.btn-line { color: #5a5858 !important; background-color:transparent; }
.btn-heavy-gray.btn-line:hover { color: #ffffff !important; background-color: #5a5858 ; opacity: 1; }

/* YELLOW */
.yellow { color: #fcb316 !important; }
.bg-yellow { background-color:#fcb316 !important; }
.border-yellow { border-color:#fcb316 !important; }
.btn-yellow { background-color: #fcb316; border: 1px solid #fcb316; }
.btn-yellow:hover { color:#ffffff; background-color:#bd8900; border: 1px solid #bd8900; opacity: 1;}
.btn-yellow.btn-line { color: #fcb316 !important; background-color:transparent; }
.btn-yellow.btn-line:hover { color: #ffffff !important;  background-color: #fcb316; border: 1px solid #fcb316; opacity: 1;}

/* Title styles */
.Title-red-borderB { border-bottom: 3px solid #d0343a; padding-bottom: 3px; line-height: 1.4; }
.TitleDefault, .ContentDefault, 
.TitleDefault .Title-red-borderB, .ContentDefault .Title-red-borderB, 
.Title-red-borderB .TitleDefault , .Title-red-borderB .ContentDefault {
	border-bottom: none;
	padding-bottom: 0;
	line-height: inherit;
}


/*======================
	lightbox & Upload
======================*/
.ADLink-lightbox body.lightbox { padding:0; }
.ADLink-lightbox body.lightbox .container { padding: 0; }
.Upload-title {
	background-color:#f5f5f5; 
	font-size: 2rem;
  font-size: 20px;
  margin-bottom: 40px;
  padding: 10px;
  color: #666666;
}



/*============================================
						Product-ListBox
						為磚格做了一些特殊的調整
============================================*/
.Product-ListBox {
	position: absolute;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
.Product-ListBox h4 {
	background-color: #5a5858; 
	color: #ffffff; 
	text-align: center;
	padding:7px 0;
	font-weight: normal;
	margin-bottom: 0;
	font-size: 18px;
	font-size: 1.8rem;

	margin-bottom: 20px;
	/*height: 33px; 參考高度*/
	line-height: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.Product-ListBox .ul-box { 
	border:1px solid #aaaaaa; 

	position: absolute;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
.Product-ListBox .list { padding: 0 20px 20px 20px; }
.Product-ListBox .list.button { padding: 0 20px; }
.Product-ListBox .list li { margin-bottom: 15px; position: relative; }
.Product-ListBox .list li > span { display: inline-block; vertical-align: middle; }
.Product-ListBox .list.button li { margin-bottom: 18px; }

.Product-ListBox .list li span.icon {
	/*font-size: 20px;
	font-size: 2rem;*/
	color: #d0343a;
	margin-right: 4px;
} 
.Product-ListBox .list li span.title {
	font-weight: 300;
	max-width: 90%;
	width: initial;
	line-height: 1;
	font-size: 14px;
	color: #aaaaaa;
}
.Product-ListBox .list li span.title a {
	font-weight: bold;
    color: #5a5858;
    font-size: 18px;
    border-bottom: 1px solid #999999;
    display: inline-block;
}
.Product-ListBox .list li a.delete { position: absolute;right: 0; top: 6px; }
.Product-ListBox .list li a.compare {}
.Product-ListBox .list li a.remove { float: right; }

.compare-img { width: 62%; margin:0 auto; position: relative;z-index: -1; }


/*======================
	Product Content 
======================*/
.ProductContent .col-full-75 > div {}
.ProductContent .col-full-25 > .col-full-100 > div { margin-bottom:10px; }
.Product-Primary { padding-right:20px;  }

.ProductContent .Product-ListBox { position: relative;}
.ProductContent .Product-ListBox .ul-box { position: relative; }
.ProductContent .Product-ListBox .list li { margin-bottom:13px; }
.ProductContent .Product-ListBox .list li:last-child { margin-bottom: 0; }

/*list button*/
.Product-ListBox .list.button { padding: 0 20px 20px 20px; }
.Product-ListBox .list.button li span { 
	display: inline-block;
	max-width: 94%;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow:hidden;
	font-size: 18px;
    font-weight: bold;
    /* border-bottom: 1px solid #999999; */
    line-height: 1;
}

/*list file*/
.Product-ListBox .list.file li { 
	margin-bottom:11px; 
	width: 100%; 
	line-height: 1.15;
}
.Product-ListBox .list.file li:last-child { margin-bottom:0; }
.Product-ListBox .list.file li:hover { opacity: .8; }
.Product-ListBox .list.file .size { margin-left:6px; }

.Product-ListBox .list.file .related-content { padding-left: 21px; }
.Product-ListBox .list.file .related-content .size {
	  line-height: 1;
    vertical-align: top;
    display: inline-block;
    font-size: 14px;
    color: #aaa;
    font-weight: 300
}

.Product-ListBox .list.file .fileType { 
	font-size: 18px;
	border-bottom: 1px solid #999999;
  line-height: 1;
  display: inline-block;
  vertical-align: top;
  font-weight: bold;
  color: #5a5858;
}
.Product-ListBox .list.file .file-icon {
	/*font-size: 30px;
	font-size: 3rem;*/
	color: #d10000;
	float: left;
	margin-right: 5px;
}
.Product-ListBox .list.file .source {
	font-size: 14px;
	overflow : hidden;
	text-overflow : ellipsis;
	white-space : nowrap;
	max-width: 90%;
	margin-top: 2px;
}



/*Product-Top-Area*/
.Product-Top-Area > div { float: left; }
.Product-Top-Area { margin-bottom:30px; }
.Product-Slide { width:44.5%; margin-right:20px; }
.Product-Slide .thumbnailNav .flex-viewport { width: 84%; margin: 0 auto; }

.Product-Slide .thumbnailNav { margin-top:20px; }

.Product-Info { width:52.5%;} 

.Product-name {	margin-bottom: 10px; margin-right: 5px;display: inline-block; line-height: 1; font-weight: 600; font-size: 28px; font-size: 2.8rem;}
.Product-tip { font-size: 14px; font-size: 1.4rem; padding-left: 5px; border-left:3px solid; line-height: 1; margin-right: 5px; }
.Product-tip:last-child { margin-right: 0; }
.Product-sub { color: #5a5858; line-height: 1.4;  margin-bottom: 20px; font-size: 18px; font-size: 1.8rem;}
.Product-Btn { margin-bottom: 20px; }
.category { color: #8a8b8b; font-size: 20px; font-size: 2rem; line-height: 1; margin-bottom:10px; }

.Feature-title { 
	color: #000000; 
	font-weight: 600; 
	line-height: 1;
	margin-bottom:20px; 
}
.Feature-list ul { margin: 0 0 0 0; max-width: 97%; }
.Feature-list ul li { 
	font-size:16px; 
	font-size:1.6rem; 
	line-height: 1.2; 
	list-style: none;
	position: relative;
	padding-left: 15px;
	margin-bottom:8px;
	/* font-family:Arial, sans-serif, "Helvetica Neue", Helvetica; */
	overflow : hidden;
	text-overflow : ellipsis;
	white-space : nowrap;
}
.lightbox .Feature-list ul li { 
	overflow : visible;
	white-space : normal;
}
.Feature-list ul li:last-child { margin-bottom:0; }
.Feature-list ul li::before {
  display: block;
  font-family: 'Ionicons';
  color: #d0343a;
  content: "\f10a";
  position: absolute;
  top: 0;
  left: 0;
}
.more-feature { 
	float: right; 
	font-size: 14px;
	font-size: 1.4rem;
	border-bottom: 1px solid #aaaaaa;
}

.Product-Slide .thumbnailNav .flex-direction-nav .flex-next { background-size:80%; background-image: url(../../../ModuleImages/icon/next-b.png);}
.Product-Slide .thumbnailNav .flex-direction-nav .flex-prev { background-size:80%; background-image: url(../../../ModuleImages/icon/prev-b.png);}
.Product-Slide .thumbnailNav .flex-direction-nav a { width: 32px; height: 32px; background-color: transparent; margin: -25px 0 0; }


/*Product-Center-Area*/
.Product-Center-Area { clear: both; margin-bottom:25px; }
.Product-Center-Area .tab-content > div { margin-bottom:15px; padding-left: 5px; }
.Product-Center-Area .tab-content > div:last-child { margin-bottom:0;  }

.Product-Center-Area .r-tabs .r-tabs-panel { padding: 30px 0; }

.tab-main-title { font-size: 20px; font-size: 2rem; margin-bottom: 10px; font-weight: 600; color: #333333; }
.tab-sub-title { font-size: 17px; font-size:1.7rem ; margin-bottom: 10px; font-weight: 600; color: #666666; }
.tab-img {
	width: 296px;
	height: 160px;
	overflow: hidden;
	background-color: #f5f5f5;
}
.left-img { margin: 0 20px 0 0; float: left; }
.right-img { margin: 0 0 0 20px; float: right;}
.tab-img.left-img, .tab-img.right-img, .tab-img.top-img, .tab-img.bottom-img {
	height: auto;
}
/*.tab-img img {
	margin: 0 auto;
	height: 100%;
	display:flex;
    display: -webkit-flex;
   	-webkit-align-items: center;
          align-items: center;
  	-webkit-justify-content: center;
          justify-content: center;
}*/
.line-title {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.line-list { margin: 0 0 20px 0; }
.line-list li { list-style: none; }
.line-list li > div { float: left; word-wrap: break-word; }
.ordering-name { width: 30%; color: #888888; border-right: 1px solid #cccccc; }
.ordering-shortDesc { width: 65%; border-left: 1px solid #cccccc; padding-left: 4%; padding-bottom: 15px; margin-left: -1px; }
.line-list li:last-child .ordering-shortDesc { padding-bottom: 0; }

/*Product-Bottom-Area*/
.Product-Bottom-Area { margin-bottom:60px; }
.Product-Bottom-Area h3 { 
	font-weight: 600;
	margin-bottom:30px; 
}
.Product-Bottom-Area li { cursor: pointer; }
.Product-Bottom-Area .carouselSlide .flex-viewport { width: 95%; margin: 0 auto; }
.Product-Bottom-Area .carouselSlide .flex-direction-nav a { width: 32px; height: 32px; background-color: transparent; margin: -25px 0 0; background-size:80%; opacity: 1;}
.Product-Bottom-Area .carouselSlide .flex-direction-nav .flex-next { background-image: url(../../../ModuleImages/icon/next-b.png);}
.Product-Bottom-Area .carouselSlide .flex-direction-nav .flex-prev { background-image: url(../../../ModuleImages/icon/prev-b.png);}
.related-title { font-size: 16px; font-size: 1.6rem; font-weight: 600;margin-bottom: 10px; margin-top: 15px; }
.related-txt { font-size: 12px; font-size: 1.2rem;line-height: 1.4;color: #999999; }



/*PRODUCT VIDEO*/
.Product-VideoBox .VideoBox {
	border:1px solid #aaaaaa; 
}
.Product-VideoBox .VideoBox h4 {
	background-color: #5a5858; 
	color: #ffffff; 
	text-align: center;
	padding-top: 10px;
    padding-bottom: 10px;
	font-weight: normal;
}
.Product-VideoBox .VideoBox .contentImg { padding:0 15px 15px 15px; }

.Product-VideoBox .VideoBox .itemBox .playbtn {
	border: 2px solid #ffffff;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    display: block;
    margin: 0 auto;
    text-align: center;
    box-shadow: 0 0 5px #999999;
    opacity: 0.85;
}
.Product-VideoBox .VideoBox .itemBox .playbtn:hover { opacity: 1; }
.Product-VideoBox .VideoBox .itemBox .playbtn > i {
	line-height: 40px;
    margin: 0 auto;
    font-size: 30px;
    font-size: 3rem;
    text-shadow: 0 0 5px #999999;
}


/* download btn */
.Product-VideoBox .jw-dock-button { width: inherit; height: inherit; margin:10px; }
.Product-VideoBox .jw-dock-button .jw-icon.jw-dock-image { background-image: none !important;}
.Product-VideoBox .jw-dock-button .jw-icon.jw-dock-image::before { 
	font-family: 'MaterialDesignIcons'; 
	content: "\F1DA";
	font-size: 30px;
	display: block;
}



/*===================================== 
	Register & CustomerInfo 
=====================================*/

.RegisterArea { padding: 0 80px; }
.lightbox .RegisterArea { padding: 0 !important; }

.RegisterArea .required { color: #d0343a; font-size: 18px; font-size: 1.8rem; top: 2px; }
.RegisterArea .alert { font-size: 13px; font-size: 1.3rem; }/* 修改 alert 字體大小 1.6>1.3 lynnchen 20160920 */

.RegisterInfo {
	border:1px solid #8a8b8b;
	/*padding: 20px; 20161103 Gabby*/
	padding: 20px 65px 20px 65px;
	margin-bottom:20px; 
}
.RegisterInfo > i { font-size: 5rem; font-size: 50px; float: left;  color: #8a8b8b;}
.RegisterInfo > div { padding-left:60px;  }

.RegisterInfo > div > div { font-size: 18px; font-size: 1.8rem; float: left;width: 100%; }
.RegisterInfo > div > div + div { font-size: 17px; font-size: 1.7rem; }

.RegisterForms { padding:0 70px; }
.lightbox .RegisterForms { padding: 0 !important; }

.RegisterForms h3 { text-align: center; }

.RegisterForms .polymer-form label.placeholder { color: #008ad0; font-size: 13px; font-size: 1.3rem; cursor: default;}
.Form-title { font-size: 20px; font-size: 13px; font-size: 1.3rem; margin-bottom:20px; color: #008ad0; }

.RegisterBox { margin-bottom: 15px; }
.RegisterBox .inlineColumn.half { width: 48%; margin-right: 2.5%;}
.RegisterBox .inlineColumn.half:nth-of-type(2n) { margin-right:0; }
.RegisterBox .alert.transparent { padding: 4px 3px 0;}


.RegisterBox .select-title { 
	color: #008ad0; 
	font-size: 13px; 
	font-size: 1.3rem;
	margin:1px 0 0 0;
}
.RegisterBox .polymer-select {}

.RegisterBox ul.forms > li { padding:0 0 10px; }
.RegisterBox ul.forms > li:last-child { padding:0; }
.RegisterBox ul.forms > li.widthAlert {}
/* 對齊 customerinfo 左右欄位 lynnchen 20160920 */
.RegisterBox .inlineColumn.half.customerinfo > .forms > li:nth-child(1),
.RegisterBox .inlineColumn.half.customerinfo > .forms > li:nth-child(2) { margin-top: -3px; } 
.RegisterBox .inlineColumn.half.customerinfo > .forms > li:nth-child(3),
.RegisterBox .inlineColumn.half.customerinfo > .forms > li:nth-child(4) { margin-top: -9px; }  
.RegisterBox .inlineColumn.half.customerinfo > .forms { margin-top: 0px; } 
.RegisterBox .inlineColumn.half.customerinfo > .forms .inlineColumn { margin-bottom: 10px; }
/* 對齊 register 左右欄位 lynnchen 20160920 */
/*.RegisterBox .inlineColumn.half.register > .forms > li:nth-child(3),
.RegisterBox .inlineColumn.half.register > .forms > li:nth-child(4) { margin-top: 6px; }*/
/* 對齊 end */
.RegisterBox .radio-select label  { width: 30%; margin-left: 0; }
.RegisterBox .radio-select.three-label label  { width: 100%; }
.RegisterBox label { font-size: 16px; font-size: 1.6rem; margin-bottom: 10px; margin-left: 19px; margin-right: 0;cursor: default; }
.RegisterBox label div.checker { margin-left: -19px; }
.RegisterBox label .polymer-form.inline { margin-left:10px; }
.RegisterBox label .polymer-select.inline { width: 44%; vertical-align: middle;margin-left:10px;  }

.Verify { display: inline-block; vertical-align: bottom; }
.Verify .required { top:-4px; }
.captcha { display: inline-block; vertical-align: bottom; width: 120px; }
.reload { font-size: 3rem; font-size: 30px; }

.CustomerAccount { border-bottom: 1px solid #cccccc; margin: 20px 0; padding:0 20px;}
.CustomerAccount h2 { font-size: 26px; font-size: 2.6rem; margin-bottom:20px; float: left; }
.CustomerAccount .alert { float: right; }

.lineBox { 
	width: 48.5%;
    margin-left: 1%;
    padding-left: 1%;
	float: left;
	border-left:1px solid #dedede;
}
.lineBox:first-child { margin-left:0; padding-left: 0; border-left: none; }

.hiddenQ-item { margin-top: 10px; }
.hiddenQ-item .inlineColumn { vertical-align: middle; }
.hiddenQ-item .inlineColumn.four { width: 66%; margin-right: 0; padding-left: 1%;}
.hiddenQ-item .inlineColumn.four:last-child { width: 100%; margin-top: 20px; padding-left: 0; }

.userfillBar { cursor: pointer; }
.userfillBar > i { margin-left: 10px; display: inline-block; vertical-align: middle; border-bottom: 1px solid #999999; }
.userfillBox { display: none; }


/*====================== 
	Login & Subscribe
======================*/
.LoginPage {
	margin:0 auto;
	text-align: center;
	width: 100%;
	/*height: 100vh; 改用lightbox開啟 20160923 Gabby*/
	position: relative;
}
.CenterArea {
	/*position: absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	height:600px; 改用lightbox開啟 20160923 Gabby*/
}
.SquareArea { width:600px; }
.SquareArea h2 { margin-bottom: 20px; text-align: left; }
.intro { color:#5a5858; margin-bottom: 20px; text-align: left;  }
.LoginBox { 
	background-color: #dedede;
	padding: 40px;
}
.LoginBox ul.forms { padding:0 60px; margin-bottom:0;  }
.LoginBox input.text, .LoginBox input.password, .LoginBox input.email, textarea.uniform { width: 96%; }
 
/* btnGrayBox */
.btnGrayBox {
	cursor: pointer;
  float: left;
  width: 17%;
  background-color: #dedede;
  margin: 0 1.75% 0 0;
  padding: 20px;
	-webkit-transition:all 0.3s ease-in-out;
		transition:all 0.3s ease-in-out;
}
.btnGrayBox:hover { background-color: #cccccc; box-shadow: 0 0 3px #666666; }
.btnGrayBox:last-child { margin-right:0; }

.btnGrayBox > i { float: left; font-size: 2.6rem; font-size: 26px; margin-right: 10px;}
.btnGrayBox > div { font-size: 14px; font-size: 1.4rem; }
.mb-sign { display: none; }

/* AdlinktechBtn */
.AdlinktechBtn > div { margin: 0 auto 30px auto; }
.YesNoBox { width: 600px; }
.LargeBtnBox { width: 600px; }
.text-or { text-align: center; margin-bottom: 20px; }

.YesNoBox .btnGrayBox { width: 35%; margin: 0 3% 0 0; padding: 20px 40px; }
.YesNoBox .btnGrayBox:last-child { margin-right: 0; }

.YesFrame, .NoFrame { display: none; }

.openYes .text-or { display: none; }
.openYes .LargeBtnBox { display: none; }
.openYes .YesFrame { display: block; }
.openYes .NoFrame { display: none; }
.openYes .YesBox { background-color: #d0343a; box-shadow: 0 0 3px #666666; color: #ffffff; } 

.openNo .text-or { display: none; }
.openNo .LargeBtnBox { display: none; }
.openNo .NoFrame { display: block; }
.openNo .YesFrame { display: none; }
.openNo .NoBox { background-color: #d0343a; box-shadow: 0 0 3px #666666; color: #ffffff; } 

/*====================== 
	Account & Member 
======================*/
.PhotoArea { width: 200px; float: left; }
.AccountArea { margin-left: 240px;}

.MyPhoto {
	width: 200px;
	height: 200px;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
	position: relative;
	background-color: #dedede;
}
.MyPhoto::before {
	opacity: 0;
	font-family: 'Ionicons'; 
	content: "\f118";
	display: block;
	color: #ffffff;
	font-size: 5rem;
	position: absolute;
	z-index: 2;
	height: 54px;
	width: 54px;

	top: 50%;
    left: 50%;
    margin-top: -27px;
    margin-left: -27px;
    text-shadow: 0 0 10px #000000;
    -webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
.MyPhoto.camera::before { opacity: 1; }
.MyPhoto img {
	position: absolute;
	margin:auto;
	top: 0;
	left:0;
	bottom: 0;
	right: 0;
}

.MyName { font-size: 20px; font-size: 2rem; text-align: center; margin-top: 10px; font-weight: 600; }

.AccountCtrl { 
	/*float: right;*/
	position: absolute;
	top:0;
	right: 0;
}
.funline { 
	float: left; 
	border:1px solid #5a5858;
	padding: 5px 13px;
	/*margin-right: 20px;*/
}
.funline a { color: #5a5858;}
.funline a:hover { opacity: 0.5;}
.funline.pad-icon { display: none; }

.AccountCtrl .logout { display: none; }

/* AccountTab */
.AccountTab { float: left;margin-top: 80px; width: 100%;}
.AccountTab .RegisterForms { padding: 20px; }
.AccountTab .rwdTable td.Dbtn { /*text-align: right; 20161114 Gabby 改回齊左*/}
.AccountTab .rwdTable td.Dbtn a {
	width: 47%;
  margin-right: 10px;
}
.AccountTab .rwdTable td.Dbtn a:nth-child(2n) { margin-right: 0; }
.AccountTab .checkforms li:last-child { border-bottom:none; }
.AccountTab .scribe-title { text-align: center; }
.AccountTab .scribe-radio { float: right; margin-top: 5px; }
.ViewRow { margin-bottom: 20px; border-bottom: 1px solid #5a5858; padding-bottom: 20px; }

.RequestArea .AddedToInquiry { font-weight: bold; margin-bottom: 8px; font-size: 1.2em;}



/*============================================ 
				rwdTable
============================================*/
.rwdTable {
	border-collapse: collapse;
 	background-color: transparent;
 	border:none;
	width:100%;
	margin:0;
	font-size:16px;
	font-size:1.6rem;
}
caption {
	padding:7px 0 5px;
	font-size:18px;
	font-size:1.8rem;
	text-align:left;
	color:#303030;
	background-color:transparent;
	position:relative;
	z-index:11;
}
.rwdTable tr { background-color: transparent; }

.rwdTable th {
	display: none;
	color: #999999;
	padding:5px;
	background-color: transparent;
	text-align:center;
	font-weight: normal;
}
.rwdTable td {
	display: block;
	max-width:200px;
	vertical-align:top; 
	
	border-top: 1px solid #ccc;
    border-left: none;
    border-right: none;
    border-bottom: none;
	
	padding:5px;
	text-align:left;
	line-height:1.3;
	position:relative;
}
/* 新增 Select All / removeAll style lynnchen 20160921 */
.selectBox { margin: 20px 0; }
.selectAll, .removeAll {
	display: inline-block;
	margin: 0 15px 0 0;
    padding: 5px 13px;
	border-top: none;
	font-size: 1.4rem;
	font-size: 14px;
	color: #8a8b8b;
	line-height: 20px;
	text-align: center;
	border: 1px solid #8a8b8b;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}
.selectAll:hover, .removeAll:hover {
	background-color: #d0343a;
	color: #fff;
	border: 1px solid #fff;
}

/*  */
/* .rwdTable td:nth-child(2) {
	border-top:  none;
} */

.rwdTable td::before {
	content: attr(data-th) " : ";
	font-weight: bold;
	display: inline-block;
	padding:10px 0 10px 0;
	width: 100%;
}
.rwdTable td.img { 
	padding:10px 0; 
	text-align:center; 
	width: 160px; 
	vertical-align: middle; 
	padding:10px 10px 10px 0; 
}
.rwdTable td.img img { max-width:160px; max-height:120px; }
.rwdTable td.img::before { display: none; }
.rwdTable td.title-td { vertical-align: bottom;  padding: 20px 0 0 0; }
.rwdTable td.title-td::before { display: none; }
.rwdTable td.time-td { border-top:none; }
.rwdTable td.check-td {vertical-align: middle; text-align: center; }
.rwdTable td.check-td::before { display: none; }
.rwdTable td.Bshadow img { box-shadow: 0 0 6px #999999; }
.rwdTable td.contxt { padding:2px 15px 20px 0; border-top: none; }
.rwdTable td.contxt::before { display: none; }
.rwdTable a > i {
	font-size: 24px;
	font-size: 2.4rem;
  color: #d0343a;
  margin-right: 4px;
  float: left;
}
.rwdTable td.Dbtn { padding: 10px 0; border-top: none; }
.rwdTable td.Dbtn a {
	width: 150px;
  display: inline-block;
  margin-bottom: 10px;
}
.rwdTable td.Dbtn a:not([class*="btn-"]):hover { opacity: 0.5; color: #444444; } /* Dbtn底下排除所有btn開頭的按鈕 20161004 Gabby*/


.rwdTable tr:first-child td.title-td { border-top: none; }
.rwdTable tr:first-child td.img { border-top: none; }
.rwdTable tr:first-child td.check-td { border-top: none; }

/*others*/
.rwdTable .Product-name { font-size: 24px; font-size: 2.4rem; margin-bottom: 0; line-height: 1.2; word-break: break-all; display: block; }
.rwdTable.textC td { text-align: center; }/*rwdTable textC*/
.rwdTable.over-columns {}/*rwdTable has more than five column*/
.table-bottom-info { position: absolute;right: 0;margin-top: 20px;}
.time { float: right; }

.viewBtn { margin-top: 20px; }
.viewBtn a > i {
	font-size: 24px;
	font-size: 2.4rem;
  	color: #d0343a;
  	margin-right: 4px;
  	float: none;
}

/*normal*/
.rwdTable.normalTable {}
.rwdTable.normalTable th { border: 1px solid #cccccc; background-color: #dedede; color: #333333; }
.rwdTable.normalTable td { border: 1px solid #cccccc; text-align: center; }

/*checkbox*/
.check-td label { font-size:16px; font-size:1.6rem; margin-right:8px; }
.check-td label:active div.checker span::after {
	opacity: 1;
  	
  	-webkit-transform: scale(1);
  	-moz-transform: scale(1);
  	-ms-transform: scale(1);
  	-o-transform: scale(1);
 	transform: scale(1);

 	-webkit-transition: all 400ms cubic-bezier(0, 0.7, 0.5, 1);
	-moz-transition: all 400ms cubic-bezier(0, 0.7, 0.5, 1);
	-ms-transition: all 400ms cubic-bezier(0, 0.7, 0.5, 1);
	-o-transition: all 400ms cubic-bezier(0, 0.7, 0.5, 1);
	transition: all 400ms cubic-bezier(0, 0.7, 0.5, 1);
}

.check-td div.checker {
	width: auto;
	height: auto;
	margin-right: 5px;
}

.check-td div.checker span {
	background:rgba(255,255,255,0.7);
	height:24px;
	width: 24px;
	border:2px solid #999999;
	display: block;
}

.check-td div.checker span::after {
	content: '';
	width: 200px;
  	height: 200px;
  	display: block;
  	position: absolute;
  	left:50%;
  	top:50%;
  	margin-left:-100px;
  	margin-top:-100px;
  	opacity: 0;
  	border-radius: 100%;
  	background:rgba(255,255,255,0.3);
  	z-index: -1;

  	-ms-filter: none;
  	filter: none;

  	-webkit-transform: scale(0);
  	-moz-transform: scale(0);
  	-ms-transform: scale(0);
  	-o-transform: scale(0);
  	transform: scale(0);

	-webkit-transition: all 400ms cubic-bezier(0, 0.7, 0.5, 1);
	-moz-transition: all 400ms cubic-bezier(0, 0.7, 0.5, 1);
	-ms-transition: all 400ms cubic-bezier(0, 0.7, 0.5, 1);
	-o-transition: all 400ms cubic-bezier(0, 0.7, 0.5, 1);
	transition: all 400ms cubic-bezier(0, 0.7, 0.5, 1);
}

/*滑鼠按下瞬間的效果*/
.check-td div.checker:active span, 
.check-td div.checker.active span {
	background: #d0343a;
	border-color:#d0343a;
}
.check-td div.checker:active span::after, 
.check-td div.checker.active span::after {
	opacity: 1;

	-webkit-transition: all 400ms cubic-bezier(0, 0.7, 0.5, 1);
	-moz-transition: all 400ms cubic-bezier(0, 0.7, 0.5, 1);
	-ms-transition: all 400ms cubic-bezier(0, 0.7, 0.5, 1);
	-o-transition: all 400ms cubic-bezier(0, 0.7, 0.5, 1);
	transition: all 400ms cubic-bezier(0, 0.7, 0.5, 1);
  	
  	-webkit-transform: scale(1);
  	-moz-transform: scale(1);
  	-ms-transform: scale(1);
  	-o-transform: scale(1);
 	transform: scale(1);
}

/*滑鼠移動到checkbox框上的效果*/
.check-td div.checker.focus span,
.check-td div.checker:hover span {
	border-color:#d0343a;
}
.check-td div.checker.focus:active span, .check-td div.checker:active:hover span,
.check-td div.checker.active:hover span, .check-td div.checker.focus.active span {
	background: #d0343a;
	border-color:#d0343a;
}

.check-td div.checker span.checked {
	background: #d0343a;
	border-color:#d0343a;
}
.check-td div.checker span.checked::before {
	font-family: 'Ionicons';
	color: #ffffff;
	content: "\f383";
	position: absolute;
	top: 3px;
	left: 4px;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 24px;
}
.check-td div.checker:active span.checked, 
.check-td div.checker.active span.checked {
	background: #d0343a;
	border-color:#d0343a;
}

.check-td div.checker.focus span.checked,
.check-td div.checker:hover span.checked {
	background: #d0343a;
	border-color:#d0343a;
}
.check-td div.checker.focus:active span.checked,
.check-td div.checker:hover:active span.checked,
.check-td div.checker.active:hover span.checked,
.check-td div.checker.active.focus span.checked {
	background: #d0343a;
	border-color:#d0343a;
}

.check-td div.checker.disabled span,
.check-td div.checker.disabled:active span,
.check-td div.checker.disabled.active span {
	background: #dedede;
	border-color:#dedede;
}

.check-td div.checker.disabled span.checked,
.check-td div.checker.disabled:active span.checked,
.check-td div.checker.disabled.active span.checked {
	background: #dedede;
	border-color:#dedede;
}

/*============================================ 
				stickyTable
============================================*/
.CompareList { width: 100%; overflow-x: scroll; }
.CompareList td { text-align: center; padding: 15px 1%; border: 1px solid #cccccc; max-width: 18%; min-width: 18%; }
.CompareList th img, .CompareList td img { max-height: 150px; }
.CompareList th { background-color: #ffffff; border: 1px solid #cccccc;font-size: 16px; font-size: 1.6rem; max-width: 19%; min-width: 19%; padding-left: .5%; padding-right: .5%; }
.CompareList tr.even, .CompareList table.stickyTable tr:hover { background-color: #ffffff; }
.CompareList .stickyTable { width: 100%; }
.CompareList .sticky-wrap .sticky-thead { box-shadow: 3px 2px 10px rgba(0,0,0,0.4); left: 2px; /*修復本身的誤差*/ }

.CompareList .deletetdBtn { display: none;}
.CompareList .selected { 
	position: relative; 
	/* background-color:rgba(255,234,0,0.2); */
	/* z-index: 2; 影響border暫時註解 carrie 20161205 */
}
.CompareList .selected::before { 
	/*content: '';  
	display: block;
	background-color:rgba(255,234,0,0.2);
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	z-index: 2;
	IE有點問題 不用before寫了*/
}
.CompareList .selected .deletetdBtn { display: inline-block;padding: 5px 8px; position: relative; z-index: 3;}

.list-td-title { 
	background-color: rgba(0,0,0,0.05) !important; 
	font-weight: 600; 
	font-size: 13px; 
}
/*.list-td-title:hover::after { display: none; }*/



/*=================================
	Download & Request & Seminar 
=================================*/
.CentralBox { margin:0 auto 30px auto; width: 600px;}
.CentralBox > div { padding: 20px; }
.InnerBox { border:1px solid #aaaaaa;}

.whitepaper-img {
	box-shadow: 0 0 3px #999999;
	width: 120px;
	height: 180px;
    display:flex;
    display: -webkit-flex;
   	-webkit-align-items: center;
          align-items: center;
  	-webkit-justify-content: center;
          justify-content: center;
}
.whitepaper-img::before {
	content:'';
	display: block;
	border-top: 10px solid #d0343a;
	border-bottom: 10px solid #d0343a; 
    width: 100%;
    position: absolute;
    left: 0;
    height: 160px;
}
/* 新增 DownloadSingle-Manual.aspx 樣式 lynnchen 20160921 */
.paper-img.manual-img {
	box-shadow: 0 0 3px #999999;
	width: 120px;
	height: 180px;
    display:flex;
    display: -webkit-flex;
   	-webkit-align-items: center;
    align-items: center;
  	-webkit-justify-content: center;
    justify-content: center;
	background: url(../../../images/temp/89021ADLINK_Logo.jpg) no-repeat;
	background-size: 60px auto;
	background-position: center 60px;
}
.paper-img.manual-img > span{
	text-align: center;
	padding-top: 15px;
}
.paper-img.manual-img::before {
	content:'';
	display: block;
	border-top: 10px solid #d0343a;
	border-bottom: 10px solid #d0343a; 
    width: 100%;
    position: absolute;
    left: 0;
    height: 160px;
    top:0;
}
.paper-img {
	padding:0 5px;
	position: relative;
	float: left;
	width: 160px;
	text-align: center;
}
.paper-img > img {
	max-width: 160px;
    max-height: 120px;
}
.paper-img > div { line-height: normal; }
.paper-box { padding-left: 170px; font-size: 20px; font-size: 2rem; line-height: 1.4; word-wrap: break-word; word-break: normal; }
.paper-box > div, .paper-box > ul { float: left; width: 100%; }
.paper-txt { color: #8a8b8b; font-size:16px; font-size: 1.6rem;  }
.paper-size { color:#008ad0; margin-top:5px; font-size:14px; font-size: 1.4rem;  }
.paper-uploadDate { color:#008ad0; margin-top:5px; font-size:14px; font-size: 1.4rem;  }
.paper-box.paper-list { font-size: 16px; font-size: 1.6rem; }
a.paper-url { 
	color: #aaaaaa; 
	font-size: 14px; 
	font-size: 1.4rem; 
	display: block; 
	float: left;
	margin-top: 3px;
	width: 100%;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
a.paper-url:link { color: #0d3969; }
a.paper-url:hover{ color: #008ad0; }
a.paper-url:visited { color: #008ad0; }
a.paper-url:active { color: #008ad0; }

.D-img-logo { position: absolute; margin-top: -30px; left: 50%; margin-left: -48px; }

.seminar-img { width: 130px; }

/* SomeBox */
.SomeBox { 
	position: relative;
	text-align: center; 
	border: 1px solid #aaaaaa;
	float: left;
	width: 25%;
	margin-right:2%; 
	margin-bottom: 2%;
}
.SomeBox:nth-child(3n) { margin-right: 0; }
.SomeImg {
	width: 150px;
    height: 140px;
    margin-bottom: 10px;
    background-color: #f5f5f5;
    display:flex;
    display: -webkit-flex;
   	-webkit-align-items: center;
          align-items: center;
  	-webkit-justify-content: center;
          justify-content: center;
}
.SomeImg img { width: 100%; }
.SomeTitle {}
.SomeBox > a {
	position: absolute;
	right: 10px;
	top: 10px;
}

/* accordionBox */
.accordionBox { margin-bottom: 30px; }
.accordionBox .atab { 
	display: block; 
	background-color: #dedede;
	color: #000000;
	padding: 10px;
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
.accordionBox .atab:hover { background-color: #666666; color: #ffffff; }
.accordionBox .atab > i { float: right; }
.accordionBox .atab.active > i::before { content:'\f3d8'; }
.accordionContent { padding:20px 0; display: none; }

/* 新增 DownloadSingle-Software.aspx accordion lynnchen 20160921 */
/* software accordion style */
.software .accordionBox { margin-bottom: 0; }
.software .accordionBox .atab { 
	display: block;
	background-color: transparent;
}
.software .accordionBox span { display: block; border-bottom: 1px solid #aaa; padding-bottom: 5px; }
.paperContent { margin: 0; }
.software .paperContent > li { margin: 30px 0; padding: 0; list-style: none;}
.software .accordionBox .atab:hover { background-color: transparent; color: #000; }
.software .accordionBox .atab > span > i { float: right; padding-left: 20px;}


/* checkforms */
.checkforms { margin: 0; font-size: 16px; font-size: 1.6rem; }
.checkforms li { list-style: none; border-bottom: 1px solid #cccccc; padding: 10px 0; }
.checkforms li > div, .checkforms li > label, .checkforms li > i { float: left; margin-right: 10px; }
.checkitem-name { width:15%; }
.checkitem-desc { width: 80% }
.other-kind { padding:30px 0 10px 0; border-bottom: 1px solid #cccccc; font-size: 16px; font-size: 1.6rem; color: #666666; }

.provideInfoBox { border:1px solid #dedede; padding:20px; }
.provideInfoBox .answer { color: #d0343a; }
/*====================== 
	list-title
======================*/
.list-title { 
	background-color: #f5f5f5; 
	padding: 5px 2.5%; 
	width: calc( 95% - 2px); 
	margin: 0 auto 10px auto;
	font-size: 16px;
	font-size: 1.6rem;
}

/*inline-title*/
.list-title.inline-title { width: 95%; padding: 7px 2.5%;position: relative;}
.list-title.inline-title .btn-agatered { position: absolute; right: 0; top: 0; z-index: 2; }
/*size*/
.list-title.large-title { font-size: 2.4rem;font-size: 24px; }

/*====================== 
	Publication
======================*/
.download-btn {
	float: left;
	margin-top: 15px;
    font-size: 14px;
    font-size: 1.4rem;
}
.download-btn i {
	font-size: 24px;
	font-size: 2.4rem;
    color: #d0343a;
    margin-right: 4px;
}
.DocumentRow { margin-bottom: 40px; }
.DocumentRow .inlineColumn { margin-bottom: 30px; }

.new-tag {
	font-size: 14px !important;
	font-size: 1.4rem !important;
    margin-left: 5px;
    color: #d0343a;
    text-shadow: 0 0 1px #ffe43c;
}

/*============================================
		DownloadArea & SearchResult
============================================*/
[class*="col-"].Float-reverse { float: right; }
.searchRow { margin-bottom: 30px; }

.search-div { margin: 0 auto; width: 80%; position: relative; }
.search-div input.text {
	width: 97%;
  padding: 15px 10px;
  font-size: 1.8rem;
  font-size: 18px;
}
.search-div input.text:focus {
  box-shadow: none;
  border-color: #c3c3c3;
  background: #ffffff;
}

a.magnifier { 
	position: absolute;
	right: 0;    
	background-color: #d0343a;
    color: #ffffff;
    padding: 11.5px;
    border: 1px solid #c3c3c3;
}
a.magnifier:hover { background-color:#971e23; }
a.deletetext {
    position: absolute;
    right: 47px;
    top: 1px;
    background-color: #ffffff;
    color: #999999;
    padding: 11.5px;
}
a.deletetext:hover { color: #333333; }
.search-div a i { font-size: 25px; font-size: 2.5rem; }

.lang-search { display: inline-block;float: right; color: #999999;}

.ResultBox { margin-bottom: 30px; }
.ResultBox .inlineColumn { margin-top: 15px; color: #666666; }
.ResultBox .rwdTable td.Dbtn { font-size: 14px; font-size: 1.4rem; padding: 0; width: 320px; }
.ResultBox .rwdTable td.Dbtn a { width: 32.5%; vertical-align: top; margin-bottom: 0; }
.ResultBox .rwdTable a > i { font-size: 20px; font-size: 2rem; }

.gray-title { color: #999999; font-size: 25px; font-size: 2.5rem; margin-bottom: 20px; }

/* no found */
.no-found {
	font-size: 2rem;
	font-size: 20px;
	margin-bottom: 20px;
  color: #d0343a;
}
.no-found > i { margin-right: 10px; }

.icon-img { float: left; font-size: 2rem; font-size: 20px; margin-left: 25px;}
/* 新增 文字刪節號 lynnchen 20160921 */
.icon-title { 
	padding-left: 25px; 
	overflow: hidden; 
	white-space: nowrap; 
	text-overflow: ellipsis; 
}
.icon-title ~ .paper-url { float: none; padding-left: 60px; }



/* 臭凌華要是再改成左邊 就調整這邊 ↓ SearchResult DownloadArea Finder 一起改 20161103 Gabby */
.FilterBoxInRight .col-full-25 { float: right; }
.FilterBoxInRight .ResultArea { padding-right: 30px; border-right: 1px solid #cccccc; margin-bottom: 30px; }
.FilterBoxInRight .FilterArea { 
	border-left: 1px solid #cccccc;
	margin-left: -1px;
	padding-left: 30px;
	/*padding-right: 30px;*/
}
.FilterBox { margin-bottom: 20px; }
.Refine-arrow { display: none;}
.Refine { display: none; }


.F-According { 
	padding:15px 20px; 
	background-color:#d0343a; 
	color: #ffffff; 
	font-size: 17px; 
	font-size: 1.7rem; 
	cursor: pointer; 
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
.F-According:hover { background-color: #971e23; }

.F-According > div { display: inline-block; vertical-align: middle;width: 90%; }
.F-According > span { font-size: 2.5rem; font-size: 25px; display: inline-block; vertical-align: middle; width: 8%; text-align: right; }/*width:10%會掉下去改8% 20161020 Gabby*/

.FilterBox.withSub { margin-bottom: 0; } 
.FilterBox.withSub + .FilterBox.withSub .F-According { background-color: #d0cece; }
.FilterBox.only-one .F-According, .FilterBox.withSub .F-According {background-color: #dedede; color: #666666;} 
.FilterBox.only-one .F-According:hover, .FilterBox.withSub .F-According:hover {background-color: #777777; color: #dedede;} 

.F-Content { 
	border:1px solid #cccccc; 
	border-top: none; 
	padding: 20px;  
	display: none;
}

.Slide-F-Content > i {
	-webkit-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
}
.F-Content .F-Tag { border-bottom: 1px solid #cccccc; margin-bottom: 10px; }
.F-Content .F-Tag:last-child { border-bottom: none; margin-bottom: 0; }
.F-Content .F-Tag > a { margin-bottom: 10px; display: block; color: #999999; }
.F-Content .F-Tag > a:hover { margin-bottom: 10px; display: block; color: #333333; }
.F-Content > label { margin-bottom: 10px; font-size: 14px; font-size: 1.4rem; margin-left: 19px; margin-right: 0; }
.F-Content > label div.checker { margin-left: -19px; }

/*ContentOpen*/
.F-According.ContentOpen ~ .F-Content {}
.F-According.ContentOpen .Slide-F-Content > i {
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}

.finder-link {
	display: inline-block;
	float: right;
}

/*====================== 
	InquiryBasket
======================*/
.InquiryFooter { margin-top: 40px; }

/*====================== 
	SubscribeSetting
======================*/
.subscribe-setting-header {
	background-color: #f5f5f5;
	padding:15px 30px;
	box-shadow: 0 0 10px #999999;
}
.subscribe-dropdown { font-size: 20px; font-size: 2rem; }
.bg-none { background: none;}
.bg-none #cboxLoadedContent { background: none; position: absolute; top: 0;}
.KeywordBox {
	margin-top: 40px;
    background: #f5f5f5;
    padding: 30px;
    -webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}

.KeywordBox ~ .col-full-25 .FilterArea { padding-left: 0; padding-right: 30px; } /* KeywordBox + FilterArea */

.KeywordBtn { 
	float: right; 
	-webkit-transition:all 0.3s ease-in-out;
		transition:all 0.3s ease-in-out;
}

.MoreSearchBox { margin-top: 30px; display: none; }
.MoreSearchBox .RegisterBox:last-child { margin-bottom: 0; }
.MoreSearchBox .Form-title { font-size: 18px; font-size: 1.8rem; }

/*===========================
				Synchronize
===========================*/
a.synchronBtn { color: #ffffff; }
a.synchronBtn:hover { color: #dedede; }

.textNoHidden-content { color: #dddddd; }
.skin-blue-content { color: #dddddd; }
.skin-red-content { color: #dddddd; }

/*uponcomfirm*/
.uponcomfirm-overlay {
        background-color: rgba(0, 0, 0, 0.6);        
        width: 100%;
        height: 100%;
        margin: 0;
        top: 0;
        left: 0;
        position: fixed;
        z-index: 1000;/*20161031 Gabby 要超過menu的z-index*/
        display: none;
}

.uponcomfirm-box {
        background-color: #ffffff;
        color: #888888;
        border: solid 1px #ffffff;  
        box-shadow: 0px 1px 10px #222;
        padding: 20px 10px 35px 10px;
        text-align: center;
        font-weight: bold;
        font-size: 15px;
        z-index: 1001;
        display: none;
        position: absolute;
        margin-left: -15%;
        width: 30%;
        left: 50%;
        top: 185px;
        
}
.uponcomfirm-content { color: #888888; font-family: 'Ubuntu', Arial,"微軟正黑體", "Microsoft JhengHei", sans-serif; }
.uponcomfirm-box button {
        margin: 10px 5px;
        padding: 5px 10px;
        text-align: center;
        background-color: #ffffff;
        border: 1px solid #d0343a;
        color: #d0343a;
        font-weight: bold;
        cursor: pointer;
}

.uponcomfirm-box button:hover { background-color: #d0343a; color: #ffffff;}
.uponcomfirm-button.uponcomfirm-button--no { color: #888888; border:1px solid #888888;; }
.uponcomfirm-button.uponcomfirm-button--no:hover {  background-color: #888888; color: #ffffff; }

/*myprefix*/
.myprefix-overlay {
        background-color: rgba(0, 0, 0, 0.6);        
        width: 100%;
        height: 100%;
        margin: 0;
        top: 0;
        left: 0;
        position: fixed;
        z-index: 1000;/*20161031 Gabby 要超過menu的z-index*/
        display: none;
}

.myprefix-box {
        background-color: #ffffff;
        color: #888888;
        border: solid 1px #ffffff;  
        box-shadow: 0px 1px 10px #222;
        padding: 20px 10px 35px 10px;
        text-align: center;
        font-weight: bold;
        font-size: 15px;
        z-index: 1001;
        display: none;
        position: absolute;
        margin-left: -15%;
        width: 40%;
        left: 45%;
        top: 185px;
}
.myprefix-content { color: #888888; font-family: 'Ubuntu', Arial,"微軟正黑體", "Microsoft JhengHei", sans-serif;}
.myprefix-box button {
        margin: 10px 5px;
        padding: 5px 10px;
        text-align: center;
        background-color: #ffffff;
        border: 1px solid #d0343a;
        color: #d0343a;
        font-weight: bold;
        cursor: pointer;
}

.myprefix-box button:hover {background-color: #d0343a; color: #ffffff;}
/*.myprefix-button.myprefix-button--no { display: none;}*/ 

/* 新增 SyncMsg.aspx 客製樣式 */
/*===========================
				SyncMsg
===========================*/
.SyncMsg label { margin-bottom: 10px; font-size: 1.6rem; font-size: 16px;}
.SyncMsg .alert { margin-top: 10px; color: #aaa; font-size: 1.4rem; font-size: 14px;}

/* 新增 newsPage class lynnchen 20160923 */
	/*====================== 
		News > Content1
	======================*/
	.newsPage a.ecomBtn { display: block; float: right; color: #D13239; margin-top: 40px;}
	.newsPage a.ecomBtn:hover { color: #fff;}

/* 20160926 為列表暫時寫custom Gabby ↓ */
.module-NewsList .itemBox.listBox .desc > span { color: #ffffff; }

.module-NewsContent .newsPage-poster { /*top: -35px;*/ }
.module-NewsContent .newsPage-poster > span { margin:0 0 10px 0; }
/* 20160926 為列表暫時寫custom Gabby ↑ */

/* 20161003 search-box Gabby ↓　*/
.search-bar::after { background-color: #8a8b8b;}
/*下展進階控件*/
#search-toggle {
	background-color:#8a8b8b;
	color:#ffffff;
}
#search-toggle::before {background-color: #ffffff;}
#search-toggle:hover { background-color:#8a8b8b; }

/*下拉*/
.search-box .search-bar div.selector { background-color:#8a8b8b; }
.search-box .search-bar div.selector::after { color: #ffffff; }
.search-box .search-bar div.selector span { color: #ffffff; }
.search-box .search-bar div.selector:active, .search-box .search-bar div.selector.active { background-color:#8a8b8b; }
.search-box .search-bar div.selector.hover, .search-box .search-bar div.selector:hover { background-color:#8a8b8b; }
.search-box .search-bar div.selector.focus { background-color:#8a8b8b; }
.search-box .search-bar div.selector.focus:active, .search-box .search-bar div.selector.focus.active, .search-box .search-bar div.selector:hover:active { background-color:#8a8b8b; }
.search-box .search-bar div.selector.active:hover { background-color:#8a8b8b; }
.search-box .search-bar div.selector option { background-color:#8a8b8b; color: #ffffff; }
/*進階搜尋*/
.search-box .plus { background-color:#8a8b8b; color: #ffffff;}
.search-box .plus ul.forms h6 { color: #ffffff; }
.searchBtn .btn-gray { background-color: #333333; border: 1px solid #333333; }
.searchBtn .btn-gray:hover { color:#ffffff; background-color:#000000; border: 1px solid #000000; opacity: 1;}
/* 20161003 search-box Gabby ↑　*/


/*====================== 
	Footer
======================*/
.footer .wrapper { width: 1180px; }
.mobile-footer { display: none; }
.footer-info { border: none; padding:30px 0 0 0;}
.footerbottomNav + .footerbottomContact { display: none; }

.footer-box { margin: 0; }
.footer-box li { list-style: none; line-height: 1.5;}
.footer-box li > a { font-size: 16px; font-size: 1.6rem; }
.footer-box li.footerhead > a { font-weight: 600; }
.footer-box li.footerlink > a {}

.footer-icon { margin: 0; }
.footer-icon li { list-style: none; float: left; }
.footer-icon li > a { font-size:15px; font-size: 1.5rem; margin-right: 5px;}
.footer-icon li:last-child > a { margin-right: 0; }
.social-txt {
	line-height: 1.5;
  margin-bottom: 5px;
  font-size: 14px;
  font-size: 1.4rem;
}

/*====================== 
	Finder
======================*/
.finder-search { position: relative; margin-bottom: 30px; } 
.finder-search .btn-black {
	position: absolute;
	right: 10px;
  top: 11px;
	font-size: 24px;
	font-size: 2.4rem;
	background-color: transparent;
	border: none;
	line-height: 26px;
  width: 26px;
  height: 26px;
  color: #5a5858;
}
.finder-search .btn-black > i {
    line-height: 20px;
}
.finder-search .btn-black:link { color: #5a5858; }
.finder-search .btn-black:visited { color: #5a5858; }
.finder-search .btn-black:hover { opacity: 1; color:#b41d22; background-color: transparent; border: none; }
.finder-search .btn-black:active { color:#b41d22; box-shadow: none; }
.finder-search .btn-black::after,  .finder-search .btn-black:active::after {
	display: none;
}

.finder-search input[type="text"] { 
	padding: 4% 0 4% 4%;
    width: 96%;
	outline: none; 
	border-radius: 0;
	-webkit-border-radius:0;
	border:1px solid #999999;
	font-size: 16px;
	font-size: 1.6rem;
} 


.finder-search input[type="text"]:focus, 
.finder-search input[type="text"]:active {
   outline: none;
   box-shadow: none;
   color: #b41d22;
   border-color: #999999;
}

.finder-search input[type="text"]:focus ~ .btn-black , 
.finder-search input[type="text"]:active ~ .btn-black { color: #b41d22; }

.finder-search input.text:focus { box-shadow: none; background: none; }

.reload-btn { float: right; margin-top: 10px; }
.mb-reload-btn { display: none; }

/*============================================
	Module Link icon 換成ADLink的圖示
============================================*/

.mdi-checkbox-blank-circle { 
	font-size: 10px !important; 
	font-size: 1rem !important; 
	-webkit-text-size-adjust:none;
}


/*============================================
	Other Fixed
============================================*/

.cke_editable {/*ckeditor給個灰底*/
	background-color: #eeeeee;
	padding: 10px;
}

.inlineColumn.short { width: 10%; }
body.bodyfixed { position: fixed; }


/*============================================
	Carrie 20161228
============================================*/
.newPD {
    background: #d0343a;
    color: #ffffff;
    display: inline-block;
    line-height: 15px;
    padding: 3px 8px;
    font-size: 14px;
    vertical-align: middle;
}


/*===========================================
				responsive
=============================================*/

@media screen and (max-width : 1919px) { /*1920以下*/
	/*======================
		ADLink Base Style 
	======================*/
	.ecomBtn, .ecomBtn.transparentG { padding: 4px 10px; }


	/*======================
		Product Content 
	======================*/

}
@media screen and (max-width : 1680px) {
	/*======================
		ADLink Base Style 
	======================*/
	h1 { font-size:26px; font-size: 2.6rem;}
	h2 { font-size: 28px; font-size: 2.8rem;}
	h3 { font-size: 25px; font-size: 2.5rem;}
	h4, .navlink, .infotab { font-size: 16px; font-size: 1.6rem;}

	/*======================
		Product Content 
	======================*/
	/*.Product-ListBox .list li span.icon { font-size:20px;font-size: 2rem; }*/



}

@media screen and (max-width : 1280px) {
	/*======================
		ADLink Base Style 
	======================*/
	.ecomBtn.transparentG { border:1px solid #8a8b8b; }
	.ecomBtn.transparentG:hover { border:1px solid #5a5858; }

	/*======================
		Product Content 
	======================*/
	.category { font-size: 1.6rem; font-size: 16px; }
	.Product-name { font-size: 2.2rem; font-size: 22px; }
	.Product-ListBox h4 { width: 100%; padding: 10px 0; text-align: center; }
	/*.Product-ListBox .list li a.compare { display: block; text-align: center; margin-bottom: 20px; }
	.Product-ListBox .list li a.remove { float: none; display: block; text-align: center; } ulyan希望btn維持在兩側 20161018 Gabby*/
	
	.Product-ListBox .list.file li { width: 100%; }

	.Product-Bottom-Area .carouselSlide .flex-viewport { width: 90%; }


	/*============================================ 
					stickyTable
	============================================*/
	/*.CompareList { overflow-x: scroll; }*/
}

@media screen and (max-width : 1179px) {
	.footer .wrapper { width: 95%; }


	/*====================== 
		rwdTable
		ADLink的rwdTable改1179以下變換 20161122 Gabby
	======================*/

	table.rwdTable *.hide-800 { display:none; }
	.rwdTable tr.even { border-top: 1px solid #cccccc;}
	.rwdTable tr:first-child { border-top:none; }

	.rwdTable td { 
		max-width:95% ; 
		width:95% ; 
		padding:0px 2.5% 15px 2.5% !important; 
		text-align:left;  
		border-bottom: none; 
	}

	.rwdTable.textC td { text-align: left;  }
	.rwdTable td:before { text-align: left; padding: 15px 0 10px 0; }
	.rwdTable td.title { background-color:#cccccc; }
	.rwdTable td.title-td { border-top: none; }
	.rwdTable td.check-td { padding-top: 20px !important;}
	.rwdTable td.date-range > div { display:inline-block; margin:0 3px; vertical-align:middle; }
	.rwdTable td.img { width: 100%; border-top: none; }
	.rwdTable td.img img { max-width: 100%; max-height: 150px; }
	.rwdTable td.Dbtn a { width: 49.5%; }
	.rwdTable a.paper-url { margin-top: 10px; }
	.rwdTable.over-columns { font-size: 16px; font-size: 1.6rem; }/*rwdTable has more than five column*/

	.table-bottom-info { position:relative; text-align: center;}
	.rwdTable .Product-name { font-size: 20px; font-size: 2rem; line-height: 1.4; }


	/*normal*/
	.rwdTable.normalTable td { border-bottom: none; }
	.rwdTable.normalTable tr.last-child td:last-child { border-bottom: 1px solid #cccccc; }
	.rwdTable.normalTable tr.even { border-top: none; }
	
	/* 新增 SelectAll lynnchen 20160921 */
	.selectBox { text-align: center; }
	.selectAll, .removeAll {
		margin-right: 2%;
		width: 49%;
    box-sizing: border-box;
    float: left;
    display: block;
	}
	.removeAll { margin-right: 0; }



	/*============================================
			DownloadArea & SearchResult
	============================================*/
	.ResultBox .rwdTable td.Dbtn { width: 95%; }
	.ResultBox .rwdTable td.Dbtn a + a + a + a { margin-top: 10px; }




	/*====================== 
		Account & Member 
	======================*/
	.AccountTab { margin-top: 0; }
	.AccountCtrl { position: relative;margin-top:20px; }
	.funline { margin-right: 0; float: none; text-align: center; margin-bottom: 20px; padding: 5px; }
	.funline span { display: none; }
	.funline.mb-icon span ~ a { display: none; }
	.funline.pad-icon { display: block; }
	.logout { width: 86%; }
	/* pagination */
	.AccountTab .pagination ul>li{ display:none; }
	.AccountTab .pagination ul>li:first-child, .pagination ul>li:last-child { display:inline; }
	.AccountTab .pagination ul>li.button{ display:inline; }
	.AccountTab .pagination .totalPage { display: block; padding-top: 10px; }
	.AccountTab .pagination.textL .totalPage { margin:0 5px; }
	.AccountTab .pagination.textC .totalPage { margin:0 5px; }
	.AccountTab .pagination.textR .totalPage { margin:0 5px; }


}


@media screen and (max-width : 1024px) {

	/*======================
		Product Content 
	======================*/
	.tab-img { width: 269px; height: 160px; margin-bottom:20px;  } 
	.Product-ListBox h4 { margin-bottom: 10px; }

	/*===================================== 
		Register & CustomerInfo 
	===================================== */
	.RegisterBox ul.forms > li.widthAlert { padding:0; }
	.RegisterBox .radio-select label { width: 60%; }
	.RegisterBox .radio-select label:nth-child(2n) { width: 36%; }
	
	
}
@media screen and (max-width : 1023px) {
	/*======================
		Product Content 
	======================*/
	.Product-Slide { width: 100%; margin-right: 0; }
	.Product-Info { width: 100%; margin-top:30px; }
	.category { font-size: 2rem; font-size: 20px; }
	.Product-name { font-size: 2.8rem; font-size: 28px; }

	/*============================================
			DownloadArea & SearchResult
	============================================*/
	.gray-title { font-size: 2rem; font-size: 20px; }
	.no-found { font-size: 2rem; font-size: 20px; }
	/*============================================
			Register & Customerinfo
	============================================*/
	/* 對齊 customerinfo 左右欄位 lynnchen 20160920 */
	.RegisterBox .inlineColumn.half.customerinfo > .forms > li:nth-child(3),
	.RegisterBox .inlineColumn.half.customerinfo > .forms > li:nth-child(4) { margin-top: 22px; }  
	.RegisterBox .inlineColumn.half.customerinfo > .forms { margin-top: 0; } 
	.RegisterBox .inlineColumn.half.customerinfo > .forms .inlineColumn { margin-bottom: 3px; }


}
@media screen and (max-width : 979px) {
	.Product-ListBox .list { padding:0px 15px 15px 15px; }
	.Product-ListBox .list li { border-left: none; padding-left: 0; }	
	/*======================
		Product Content 
	======================*/
	.ProductContent .Product-ListBox .list { padding:15px; }
	.Product-Center-Area .r-tabs .r-tabs-panel { padding: 20px; }
	.Product-VideoBox .VideoBox .contentImg { padding:0 15px 15px 15px; }



	/*====================== 
		SubscribeSetting
	======================*/
	.KeywordBtn { margin-top: 20px;}

	/*===================================== 
		Register & CustomerInfo 
	=====================================*/
	/*.RegisterForms.big-padding { padding:0 20px; }*/

	.RegisterBox .inlineColumn.half.customerinfo > .forms > li:nth-child(2) {margin-top: 10px;}
	.RegisterBox .inlineColumn.half.customerinfo > .forms > li:nth-child(3) { margin-top: 12px;}  
	.RegisterBox .inlineColumn.half.customerinfo > .forms > li:nth-child(4) {margin-top: 0px;}
	.RegisterBox .inlineColumn.half.customerinfo > .forms { margin-top: 0;} 
	.RegisterBox .inlineColumn.half.customerinfo > .forms .inlineColumn { margin-bottom: 0px;}

	/*====================== 
			Footer
	======================*/
	.footer .wrapper { width: 92%; }
	.web-footer { display: none; }
	.mobile-footer { display: block; }
	.mobile-footer a {
		display: block;
		font-size: 15px;
		font-size: 1.5rem;
		line-height: 1.8;
	}
	.mobile-copyright { 
		font-size: 1.5rem;
		font-size: 15px;
    line-height: 1.8;
    margin-bottom: 10px;
	}
	.footer-icon { margin-bottom: 20px; }
	.row.footer-info ~ .row.paddingV { display: none; }

	/* 20160926 為列表內頁暫時寫custom Gabby ↓ */
	.module-NewsContent .newsPage-poster { top: inherit; }
	
	/*====================== 
		Login & Subscribe
	======================*/



	.rwdTable a.paper-url { max-width: 600px; }


	

}
@media screen and (max-width : 800px) {
	/*======================
		ProductBlock
	======================*/
	/* .ProductBlock .itemBox .defaultWrap { width: 120px; } */
	/* .ProductBlock .itemBox .contentText { margin-left: 140px; } */


	/*======================
		Product Content 
	======================*/
	.ProductContent .col-full-25 { width: 100% !important;  float: none; }
	.ProductContent .col-full-75 { width: 100% !important;  float: none;}
	
	.wrapper.w-1180 .col-full-75 { width: 100% !important; float: none; }
	.wrapper.w-1180 .col-full-25 { width: 100% !important; float: none; }

	.Product-Primary { padding-right: 0; }
	.Product-Bottom-Area { margin-bottom:50px; }

	.compare-img { width: 55%; }

	/*===================================== 
		Register & CustomerInfo
	===================================== */
	.RegisterArea { padding: 0 40px; }
	.lightbox .RegisterArea { padding: 0 20px; }
	
	.RegisterForms { padding: 0; }
	.RegisterBox .inlineColumn.half { width: 100%; margin-right: 0;}
	.RegisterBox .inlineColumn.half:last-child {}
	.RegisterBox .inlineColumn.half .forms .inlineColumn.half { width: 48.5%; margin-right: 2%; }
	.RegisterBox .inlineColumn.half .forms .inlineColumn.half:last-child { margin-right: 0; }

	.RegisterBox ul.forms > li.widthAlert { padding:0 0 10px 0; }
	.RegisterArea .alert { font-size: 14px; font-size: 1.4rem; }
	.RegisterBox .select-title { margin-bottom: 12px; }
	.RegisterBox .radio-select.three-label label { width: 100%; margin-right: 0; }
	.CustomerAccount { margin: 20px 0 40px 0; border-bottom: none; }
	.CustomerAccount h2 {float: none; }
	.CustomerAccount .alert { float: none; margin-bottom: 20px;}
	.lineBox { width: 100%; border-left:none; padding-left: 0; margin-left: 0; margin-bottom: 30px; }
	.lineBox:last-child { margin-bottom: 0; }




	/*====================== 
		Login & Subscribe
	======================*/
	.LoginBox { padding: 20px; }
	.SquareArea { width: 100%; text-align: left; }
	.btnGrayBox { width: 18.5%; margin:0 1% 0 0; padding:2.85%; }
	.YesNoBox .btnGrayBox { width: 35%; margin: 0 2.5% 0 0;}
	
	

	/*============================================
			DownloadArea & SearchResult
	============================================*/
	.search-div { width: 100%; }
	.search-div input.text { width: 96.5%;}

	.FilterBoxInRight .ResultArea { padding-right: 0; border-right: none; }
	.FilterBoxInRight .FilterArea { padding-left: 0; padding-right: 0; border-left: none; margin-left: 0;}
	.FilterAll { display: none; margin-bottom: 10px; }
	.Refine { 
		display: inline-block;
		vertical-align: top;
		cursor: pointer; 
		width: 90%;
	}
	.Refine-web { display: none; }

	/* KeywordBox + FilterArea */
	.KeywordBox ~ .col-full-25 .FilterArea { padding-right: 0; } 
	
	.Refine-arrow { display: inline-block; margin-left: 5px; }
	.F-According > span { text-align: center; }
	
	/*============================================
			Finder
	============================================*/
	.mb-reload-btn { 
		display: inline-block;
    font-size: 20px;
    vertical-align: middle;
    margin-left: 2.5%; 
	}

	/*=================================
		Download & Request & Seminar 
	=================================*/	
	.checkitem-name { width:80%; }
	.checkitem-desc { width: 94%;padding-left: 30px; padding-top: 10px; float: none; }


	/*=================================
		Carrie 20170103 
	=================================*/	
	.rwdTable td.img {
		padding-top: 15px !important;
	}
	.Product-ListBox { 
		position: relative; 
		width: inherit;
		height: inherit;
	}
	.Product-ListBox .ul-box {
		position: relative;
		width: inherit;
		height: inherit;
	}

}
@media screen and (max-width : 680px) {
	/*======================
		ADLink Base Style 
	======================*/
	h1 { font-size: 22px; font-size: 2.2rem;}
	h2 { font-size: 20px; font-size: 2rem;}
	h3 { font-size: 18px; font-size: 1.8rem;}
	h1, h2, h3, h4, h5, h6, .infotab { margin-bottom: 5px; }

	/* Title styles */
	.Title-red-borderB { line-height: 1.8; }

	/*======================
		ProductBlock
	======================*/
	.ProductBlock h2 { font-size: 2.5rem; margin-bottom: 20px; }




	/*======================
		Product Content 
	======================*/
	.Product-Slide { width:100%;}
	.Product-Info { width:100%;}
	.Product-name { display: block; margin-right:0; }
	.Product-tip { display: inline-block; vertical-align: middle; margin-bottom:20px; margin-right:10px; }
	
	.Product-Center-Area .tab-content > div { padding-left: 0; }
	.tab-img { width: 100%; height: 100%; } 
	.right-img, .left-img { margin: 0 0 30px 0; float: none; text-align: center; }
	.tab-content > div { margin-bottom: 30px; }
	.line-list li > div { float: none; }
	.ordering-name {
		width: 95%;
	    padding-left: 2%;
	    border-left: 3px solid #aaaaaa;
	    margin-bottom: 5px;
	}
	.ordering-shortDesc { width: 100%; border-left: none; padding-left: 0; }

	


	/*============================== 
		Register & CustomerInfo
	==============================*/
	.RegisterArea { padding: 0; }
	.RegisterForms h1 { margin-bottom: 15px; }
	.RegisterForms h3 { text-align: left; margin-bottom: 15px; }
	.RegisterInfo { text-align: center; }
	.RegisterInfo > i { float: none; margin-bottom: 10px; }
	.RegisterInfo > div { padding-left: 0; text-align: left; }
	.lightbox .RegisterInfo { padding: 20px; }

	.RegisterBox .inlineColumn.half { width: 100%; margin-right: 0%; }
	.RegisterBox .inlineColumn.half + .inlineColumn.half { margin-top:20px; }
	.RegisterBox .inlineColumn.w-60 + .inlineColumn.w-40 { margin-top: 0; }

	.RegisterBox .inlineColumn.half .forms .inlineColumn.half { width: 100%; margin-right: 0; }
	.RegisterBox .radio-select label, .RegisterBox .radio-select label:nth-child(2n) { width: 100%; margin-right: 0; }
	.RegisterBox div.selector { margin-bottom: 0; }
	.RegisterBox label .polymer-select.inline { vertical-align: bottom; }
	.RegisterBox > .inlineColumn.half + .inlineColumn.half { margin-top: 0; }
	.Verify { display: block; margin-bottom: 15px; }
	/* 對齊 customerinfo 左右欄位 lynnchen 20160920 */
	.RegisterBox .inlineColumn.half.customerinfo > .forms > li { margin-top: 0 !important; } /* 20161007 Gabby */


	.hiddenQ-item .inlineColumn.four { width: 100%; margin-top: 20px; }
	/* 調整字體大小 lynnchen 20160923 */
	.CustomerAccount h2 { font-size: 1.8rem; font-size: 18px;}


	/*====================== 
		Login & Subscribe
	======================*/
	.YesNoBox { width: 100%; }
	.YesNoBox .btnGrayBox { width: calc(48% - 80px);}
	.LargeBtnBox { width: 100%;}
	
	.web-sign { display: none; }
	.mb-sign { display: block; }
	
	.btnGrayBox {
		width: 20%;
	    margin: 0 1.25% 0 0;
	    padding: 10px 2%;
	    text-align: center;
	}
	.btnGrayBox > i { float: none; margin: 0 auto 5px auto;}
	.LoginBox ul.forms { padding:0; }
	.LoginBox ul.forms .floatR { float: none !important; padding-top: 10px; clear: both;}
	.LoginBox ul.forms .floatR a { display: block; }
	.LoginBox input.text, .LoginBox input.password, .LoginBox input.email, textarea.uniform { width: 94%; }

	.floatRightBtn { float: none; margin-bottom: 20px; margin-top: 10px; }
	#LoginReg_divSubscribe label { margin-left: 0; margin-bottom: 0;}
	.LoginPage .captcha { padding-left: 20px; }

	

	/*====================== 
		Account & Member 
	======================*/
	.PhotoArea { float: none; margin: 0 auto 30px auto;}
	.PhotoArea h1 { margin-bottom: 15px; }
	.AccountArea { margin-left: 0; }
	.AccountCtrl { float: none; }
	.logout { padding:5px 0; width: 100%; }
	.AccountTab .paper-box { padding: 0 20px; }
	.AccountTab .scribe-title { text-align: left; }
	.AccountTab .scribe-radio { float: none; margin: 15px 0 10px 0; }

	.list-title.inline-title .btn-agatered { padding:10px 13px; }


	/*=================================
		Download & Request & Seminar 
	=================================*/
	.CentralBox { width: inherit;}
	.whitepaper-img > div { text-align: left; }
	.paper-img { float: none; margin: 0 auto 20px auto; text-align: center; width: inherit; }
	.paper-img img { max-height: 150px; }
	.seminar-img { width: 100%; padding: 0; }
	.paper-box { padding-left: 0; }

	.SomeBox { width: inherit; margin-right: 0; float: none; }
	.SomeImg { margin: 0 auto 10px auto;}

	/*============================================
			DownloadArea & SearchResult
	============================================*/
	.ResultBox .rwdTable td.Dbtn a { margin-bottom: 10px; width: 100%; }
	.ResultBox .rwdTable td.Dbtn a + a + a + a { margin-top: 0; }
	.rwdTable a.paper-url { max-width: 300px; }

	

	/*====================== 
		Publication
	======================*/
	.DocumentKind { margin-bottom: 30px; }	
	.DocumentRow .itemBox.listBox .defaultWrap { text-align: center; }
	.DocumentRow .inlineColumn {
		margin-bottom: 15px;
	    padding-bottom: 15px;
	    border-bottom: 1px solid #dedede;
	}
	.DocumentRow .inlineColumn:last-child { border-bottom: none; padding-bottom: 0; }

	.search-div input.text { width: 92%;}

	.uponcomfirm-box, .myprefix-box { width: 70%; margin-left: -35%; }
	
	/*============================================ 
					stickyTable
	============================================*/
	.list-td-title { 
		max-width: 50px; 
		font-size: 12px; 
		font-size: 1.2rem; 
	}
	/* 新增 newsPage class lynnchen 20160923 */
	/*====================== 
		News > Content1
	======================*/
	.newsPage a.ecomBtn { display: block; float: none; margin: 0 auto; text-align: center; }

	/*============================================
		Other Fixed
	============================================*/
	.inlineColumn.short { width: 100%; margin-right: 0; margin-bottom: 10px; }



	/* 20161003 search-box Gabby ↓　*/
	.searchBtn > [class^="btn-"] {background-color: #666666 !important; border: 1px solid #666666;}
	.searchBtn > [class^="btn-"]:hover { color:#ffffff !important; background-color: #333333 !important; border: 1px solid #333333; }
	/* 20161003 search-box Gabby ↑　*/

    /*============================================
		Get Quote
	============================================*/

    .RequestArea .btn-agatered { display: block; margin-bottom: 10px; margin-left: 0px; }
    
}


@media screen and (max-width : 400px) {
	table.rwdTable *.hide-400 { display:none; }
	/* 新增手機字體大小 lynnchen 20160920 */
	h2 { font-size: 1.8rem;}
}

@media screen and (max-width : 320px) {
	/*============================================
			DownloadArea & SearchResult
	============================================*/
	.rwdTable a.paper-url { max-width: 250px; }

	/*============================================
			Finder
	============================================*/
	.mb-reload-btn { margin-left: 1%; }
}


@media (min-width: 1179px) {
	/*====================== 
		rwdTable
	======================*/
  .rwdTable td:before {
	  display:none;
  }
  .rwdTable th, .rwdTable td {
	  display:table-cell;
  }
}
#newsTemplate  { display : none !important;}  /*存成範本*/