@charset "utf-8";

/*
vi

#27518b
#0eb69c
#00913a

banner底色
#776f5e 

按鈕
#cedaeb;
#2f3b7c;


col-md-push-*  往左推 往左推格數 對齊
col-sm-offset-* 往右推 往左推格數 對齊

強迫斷行，英文字會被切一半 word-break: break-all;
單字斷行 word-wrap:break-word;
不斷行 white-space:nowrap;
nth-child 
:nth-child(odd) 奇 :nth-child(even) 偶
:first-child 第一 :last-child 最後
https://www.great-good.tw/articles/css_nth_chile/

*/


button, a, input {
  outline: none !important;
}
/*scrollbar*/
body::-webkit-scrollbar, .privacy-main::-webkit-scrollbar {
 width: 0.3em;
}    
body::-webkit-scrollbar-track, .privacy-main::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 body::-webkit-scrollbar-thumb, .privacy-main::-webkit-scrollbar-thumb {
 background-color: #24a48c;
 outline: 1px solid slategrey; /*bar 底色*/
 background-image: -webkit-linear-gradient(45deg, /*情角*/  rgba(36, 164, 140, 1) 50%, /*第一段上方間變 25%*/  transparent 25%, transparent 50%, /*第一段下方間變*/  rgba(36, 164, 140, 1) 25%, /*第二段上方間變*/  rgba(36, 164, 140, 1) 25%, transparent 25%, transparent 50%)/*第二段下方間變*/
}

#menu {
  position: fixed;
  right: 0;
  top: 50%;
  width: 8em;
  margin-top: -2.5em;
}

i {margin-right: 0.2em;}
label {
  user-select: none;
  font-size: 1.3em;
  color: #666;
}
img {}
a ,a:hover{text-decoration: none;}





/*Loader loading 下載 logo 轉場動畫*/
#Loader{
	display:none ;
	position: absolute;
    width: 150px;
    height: 150px;
	border: 2px solid #0eb69c;
    border-top: 1px solid #27518b;
	border-radius: 75px;
	/*
	-webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
	
	*/

}
#LoaderPic{
	display: none;
    position: absolute;
	width: 150px;
    height: 150px;
    background-repeat: no-repeat;
	background-image:url(../images/logo_m.svg);
    background-size: 150px auto;
	background-position: center;
}
#LoaderBG{
	display: none;
	width:100%;
	position:absolute;
	opacity:0.8;
	top:0px;
	left:0px;
    background-color:rgba(255,255,255,0.6); /*下載 下載背景 loadingbg*/
}






.clear{clear: both;}
.row{margin: 0;}



