@charset "utf-8";

/*麵包屑*/
.nav_block {
	height: 40px;
	width: 940px;
	font-size: 13px;
	color: #4d4d4d;
	font-family: "新細明體";
	line-height: 40px;
	overflow: hidden;
}

.nav_block a{
	color:#993399;
	}
	
	
/*共用*/	
.main_title .sub_title{
	background-color: #ffe4e1;
	padding: 5px 10px;
	margin-left: 5px;
}
.main_title .sub_title a{
	color: #3a459a;
}
.main_title{
	width:926px;
	height:54px;
	background-image:url(../image/share/title_bg.png);
	font-family:"新細明體";
	font-size:20px;
	color:#663300;
	line-height: 54px;
	padding-left: 14px;
	overflow: hidden;
	font-weight: bold;
	}
	
.main_title_b{
	width:926px;
	height:54px;
	background-image:url(../image/about/about_title_bg.png);
	font-family:"新細明體";
	font-size:20px;
	color:#333366;
	line-height: 54px;
	padding-left: 14px;
	overflow: hidden;
	font-weight: bold;
	}
	
.main_title_minor{
	background-image:url(../image/share/minor_title_bg.png);
	width:926px;
	height:64px;
	font-size:18px;
	font-family: "新細明體", Arial;
	color:#4d4d4d;
	padding-left: 14px;
	line-height: 64px;
	overflow: hidden;
	font-weight: bold;
	}
.main_title_minor_b {
	background-image:url(../image/share/minor_title_bg_b.png);
	width:686px;
	height:64px;
	font-size:18px;
	font-family: "新細明體", Arial;
	color:#4d4d4d;
	padding-left: 14px;
	line-height: 64px;
	overflow: hidden;
	background-repeat: repeat-x;
	font-weight: bold;
}

	
.main_title_minor_1{
	background-image:url(../image/share/title_y_bg.jpg);
	width:926px;
	height:37px;
	font-size:15px;
	font-family: "新細明體";
	color:#fff;
	padding-left: 14px;
	line-height: 37px;
	overflow: hidden;
	font-weight: bold;
	}
	
.main_title_minor_2{
	background-image:url(../image/contact/title_cont_1.jpg);
	width:926px;
	height:33px;
	padding-left:14px;
	line-height:33px;
	font-size:15px;
	color:#4d4d4d;
	font-weight:bold;
	margin-top: 15px;
	}
	
.maincont{
	width:940px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-bottom: 15px;
	}

.top_bg{
	width:100%;
	height:36px;
	background-image:url(../image/share/top_btn_bg.jpg);
	}
	
.top_bg .topBlock{
	width:940px;
	height:28px;
	font-family: Arial;
	font-size: 13px;
	color: #333333;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 8px;
	}
	
.top_bg .topBlock a{
	color: #333333;
	text-decoration:none;
	}

.top_block{
	width:940px;
	height:50px;
	font-family:Arial;
	font-size:13px;
	}
.top_block a{
    color:#333333;
	text-decoration:none;
}

/*最新消息*/


.news_datalist{
	width:920px;
	height:34px;
	background-color:#fff7e5;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #ebeae9;
	border-bottom-color: #ebeae9;
	padding-left:20px;
	font-family: "新細明體";
	font-size: 13px;
	color: #4d4d4d;
	line-height: 34px;
	overflow: hidden;
	}
	
.news_txt{
	width:920px;
	height:34px;
	background-color:#FFF;
	font-size: 13px;
	font-family: "新細明體";
	padding-top: 18px;
	padding-left:20px;
	}
	
.news_txt a{
	text-decoration:none;
	color:#0066cc;
	}
	
.news_txt a:hover{
	color:#99ccff;
}

.news_tab_options{
	min-height:30px;
	height:auto;
	font-family:"新細明體";
	font-size:13px;
	color:#CCC;
	line-height: 30px;
	margin-bottom: 10px;
	}
	
.news_tab_options a{
	color:#0066cc;
	text-decoration:none;
	}
	
/*最新消息內頁*/	
	
.news_in_date{
	font-family:"新細明體";
	font-size:13px;
	color:#4d4d4d;
	text-align:right;
	width:700px;
	margin-bottom:10px;
	}	

.news_in_title{
	width:700px;
	font-family:"新細明體";
	font-size:16px;
	color:#0025de;
	font-weight:bold;
	text-align:center;
	margin-bottom:30px;
	}
	
.news_in_txt{
	width:620px;
	font-size:13px;
	font-family:"新細明體";
	color:#4d4d4d;
	padding-bottom:80px;
	margin:0 auto 0 auto;
	}
	