.loginBg {
  background-image: linear-gradient(#402363, #5b3d80);
}
.loginBg, .careerBg {
  height: 100vh;
  width: 100%;
  position: absolute;
  z-index: 0;
}
.lbBg {
  background-image: none;
  background-repeat: no-repeat;
  background-color: rgba(62,18,107,0.9);
}
.login-submit-area {
  margin: 0;
  padding: 0;
  margin-top: 0.8em;
}
.login-submit-area .submit {
  margin: 0;
  margin-right: 0;
}
.login-submit-area .submit input[type=submit] {
  background-image: url("../images/login_logo.svg");
  background-repeat: no-repeat;
  padding: 1em;
  font-size: 1.8em;
}
.login .submit input[type=submit] {
  background: #9e94ab;
  padding: 0.4em;
  font-size: 1.4em;
  color: #fff;
  margin-bottom: 0.8em;
}
.loginBg2 ,.careerBg {
  position: absolute;
  width: 360px;
  height: 200px;
  top: 35%;
  left: 50%;
  margin-left: -180px;
  margin-top: -100px;
}

.cForm .input-select{padding-top: 1em;}
 




.tex-ara{padding: 0;}
.tex-ara textarea {
  border-radius: 0;
  margin: 1em; margin-bottom: 1em;
  width: 97.5%;
  font-size: 1.5em;
  background-color: transparent;
  border: 1px solid #2f3b7c;
  height: 10em;
}
.tex-ara textarea:focus {
  box-shadow: none;
  background-color: #fff;
}
.ip-button {
  bottom: 0em;
  padding: 0;
  margin: 0;
  padding: 0em 0;
  padding-bottom: 3em;
 
  /*background: -webkit-linear-gradient(  bottom,  rgb(93,58,134) 70%,  rgba(93, 58, 134, 0) 100%  );*/
  
}
.ip-button input[type=button], .ip-button input[type=submit] {
  background-color: rgba(255,255,255,1);
  background-image: url("../images/submit.png");
  background-position: right;
  background-repeat: no-repeat;
  font-size: 2em;
  color: #2f3b7c;
  font-weight: 300;
  width: 98%;
  margin-left: 0.5em;
  border-radius: 6px;
}

/*select style*/

/*textarea style*/


/*topMenu 電腦版選單 選單 上方主選單 主選單*/


.logo {padding: 0; }
.logo a{
	display: block;
	background-image: url("../images/logo.svg");
	background-repeat: no-repeat;
	background-size: 15em auto;
	background-position: left 0em;
	height: 6em; width: 16em;
	border: 0px solid;
	
}
.wMenu{padding: 0 !important; margin: 0; z-index: 9;}
.topMenuArea{padding-top: 1.2em; padding-bottom: 1em;}
.topMenuArea .container {padding: 0;} 
.topMenuArea .container div{padding-left: 0; padding-right: 0;} 
.topMenu {padding: 0; margin: 0; padding-top: 0.5em; padding-right: 2em; margin-left: 2em;}
.topMenu li a{
	color: #244e84; 
	font-size: 1.3em; 
	text-decoration: none;
	font-weight: 600;
	padding: 0.3em;
	border-radius: 4px;
	white-space:nowrap;
	transition: 0.5s;
}
.topMenu li a:hover{
	color: #fff; 
	background-color: #244e84;
}
.topMenuPop{
	margin-top: 4.5em; /*menu 浮動高度 高度*/
	position: absolute;
	background: rgba(20,30,50,0.92);
	background: rgba(255,255,255,0.95);
	z-index: 5;
	text-decoration: none;
}

.links a{
	padding: 0.8em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
.links a.inq-cart-quantity {
	background-color: #cedaeb;
	color: #2f3b7c;
	transition: 0.5s;
}
.links a.inq-cart-quantity:hover{
	color: #fff;
	background-color: #2f3b7c;
}

.links a.inq-cart-name{
	background-color: #2f3b7c;
	color: #fff;
	transition: 0.5s;
}
.links a.inq-cart-name:hover{
	color: #2f3b7c;
	background-color: #cedaeb;
}
.links a span{background-color: transparent; color: #2f3b7c; font-size: 1.2em;}
.links a span:hover{color: #fff;}



.searchBar{
	display:flex;
    align-items:center;
    justify-content:center;
	position:absolute;
	margin-top: 3.5em;
}
.searchBar input[type=text] 
,.searchBar input[type=text]:focus{
	padding: 0;
	padding: 1em;
	width: 450px; 
	border-radius: 0;
	background-color: rgba(255,255,255,0.7);
	border: 1px #ccc solid;
	font-size: 1.3em;
	color: #2f3b7c;
	box-shadow: none;
	border-right: 0px #0db79c solid;
}
.searchBar input[type=text]:focus{
	background-color: rgba(255,255,255,1);
	border-right: 0px #0db79c solid;
	color: #000;
	font-weight: 600;
}
.searchBar a ,.searchBar a:hover{
	display: block;
	border: 1px #ccc solid;
	border-left: 0px #0db79c solid;
	background-color: #fff;
	background-image: url("../images/icon_searchD.svg");
	background-repeat: no-repeat;
	background-size: 1.2em auto;
	background-position: center;
	padding: 1.3em 3em;
	transition: 0.5s;
}
.searchBar a:hover{
	display: block;
	background-color: #2f3b7c;
	border: 1px #2f3b7c solid;
	border-left: 0px #0db79c solid;
	background-image: url("../images/icon_search.svg");
}

input[type=text] ,input[type=tel] ,input[type=Mobile] ,input[type=Email]{
  box-shadow: none;
		background-color: transparent;
		color: #2f3b7c;
		border: none;
		border-radius: 0;
		border-bottom: 1px #2f3b7c solid;
		font-size: 1.2em;
		font-weight: 300;
		text-align: center;
		padding: 0.5em;
}
input[type=text]:focus ,input[type=tel]:focus ,input[type=Mobile]:focus ,input[type=Email]:focus{
  background-color: #fff;
  color: #32448a;
}


.tex-ara textarea {
  border-radius: 0;
}
.loginBg {z-index: 0;}
.userbg-pic {z-index: 0;}


.page-title {
  z-index: 5;
}
.page-title .back a{
  z-index: 9;
}


/* Mega Menu header, if needed */
.dropdown-content2 .header {
  background: red;
  padding: 16px;
  color: white;
}
/* Show the dropdown menu on hover */
.dropdown-2:hover .dropdown-content2 {
  display: block;
}
.form-control:focus {
  border-color: #a766c9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
/* Create three equal columns that floats next to each other */
.column {
  padding: 10px;
  height: 250px;
}
/* Style links inside the columns */
.column a {
  float: none;
  color: black;
  padding: 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
/* Add a background color on hover */
.column a:hover {}
/* Clear floats after the columns */


/*聯絡我們 contact map*/

.contact iframe{width: 100%;}



/* page 頁數 頁碼 123*/

.page-pag .pagination .active a ,.page-pag .pagination .active a:hover{
	background-color: #2f3b7c; color: #fff; 
	font-size: 1.4em;
}

.page-pag .pagination{display:flex; align-items:center; justify-content:center;}
.page-pag .pagination li a{
	background-color: #cedaeb; 
	color: #2f3b7c; 
	border:1px solid #fff;
}
.page-pag .pagination li a:hover{background-color: #2f3b7c; color: #fff;}
.page-pag .previous ,.page-pag .next{}
.page-pag .pagination a {padding: 0.3em 1.4em;  }
.page-pag .previous a:hover ,.page-pag .next a:hover{ color: #fff; }
.page-pag .previous{}
.page-pag .next{}

.page-pag .pagination .previous1 a{
	background-image: url("../images/icon_dbawleft.svg");
	background-repeat: no-repeat;
	background-size: 1.2em auto;
	background-position: left;
	border: 0px solid #ccc;
	background-color: #fff;
	padding-left: 2em;
}
.page-pag .pagination .previous1 a:hover{
	background-image: url("../images/icon_dbawleft_d.svg");
	border-radius: 3px 0 0 3px;
}
.page-pag .pagination .previous2 a{
	background-image: url("../images/icon_awleft.svg");
	background-repeat: no-repeat;
	background-size: 1.2em auto;
	background-position: left;
	border: 0px solid #ccc;
	margin-right: 0.1em;
	padding-left: 2em;
	background-color: #fff;
}
.page-pag .pagination .previous2 a:hover{
	background-image: url("../images/icon_awleft_d.svg");
}
.page-pag .pagination .next1 a{
	background-image: url("../images/icon_awright.svg");
	background-repeat: no-repeat;
	background-size: 1.2em auto;
	background-position: right;
	border: 0px solid #ccc;
	margin-left: 0.1em;
	padding-right: 2em;
	background-color: #fff;
}
.page-pag .pagination .next1 a:hover{
	background-image: url("../images/icon_awright_d.svg");
}
.page-pag .pagination .next2 a{
	background-image: url("../images/icon_dbawright.svg");
	background-repeat: no-repeat;
	background-size: 1.2em auto;
	background-position: right;
	border: 0px solid #ccc;
	background-color: #fff;
	border-radius: 0 3px 3px 0;
	padding-right: 2em;
}
.page-pag .pagination .next2 a:hover{
	background-image: url("../images/icon_dbawright_d.svg");
}

.page-pag .pagination .number{font-size: 1.5em; font-weight: 300; color: #999;}
.page-pag .pagination .select-moon{
	margin: 0 !important; 
	padding: 0 !important;
	padding-left: 1.5em !important;
}
.page-pag .pagination .select-moon .form-group{
	margin: 0 !important; 
	padding: 0 !important;
	font-size: 1.3em;
	border: 1px solid #ccc;
	color: #666;
}
.page-pag .pagination .select-moon{}

.prolist-Main{
	background:linear-gradient(-45deg, rgba(87,111,199,1), rgba(41,55,118,1) 100%);
}
.pro-list .page-pag .pagination ,.tea-list .page-pag .pagination{
	display:flex; align-items:center; justify-content:center;}
.pro-list .page-pag .pagination li a ,.tea-list .page-pag .pagination li a{
	font-size: 2em; padding: 0 1.2em; background-color: #f2f2f2; border:1px solid #fff;}
.pro-list .page-pag .pagination li a:hover ,.tea-list .page-pag .pagination li a:hover{
	background-color: #ccc; color: #16243b;}
.pro-list .page-pag .pagination .active a ,.pro-list .page-pag .pagination .active a:hover 
,.tea-list .page-pag .pagination .active a ,.tea-list .page-pag .pagination .active a:hover {
	background-color: #fff; color: #16243b; border:1px solid #ccc;}

.pro-list .page-pag .previous ,.pro-list .page-pag .next 
,.tea-list .page-pag .previous ,.tea-list .page-pag .next{
	padding-top: 0.75em; text-align: right; font-size: 2em; }
.pro-list .page-pag .previous a ,.pro-list .page-pag .next a 
,.tea-list .page-pag .previous a ,.tea-list .page-pag .next a{
	color: #8390b6;  }
.pro-list .page-pag .previous a:hover ,.pro-list .page-pag .next a:hover 
,.tea-list .page-pag .previous a:hover ,.tea-list .page-pag .next a:hover{
	color: #16243b; }
.pro-list .page-pag .previous ,.tea-list .page-pag .previous{
	padding-right: 1.5em;}
.pro-list .page-pag .next ,.tea-list .page-pag .next{
	text-align: left;}


.newsDtM .page-pag .pagination a ,.proDtM .page-pag .pagination a{
	color: #16243b;  background-color: #fff; font-size: 2rem; padding: 0.5em 2em; 
	white-space: nowrap;}
.newsDtM .page-pag .pagination a:hover 
,.proDtM .page-pag .pagination a:hover{background-color: #293852; color: #fff;}
.newsDtM .page-pag .previous a ,.newsDtM .page-pag .next a 
,.proDtM .page-pag .previous a ,.proDtM .page-pag .next a{
	color: #16243b;  background-color: #fff; 
	padding: 0.5em 2em; 
	white-space: nowrap;
	font-size: 2rem;
	border: 1px solid #ccc;
}
.newsDtM .page-pag .previous a:hover ,.newsDtM .page-pag .next a:hover 
,.proDtM .page-pag .previous a:hover ,.proDtM .page-pag .next a:hover{
	border: 1px solid #ccc;
	color: #fff;  background-color: #16243b; 
	
} 






nav.navbar {
  background-color: rgba(255,255,255,0.5);
  border-radius: 0;
}
nav.wMenu .infobar div {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #5c4779;
}

nav.wMenu .infobar div a {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  margin-top: -1em;
  padding: 0;
  background-color: rgba(255,255,255,0);
  color: #32448a;
  font-size: 1.3em;
  text-decoration-line: none;
  font-weight: 100;
  /*
  background-image: url("../images/step_n.svg");
  background-position: 0px 17px;
  background-repeat: no-repeat;
  background-size: auto 4.1em;
*/
}


nav.wMenu .infobar div a i{ font-size: 1.6em; margin-left: 0.3em;}
nav.wMenu .infobar div a.stepEven{ color: #979797;}

nav.wMenu .links{ padding: 0; margin: 0; margin-left: 4em; margin-top: 1em;}
nav.wMenu .links .inq-cart{
	margin-left: 1em;  
	padding: 0; 
	margin: 0; 
}
nav.wMenu .links .inq-cart a ,.pro-inq-cart a{
	position: absolute;
	display:block;
	background-image: url("../images/icon_buy.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 2.4em auto;
	width: 3em; 
	height: 3em;
	border-radius: 24px;
	margin-top: -1em;
	transition: 0.3s;
}
nav.wMenu .links .inq-cart a:hover {
	background-image: url("../images/icon_buy_d.svg");
	background-color: #24a48c;
	width: 3em; height: 3em;
	transition: 0.3s;
}
nav.wMenu .links .inq-cart span ,.pro-inq-cart a span{
	position: absolute;
	right: -14px; top:-8px; 
	font-size: 20px;
	border-radius: 15px;
	padding: 0.1em; padding-top: 3px !important;
	width: 26px; height: 26px;
	display: block;
	background-color: #244e84;
	color: #fff;
	font-weight: 300;
	font-family: "Arvo";
}



/*son menu demo 子選單*/
.menu-group{padding: 0;}
.menu-left{}
.menu-right{}

.pop-menu li ul{
		list-style: none;
		position: absolute;
		display: none;
		z-index: 99;
	width: 100%;
		}		
.pop-menu  li:hover ul{display: block;}	
.pop-menu  li:hover ul li ul {display: none;}		
.pop-menu  li ul li:hover ul {
		position: absolute;
	display: block;
}

.pop-menu li a{
	display: block;
	padding: 1em 0.2em;
	padding-left: 0.5em;
	white-space:nowrap;
	font-size: 1em;
	font-weight: 600;
	font-family: "Noto Sans CJK TC Light";
}
a.class-menu{
	background-color: #fff; 
	color: #27518b;
	border-bottom: 1px solid #ccc;
	transition: 0.5s;
}
a.class-menu:hover{
	background-color: #27518b; 
	color: #fff;
	border-bottom: 1px solid #ccc;
}

.first-menu ,.second-menu ,.menu-right .first-menu{
	position: absolute;
	left: 100%;
	top: -50px;
}
.menu-right .first-menu {
	left: -260px;
}

.first-menu a ,.second-menu a{
	width: 260px;
	background-color: #cedaeb; 
	color: #2f3b7c;
	border-bottom: 1px solid #fff;
}
.first-menu a:hover ,.second-menu a:hover{
	background-color: #27518b; 
	color: #fff;
	transition: 0.5s;
}
.menu-left .first-menu a:hover ,.menu-right .first-menu a:hover{
	text-align: right;
	padding-right: 1em;
}

 

.corp .corp-pro-class{padding-right: 4em !important;}
.corp .corp-pro-class a{
	color: #2e5994;
	line-height: 2em;
	font-size: 1.2em;
	padding-right: 1.5em;
	font-weight: 600;
}
.corp .corp-pro-class a:hover{color: #fff;}
.corp{background-color: #cedaeb; padding: 2em; padding-left: 0; padding-right: 0;}
.corp .container{padding-left: 0; padding-right: 0;}
.corp li a{
	color: #2e5994;
	line-height: 2em;
	font-size: 1.2em;
	font-weight: 600;
}
.corp li a:hover{color: #fff;}
.qrcode{
  height: 10.5em;
  background-image: url("../images/line.svg_");
  background-position:0 center;
  background-repeat: no-repeat;
  background-size: 9em auto;
}
.qrcode p{
    top: 10.5em; position: absolute; color: #27518b;
	text-transform: uppercase; text-indent: 2.5em;
}
.acc{color: #2e5994;}
.acc strong{display: block;}
.acc img{width: 17em; height: auto; margin-bottom: 1em;}
.acc span {margin-bottom: 1em;}
.acc h3{ font-size: 1em;}


.banner{padding: 0; height: 20em;  margin-top: -8em;}


.news .item span ,.sup .item span {color: #c7c8cc;}
.news .item p ,.sup .item p {color: #fff; }





/*circle-slider 首頁 輪播 播放 圖片 形象圖*/
.carousel-indicators{margin-bottom: -1em !important; z-index: 5;}
.carousel-indicators li ,.carousel-indicators li.active{/*ooo*/
	margin-right: 0.5em;
	width: 20px; height: 20px;
	background-color: rgba(255,255,255,0.5);
}
.carousel-indicators li.active{
	background-color: rgba(182,255,250,0.9); 
	animation-iteration-count: infinite;
	animation-duration: 2s;
	animation-fill-mode: both;
	animation-name: flash;
	border: 1px solid #0eb69c;
}

.circle-slider a.left ,.circle-slider a.right{
	position: absolute;
	background-image: url("../images/icon_arrow.svg");
	background-size: 48px auto;
	background-repeat: no-repeat; 
	background-position: right;
	transition: 0.5s;
}
.circle-slider a.left{
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
}
.circle-slider a.left:hover ,.circle-slider a.right:hover{
	background-size: 84px auto;
	background-position: right;
	transition: 0.5s;
}
.circle-slider a.right:hover{
	background-position: right;
}
.circle-slider{
	background-color: #394ea0; 
	padding: 0; margin: 0; 
	display: flex;
	flex-direction: column;
	align-items: center;
}
.circle-slider img{width: auto; height: 280px !important;}
.circle-slider .page-switch{
	height: 3em;
	width: 80%;
	border: 0px solid #fff;
	bottom: 0;
	position: absolute;
	display: flex;
    justify-content: center;
    align-items: center;
}
.circle-slider .page-switch a{
	display: block;
	background-image: url("../images/icon_arrow.svg");
	background-size: 20px auto;
	background-repeat: no-repeat; 
	background-position: left top;
	width: 20px; height: 20px;
	z-index: 10;
	border-radius: 10px;
	background-color: rgba(255,255,255,0.3);
	margin-right: 0.5em;
	text-decoration: none;
}

.circle-slider .page-switch a.active{
	background-color: rgba(182,255,250,0.9); 
	animation-iteration-count: infinite;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-name: flash;
	/*
	animation-name: move;
	animation: move 6s linear infinite;
	border: 2px solid #f2f2f2;
    border-top: 1px solid #b52222;
	*/

}


/*news 最新消息*/
.ind-con .news-sup{
	margin: 0; padding:1em ;
	background-color: #27518b;
}
.news ,.sup ,.ind-hot ,.focus {margin: 0; padding: 0;}
.ind-con .news-sup .sup a span{ font-size: 1em;}
.ind-con .news-sup .news a span {
	font-size: 1.1em; 
	color: #bdf1a1;
	font-weight: 600;
	font-family: "bahnschrift Light";
}
.ind-con .news-sup .news a p{font-size: 1em;}
.ind-con .news-sup .news a p:hover{color: #cedaeb;}
.ind-con .news-sup .sup .more strong{font-size:2em; margin-left: 1em; }

.ind-hot .more a ,.ind-st .more a{
	border: 1px #3b4c6b solid;
	margin-right: 1em;
	color: #fff;
	background-color: #2f3d5a;
}
.ind-con .news-sup .news a.more{
	position: absolute; 
	right: 0em;
	top: 0em;
	color: #fff; 
	text-decoration: none;
	background-color: #24a48c;
	padding: 0.54em;
	transition: 0.3s;
}
.ind-con .news-sup .news a.more:hover{
	color: #27518b;
	background-color: #fff;
	padding: 1.5em;
	font-weight: 600;
	font-size: 1.3em;
}
.ind-con .news-sup .sup .more a:hover 
,.ind-hot .more a:hover ,.ind-st .more a:hover{
	color: #2f3d5a;
	background-color: #fff;
}
.ind-con .news-sup .sup span{
	display: block;
	background-image: url("../images/icon_sup.svg");
	background-size: 1.5em auto;
	background-repeat: no-repeat; 
	background-position: right top;
	padding-right: 2.5em;
	text-align: center;
	
}
.ind-con .news-sup .sup strong{font-size: 3em; font-weight: 300; color: #445777;}
.ind-con .news-sup .sup .item{ height: 4em;  padding-bottom: 1.5em;}

.ind-con .news-sup .abo a p{
	-webkit-line-clamp: 3; /*字數 限字數*/
	display: -webkit-box; 
    -webkit-box-orient: vertical;
	overflow: hidden;
}


.ind-con .news-sup .abo h4{margin-bottom: 5px; padding-top: 3px; font-weight: 600;}



.ind-hot{background-color: #fff;}
.ind-hot h1 ,.ind-hot .focus span ,.ind-hot .focus p ,.ind-st h1{
	text-align: center; 
}
.ind-hot .focus {padding-top: 1em;}
.ind-hot .focus span{display: none;}
.ind-hot .focus h1{font-size: 3em; color: #293852;}
.ind-hot .focus p{font-size: 2em; text-align: justify;}
.ind-hot a ,.ind-hot .focus a{ text-decoration: none;}

.ind-hot .item a {
	display:inline-block;
	margin-bottom: 0em; 
	border: 3px #fff solid;
	padding: 1em;
	width: 100%;
}
.ind-hot .item a:hover {
	border: 3px #ccc solid;
	background-color: #f2f2f2;
}
.ind-hot .item a img{
	display: block;
	float: left;
	width: 240px !important; height: 160px !important;
	margin-right: 0.7em;
	
}
.ind-hot .item h2{
	padding: 0; margin: 0;
	font-size: 1.8em;
	color: #1e2c43;
}
.ind-hot .item span{
	font-size: 1.8em;
	color: #1e2c43;
}
.ind-hot .item p{
	padding-top: 0.5em;
	font-size: 2rem;
	color: #929292;
}

/*banner 頁面主視覺*/
.breadcrumbs{
	background-color: #0eb69c;
	background-color: #776f5e;
	background-color: #fff;
	background-color: #27518b;
	}
.breadcrumbs .container{
	padding-top: 1em;
	height: 120px; 
	background-repeat: no-repeat;
	background-position: center;
	display: block; 
}
.breadcrumbs .container a{
	font-family: "Noto Sans CJK TC Light";
	font-weight: 600;
	padding-left: 1.6em;
	margin-right: 0.3em;
	color: #699ce2;
	background-size: 1.3em;
	background-image: url("../images/icon_bc.svg");
	background-repeat: no-repeat;
	background-position: left center;
}
.breadcrumbs .container a:hover{
	color: #fff;
}
.breadcrumbs .container a:first-child{
	background-image: url("../images/icon_home.svg");
}
.breadcrumbs .container b{
	font-family: "Noto Sans CJK TC Light";
	font-weight: 600;
	color: #0eb69c;
	color: #fff;
	padding-left: 1.6em;
	background-size: 1.3em;
	background-image: url("../images/icon_local.svg");
	background-repeat: no-repeat;
	background-position: left center;
}
.breadcrumbs .container h1{font-weight: 300; color: #699ce2; width: 100; text-align: right;}
.breadcrumbs .container cite{
	font-family: "Arvo";
	font-style: normal; 
	font-size: 0.5em; 
	color: #072c60;
	text-transform: capitalize; 
	border-left: 0px solid #4075bd;
	padding-left: 0.2em;
	margin-left: 0.2em;
}


/*banners 視覺 主視覺 頁面banner*/
.breadcrumbs .banner-pro{
	background-image: url("../images/banPro.png");
	background-position: center -13em;
	background-size: 50em;
}
.breadcrumbs .banner-inq{
	background-image: url("../images/banInq.png");
	background-size: 45em;
} 
.breadcrumbs .banner-ord{
	background-image: url("../images/banOrd.png");
	background-position: center -8em;
	background-size: 45em;
} 
.breadcrumbs .banner-new{
	background-image: url("../images/banNew.png");
	background-position: center -6em;
	background-size: 50em;
} 
.breadcrumbs .banner-war{
	background-image: url("../images/banWar.png");
	background-position: center -16em;
} 
.breadcrumbs .banner-con{
	background-image: url("../images/banCon.png");
}
.breadcrumbs .banner-abo{
	background-image: url("../images/banAbo.png");
	background-position: center -6.3em;
	background-size: 50em;
} 

/*選單&內頁範圍*/
.ind-con ,.pro-con ,.war-con ,.news-con ,.inq-con ,.ord-con ,.con-con ,.abo-con{
	padding-top: 1em !important; padding-left: 0; padding-right: 0;
}




/*首頁熱門商品*/
.ind-phot .sort{padding: 0; margin-top: -2.2em; position: absolute;}
.ind-phot{padding: 0; padding-top: 1em;}
.ind-phot h1{
	margin: 0;
	margin-bottom: 1em;
	padding: 0.5em;
	padding-bottom: 1em;
	text-align: right;
	font-size: 1.2em;
	border-bottom: 1px solid #f2f2f2;
	font-family: "Noto Sans CJK TC Light";
	font-weight: 600;
	color: #666;
}
.ind-phot div:first-child{/*第一個*/}
.ind-phot div:last-child{/*最後一個*/}


/*下拉選單 下拉式單單 下拉式*/
.select-moon select {
	padding: 0.3em;
	text-align-last: center;
	font-size: 1em;
	color: #000;
	background-color:#fff;
	border-radius: 0px;
}
.select-moon select:after{}
.select-moon select:focus {
	color: #2f3b7c;
	background-color: #cedaeb;
	box-shadow: none;
	border:1px solid #cedaeb;
	
}
.select-moon select option {}
.select > .input-group-addon {}




/*產品頁 產品列表 商品 商品item 商品列表 商品內頁 商品內容*/

.pro-con .proClass{position: absolute; z-index: 8; width: 90%;}
.pro-con .proClass .container{width: 35% !important; margin: 0; margin-left: 23em;}
.pro-con .ind-phot{padding-top: 0;}
.pro-con .ind-phot .sort{padding: 0; margin-top: -2.2em; position: absolute;}

.pro-detail ,.pro-detail div ,.news-detail div{
	padding: 0; border: 0px solid;
}
.pro-detail .tab{padding-top: 2.5em; border-bottom: 2px solid #cedaeb;}

.pro-detail .tab a{
	background-color: #cedaeb; color: #2f3b7c; 
	padding: 0.6em 3em;
	padding-bottom: 0.3em;
	border-radius: 3px 3px 0 0 ;
	border: 2px solid #cedaeb;
	border-bottom: none;
	margin-right: 0.6em;
	font-size: 1.4em;
}
.pro-detail .tab a:hover{
	background-color: #fff; color: #2f3b7c; 
}
.pro-detail .pro-title{
	background-color: #f2f2f2;
	border-radius: 6px;
	padding: 1em !important;
}
.pro-detail .pro-title h2{margin: 0; color: #000;} 
.pro-detail .pro-title h2 ,.pro-detail .pro-title strong ,.pro-detail .pro-title p{
	padding: 0;
}
.pro-detail strong b{font-style: normal; font-size: 1.8em; color: #f00;}/*sale 特價 價錢 pay*/
.pro-detail strong cite{/*價錢 pay*/
	font-style: normal; 
	font-weight: 300;
	font-size: 1.8em; 
	color: #999;
	text-decoration:line-through;
}
.pro-detail .pro-title p strong{ /*尺寸*/
	font-size: 1.2em; font-weight: 300;
}
.pro-detail .pro-title p:nth-child(2){
	font-size: 1em;
	color: #27518b;
}
.pro-detail .pro-title p:nth-child(4)/*尺寸*/{
	font-size: 1.3em;
	font-weight: 300 !important;
	color: #666;
	
}
.pro-detail .pro-title p:nth-child(5) a{
	border-radius: 3px;
	border: 1px solid #fff;
	background-color: #27518b;
	padding: 0.5em 2em;
	color: #fff;
}
.pro-detail .pro-title p:nth-child(5) a:hover{
	background-color: #fff;
	color: #27518b;
	border: 1px solid #27518b;
}
.pro-detail .inq{padding: 1em 0 !important;}
.pro-detail .inq a.icon-inq{
	padding: 0.5em 3.5em !important;
	border-radius: 4px;
	font-size: 1.2em;
	font-weight: 600;
}

.pro-detail .warranty-service .contact .pay{
	padding: 1em; 
	background-color: #fff;
	color: #000;
	border-radius: 6px;
	font-size: 1.2em;
}
.pro-detail .warranty-service .contact .pay cite{
	font-style: normal;
	color: #00913a;
	font-weight: 600;
}


.fb-like{padding: 1.5em 0;}


.pro-detail ,.news-detail{padding-bottom: 2em;}
.gallery{}
.gallery img{
	background-color: #fff;
	width: 120px;
	height: 100px !important;
	border: 0px solid #ccc;
	border-radius: 6px;
	margin-top: 1em; 
	margin-right: 1em;
}
.gallery a:first-child img{
	width: 540px; height:360px !important; 
	border: 0px solid #ccc;
	margin: 0;
}





/*商品內頁 維修保養 維修 保養*/

/*商品內頁 售後服務*/
.pro-detail-contact .warranty-service{
	padding: 1.25em;
	border-radius: 10px;
	background-color: #f2f2f2;
}
.pro-detail-contact .warranty-service .contact{padding: 0;}
.pro-detail-contact .warranty-service h3{font-weight: 300; margin-top: 0; font-size: 1.3em;}

/*商品內頁 維修保養 維修 保養*/

.pro-detail-contact .pro-detail-warranty .content{
	border: 1px solid #ccc; border-radius: 6px;
	padding: 1.2em; margin: 1em 0;
}
.pro-detail-contact .pro-detail-warranty .content h2{margin: 0;}

.pro-detail-contact .youtube{padding-top: 1em;}
.pro-detail-contact .warranty .html-edit{padding-bottom: 1em;}
.pro-class-select{padding: 1em 0;}
.pro-class-select .class-select{padding-left: 0; padding-right: 0;}


/*contact 聯絡我們*/
.con-con .contact-main{}
.con-con .contact-main{
	margin: 1em 0;
	padding: 1.2em; 
	background-color: #f2f2f2;
	
}
.con-con .contact-main h1{
	margin: 0; padding-bottom: 0.6em; 
	font-size: 1.5em; font-weight: 600;
	color: #2f3b7c;
}
.con-con .contact-main p{font-size: 1.3em; color: #666;}
.con-con .contact-main strong{margin-left: 0.2em; color: #000;}

/*列表商品列表 list*/
.prolist-item{
	width: 19%;
	margin-right: 1%;
	border: 1px #ccc solid;
	border-radius: 5px;
	font-family: "Noto Sans CJK TC Light";
	padding: 0em;
	margin-bottom: 1em;
}
.prolist-item a{
	color: #000;
}
.prolist-item a:hover{
	transition: 0.5s;
}
.prolist-item h2{
	margin: 0;
	padding: 0.5em;
	padding-bottom: 0;
	margin-bottom: 0.3em;
	padding-top: 0.5em;
	font-size: 1.2em;
	font-weight: 600;
	line-height: 1.4em;
	color: #27518b;
	-webkit-line-clamp: 3; /*字數 限字數*/
	display: -webkit-box; 
    -webkit-box-orient: vertical;
	overflow: hidden;
}
.prolist-item:hover h2{
	color: #488ded;
}
.prolist-item p{
	bottom: 0;
	margin: 0;
	padding: 0.5em 0.5em;
	padding-bottom: 0em;
	padding-right: 0;
	color: #000;
}

.prolist-item p:last-child strong b{
	font-size: 1.3em;
	color: #f00;
}
.prolist-item p strong:nth-child(3){padding-bottom: 0.3em;}
.prolist-item p strong:nth-child(2){
	padding: 0;
	margin-top: 0.2em !important; 
	background-color: transparent !important;
}
.prolist-item p strong:nth-child(4) ,.prolist-item p cite{
	border-top: 1px solid #ccc;
}
.prolist-item p strong cite{
	text-decoration:line-through; /*刪除 del*/
	font-style: normal;
	border:none;
	padding-left: 0.3em;
}
.prolist-item p cite{}
.prolist-item p a.icon-inq{
	display: inline-block; 
	padding-left: 1.7em !important; 
	padding-right: 1.7em !important;
	height: 2.2em;
	background-color: #f2f2f2;
}
.prolist-item p a.icon-inq:hover{background-color: #2f3b7c; color: #fff;}
.prolist-item span{padding: 0;}
.prolist-item p strong{
	padding: 0;
	font-weight: normal;
	font-size: 1em;
	color: #666;
}
.prolist-item img{
	width: 178px !important;
	height: 120px !important;
	float: left;
}
.prolist-item a:hover img{
	opacity: 0.6;
}

.prolist-item em{
	font-style: normal; 
	padding: 0; 
	padding-right: 5px;
}


/*iq 購物車 詢價車 買東西 下單 訂單*/

.inquire .pro-list ,.inquire .pro-list div 
,.inquire .acc-form{
	padding: 0;
}
.inquire-tb{padding: 0;}
.inquire{padding: 0; padding-bottom: 2em;}

.inquire .pro-list{display: block;}
.inquire .pro-list h2{font-size: 1em;}

.inquire .pro-list .select-moon select{
	padding: 0.5em; 
	font-size: 1em;
	border-radius: 0;
}
.inquire .pro-list .select-moon select:focus{
	background-color: #000;
	color: #fff;
}

.inquire .inquire-main .pay-mode{
	padding-bottom: 0; padding-left: 0; padding-right: 0;
}
.inquire .inquire-main .pay-mode h2{
	padding-top: 0;
}

.inquire .inquire-main h2{
	font-size: 1.2em; 
	margin: 0; 
	padding: 1em 0;
}
.inquire .inquire-main cite{
	text-transform:uppercase; 
	color: #fff; 
	background-color: #0eb69c;
	font-style: normal;
	border-radius: 3px;
	padding: 0.2em;
	margin-right: 0.6em;
}
.inquire .inquire-main .help{
	margin-bottom: 1em;
	padding: 1em;
	border-radius: 6px; 
	background-color: #f2f2f2;
}

.inquire .inquire-main .pro-list {
	border-bottom: none; 
	border-right: none; 
	border-radius: 4px;
}
.inquire .inquire-main .pro-list .item{
	border: 2px solid #ccc;
	border-bottom: none;
}
.inquire .inquire-main .pro-list .item:last-child {
	border-bottom: 2px solid #ccc;
}


.inquire .inquire-main .pro-list .item img{width: 150px; height: 85px !important;}
.inquire .inquire-main .pro-list .item h2{
	padding: 0; padding-left: 0.5em; padding-top: 0.5em;
}
.inquire .pro-list .item .pay ,.inquire .pro-list .item .number 
,.inquire .pro-list .item .name ,.inquire .pro-list .item .img{
	border-right: 1px solid #ccc !important;
	height: 6em;
}
.inquire .pro-list .item .pay{
	border: 0; 
	text-align: center; 
	padding-top: 1.5em;
}

.inquire .pro-list .item .pay strong{color: #27518b;}
.inquire .pro-list .item .number{
	padding: 0.5em;
	padding-top: 1.5em;
}
.inquire .inquire-main .total{padding: 0;}
.inquire .inquire-main .total strong{
	padding: 1em;
	text-align: right;
	color: #000;
	font-size: 1.2em;
	font-weight: 300;
}
.inquire .conMain .ip-txt label{font-size: 1.2em;}
.inquire .inquire-main .pro-list .del {
		padding-top: 1.8em; padding-left: 3%;}
.inquire .inquire-main .pro-list .del a.icon-del{
	display: block; 
	width: 30px; height: 30px;
	font-weight: 600; 
	border-radius: 24px; 
	border: 2px solid #ccc;
	color: #f00;
	background-color: #fff; 
	text-align: center; 
	padding-top: 3px;
	transition: 0.5s;
}
.inquire .inquire-main .pro-list .del a.icon-del:hover{
	border: 2px solid #f00;
	color: #fff;
	background-color: #f00; 
}
.inquire .inquire-main .pay-mode{padding-bottom: 0; padding-left: 0; padding-right: 0;}
.inquire .inquire-main .pay-mode .input-switch label{
	text-align: center;
	font-size: 1em;
	color: #666;
}
.inquire .inquire-main .pay-mode .input-switch label:focus{
	color: #fff;
}
.inquire-tb .item img{}
.inquire .set {}
.inquire .set cite{text-align: center; margin: 0; margin-top: -0.25em; margin-bottom: 1em;}
.inquire .set strong{}

.inquire .inquire-main .form{padding-left: 0; padding-right: 0;}

.inquire .inquire-main .send-acc .input-switch label{font-size: 1.2em; font-weight: normal !important;}
.inquire .inq-ps label{font-weight: 300; padding-top: 1em;}
.inquire .inq-ps textarea{font-size: 1.2em; padding: 0.5em !important;}
.inquire .sub{display: flex;justify-content: center;align-items: center;}
.inquire .sub input[type=submit]{font-size: 1.2em; color: #fff; background-color: #27518b; padding: 0.5em 2em;}


.abo{background-color: #fff;}

.youtube iframe ,.news-detail iframe{width: 100% !important; height: 540px;}
.warranty-service .help{width: 1040px;}


/*html 編輯器*/
.html-edit{
	width: 100%;
	text-align: justify;
	padding-bottom: 2em; 
}
.html-edit img{
	max-width: 100% !important; max-height: 800px;
}
.html-edit h1{
	padding: 1em 0;
}
.html-edit strong{
	padding: 0.5em 0; 
}
.html-edit p{
	padding: 1em 0em;
	text-align: justify;
	font-size: 1.6em;
}
.html-edit table{max-width: 100%;}
.html-edit table td{padding: 0.3em;}




/*說明標題字體size 說明內文size 標準 標準大小*/

.warranty-content .title h1{ /*主標題字體size*/
	font-size: 1.5em;
	font-weight: 300;
	margin: 0;
	padding: 0.5em;
}

.order-main .contact h2 
,.pro-detail-contact .warranty-service .contact h2{ /*說明標題字體size*/
	font-size: 1.2em;
	font-weight: 400;
	color: #888;
}
.order-main .contact p 
,.pro-detail-contact .warranty-service .contact p{ /*說明內文size*/
	font-size: 1.2em;
}



/*NEWS 新聞*/
.news-detail .news-titleimg{max-width: 100% !important; max-height: 600px;}
.order-main img{max-width: 100% !important; max-height: 450px;}

/*order-main 訂購流程*/
.order-main{padding-bottom: 1em;}
.order-main .order-img ,.about-main .about-img{
	border: 0px solid;
	width: 100%;
	height: 850px;
	background-size: 80em;
	background-image: url("../images/order.svg");
	background-repeat: no-repeat;
	background-position: center top;
}
/*科士德 關於我們 about*/
.about-main .about-img{
	width: 100%;
	height: 600px;
	background-size: 40em;
	background-image: url("../images/about.svg");
}
.about-main h2{color: #2f3b7c;}
.about-main p{
	color: #333;
	font-size: 1.3em;
}

.order-main .contact{
	padding: 1em; 
	background-color: #f2f2f2;
	border-radius: 6px;
}

.order-main .contact .pay{
	padding: 1em; 
	background-color: #fff;
	color: #000;
	border-radius: 6px;
	font-size: 1.2em;
}
.order-main .contact .pay cite{
	font-style: normal;
	color: #00913a;
	font-weight: 600;
}
.order-main .contact .text strong 
,.pro-detail-contact .warranty-service .contact .text strong{
	margin: 0 0.2em; color: #2f3b7c;
}
.order-main .contact .text b ,.warranty-service .contact .text b{padding: 0.2em;}


/*newMenu*/
.new-navbar {
	display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Noto Sans CJK TC Light";
}


/*保養維修 warranty 保養 維修*/
.warranty-content .title{
	padding: 0;
}
.warranty-content .title h1{
	text-align: center;
	border-bottom: 1px solid #2f3b7c;
	padding-bottom: 0.5em;
	margin-bottom: 1em;
}





/* Links inside the navbar */
.new-navbar a {
  float: left;
  font-size: 16px;
  text-align: center;
  padding: 16px 16px;
  text-decoration: none;
}
.new-navbar a:hover{}

/* The dropdown container */
.new-dropdown {
  float: left;
  z-index: 999;  
}

/* Dropdown button */
.new-dropdown .dropbtn {
  border: none;
  outline: none;
  padding: 6px 12px;
  padding-bottom: 1em;
  background-color: transparent;
  margin-top: 8px; margin-right: 0.5em;
  font-size: 1.8em; 
	z-index: 9; 
   cursor: pointer; 
}.new-dropdown .dropbtn:hover {
  color: #472272;
}

/* Add a red background color to navbar links on hover */
.new-navbar a:hover, .new-dropdown:hover .dropbtn {
  background-color: rgba(255,255,255,1);

}


/* Dropdown content (hidden by default) */
.dropdown-content {
  position: absolute; 
  background-color: rgba(255,255,255,1);
  width: 100%;
  left: 0;
  z-index: 3;
  margin-top: -1px;
}

/* Mega Menu header, if needed */
.dropdown-content .header {
  background-color: rgba(255,255,255,1);
  padding: 16px;
  color: #646464;
  text-align: center;
}
.dropdown-content .header h2{
  color: #666;
  text-align: center;
}

/* Show the dropdown menu on hover */
.new-dropdown:hover .dropdown-content {
  display: block;
}
.topMenuPop{
	box-shadow: 0 6px 6px rgba(240,240,240,0.9);
	background-color: rgba(39,81,139,0.95);
	background-color: rgba(255,255,255,0.95);
}
/* Create three equal columns that floats next to each other */
.topMenuPop .all-column{
	display: flex; justify-content: center; align-items: center; 
	padding: 0;
	
}
.topMenuPop .column {
	display: flex; justify-content: center; align-items: center; 
	padding: 10px;
	height: auto;
	border: 0px solid;
	width: 100%;
	
}
.topMenuPop .column h3{
font-size: 1.5em; text-align: center; padding: 0.2em; border-radius: 8px;}
/* Style links inside the columns */
.topMenuPop .column a {
  color: #2f3b7c;
  padding: 0.5em 0.5em;
  text-decoration: none;
  text-align: center;
  font-size: 1.24em;
	font-weight: 600;
	display: block;
	float: left;
	
}
.topMenuPop .column a:hover {
  background-color: #1e2c43;
  color: #fff;
}
.topMenuPop{border: 0px solid; left: 0; top: 0;}
.topMenuPop .all-column{/*商品選單 浮動  高度*/
	padding: 1em 1em;
	height: 300px;
}

.topMenuPop .column .son{
	z-index: 99;
	background-color: rgba(255,255,255,0.6);
  position: absolute;
  border: 1px solid;
	display: none;
}
.topMenuPop .column .son a{
	width: 100%;
	text-align: left!important;
}

.topMenuPop .column a:hover .son{
	display: block;
}
.topMenuPop .column a{
	
}

.pop-menu li ul{list-style: none;position: absolute;display: none;	z-index: 99;width: 100%;}		
.pop-menu  li:hover ul{display: block;}	
.pop-menu  li:hover ul li ul {display: none;}		
.pop-menu  li ul li:hover ul {	position: absolute;display: block;}
.pop-menu li a{	display: block;	white-space:nowrap;}




.menu-d2 .menu-header .user-info{right: 2%; top: 4em; width: auto;}
.menu-d2 .menu-header .user-info a img{border: 3px solid #b5b5b5;}
.menu-d2 .menu-header .user-info h1{
	font-size:1.5em; white-space:nowrap;
	line-height:0;
	margin-top:0.7em; 
	}
	.menu-d2 .menu-header .user-info h1:first-letter{
	font-weight: 600; 
}.menu-d2 .menu-header .user-info img{margin-right: 0.5em; width:56px; height:56px;}
.menu-d2 .syscg{
 position:absolute; justify-content: center; text-align: center;
 width:180px; height:40px; top:0.8%; left:20%;
 margin-left:-90px; margin-top:0px; 
}
.menu-d2 .syscg .icon-recruit a ,.menu-d2 .syscg .icon-accounting a ,.menu-d2 .syscg .icon-holiday a{border: none;}
.menu-d2 .breadcrumb .active span{
	font-weight: 300; 
	font-family: "Noto Sans CJK TC Light";
}
.menu-d2 .breadcrumb li:nth-child(1){height: 50px;}
.menu-d2 .breadcrumb li:nth-child(3){
 position:absolute; justify-content: center; text-align: center;
 width:1366px; height:50px; top:0%; left:40%;
 margin-left:-580px; margin-top:0px;}

.menu-d2 .breadcrumb li:nth-child(2) a{color: #5c3d81;}
.menu-d2 .breadcrumb li:nth-child(3){font-size: 2em; }
.menu-d2 .breadcrumb li:nth-child(2) i{ color: #5c3d81;}
.menu-d2 .breadcrumb li:nth-child(3) i{font-size: 0.6em; margin-right: 0; color: #5c3d81;}
.menu-d2 .breadcrumb li:nth-child(3) span i{font-size: 1em; color: #FFF; margin-right: 0.5em;}


.new-dropdown-bgimg img{
    position: absolute; z-index: 0; right: 0;
    max-height: 620px; width: 100%;
    filter: blur(4px);
    -webkit-filter: blur(4px);
    opacity:0.5;
}
/*newMenu*/

/*左側 選單 商品選單*/
.sidenav {
    padding:0px;
	z-index:998;
	background-color:#fff;
	font-family: "Noto Sans CJK TC Light";
    }
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #666;
  text-align:right;
		padding:1.0em;
		border-bottom:0px #f2f2f2 solid;
		background-color:#fff;
}
.nav-pills > li.active > a:hover{
  color: #353942;
  background-color: #fff;
		
}
.nav-pills > li.active > a > i{
  color: #fff;}
.nav-pills > li.active > a:hover > i{
  color: #353942;}


.nav-pills > li.active-down > a{
	background-color: #5c3d81; color:#fff;}
.nav-pills > li.active-down > a > i{ display:none;}


.nav-son > li.active-down > a{
  color: #fff;
  background-size: 8em auto;
  background-position: 104% 55%;
		border-bottom:0px #bfbfbf dotted;
		padding:1em;
		box-shadow: 0 0 0px rgba(255,250,235,0);
		background-image:none;
		background-color:#c83328;
}
.active i{
		margin:0em 0.3em;}
.active-down i{
		margin:0em 0.3em;}
.nav-son > li.active > a,
.nav-son > li.active > a:hover,
.nav-son > li.active > a:focus {
	 color: #a0975f;
  background-color: #f6f4e6;
  border-bottom:1px #ede9cf dotted;
}
.nav-son > li.active > a:hover{
  color: #c83328;
  background-size: 8em auto;
  text-align:left;
		border-bottom:1px #a99bb9 dotted;
		background-image:none;
		background-color: #fff;
}




/*switch*/
.switch-field {
  display: flex;
  margin-bottom: 0em;
  overflow: hidden;
}
.switch-field input {
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden;
}
.switch-field label {
	color: #32448a !important;
  background-color: #fff;
  font-size: 0.8em;
  font-weight: 900 !important;
  text-align: center;
  padding: 6px 1px;
  margin-right: -1px;
  border: 2px solid rgba(190, 190, 190, 1);
  transition: all 0.1s ease-in-out;
  width: 100%;
}
    

.switch-field label:first-of-type {border-radius: 4px 0 0 4px;}
.switch-field label:last-of-type {border-radius: 0 4px 4px 0;}
.switch-field label:hover {cursor: pointer;}

.switch-field input:checked + label {
  background-color: #32448a;
  color: #fff !important;
  box-shadow: none;
}
.switch-field input:checked + label:nth-last-child(2) {
	background-color: #32448a;
	color: #fff
}
   
.switch-field label:first-of-type {
  border-radius: 4px 0 0 4px;
}
.switch-field label:last-of-type {
  border-radius: 0 4px 4px 0;
}

.switch-field label {
  color: #fff;
  font-size: 2em;
  font-weight: 300;
  line-height: 1;
  text-align: center;
  padding: 6px 2px;
  margin-right: -1px;
  border: 1px solid #2f3b7c;
  transition: all 0.1s ease-in-out;
}
.switch-field label:hover {
  cursor: pointer;
}

.input-select label { margin-left: 1em;}
/*switch*/


.fancybox-skin ,.fancybox-outer ,.fancybox-inner{background-color: #cedaeb;}
.fancybox-skin .basic-lightbox{color: #2f3b7c;}
.fancybox-skin .basic-lightbox .bl-botton{padding: 0;}
.fancybox-skin .basic-lightbox h2{text-align: center; padding: 1em 0; margin: 0;}
.fancybox-skin .basic-lightbox a{
	background-color: #2f3b7c; 
	color: #fff; 
	width: 100%; 
	font-size: 1.5em;
	border: 0;
}
.fancybox-skin .basic-lightbox .bl-botton a.btn{width: 48%;}
.fancybox-skin .basic-lightbox .bl-botton a.btn:nth-child(1){margin-right: 3%;}


/*最大 767px (含) 以下*/ /*phone 手機 rwd*/
@media screen and (max-width: 767px){
	.infobar .title h1{}
	/*corp*/
	.acc{text-align: center;}
	.banner-pro ,.banner-ord ,.banner-new ,.banner-war ,.banner-con ,.banner-abo ,.banner-inq {/*手機 menu頂出高度*/
		margin-top: 4.5em;
	}
	.ind-con .contact{/*手機 menu頂出高度*/
		margin-top: 6.5em;
	}
	.breadcrumbs .container{
		padding-top: 1em !important;
		padding-left: 1em !important;
	}
	.breadcrumbs .container a{
	font-family: "Noto Sans CJK TC Light";
	font-weight: 300;
	margin-right: 0.3em;
		padding-left: 0em !important;
	color: #fff;
	background-image:  none!important;
	}
	.breadcrumbs .container a:first-child{
		display: none;
	}
	.breadcrumbs .container b{
	font-family: "Noto Sans CJK TC Light";
	font-weight: 300;
	color: #fff;
	padding-left: 1.6em;
	background-size: 1.3em;
	background-image: url("../images/icon_local.svg");
	background-repeat: no-repeat;
	background-position: left center;
	}
	.breadcrumbs .container h1{
		position: absolute;
		width: 200px;
		right: 0%;
		margin-top: -0.8em;
		display: inline-block;
		color: #fff;
		font-weight: 600; 
		text-align: right;
		font-size: 1.6em;
		padding: 1.68em 1em;
		background: linear-gradient(to right, rgba(47,59,124,0), rgba(47,59,124,90));
	}
	.breadcrumbs .container cite{
		font-style: normal; 
		font-weight: 300; 
		font-size: 0.9em; 
		text-transform: capitalize;
		color: #0eb69c;
	}
	.breadcrumbs .new-detail .banner-new h1{
		width: 150px;
		margin-top: -1.8em;
	}
	
	/*選單*/
	.infobar a .inq-cart span{
		border-radius: 0; 
		padding: 0.2em 1em!important; 
		margin: 0em !important; 
		margin-right: 0.5em !important;
		margin-top: 0.1em;
		background-color: #2f3b7c; 
		color: #fff;
		font-size: 0.8em;
		border-radius: 4px;
	}
	
	/*首頁 輪播圖片*/
	.carousel-indicators{margin-bottom: 0em !important;}
	.circle-slider .page-switch a{
		background-size: 30px auto;
		background-repeat: no-repeat; 
		background-position: left top;
		width: 30px; height: 30px;
		border-radius: 20px;
		margin-right: 1em;
		margin-bottom: 1em;
	}
	.circle-slider a.left ,.circle-slider a.right{
		background-size: 64px auto;
	}

	.circle-slider a.left:hover ,.circle-slider a.right:hover{
		background-size: 64px auto;
	}
	
	
	
	/*首頁 首頁熱門商品 index*/
	.con-con .contact ,.about .about-main ,.order .order-main{padding-top: 1em;}
	.ind-con .pro-class-select{padding: 1em;}
	.ind-con .contact{padding-left: 0; padding-right: 0;}
	.ind-con .ind-phot{padding-left: 1em; padding-right: 1em;}
	.ind-con .news-sup .news .item{padding: 0;}
	.ind-con .news-sup .news .item span{padding-left: 0em;}
	.ind-con .news-sup .news a.more{padding: 2.6em 0.5em;}
	.ind-con .news-sup .news p{width: 80%;}
	
	
	/*banners 視覺 主視覺 頁面banner*/
	.breadcrumbs{padding: 0;}
	.breadcrumbs .banner-pro{
		background-image: url("../images/banPro.png");
		background-position: center -2em;
		background-size: 30em;
	}
	.breadcrumbs .banner-con{
		background-image: url("../images/banCon.png");
		background-position: -4.5em center;
		background-size: 38em;
	}
	
	/*商品列表 購物中*/
	.pro-con .pro-inq-cart{margin: 0; top: -3em;}
	.pro-con .pro-inq-cart span{background-color: #2f3b7c; color: #fff; border: 2px solid #fff; font-size: 1.2em;}
	.pro-con .pro-inq-cart a{
		border-radius: 4px; background-color: rgba(255,255,255,0.35); 
		padding: 0.5em; border: 1px solid #fff;
		background-size: 2em !important;
	}
	
	.pro-con .contact{padding-top: 8em;}
	.pro-con .proClass{padding-top: 1em; position: absolute; z-index: 8; width: 100%;}
	.pro-con .proClass .container{width: 100% !important; margin: 0; margin-left: 0em;}
	
	.pro-con .searchBar{border: 0px solid #ccc; margin-top: 1em; padding: 0; margin-top: 5em;}
	.pro-con .searchBar input[type=text]{padding: 0.5em; border: 1px solid #ccc; width: 92%; margin-left: 4%; color: #2f3b7c;}
	.pro-con .searchBar input[type=text]:focus{width: 92%; margin-left: 4%; border: 1px solid #2f3b7c; }
	
	.ind-con .ind-phot h1{padding-bottom: 2.5em;}
	.pro-con .ind-phot .sort ,.ind-con .ind-phot .sort{padding: 0; margin-top: 1.6em; position: absolute;}
	.ind-con .ind-phot .sort{width: 96.5%; padding: 0;  margin-top: 2em; position: absolute;}
	.sort{position:relative; top: 0;}
	
	.container ,.conMain ,.form{padding: 0 !important;}
	
	
	
	/*order-main 訂購流程*/
	.order-main .order-img{
		width: 100%;
		height: 1820px;
		background-size: 30em;
		background-image: url("../images/order_phone.svg");
		background-position: center top;
	}
	
	/*科士德 關於我們 about*/
	.about-main .about-img{
		width: 100%;
		height: 450px;
		background-size: 100%;
		background-image: url("../images/about.svg");
	}
	
	/*html 編輯器*/
	.html-edit{
	width: 100%;
	text-align: center;
	text-align: justify;
	padding-bottom: 2em; 
	}
	
	.html-edit img{max-width: 100% !important; max-height: 800px;}
	.html-edit h1{padding: 1em 0;}
	.html-edit strong{
	padding: 0.5em 0; 
	}
	.html-edit p{
		padding: 1em 0;
		font-size: 1.3em;
	}
	.html-edit table{max-width: 365px !important; width: 365px !important;}
	
	.youtube iframe{width: 100% !important; height: 300px;}
	
	
	/*fb 讚 點讚 good*/
	.fb-like{width: 80% !important;}
	
	/*商品列表 商品頁 商品內頁 detail prolist list*/
	.pro-con .ind-phot h1{padding-bottom: 3em;}
	
	.phone-searchbar{padding-left: 0; padding-right: 0; padding-bottom: 1em;}
	.phone-searchbar input[type=text]{
		border: 1px solid #ccc; border-radius: 4px; 
		padding: 0.8em; box-shadow: none;
		transition: 0.5s;
	}
	.phone-searchbar input[type=text]:focus{
		border: 1px solid #27518b; 
		font-size: 1.3em;
		font-weight: 600;
		color: #27518b;
	}
	
	/*商品列表 商品*/
	.prolist-item p strong:nth-child(1) 
	,.prolist-item p strong:nth-child(2) 
	,.prolist-item p strong:nth-child(3){
	
	}
	.prolist-item h2{margin: 0;}
	.prolist-item p strong:nth-child(1) ,.prolist-item p strong:nth-child(2){border: 0px solid; }
	.prolist-item p strong:nth-child(1){height: 3.5em;}
	.prolist-item p strong:nth-child(2){border-top: 1px solid #ccc; margin-top: -0em !important;}
	.prolist-item em{
		font-style: normal; 
		padding: 0; 
		border-right: 0px solid #ccc;
		padding-right: 5px;
	}
	.prolist-item{
	width: 100%;
	margin-right: 0%;
	border: 1px #ccc solid;
	margin-bottom: 1em;
	}
	
	.prolist-item p cite{
		padding-top: 0px;
	}
	.prolist-item p a.icon-inq{
		text-align: center;
		width: 50%; height: 30px;
		display: inline-block;
		padding: 0.35em 1.5em;
		background-color: #f2f2f2;
	}
	.prolist-item p a.icon-inq:hover{background-color: #27518b; color: #fff;}
	.pro-con .sort{padding-bottom: 1em;}
	
	
	/*商品內頁 內容*/
	.gallery img{
	width: 85px;
	height: 75px !important;
	border: 1px solid #ccc;
	border-radius: 6px;
	margin-top: 1em; 
	margin-right: 0.5em;
	}
	.gallery a:first-child img{
		width: 540px; 
		height: 400px !important; 
		margin: 0;
	border: 0px solid #ccc;
	border-radius: 0px;
	}
	.gallery a:nth-child(2) img{
	margin-left: 0.5em;
	}
	.pro-detail .pro-title{padding: 0 !important;}
	.pro-detail .pro-title strong b ,.pro-detail .pro-title p strong 
	,.pro-detail .pro-title .inq
	{padding: 0 0.5em;}
	.pro-detail .pro-title p{padding-bottom: 0.5em;}
	.pro-detail .pro-title p strong{ /*尺寸*/
		font-size: 1em; font-weight: 300; padding: 0;
	}
	.pro-detail .pro-title p:nth-child(4)/*尺寸*/{
		padding: 0.5em;
	}
	.pro-detail p a.icon-inq{
		text-align: center;
		width: 95%;
		margin-left: 2.5%; margin-right: 2.5%;
		display: inline-block;
		padding: 0.5em;
		
		font-size: 1.3em;
		background-color: #f2f2f2;
	}
	
	.pro-detail .pro-title p:nth-child(4)/*尺寸*/{
		padding-bottom: 0;
		margin-bottom: 0;
	}
	
	.pro-detail .pro-title .fb-like{margin-bottom: 0.5em !important; padding-left: 1em;}
	
	.pro-title h2:nth-child(2){
		padding: 0.5em 0.5em;
		font-size: 1.4em;
	}
	.pro-title strong:nth-child(2){
		padding: 0.5em !important;

	}
	
	.pro-title .inq p a.icon-inq
	{padding: 0 0.5em;}
	
	.pro-detail .tab{
		justify-content: center; align-content: center; display: flex;
	}
	.pro-detail .tab a{
		padding: 0.6em 2em;
		font-size: 1.2em;
	}
	.pro-detail .tab a:nth-child(2){
		margin-right: 0em;
	}
	.pro-detail-contact .contact{padding-left: 1em; padding-right: 1em; font-size: 1em;}
	.pro-detail-contact .contact h1{font-size: 1.4em; font-weight: 300;}
	.pro-detail-contact .warranty h2{font-size: 1.4em; font-weight: 300;}
	.pro-detail-contact .pro-detail-warranty h2{
		font-size: 1.2em;
	}
	
	
	
	/*購物車*/
	
	.inquire .inquire-main .set{width: 95%; margin-left: 2.5%;}
	.inquire .inquire-main .set strong ,.inquire .inquire-main .set b{
		font-size: 0.96em; font-weight: 300; padding-left: 0; padding-right: 0;
		padding-bottom: 1em; text-align: center;
	}
	.inquire .inquire-main .set strong{padding-top: 1em;}
	.inquire .inquire-main .set b{color: #27518b; font-weight: 600;}
	.inquire .inquire-main .set cite{ width: 100% !important; text-align: center; margin-bottom: 0em;}
	.inquire .inquire-main .pro-list {padding: 0 1em;}
	.inquire .inquire-main .pro-list .del {
		padding-top: 1.8em; padding-left: 0.5em;}
	.inquire .inquire-main .pro-list .del a.icon-del{
		border: none;
		display: block; 
		width: 26px; height: 26px;
		font-weight: 600; 
		border-radius: 24px; color: #fff;
		background-color: #f00; 
		text-align: center; 
		padding-top: 3px;
	}
	.inquire .inquire-main .pro-list .item h2{
	font-size: 1em; padding: 0; padding-left: 0.2em; padding-top: 0.2em;
	}
	.inquire .inquire-main .pay-mode{width: 99%; padding-left: 1em; padding-right: 1em;}
	.inquire .inquire-main .help{
		width: 92%;
		margin-left: 4%;
	}
	.inquire .inquire-main .help strong{
		display: block;
		font-weight: 600;
	}
	.inquire .inquire-main .help strong:nth-child(3){
		border-top: 1px solid #ccc;
		font-weight: 400;
	}
	.inquire .inquire-main .pay-mode .input-switch label strong{
		font-size: 1.2em; background-color: transparent; color: #32448a;}
	
	.inquire .inquire-main .pay-mode .input-switch .switch-field input:checked + label strong{
		color: #fff;}
	.inquire .inquire-main .pay-mode .input-switch label p{padding-top: 0.5em;}
	
	.inquire .acc-form .input-select ,.inquire .acc-form .form-group {margin: 0; padding: 0 0em; }
	.inquire .acc-form .input-select label{padding: 0; margin: 0; color: #000; padding-left: 1em;}
	.inquire .acc-form .input-select .form-box ,.inquire .acc-form .ip-txt div {padding-left: 0; padding-right: 0;}
	.inquire .inq-ps .tex-ara textarea{margin-left: 1em; width: 91.8% !important;}
	
	.inquire .sub input[type=submit]{width: 100%;}
	
	/*最新消息*/
	.news-list{padding-top: 1em;}
	.news-list .prolist-item a p{
		padding: 0.3em;
		padding-left: 0.7em !important;
		font-size: 1.3em !important; 
		color: #32448a !important;
		font-weight: 600;
		border: 0px solid;
		float: left;
		margin-right: 0.2em;
	}
	
	/*維修保養*/
	.war-con .pro-class-select{}
	
	
.mMenu{ background-color: #fff; color: #000; margin: 0; padding-top: 0.8em;} 
.mMenu .infobar a{margin: 0; position: absolute; text-decoration: none;}
.mMenu .infobar li {align-content: center; justify-content:flex-end; display: flex; }
.moblie-style{width: 100%; position: fixed; z-index: 8;}
.moblie-style{border: none; z-index: 99;}
.moblie-style .infobar{background-color: rgba(255,255,255,0.9);}
.moblie-style {padding: 0; margin: 0; }
.moblie-style .title{align-content: center; justify-content:center; display: flex;}
.moblie-style .title h1{ color: #32448a; font-size: 1.5em; font-weight: 600;}
.moblie-style .title i{
	background-image: url("../images/logo_m.svg");
	background-repeat: no-repeat;
	background-size: 4.5em auto;
	background-position: top center;
	display: block; 
	margin: 0; width: 5.5em; height: 3em; margin-left: 0em; margin-top: -0.5em;
	text-align: center;
	
}
.moblie-style ,.infobar ,.moblie-style .infobar div{ padding: 0; margin: 0;}	
.moblie-style ul{z-index:2;}
.moblie-style .infobar .back a{
	display:block;
	background-image: url("../images/icon_home.svg");
	background-size:2em auto;
	background-repeat: no-repeat;
	background-position:0.4em center;
	width:4em; height:4em; 
	margin-left: 1em; margin-top: 0.5em;
}
.page-title .pMenu a ,.moblie-style .pMenu a{
	display:block;
	background-image: url("../images/icon_menu.svg");
	background-size:2.8em auto;
	background-position:right center;
	width:4em; height:4em;
	background-repeat: no-repeat;
	}
.moblie-style .pMenu a{
	margin-top: 0.5em;
	background-position: left;
	}
.page-title .title h1{color: #fff;}
	

	.navBg{
		width:100%;
		position:absolute; 
		background-color: rgba(40,50,85,0.95);
		background-color: rgba(255,255,255,0.9);
		z-index: -1;
    }
	
	.infobar a li{}
	.infobar ul a{margin-top: 0.5em !important; }
	
	.menu-back{ display: block; text-align: right;  border: 0px solid #fff;}
	.moblie-menu{ z-index: 99!important; width: 100%;}
	.moblie-menu a{
		display:block;
		font-size: 1.8em;
		font-weight: 300;
		background-color: rgba(61,86,168,0.95);
		background-color: rgba(255,255,255,0.95);
		background-color: #32448a;
		color: #32448a;
		color: #fff;
		border-radius: 3px;
		padding: 0.3em;
		margin: 0.15em !important;
		text-align: center;
		margin-left: 2% !important;
		width: 96% !important;
		}
	.moblie-menu a:nth-child(1){
		background: transparent !important;
		height: 3.5em;
		margin: 0em;
		font-size: 2em;
		margin-top: -1em !important;
		}
	.moblie-menu a .menu-back {
		display:block;
		background-image: url("../images/icon_close.svg");
		background-color: transparent;
		background-position: 95% bottom;
		background-repeat: no-repeat;
		background-size:4em auto;
		width:100%; height: 8em;
		float: right; 
		font-size: 0.5em;
		margin-top: -1em;
	}
	.moblie-menu ul{padding: 0; margin-top: 0;}
	


.searchBar input[type=text]:focus{
	width: 90%;
	background-color: rgba(255,255,255,1);
	border: 2px #24314c solid;
	color: #24314c;
	box-shadow: none;
}


.circle-slider div.carousel-inner{height: 276px;}
.searchBar{
	margin-top: 3em; 
	display:flex;
    align-items:center;
    justify-content:center;
	
}
.searchBar input[type=text]{
	border-radius: 0; padding: 1.2em;
	background-color: rgba(255,255,255,0.7);
	border:2px #b4fff8 solid;
	font-size: 1.5em;
	color: #fff;
	width: 90%;
	margin-left: 5%;
	margin-bottom: 1em;
}

.input-select label strong, .input-switch label strong ,.ip-txt label strong{
  background-color: #293852;
  color: #fff;
  font-size: 0.8em;
  padding: 0.2em 0.8em;
  margin: 0 0.5em;
  font-family: "Noto Sans CJK TC Light";
  border-radius: 3px;
  font-weight: 300;
  
}
.input-select label ,.input-switch label ,.ip-txt label{
  font-size: 1.2em; font-weight: 300; color: #888;
}
	.input-switch{ justify-content: center; align-content: center; display: flex;}
	.input-switch .switch-field label{
  font-size: 1.4em;
  padding: 0.8em 0.2em;
	width: 90%;
		
}
	/*switch*/
	.ip-txt input[type=text] ,.ip-txt textarea 
	,.input-name-disabled input[type=text] 
	,.input-tel-disabled input[type=tel] 
	,.ip-txt input[type=tel]
	,.ip-txt .input-text div input[type=tel] 
	,.input-switch input[type=text]{
		box-shadow: none;
		background-color: transparent;
		color: #2f3b7c;
		border: none;
		border-radius: 0;
		border-bottom: 1px #2f3b7c solid;
		font-size: 1.2em;
		font-weight: 300;
		text-align: center;
		padding: 0.5em;
	}
	.ip-txt input[type=text] 
	,.ip-ara textarea 
	,.ip-txt input[type=tel] 
	,.input-switch input[type=text]{
		font-size: 1.5em;
		padding: 0.5em;
	}
	.ip-txt .input-group 
	,.ps .input-group 
	,.ip-txt .input-group{
		width: 100%;
	}
	
}

/*最大 480px (含) 以下*/  /*old phone or other*/
@media screen and (max-width: 480px) {}

/*最小 768px (含) 至979之間*/ /*pad 直立*/
@media screen and (min-width: 768px) and (max-width: 979px) {
	.news-sup .news .more a ,.news-sup .sup .more a ,.ind-hot .more a ,.ind-st .more a{
	display: block;
	border: 1px #3b4c6b solid;
	width: 9em; height: auto;
	float: right; 
		margin-right: 1em;
	text-align: center;
	font-size: 1.3em;
	padding: 0.4em;
	color: #fff;
	text-decoration: none;
	text-transform: capitalize;
}
	
}

/*最小 980px (含) 以上*/ /*pad 橫式*/
@media screen and (min-width: 980px) {
	.news-sup .news .more a ,.news-sup .sup .more a ,.ind-hot .more a ,.ind-st .more a{
	display: block;
	border: 1px #3b4c6b solid;
	width: 9em; height: auto;
	float: right; margin-right: 1em;
	text-align: center;
	font-size: 1.3em;
	padding: 0.4em;
	color: #fff;
	text-decoration: none;
	text-transform: capitalize;
}
	/* player */
.circle-slider div.carousel-inner{}
.circle-slider div.carousel-inner .item{}

/*最小 1200px (含) 以上*/ /*notebook and desktop*/
@media screen and (min-width: 1200px) {
	
	.prolist-item p a.icon-inq{
		text-align: center;
		white-space:nowrap;
		padding-top: 0.35em;
		padding-left: 0.88em !important; 
		padding-right: 0.88em !important;
		height: 2.2em;
		float: right;
	}
	.prolist-item p{
		width: 100%;
		position: absolute;
	}
	.prolist-item{height: 300px;}/*商品高度 列表高度 高度*/

	.gallery{padding-right: 1em !important;}
	.gallery img{
	width: 105px;
	height: 100px !important;
	margin-right: 0.5em;
	}
	.gallery a:first-child img{
	width: 540px; height: 360px !important; 
	margin: 0;
	}
	
	.news-list .prolist-item{height: 310px; width: 24%; }
	.news-list .prolist-item a span img{height: 200px !important; width: 100% !important;}
	.news-list .prolist-item a h1{}
	.news-list .prolist-item a p{
		padding: 0.5em !important;
		font-size: 1.3em !important; 
		color: #32448a !important;
		font-weight: 600;
	}
	.news-detail p{font-size: 1.3em; color: #32448a;}
	.ind-con .news-sup {height: 280px;}
}

/*直立視窗*/
@media screen and (orientation: portrait) {
.test::after {content: "";}
}

/*橫向視窗*/
@media screen and (orientation: landscape) {
.test::after {content: "";}
}


}