.news_in_back_btn_bg{
	width:700px;
	height:38px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #b8b3b0;
	border-bottom-color: #b8b3b0;
	}

.news_in_back_btn_img{
	width:68px;
	height:15px;
	margin:10px auto 0 auto;
	}
	
.news_in_top_btn{
	width:700px;
	height:50px;
	font-family:Arial;
	font-size:13px;
	}
	
.news_in_top_btn a{
	color:#0066cc;
	text-decoration:none;
	}
	
.news_in_more_btn{
	padding-left:110px;	
	}	

	
/*右側選單*/	
.right_link_bg_01{
	background-image:url(../image/news/news_right_link_01.png);
	width:205px;
	height:45px;
	padding-left:15px;
	font-family: "新細明體", Arial;
	line-height: 45px;
	font-weight: bold;
	color: #4d4d4d;
	}
	
.right_link_bg_02{
	background-image:url(../image/news/news_right_link_02.png);
	width:190px;
	padding-left:15px;
	padding-top: 10px;
	font-family: "新細明體";
	font-size: 13px;
	padding-right: 15px;
	}
	
.right_link_bg_02 a{	
	color:#0066cc;
	text-decoration:none;
	}	
	
.right_link_bg_02 a:hover{
	color:#99ccff;
	}


.right_link_bg_03{
	background-image:url(../image/news/news_right_link_03.png);
	width:220px;
	height:14px;
	}

.right_link_bg_02 table tr td{
	padding:10px 0 10px 0;
	}
	
.right_link_bg_02 .title{
	width:204px;
	height:36px;
	background-color:#fdf0cc;
	border: 1px solid #cccccc;
	font-family: "新細明體", Arial;
	font-size: 13px;
	color: #663300;
	font-weight: bold;
	line-height: 36px;
	padding-left: 14px;
	}
	
.right_link_bg_02 .txt{
	width:205px;
	min-height:40px;
	padding-left:15px;
	padding-top: 10px;
	}

/*商品情報*/

.prolist_box{
	width:940px;
	min-height:290px;
	}
	
.prolist_box .grid{
	width:168px;
	/*height:270px;*/
	float:left;
	margin-bottom: 10px;
	}
	
.prolist_box .grid a{	
	color:#993399; 
	text-decoration:none;
	}
.prolist_box .grid a:hover{
	color:#ff66ff;
	}

.prolist_box .grid .imgs_p{
	width:164px;
	height:164px;
	border: 1px solid #cccccc;
	vertical-align:middle;
	text-align:center;
	display:table-cell; 
	}
	
.prolist_box .grid .imgs_p span{
	height:100%; 
	display:inline-block;
	}	
	
.prolist_box .grid .imgs_p *{
	vertical-align:middle;
	}
	

.proint_box{
	width:700px;
	min-height:260px;
	height:auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	margin-bottom: 30px;
	padding-bottom:30px;
	}
	
.proint_box .imgs{
	/* [disabled]width:275px; */
	/* [disabled]height:180px; */
	border:#CCC 1px solid;
	}
.proint_box .imgs1{
	/* [disabled]width:275px; */
	/* [disabled]height:180px; */
	border:#CCC 1px solid;
	float:left;
	width:275px;
	height:180px;
	padding:5px;
	}
	
.proint_box .imgs1 .midd{
	width:263px;
	height:168px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	}
	
.proint_box .imgs1 .midd img{ max-width:100%; max-height:100%; }
	
.proint_box .imgs1 .midd *{
	vertical-align:middle;
	}
	
.proint_box .imgs1 .midd span{
	height:100%; 
	display:inline-block;
	}
	
.proint_box .title{
	background-image:url(../image/products/title_y_bg.jpg);
	width:685px;
	height:37px;
	font-family: "新細明體", Arial;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	line-height: 37px;
	padding-left: 15px;
}

.proint_box .txt{
	}
	
.proint_box .txt ul li{
	margin-left:5px;
	list-style-type: none;
	background-image: url(../image/products/bullets_icon_y.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 25px;
	padding-top: 1px;
	}
	
.proint_box .txt ul li ul{
	padding-top:10px;
	}
	
.proint_box .goingBtn{
	width:66px;
	height:18px;
	}

/*頁籤*/

.tab_bg{
	width:700px;
	height:30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ff7a04;
	margin-bottom: 10px;
	}
	
.tab_bg .tab_btn01{
	float:left;
	line-height: 31px;
	text-align: center;
	}
	
.tab_bg .tab_btn01 a{
	width:110px;
	height:31px;
	display:block;
	background-image:url(../image/products/tab_00.png);
	text-decoration: none;
	color: #9c9c9c;
	}

.tab_bg .tab_btn01 a:hover {
	background-image:url(../image/products/tab_00_s.png);
	color: #f77b17;
	}
	
.tab_bg .tab_btnXX{
	float:left;
	line-height: 31px;
	text-align: center;
	}	
	
.tab_bg .tab_btnXX a{	width:110px;
	height:31px;
	display:block;
	background-image:url(../image/products/tab_00_s.png);
	text-decoration: none;
	color:#f77b17;
	}
	
.tab_bg .tab_btn02{
	float:left;
	line-height: 31px;
	text-align: center;
	}
	
.tab_bg .tab_btn02 a{
	width:110px;
	height:31px;
	display:block;
	background-image:url(../image/products/tab_00.png);
	text-decoration: none;
	color: #9c9c9c;
	}

.tab_bg .tab_btn02 a:hover{
	background-image:url(../image/products/tab_00_s.png);
	color: #f77b17;
	}
	
.tab_bg .tab_btn03{
	float:left;
	line-height: 31px;
	text-align: center;
	}
	
.tab_bg .tab_btn03 a{
	width:110px;
	height:31px;
	display:block;
	background-image:url(../image/products/tab_00.png);
	text-decoration: none;
	color: #9c9c9c;
	}

.tab_bg .tab_btn03 a:hover{
	background-image:url(../image/products/tab_00_s.png);
	color: #f77b17;
	}
	
.tab_bg .tab_btn04{
	float:left;
	line-height: 31px;
	text-align: center;
	}
	
.tab_bg .tab_btn04 a{
	width:110px;
	height:31px;
	display:block;
	background-image:url(../image/products/tab_00.png);
	text-decoration: none;
	color: #9c9c9c;
	}

.tab_bg .tab_btn04 a:hover{
	background-image:url(../image/products/tab_00_s.png);
	color: #f77b17;
	}
	
.tab_options{
	min-height:30px;
	font-family:"新細明體";
	font-size:13px;
	color:#CCC;
	line-height: 30px;
	margin-bottom: 10px;
	}
	
.tab_options a{
	color:#0066cc;
	text-decoration:none;
	display:inline-block; vertical-align:middle;
	}


/*商品目錄*/
.pro_sort_title{
	background-image:url(../image/products/sort_title_bg.png);
	width:413px;
	height:35px;
	padding-left:35px;
	font-family:"新細明體";
	font-size:18px;
	color:#663300;
	line-height: 37px;
	font-weight: bold;
	}

.pro_sort_imgs{
	width:277px;
	height:180px;
	padding:1px;
	border: 1px solid #CCC;
	}
	
.pro_sort_txt{
	font-family:"新細明體";
	font-size:15px;
	padding-left: 5px;
	}

.pro_sort_txt ul li{
	margin-left:5px;
	list-style-type: none;
	background-image: url(../image/products/bullets_icon_y.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 25px;
	padding-top: 1px;
	padding-bottom: 10px;
	}

.pro_sort_txt ul li a{
	color:#0066cc;
	text-decoration:none;
	}

.pro_sort_txt ul li a:hover{
	color:#99ccff;
	}
	
/*品牌總覽*/

.brand_block{
	width:940px;
	}	
	
.brand_block .imgs{
	width:209px;
	border: 1px solid #ccc;
	padding:1px;
	
	}
	
.brand_block .imgs .img_1{
	width:209px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	}
	
.brand_block .imgs .img_1 *{
	vertical-align:middle;
	text-align:center;
	}
	
.brand_block .imgs .img_1 span{
	display:inline-block;
	}
	
.brand_block .txt{
	font-family:"新細明體";
	font-size:15px;
	padding-left: 5px;
	}

.brand_block .txt ul li{
	margin-left:5px;
	list-style-type: none;
	background-image: url(../image/useful/bullets_icon_b.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 25px;
	padding-top: 1px;
	}

.brand_block .txt ul li a{
	color:#1122cc;
	text-decoration:none;
	}

.brand_block .txt ul li a:hover{
	color:99ccff;
	}
	
.brand_block .txt ul li ul{	
	padding-top:10px;
	line-height:20px;
    }

.brand_block table tr td{
	padding:10px;
	}	
	
	
	
/*知識庫*/

.useful_block{
	width:940px;
	}	
	
.useful_block .imgs{
	width:209px;
	/* [disabled]height:138px; */
	border: 1px solid #ccc;
	padding:1px;
	}
	
.useful_block .txt{
	font-family:"新細明體";
	font-size:15px;
	padding-left: 5px;
	}

.useful_block .txt ul li{
	margin-left:5px;
	list-style-type: none;
	background-image: url(../image/useful/bullets_icon_b.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 25px;
	padding-top: 1px;
	}

.useful_block .txt ul li a{
	color:#1122cc;
	text-decoration:none;
	}

.useful_block .txt ul li a:hover{
	color:99ccff;
	}
	
.useful_block .txt ul li ul{	
	padding-top:10px;
	line-height:20px;
    }

.useful_block table tr td{
	padding:10px;
	}
	

/*活動*/

.act_block{
	width:940px;
	height:210px;
	}
	
.act_block .imgBg{
	background-image:url(../image/activity/act_img_bg.jpg);
	padding: 5px;
	width:170px;
	height:170px;
	overflow:hidden;}

.act_block .imgBg2{
	background-image:url(../image/activity/act_img_bg.jpg);
	padding: 5px;
	width:170px;
	height:170px;
	vertical-align:middle;
	}
	
.act_block .title{
	width:730px;
	height:40px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #b7b1b5;
	font-family: "新細明體";
	line-height: 40px;
	color: #eb6110;
	font-weight: bold;
	font-size: 13px;
	padding-left: 2px;
	margin-left: 15px;
	}
	
.act_block .txt{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #b7b1b5;
	padding-bottom:30px;
	padding-left: 2px;
	font-family: "新細明體";
	font-size:13px;
	color:#4d4d4d;
	width:730px;
	margin-left: 15px;
	line-height:20px;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #b7b1b5;
	}
	
.act_block .going_act_btn{
	margin-left:560px;
	width:184px;
	height:38px;
	margin-top: 15px;
	}
	
.act_block .going_act_btn a{
	background-image:url(../image/activity/going_act_btn.png);
	width:184px;
	height:38px;
	display:block;
	}
	
.act_block .going_act_btn a:hover{
	background-image:url(../image/activity/going_act_btn_s.png);
	}


.act_txt{
	width:912px;
	color:#4d4d4d;
	font-size:13px;
	padding:10px 14px;
	}

.act_in_back_btn_bg{
	width:940px;
	height:38px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #b8b3b0;
	border-bottom-color: #b8b3b0;
	}
	
.act_in_back_btn_img{
	width:85px;
	height:15px;
	margin:10px auto 0 auto;
	}


/*聯絡我們*/

.cont_txt{
	width:926px;
	padding-bottom:10px;
	padding-left:14px;
	font-size:13px;
	color:#4d4d4d;
	line-height:24px;
	padding-top: 15px;
	}
	
.cont_txt ul li{
	margin-left:14px;
	}
	
.cont_txt table tr td{
	padding:5px 0 5px 0;
	}

.cont_txt .input_style{
	border: 1px solid #a9a9a9;	
	}

.cont_txt .submit_btn{
	width:76px;
	height:38px;
	}
	
.cont_txt .submit_btn a{
	display:block;
	width:76px;
	height:38px;
	background-image:url(../image/contact/submit_btn.png);
	}
	
.cont_txt .submit_btn a:hover{
	background-image:url(../image/contact/submit_btn_s.png);
	}

.input_w_L{
	width:375px;
	}

.input_w_M{
	width:150px;
	}
	
.input_w_S{
	width:70px;
	}	
	
.input_h_M{
	height:20px;
	}

.input_h_L{
	height:135px;
	}

.contIndexFlex{ display:flex; flex-wrap:wrap; margin-left:-24px; padding:90px 0 0 0; }
.contIndexFlex *{ box-sizing:border-box; font-family:"微軟正黑體", "新細明體"; }
.contIndexFlex .grids{ display:flex; padding:0 0 80px 24px; width:25%; }
.contIndexFlex .grids .gs{ width:100%; display:block; border-radius:10px; background:#fff; position:relative; box-shadow: 0 1px 10px rgba(0,0,0,0.2); padding:60px 15px 60px 15px; text-decoration:none; }
.contIndexFlex .grids .gs .icon{ position:absolute; width:102px; top:-51px; left:0; right:0; margin:auto; }
.contIndexFlex .grids .gs .icon .ibg{ width:100%; padding-bottom:100%; background-color:#f7b401; background-repeat:no-repeat; background-position: center; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; }
.contIndexFlex .grids .gs .icon .ibg.blue{ background-color:#3caed4; }
.contIndexFlex .grids .gs .icon .ibg.icon01{ background-image:url(../image/contact/icon01.png) }
.contIndexFlex .grids .gs .icon .ibg.icon02{ background-image:url(../image/contact/icon02.png) }
.contIndexFlex .grids .gs .icon .ibg.icon03{ background-image:url(../image/contact/icon03.png) }
.contIndexFlex .grids .gs .icon .ibg.icon04{ background-image:url(../image/contact/icon04.png) }
.contIndexFlex .grids .gs .icon .ibg.icon05{ background-image:url(../image/contact/icon05.png) }
.contIndexFlex .grids .gs .icon .ibg.icon06{ background-image:url(../image/contact/icon06.png) }
.contIndexFlex .grids .gs .icon .ibg.icon07{ background-image:url(../image/contact/icon07.png) }
.contIndexFlex .grids .gs .icon .ibg.icon08{ background-image:url(../image/contact/icon08.png) }
.contIndexFlex .grids .gs .title{ text-align:center; font-size:20px; color:#333; font-weight:bold; min-height:54px; display: flex; align-items: center; justify-content: center; margin-bottom:15px; text-decoration: none; }
.contIndexFlex .grids .gs .txt{ color:#555; font-size:13px; margin-bottom:15px; line-height: 1.8; text-decoration: none; }
.contIndexFlex .grids .gs .txt.bgBlue{ background-color: #ffe4e1; margin: 0px -5px; padding: 10px 5px; }
.contIndexFlex .grids .gs .txt.bgBlue a{ color: #3a459a; font-weight: 900; }
.contIndexFlex .grids .gs .flexTxt{ display:flex; margin-bottom:8px; }
.contIndexFlex .grids .gs .flexTxt .fgs01{ color:#f4673d; font-size:13px; width:66px; }
.contIndexFlex .grids .gs .flexTxt .fgs02{ color:#333; font-size:13px; flex:1; }

.contIndexFlex .grids .gs .link{ position:absolute; bottom:20px; right:15px; }
.contIndexFlex .grids .gs .retxt{ color:#aaa; font-size:13px; text-align:center; }

.contIndexFlex .grids .gs .link.sp{ width: calc(100% - 30px); text-align: right; padding: 15px 0; margin-bottom: -15px; }

.contIndexFlex .grids .gs:hover .icon{ animation: hovermv 1s infinite; }
@keyframes hovermv{
	0%{ transform:scale(1); }
	50%{ transform:scale(1.05); }
	100%{ transform:scale(1); }
}
	
.contTxtCont *{ font-family:"微軟正黑體", "新細明體",Arial, Helvetica, sans-serif; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.contTxtCont .contTxt{ color:#663300; font-size:14px; line-height:1.6; margin-bottom:25px; }	
.contTxtCont .contTxt ul{ list-style:decimal; margin-left:25px; }
.contTxtCont .contTxt ul li{ margin-bottom:5px; }
.contTxtCont .contTxt .retxt{ color:#F00; padding:30px 0 0 0; }

.contTxtCont .contTable{ display:flex; margin-left:-40px; flex-wrap:wrap; }
.contTxtCont .contTable .grids{ padding:0 0 20px 40px; width:50%; display:flex; align-items: flex-start; }
.contTxtCont .contTable .grids.long{ width:100%; }
.contTxtCont .contTable .grids .h1title{ width:154px; position:relative; color:#4d4d4d; font-size:14px; padding-left:10px; margin-top: 6px; }
.contTxtCont .contTable .grids .h1title span{ color:#f00; }
.contTxtCont .contTable .grids .h1title:before{ content:""; display:block; width:3px; height:16px; background-color:#f7b401; position:absolute; left:0; top:1px; }
.contTxtCont .contTable .grids .ptxt{ flex:1; }
.contTxtCont .contTable .grids .ptxt .pflex{ display:flex; margin-left:-10px; flex-wrap:wrap; margin-bottom:10px; }
.contTxtCont .contTable .grids .ptxt .pflex:last-child{ margin-bottom:0; }
.contTxtCont .contTable .grids .ptxt .pflex .p_grids{ padding:0 0 0 10px; }
.contTxtCont .contTable .grids .ptxt .pflex .p_top{ padding-top:10px; }
.contTxtCont .contTable .grids .ptxt .pflex .p1{ width:100%; }
.contTxtCont .contTable .grids .ptxt .pflex .p2{ width:50%; }
.contTxtCont .contTable .grids .ptxt .pflex .p3{ width:160px; }
.contTxtCont .contTable .grids .ptxt .pflex .p4{ flex:1; }
.contTxtCont .contTable .grids .ptxt .pflex .p5{ width:40px; }
.contTxtCont .contTable .input{ width:100%; background:#eee; line-height:30px; height:30px; border:none; text-indent:10px; font-size:14px; }
.contTxtCont .contTable .textarea{ width:100%; background:#eee; height:80px; resize:none; padding:10px; border:none; font-size:14px; }
.contTxtCont .contTable label{ font-size:14px; color:#333; margin-top:6px; display:inline-block; }
.contTxtCont .contTable .addbtn{ display:inline-block; vertical-align:middle; width:30px; height:30px; background-color:#1f92d5; background-image:url(../image/contact/btn_add.png); background-position:center; background-repeat:no-repeat; cursor:pointer; }
.contTxtCont .contTable .delbtn{ display:inline-block; vertical-align:middle; width:30px; height:30px; background-color:#d51f1f; background-image:url(../image/contact/btn_del.png); background-position:center; background-repeat:no-repeat; cursor:pointer; }
.contTxtCont .contTable .re_txt{ font-size:13px; color:#aaa; }
.contTxtCont .contTable .inputbox{ background:#eee; padding:0 30px 0 0; position:relative; }
.contTxtCont .contTable .inputbox .rebtn{ position:absolute; top:0; right:0; display:block; width:30px; height:30px; background-image:url(../image/contact/btn_re.png); background-repeat:no-repeat; background-position:center; cursor:pointer; }

.contTxtCont .endtxt{ padding-top:40px; color:#333; font-size:13px; line-height:1.8; }
.contTxtCont .endtxt ul{ margin:10px 0 0 20px; list-style:decimal; }
.contTxtCont .endtxt a{ color:#0066cc; text-decoration:none; font-size:13px; }

.contTxtCont .contSent{ text-align:center; padding:60px 0 70px 0; }
.contTxtCont .contSent .btn{ display:inline-block; line-height:42px; height:42px; width:130px; background:#f7b401; color:#fff; font-size:16px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; text-decoration:none; font-weight:bold; border:none; cursor:pointer; }

/*聯絡我們光箱*/
.lightbox_contact{ position:fixed; top:0; left:0; right:0; bottom:0; margin:auto; background-color:rgba(0,0,0,0.8); z-index:100; display:flex; align-items: center; justify-content: center; display: none; }
.lightbox_contact .wbg{ padding:25px; background:#fff; max-width:700px; margin:auto; width:90%; max-height:90vh; position:relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.lightbox_contact .wbg .maxht{ height:420px; overflow: auto; padding: 20px; }
.lightbox_contact .wbg .closebtn{ position:absolute; top:-20px; right:-20px; width:40px; height:40px; background:#3caed4; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; cursor: pointer; }
.lightbox_contact .wbg .closebtn:before{ content:""; display:block; width:2px; height:18px; background:#fff; transform:rotate(45deg); position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; }
.lightbox_contact .wbg .closebtn:after{ content:""; display:block; width:2px; height:18px; background:#fff; transform:rotate(-45deg); position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; }

.lightbox_contact .wbg .grids{ display: flex; width: 100%; padding-bottom: 30px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.lightbox_contact .wbg .grids:last-child{ padding-bottom: 0; }
.lightbox_contact .wbg .list{ text-decoration:none; width: 100%; background-color: #fff; padding: 20px; border-radius:10px; display: flex; box-shadow: 0 0 10px rgba(0,0,0,0.2); }
.lightbox_contact .wbg .list .imgs{ border: 1px solid #f7b401; border-radius:10px; width: 118px; height: 102px; background-position: center; background-size: cover; background-repeat: no-repeat; }
.lightbox_contact .wbg .list .textbox{ flex:1; padding: 0 25px; }
.lightbox_contact .wbg .list .textbox .h1{ font-size: 20px; color: #333; font-weight: 700; margin-bottom: 15px; }
.lightbox_contact .wbg .list .textbox .h2{ font-size: 16px; color: #777; }
.lightbox_contact .wbg .list .btnflex{ display: flex; align-items: center; }
.lightbox_contact .wbg .list .btnshop{ width: 60px; height: 60px; background-image: url(../image/contact/btn_shopping.png); background-repeat: no-repeat; background-position: center; background-size:40px; border: 1px solid #f7b401; border-radius:50%; display: block; transition: .5s background-color; }

.lightbox_contact .wbg .list:hover .btnshop{ background-color:#f7b401; background-image: url(../image/contact/btn_shopping_s.png); }

/*聯絡我們 維護中光箱*/
.lightbox_contact_maintain{ position:fixed; top:0; left:0; right:0; bottom:0; margin:auto; background-color:rgba(0,0,0,0.8); z-index:100; display:flex; align-items: center; justify-content: center; }
.lightbox_contact_maintain .wbg{ padding:25px; background:#fff; max-width:440px; margin:auto; width:90%; max-height:90vh; position:relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.lightbox_contact_maintain .titleH1{ font-size:20px; color:#333; font-weight:bold; margin-bottom:20px; text-align:center; }
.lightbox_contact_maintain .txt{ font-size:16px; line-height:1.8; margin-bottom:25px; }
.lightbox_contact_maintain .btnbox{ text-align:center; }
.lightbox_contact_maintain .btnbox .btns{ display:inline-block; line-height:36px; border-radius:5px; padding:0 20px; background-color:#f7b401; color:#fff; font-size:16px; font-weight:bold; text-decoration:none; }

/*聯絡我們 AI*/
.aiBox{ display: none; max-width: 1024px; width: 90%; height: 100vh; max-height: 600px; margin: auto; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 85; padding-top: 50px; }
.aiBox iframe{ box-shadow: 0 0 40px rgba(0,0,0,0.2); border-bottom: 2px solid #9a9a9a; border-right: 2px solid #9a9a9a; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.aiCloseBlock{ position: absolute; top: 0; left: 0; width: 100%; height: 50px; background-color: rgba(123,123,123,0.8); border-radius: 10px 10px 0 0; }
.aiCloseBtn{ position: absolute; width: 40px; height: 30px; line-height: 30px; text-align: center; top: 10px; right: 10px; cursor: pointer; background-color: #337ab7; color: #fff; font-size: 15px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 0 5px; font-weight: bold; }
.aiBtn{ cursor: pointer; position: fixed; bottom: 20px; left: 20px; z-index: 80; width: 109px; height: 115px; background-image:url(../image/contact/icon09.png); background-repeat:no-repeat; background-position:center; background-size:100%; animation:ailight 2s infinite; }

@keyframes ailight{
	0%{ background-image:url(../image/contact/icon09.png); }
	30%{ background-image:url(../image/contact/icon09_light.png); }
	40%{ background-image:url(../image/contact/icon09.png); }
	50%{ background-image:url(../image/contact/icon09_light.png); }
	100%{ background-image:url(../image/contact/icon09.png); }
}

.aiBox.fadeIn{
	display: block;
	animation-name: aIn;
	animation-delay: 0s;
	animation-duration: 0.5s;
	animation-iteration-count: 1;
}
@keyframes aIn{
	0%{ opacity: 0; }
	20%{ opacity: .2; }
	50%{ opacity: .5; }
	70%{ opacity: .7; }
	100%{ opacity: 1; }
}

.aiBox.fadeOut{
	animation-name: aOut;
	animation-delay: 0s;
	animation-duration: 0.5s;
	animation-iteration-count: 1;
	display: none;
}
@keyframes aOut{
	0%{ opacity: 1; }
	20%{ opacity: .7; }
	50%{ opacity: .5; }
	70%{ opacity: .2; }
	100%{ opacity: 0; }
}

/*企業情報*/

.about_banner{
	background-image:url(../image/about/banner_big.png);
	width:940px;
	height:270px;
	margin-bottom: 25px;
	}
	
.about_ent{
	width:940px;
	padding-bottom: 10px;
	overflow: hidden;
	}
	
.about_ent .grid{
	width:170px;
	float:left;
	padding-bottom: 10px;
	}

.about_ent .grid .imgs{
	width:160px;
	height:120px;
	background-image:url(../image/about/ent_bg.png);
	padding:5px;
	}
	
.about_ent .grid .txt{
	line-height:20px;
	margin-top: 10px;
}


.about_title{
	background-image:url(../image/about/title_b_bg.jpg);
	width:685px;
	height:37px;
	font-family: "新細明體", Arial;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	line-height: 37px;
	padding-left: 15px;
}

.about_txt{
	width:700px;
	font-size:13px;
	font-family:"新細明體";
	color:#4d4d4d;
	margin-top: 10px;
	overflow: hidden;
	padding-bottom: 10px;
	}
	
.about_txt_1{
	width:700px;
	font-size:13px;
	font-family:"新細明體";
	color:#4d4d4d;
	margin-top: 10px;
	overflow: hidden;
	padding-bottom: 10px;
	}	
	
.about_in_back_btn_bg{
	width:700px;
	height:38px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #b8b3b0;
	border-bottom-color: #b8b3b0;
	}
	
.about_in_back_btn_img{
	width:85px;
	height:15px;
	margin:10px auto 0 auto;
	}

.about_txt_1 table{
border-collapse: collapse;
}

.about_txt_1 table tr td{
	padding:5px;
	border:#999999 solid 1px;
	}
	
.about_txt ul.sty li{
	background-image:url(../image/about/ico_arrow02.gif);
	background-repeat:no-repeat;
	background-position:0px 7px;
	padding:5px 0 5px 20px;
	}
	
.about_size{ font-size:12px; color:#999; }
	
/*網站導覽*/	

.site_txt{
	width:425px;
	padding-bottom:10px;
	padding-left:14px;
	font-size:13px;
	color:#4d4d4d;
	line-height:30px;
	padding-top: 15px;
	}
	
.site_title{
	width:425px;
	height:30px;
	background-color:#e6e6e6;
	padding-left:14px;
	font-family: "新細明體", Arial;
	font-size: 16px;
	line-height: 30px;
	color: #0066cc;
	font-weight: bold;
	margin-top: 5px;
	}
	
.site_title a{
	text-decoration:none;
	color: #0066cc;
	}
	
.site_txt_title{
	color:#eb6110;
	font-size:16px;
	margin-top:10px;
	font-weight: bold;
	}


/*電視廣告*/

.tvad_block{
	width:940px;
	}
	
.tvad_block ul{
	list-style-type: none;
	}
	
.tvad_block ul li{
	display: inline-block;
	width: 435px;
	margin: 0px 20px 20px 0px;
	padding: 0px;
	line-height: 1.3em;
	vertical-align: top;
	position: relative;
	}
	
.tvad_block ul li a{
	display: block;
	padding: 0px 0px 0px 255px;
	text-decoration: none;
	color: #666666;
	font-size: 75%;
	min-height: 180px;
	height: auto !important;
	}
	
.tvad_block ul li img{
	position: absolute;
	left: 0px;
	top: 0px;
	}
	
.tvad_block ul li span{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 240px;
	height: 180px;
	background-image: url(../image/share/bg_frame.png);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
.tvad_block ul li strong{
	display: block;
	color: #1122cc;
	font-size: 125%;
	line-height: 1.6em;
	padding-left: 20px;
	margin-bottom: 15px;
	background-color: transparent;
	background-image: url(../image/share/bullets_arrow_icon.png);
	background-repeat: no-repeat;
	background-position: left 0.2em;
	font-weight: normal;
	}


/*問卷調查*/

.survey_datalist{
	width:920px;
	height:34px;
	background-color:#fff7e5;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #ebeae9;
	border-bottom-color: #ebeae9;
	padding-left:20px;
	font-family: "新細明體";
	font-size: 13px;
	color: #4d4d4d;
	line-height: 34px;
	overflow: hidden;
	}
	
.survey_txt{
	width:920px;
	background-color:#FFF;
	font-size: 13px;
	font-family: "新細明體";
	padding-top: 9px;
	padding-left:20px;
	padding-bottom: 9px;
	}
	
.survey_txt a{
	text-decoration:none;
	color:#0066cc;
	}
	
.survey_txt a:hover{
	color:#99ccff;
}

/* 嬌聯股份有限公司社會責任政策 */
.text-indent-1{ text-indent: -12px; padding: 0 0 0 18px; }
.text-indent-2{ text-indent: -22px; padding: 0 0 0 26px; }
.text-indent-3{ text-indent: -28px; padding: 0 0 0 34px; }
.content-text-padding-1{ padding: 0 0 5px 12px; }
.content-text-padding-2{ padding: 0 0 5px 20px; }
.content-text-padding-3{ padding: 0 0 5px 28px; }

/* 欄位驗證 */
.p_grids{ display: inline-flex; flex-direction: column; gap: 10px; }
.pGridsBox{ font-size: 14px; display: inline-flex; flex-direction: column; width: 100%; }
.pGridsBox *{ font-size: 1em; }
.pGridsBox span{ padding: 0 0 0 5px; }
.pGridsBox button{ word-break: keep-all; }
.pGridsBox button span{ padding: unset; display: inline-flex; align-items: center; }
.pGridsBox .items{ display: inline-flex; flex-wrap: wrap; align-items: center; gap: 5px 10px; width: 100%; }
.pGridsBox .timeBox{ padding: 0 0 0 2px; width: 100%; }
.pGridsBox .timeBox *{ padding: unset; }

.text-red-600{ color: rgb(220 38 38); }
.text-green-600{ color: rgb(22 163 74); }