@charset "utf-8";
@import url("reset.css");
@import url("loading.css");
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> Main <<<------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

html { height:100% }
body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; -webkit-text-size-adjust:none; font-size:12px; overflow-y:scroll }
body, td, th { font-size:12px; font-family: Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "Microsoft JhengHei", "新細明體", "PMingLiU", sans-serif; }
.iframe_ch { display:none; }
.middle{ vertical-align:middle;}
.width100{ width:100%; }

/*a { text-decoration:none; color:#231815;}
a:hover { color:#666;}*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Common <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

div .editor{ line-height:25px; letter-spacing:1px; margin:30px 10px;}
#spec .btn2{margin-top:30px; text-align:center; line-height:40px; letter-spacing:1px; font-size:16px; color:#FFF; background:#1773B4; width:205px; height:40px; cursor:pointer; }
.common_btn{width:50px; background:#009; margin:0 auto; text-align:center; background:#358BC4; color:#fff; padding:10px; cursor:hand; cursor:pointer;}

.inner_banner{text-align:center; max-height:263px;}

#sitemap{ position:relative; max-width:1000px; width:100%; height:79px; margin:0 auto; background:url(../../images/menu_bg.jpg) repeat-x;}
#sitemap .title{position:absolute; color:#FFF; font-size:16px; top:30px; left:40px; letter-spacing:1px;}
#sitemap .title span{font-weight:bold; font-size:22px; letter-spacing:1px;}
#sitemap .map{position:absolute; bottom:10px; right:15px; letter-spacing:1px; color:#FFF; font-size:14px}
#sitemap .map a{ color:#FFF; }

.contact_btn{display:inline-block; color:#000; width:200px; height:45px; text-align:center; background:#C2C2C2;  line-height:45px; font-size:18px; letter-spacing:1px; margin-bottom:10px;}
.contact_btn:hover{display:inline-block; color:#fff; width:200px; height:45px; background:#1773B4; line-height:45px; font-size:18px; letter-spacing:1px; margin-bottom:10px;}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Index <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#wrapper{}

#header{ width:100%; background:#1773b4; }
#header .wrap{ max-width:1000px; width:100%; height:70px; margin:0 auto; }
#header .language{float:right; margin-top:8px;}
#header .language div{ text-align:right; font-size:14px; letter-spacing:1px; margin:7px; color:#FFF;}
#header .language div a{ color:#FFF; text-decoration:none; }

/*wide menu*/
#menu{ width:1000px; height:70px; margin:0 auto;}
#menu ul{ list-style:none; margin:0; padding:0; }
#menu ul li{ box-sizing: border-box;  float:left; width:200px; height:70px; line-height:70px; border-right:1px solid #E0E0E0; color:#1D1D1D; font-size:18px; font-weight:bold; letter-spacing:1px; text-align:center; cursor:hand; cursor:pointer; }
#menu ul li:hover{ background:#6AB5DF; color:#FFF; }


/*narrow menu*/
#menu_mobile{ position:relative; overflow: hidden; width:100%; background:#4D4D4D; height:40px; margin: 0 auto; }
#menu_mobile .icon_menu{position:absolute; right:5px;}

#mainMenu{width:100%; right:0; position:absolute; background:#FFF; z-index:99999;}
#mainMenu .menu{ background:#DCF5FA; color:#0FA8EE; border-bottom:1px dotted #3AB5D4; height:44px; line-height:44px; font-family:'微軟正黑體'; font-size:14px; color:#0FA8EE; font-weight:bold; padding-left:15px; cursor:hand; cursor:pointer;}
#mainMenu .menu:hover{background:#47BDD9; color:#fff; border-bottom:1px dotted #3AB5D4; height:44px; line-height:44px; font-family:'微軟正黑體'; font-size:14px; font-weight:bold; padding-left:15px; cursor:hand; cursor:pointer; }
#mainMenu .subMenu1{background:#EDEDED; color:#626365; height:44px; line-height:44px; font-family:'微軟正黑體'; font-size:14px; font-weight:bold; padding-left:15px; cursor:hand; cursor:pointer; margin-bottom:1px;}
#mainMenu .subMenu2{background:#FFE5EE; color:#0FA8EE; height:44px; line-height:44px; font-family:'微軟正黑體'; font-size:14px; font-weight:bold; padding-left:15px; cursor:hand; cursor:pointer; margin-bottom:1px;}
#mainMenu .subMenu3{background:#FFF; color:#0FA8EE; height:44px; line-height:44px; font-family:'微軟正黑體'; font-size:14px; font-weight:bold; padding-left:35px; cursor:hand; cursor:pointer; }
#mainMenu .subMenu4{background:#FFF; color:#0FA8EE; height:44px; line-height:44px; font-family:'微軟正黑體'; font-size:14px; font-weight:bold; padding-left:55px; cursor:hand; cursor:pointer; }

#lang_mobile{position:absolute; right:40px; top:6px;}
#lang_mobile .box{ cursor:pointer; cursor:hand; float:left; width:25px; height:22px; line-height:22px; border:1px solid #FFF; color:#fff; font-size:15px; text-align:center; margin-right:10px;}


#index_about{ max-width:1000px; width:100%; margin:0 auto; }
#index_about .frame{ float:left; position:relative; max-width:500px; width:50%; border:1px solid #E7E7E7; border-bottom:0; border-top:0;  box-sizing: border-box; }
#index_about .frame .title{width:100%; height:75px; line-height:75px; border-bottom:1px solid #E0E0E0; color:#1673B6; font-size:16px; letter-spacing:1px; font-weight:bold; text-align:center; background: url(../../images/info_bg2.jpg);
-moz-background-size:100% 100%;
-webkit-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;}
#index_about .frame .title_on{width:100%; height:75px; line-height:75px; border-bottom:1px solid #E0E0E0; cursor:pointer; cursor:hand; color:#ffffff; font-size:16px; letter-spacing:1px; font-weight:bold; text-align:center; background: url(../../images/info_bg1.jpg);
-moz-background-size:100% 100%;
-webkit-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;}

#index_about .frame .title span{ font-size:21px;}
#index_about .frame .title_on span{ font-size:21px;}
#index_about .frame .title:hover{width:100%; height:75px; line-height:75px; border-bottom:1px solid #E0E0E0; cursor:pointer; cursor:hand; color:#ffffff; font-size:16px; letter-spacing:1px; font-weight:bold; text-align:center; background: url(../../images/info_bg1.jpg);
-moz-background-size:100% 100%;
-webkit-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;}

#index_about .frame2{ width:100%; border:1px solid #E0E0E0; box-sizing: border-box;}
#index_about .frame2 .stitle{width:100%; text-align:center; line-height:60px; font-size:16px; font-weight:bold; letter-spacing:1px;}
#index_about .frame2 .scontent{ width:100%; padding:10px 20px; box-sizing: border-box; color:#505050; line-height:22px; letter-spacing:1px; font-size:13px; }

#index_about .more_area{width:100%; height:100px; line-height:100px; overflow:hidden; text-align:center;}
#index_about .more{ line-height:30px; color:#6E6E6E; font-weight:bold; font-size:14px; letter-spacing:1px; text-decoration:none; text-align:center; border:1px solid #999; padding:5px 10px; display:inline-block; cursor:pointer; cursor:hand; }
#index_about .more:hover{ background:#6E6E6E; color:#FFF;}

#index_product{ margin:40px auto; text-align:left; max-width:1005px; overflow:hidden; clear:both; }/* text-align:center;*/
#index_product .title{ border-bottom:0px solid #DFDFDF; height:40px; line-height:40px; text-align:left; margin-top:50px; font-weight:bold; letter-spacing:1px; font-size:15px; color:#333; }
#index_product .square{ margin:10px 0px; width:163px; text-align:left; display:inline-block;cursor:pointer; white-space: nowrap;  text-overflow:ellipsis; -o-text-overflow:ellipsis; }
#index_product .square img{ border:1px solid #ccc;}
#index_product .info{width:100%; height:45px; line-height:45px; text-align:center; color:#000; font-size:13px; letter-spacing:1px; border-bottom:0px solid #DFDFDF;}
#index_product .square:hover .info{ background:url(../../images/product_bg1.jpg); color:#FFF;}


#footer{ overflow:hidden; background:#1773B4; color:#90E6F5; padding-bottom:20px; clear:both; }
#footer .wrapper{ max-width:1000px; margin:0 auto; padding: 20px 0; height:150px;}
#footer .left{ float:left; line-height:50px; padding-left:20px; }
#footer .bigTitle{ font-size:22px; letter-spacing:1px; color:#FFF; margin-top:-10px;}
#footer .info{border-bottom:1px dotted #9b9b9b; width:320px; height:30px; line-height:30px; letter-spacing:1px; white-space: nowrap;  text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
#footer .info_content1{color:#90E6F5; width:70px; padding-left:10px; display:inline-block;}
#footer .info .contact{cursor:pointer;}
#footer .right{ float:right; position:relative; }
#footer_menu{ margin:0;}
#footer ul { list-style:none; right:0; }
#footer ul li{ float:left; font-size:16px; padding:10px 10px;}
#footer ul li a{ color:#ffffff; font-size:14px; text-decoration:none; letter-spacing:1px; }
#footer ul li a:hover{ text-decoration:underline; }
#footer .certificate{width:490px; text-align:right; position:absolute; right:0; margin-top:20px;}
#footer .copyright{margin-top:10px; letter-spacing:1px; line-height:30px; color:#74B0BA;}
#footer .copyright a{ color:#74B0BA;}


@media screen and (min-width: 1015px) {
	#menu_mobile{ display:none; }
	#footer .right{display:inline-block;}
}
@media screen and (max-width: 1015px) {
	#menu{ display:none; }
	#footer .right{display:none;}
	#footer .left{ width:100%;}	
	#footer .info{ width:100%;}	
	#index_product .title{ margin-top:10px; padding-left:10px;}
	#index_product{ text-align:center;}	
}
@media screen and (max-width: 800px) {
	#about .frame{ float:left; width:100%; max-width:none;}	
	
	#index_about .frame{float:left; width:100%; max-width:none;}
}
@media screen and (min-width: 600px) {
	#lang_mobile{display:none;}	
}
@media screen and (max-width: 600px) {
	#header .language{ display:none; }
	.map{display:none;}
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> product list <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#product{ margin:40px auto; padding:0; max-width:1000px; overflow:hidden; min-height:200px;}
#product .left{ width:30%; padding:1%; overflow:hidden; float:left;}
#product .search{ width:278px; height:150px; position:relative;}
/*#product .search .submit{ text-align:center; line-height:40px; letter-spacing:5px; font-size:18px; color:#FFF; text-shadow:1px 1px #000;  right:0;background-image: url('../../images/search_2.jpg'); width:265px; height:40px; cursor:pointer; }*/
#product .search .submit{  text-align:center; line-height:40px; letter-spacing:1px; font-size:18px; color:#FFF;  right:0;background-image: url('../../images/search_2.jpg'); width:265px; height:40px; cursor:pointer; }
#product .search .submit_en{  text-align:center; line-height:40px; letter-spacing:1px; font-size:18px; color:#FFF;  right:0;background-image: url('../../images/search_2_en.jpg'); width:265px; height:40px; cursor:pointer; }
#product .search .title{ max-width:262px; height:65px; line-height:65px; text-align:left; width:100%; color:#ffffff; background:#6ab5df; letter-spacing:1px; font-size:18px;}
#product .search .input_text{max-width:262px; width:100%; height:30px; border:1px solid #c0c0c0; border-top:0; padding-left:10px; margin:0; outline:0; height:60px; font-size:16px; letter-spacing:1px; color:#666; border-radius:0; box-sizing: border-box; }
#product .right{max-width:680px; width:70%; padding:1% 0; overflow:hidden; float:left;}
#product .menu_type{ width:90%;}
#product .menu_type .title{ color:#000; letter-spacing:1px; font-size:16px; text-align:left; }
#product .product_title_area{max-width:677px; width:100%; height:46px;}
#product .product_title{background:url(../../images/product_title2.jpg) repeat-x; color:#333; padding-left:20px; font-size:16px; font-weight:bold; letter-spacing:1px;}
#product ul, li { margin: 0px 0; padding: 0; list-style: none; }
#product #qaContent { max-width:270px; border-top: solid 1px #F1F1F1; margin-top:10px; }
#product #qaContent a{ color:#00A9C6; font-size:14px; display:inline-block; height:30px; letter-spacing:1px; text-decoration:none;}
#product #qaContent a:hover{  text-decoration:underline;}
#product #qaContent h3 {  height: 22px; text-indent: -9999px; }
#product #qaContent h3.qa_group_1 { background: url(qa_group_1.gif) no-repeat; }
#product #qaContent h3.qa_group_2 { background: url(qa_group_2.gif) no-repeat; }
#product #qaContent ul.accordionPart { margin: 0; }
#product #qaContent ul.accordionPart li { /*padding-bottom: 6px; margin-top: 6px;*/ }
#product #qaContent ul.accordionPart li .qa_title { color: #000; font-size:15px; font-weight:bold; cursor: pointer; padding-left:10px; letter-spacing:1px; height:45px; line-height:45px; }
#product #qaContent ul.accordionPart li .qa_title:hover { background-color:#1773B4; color:#FFF; }
#product #qaContent ul.accordionPart li .qa_title_on { text-decoration: none; font-weight:bold; background:#EBEBEB; padding-left:10px; height:45px; line-height:45px;  background-color:#1773B4; color:#FFF; font-size:15px; cursor: pointer; letter-spacing:1px; }
#product #qaContent ul.accordionPart li .qa_content { margin:0; background: url(icon_q_a.gif) no-repeat 0px -24px;  color: #666; display:inline-block; height:45px; line-height:45px; width:100%; text-decoration:none; cursor:pointer; cursor:hand;}
#product #qaContent ul.accordionPart li .qa_content2 { color:#00A9C6; padding-left:20px; white-space: nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; }/* overflow: hidden;*/
#product #qaContent ul.accordionPart li .qa_content2 a{ box-sizing: border-box; text-decoration:none;}
#product #qaContent ul.accordionPart li .qa_content2:hover{ background:#F1F1F1; text-decoration:none;}
#product #qaContent ul.accordionPart li .qa_content2_on {padding-left:20px; background:#F1F1F1; white-space: nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; }/* overflow: hidden;*/

#product_list{ margin:0px auto; text-align:left; max-width:1000px; overflow:hidden; }
#product_list .square{ margin:30px 0px; width:165px; height:auto; text-align:left; display:inline-block; vertical-align:text-top; cursor:pointer;}
#product_list .square:hover .img{border:1px solid #CCC ;}
#product_list .square:hover .title{ /*background:url(../../images/product_bg2.jpg);*/ background:#1773B4; color:#FFF; border:1px solid #CCC ; border-top:1px solid #fff;}
/*#product_list .square:hover{ border:1px solid #CCC; cursor:pointer; cursor:hand;}*/
#product_list .img{ border:1px solid #fff ; border-left:1px solid #fff; border-right:1px solid #fff; margin-bottom:-1px; cursor:pointer; min-height:145px; vertical-align:middle;}
#product_list .title{ text-align:center; height:45px; line-height:23px; color:#000; letter-spacing:1px; font-size:14px; border:1px solid #FFF; display: table-cell; 
  vertical-align: middle; width:165px;}
/*#product_list .title:hover{ border:1px solid #999; background:#EBEBEB; cursor:pointer; cursor:hand;}*/
.prod_list_hover{ background:#EBEBEB; cursor:pointer; border:1px solid #CCC;}



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

	#product .left{ float:none; width:100%;}
	#product .right{ float:none; width:100%; max-width:1000px;}
	#product .search{ height:140px;}
	#product #qaContent{ width:95%; max-width:none;}	
	.menu_type{ display:none;}
	#product .search .submit{ margin:0 auto;}
	#product .search { text-align:center;}
	#product .search .submit_en{ margin:0 auto; }
	#product .product_title_area{ max-width:none;}	
	#product .search .title{ margin:0 auto;}
	#product_list{ text-align:center;}

}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Product_Info <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


.product_frame{border:1px solid #363636; }
#product_info{ margin:10px auto; text-align:left; max-width:1000px; overflow:hidden;}
#advisory_wrapper{position:relative; max-width:1000px; width:100%; margin:0 auto;}
#advisory_wrapper .advisory{background:url(../../images/advisory.png); width:100px; height:102px; position:absolute; top:-60px; right:-60px;box-sizing: border-box; color:#FFF; font-size:20px; line-height:30px; text-align:center; padding-top:25px;cursor:pointer;}
#product_info .left{width:30%; float:left; min-width:230px; min-height:280px;}
#product_info .center{width:10%; float:left; margin-top: 4px;}
#product_info .right{width:50%; float:left; box-sizing: border-box; padding-left:20px;}
#product_info .right .bigTitle{color:#00A9C6; font-size:16px; letter-spacing:1px; line-height:30px;}
#product_info .right table, #product_info .right td, #product_info .right th {border: 1px solid #FFF; }
#product_info .right th{ background:#EAEAEA; color:#000; width:100px; height:40px; text-indent: 10px; font-size:16px; letter-spacing:1px; font-family: Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "Microsoft JhengHei", "新細明體", "PMingLiU", sans-serif;}	
#product_info .right td{ padding-left:10px; border-bottom: 1px solid #EAEAEA; font-size:16px; letter-spacing:1px;}
#product_info .right .title1{color:#1773B4; font-weight:bold; font-size:22px; letter-spacing:1px; margin-bottom:10px;}
#product_info .right .title2{color:#1773B4; font-size:14px; letter-spacing:1px; margin-bottom:10px;}
#product_info .right .sizearea{margin-top:20px; width:100%; overflow:hidden; padding:10px 0; line-height:30px;} /*border-top:1px dotted #999; border-bottom:1px dotted #999; */
#product_info .right .size{ float:left; width:57px; height:30px; line-height:30px; border-radius:5px; margin-right:10px; margin-bottom:10px; background:#fff; color:#363636; border:1px solid #D7D7D7; text-align:center; letter-spacing:1px; cursor:hand; cursor:pointer;}
#product_info .right .size_on{ float:left; width:57px; height:30px; line-height:30px; border-radius:5px; margin-right:10px; margin-bottom:10px; background:#363636; color:#fff; border:1px solid #363636; text-align:center; letter-spacing:1px; cursor:hand; cursor:pointer;}
#product_info .right .size:hover{ background:#363636; color:#fff; border:1px solid #363636; }
#product_info .viewarea{padding-left:20px; margin-top:10px;}
#product_info .simg{ float:left; margin:3px; border:1px solid #363636; cursor:pointer; cursor:hand; }
#product_info .simg:hover{  border:1px solid #363636;}
#product_info #spec{margin-top:20px;}
#product_info #spec .title{ color:#000; letter-spacing:1px; font-size:18px;}
table {border-collapse: collapse;}
#spec_table table,#spec_table td,#spec_table th {border: 1px solid #CECECE;}
#spec_table th{ background:#363636; color:#FFF; height:25px; font-weight:normal; text-align:center; letter-spacing:1px; }
#spec_table td{ height:30px; text-align:center;}
#spec_table tr:hover{ background:#EDEDED;}
#spec .btn{margin-top:30px; text-align:right; position:absolute; right:0; }
/*#spec .btn2{margin-top:30px; text-align:center; line-height:40px; letter-spacing:5px; font-size:16px; color:#FFF; text-shadow:1px 1px #000; position:absolute; right:0;background-image: url('../../images/btn_advisory_2.png'); width:205px; height:40px; cursor:pointer; }*/
#spec .btn2{margin-top:30px; margin-right:4%; text-align:center; line-height:40px; letter-spacing:1px; font-size:16px; color:#FFF;  position:absolute; right:0;background-image: url('../../images/btn_advisory_2.png'); width:205px; height:40px; cursor:pointer; }

@media screen and (max-width: 1200px) {
	#advisory_wrapper .advisory{ right:-0px;}
}

@media screen and (max-width: 750px) {
	#product_info .left{margin: 0 auto; width:auto;}
	#product_info .center{display:block; margin: 0 auto;}	
	#product_info .right{ float:none; padding-left:0; width:100%;}
	#product_info #spec .title{ display:none;}
}

@media screen and (max-width: 550px) {
	#product_info .left{margin: 0 auto; width:auto; }
	#product_info .center{display:block; margin: 0 auto; }	
	#product_info .right{ float:none; padding-left:0; width:100%;}
	#product_info #spec .title{ display:none;}
	#product_info #spec #hr{ display:none;}
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> About <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


#about{ margin:40px auto; max-width:1000px; overflow:hidden; min-height:200px;}
#about .wide{max-width:1000px; width:100%; padding:1%; overflow:hidden; float:left;}
#about .product_title_area{max-width:1000px; width:100%; height:46px;}
#about .product_title{background:url(../../images/product_title2.jpg) repeat-x; color:#333; font-size:18px; letter-spacing:1px; border-bottom:1px solid #d7d7d7; font-weight:bold;}
#about .news_content{ width:100%; margin-top:15px; border-bottom:1px solid #CCC; overflow:hidden; box-sizing: border-box; padding:30px 10px; }
#about .news_content .left{ float:left; padding-left:5%; width:32%; text-align:center; }
#about .news_content .left_en{ float:left; padding-left:5%; width:32%; text-align:center; }
#about .news_content .right{ float:left; width:60%; letter-spacing:1px; line-height:30px; font-size:15px; color:#666; letter-spacing:1px;}

table {border-collapse: collapse;}
#about_table table, #about_table td, #about_table th {border: 1px solid #6ab5df; font-size:14px;}
#about_table th{ background:#1773b4; color:#fff; width:80px; height:30px;}	
#about_table td{ padding-left:10px; }


@media screen and (max-width: 550px) {
	#about .news_content .left{ float:none;}	
	#about .news_content .left{width:100%; padding-left:0%;}
	#about .news_content .left_en{float:none; width:100%; padding-left:0%;}
	#about .news_content .right{width:100%;}
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> News <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#news{ max-width:1000px; min-height:300px; margin:0 auto;}
#news .square{width:100%; height:125px; border-bottom:1px solid #D7D7D7; padding:20px; box-sizing: border-box; cursor:pointer; cursor:hand; }
#news .square:hover{ background:#F0F0F0;}
#news .square .date{float:left; color:#1874B7; font-size:18px; letter-spacing:1px;}
#news .square .title{float:left; color:#1874B7; font-size:18px; margin-left:30px; letter-spacing:1px;}
#news .square .content{clear:both; margin-top:40px; font-size:15px; letter-spacing:1px; line-height:25px; color:#262626;}

#news .wide{max-width:1000px; width:100%; padding: 0px 0px 0px 2px; overflow:hidden; float:left;}
#news .news_content{ width:100%; margin-top:30px; }
#news .left{  width:12%; min-width:100px; background:#363636; height:110px; color:#FFF; text-align:center; font-weight:bold; font-size:24px; font-family:"微軟正黑體"; line-height:30px; letter-spacing:1px; }
#news .left_en{  width:12%; min-width:100px; background:#363636; height:110px; color:#FFF; text-align:center; font-weight:bold; font-size:24px; font-family:"微軟正黑體"; line-height:30px; letter-spacing:1px; }
#news .right{ width:88%; height:110px; border:1px solid #CECECE; box-sizing: border-box; padding:20px; letter-spacing:1px; line-height:25px; font-size:14px; color:#333; cursor:pointer; cursor:hand; }
#news .right:hover{ background:#F4F4F4; font-size:14px;}
#news .info_title{ font-size:20px; height:50px; line-height:30px; color:#227CBA;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Catalog <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#edm_list{ margin:0px auto; text-align:center; max-width:1000px; overflow:hidden; }
#edm_list .square{ margin:30px 0px; width:160px; height:auto; text-align:left; display:inline-block; vertical-align:text-top; cursor:pointer; text-align:center;}
#edm_list .square:hover .img{border:1px solid #CCC ;}
#edm_list .square:hover .title{ background:url(../../images/product_bg2.jpg); color:#FFF;}
/*#product_list .square:hover{ border:1px solid #CCC; cursor:pointer; cursor:hand;}*/
#edm_list .img{ border:1px solid #CCC ;  cursor:pointer; min-height:153px; vertical-align:middle;}
#edm_list .title{ text-align:center; height:45px; line-height:45px; letter-spacing:1px; font-size:14px; border:1px solid #FFF;}
/*#product_list .title:hover{ border:1px solid #999; background:#EBEBEB; cursor:pointer; cursor:hand;}*/
.edm_list_hover{ background:#EBEBEB; cursor:pointer; border:1px solid #CCC;}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Contact <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#contact{ margin:40px auto; max-width:1000px; overflow:hidden; min-height:200px;}

#contact .wide{max-width:1000px; width:100%; padding:1%; overflow:hidden; float:left;}

#contact .product_title_area{max-width:1000px; width:100%; height:46px;}

#contact .product_title{background:url(../../images/product_title2.jpg) repeat-x; color:#333; font-size:18px; letter-spacing:1px;}

#contact .news_content{ width:98%; margin-top:30px; border:1px solid #E4E4E4; overflow:hidden; box-sizing: border-box; padding:20px 10px; }

#contact .news_content .left{ float:left; padding-left:1%; width:47%;}

#contact .news_content .right{ float:left; width:50%;}



#contact_table td{ font-size:14px; text-align:left; line-height:30px; vertical-align:top; color:#333; letter-spacing:1px;}	

#contact .line{border-bottom:1px dashed #CCC; margin:50px 0;}

#contact .form{margin-left:90px; margin-bottom:20px; overflow:hidden; letter-spacing:1px; font-size:14px;}

#contact .form .left{float:left; width:30%; max-width:100px; height:28px; line-height:28px; background:#1773B4; color:#FFF; text-align:left; letter-spacing:1px; border-top-left-radius:5px; border-bottom-left-radius:5px;}

#contact .form .right{float:left; width:68%;}

#contact .form .input{height:18px; border:1px solid #CCC; border-left:none; border-top-right-radius:5px; border-bottom-right-radius:5px; width:95%; padding:4px;}

#contact .form .textarea{height:100px; border:1px solid #CCC; border-left:none; border-top-right-radius:5px; border-bottom-right-radius:5px; width:95%;}

/*#contact .form .reset{ text-align:center; line-height:40px; letter-spacing:5px; font-size:16px; color:#FFF; text-shadow:1px 1px #000;  right:0;background-image: url('../../images/reset_2.jpg'); width:181px; height:39px; cursor:pointer; display:inline-block;}*/

/*#contact .form .submit{ text-align:center; line-height:40px; letter-spacing:5px; font-size:16px; color:#FFF; text-shadow:1px 1px #000;  right:0;background-image: url('../../images/submit_2.jpg'); width:179px; height:39px; cursor:pointer; display:inline-block;}*/

#contact .form .reset{ text-align:center; line-height:40px; letter-spacing:1px; font-size:16px; color:#FFF;  right:0; background-image: url('../../images/reset_2.jpg'); width:100%; max-width:181px; height:39px; cursor:pointer; display:inline-block; background-size: cover;}

#contact .form .submit{ text-align:center; line-height:40px; letter-spacing:1px; font-size:16px; color:#FFF;  right:0; background-image: url('../../images/submit_2.jpg'); width:100%; max-width:179px; height:39px; cursor:pointer; display:inline-block; background-size: cover;}



table {border-collapse: collapse;}

#advisory_table table,#advisory_table td,#advisory_table th {border: 1px solid #666;}

#advisory_table th{ background:#363636; color:#FFF; height:30px; font-weight:normal; text-align:center; letter-spacing:1px;}

#advisory_table td{ height:30px; text-align:center;}

#advisory_table tr:hover{ background:#EDEDED;}

	

@media screen and (min-width: 900px) {

	#contact #advisory_area{ display:none;}	

}

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

	#contact .news_content .left{ float:none; width:100%;}	

	#contact .news_content .right{ width:100%;}	

	#contact .form{ margin-left:10px;}	

	#contact #advisory_area{ display:inline-block;}	

	#contact #advisory_left{ display:none;}

	#contact #advisory_right{  width:85%;}

}

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



}

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



}	


/*
#contact{ margin:0px auto; text-align:left; max-width:1000px; overflow:hidden; }
#contact .left{width:50%; float:left; min-height:280px; border:1px solid #D7D7D7; border-top:0; box-sizing: border-box;}
#contact .right{width:50%; float:left; min-height:280px; border:1px solid #D7D7D7; border-left:0; border-top:0; box-sizing: border-box;}
#contact .bigtitle{ color:#242424; height:50px; line-height:50px; font-weight:bold; font-size:18px; letter-spacing:1px; padding-left:30px; border-bottom:1px solid #D7D7D7;}
#contact .row{width:100%; clear:both;}
#contact .row1{float:left; height:50px; line-height:50px; background:#1773B4; color:#FFF; width:40%; text-align:left; padding-left:50px; box-sizing: border-box; letter-spacing:2px; font-size:16px; border-bottom:1px solid #FFF;}
#contact .row2{float:left; width:60%; height:50px;}
#contact .row2 .input{border:0; background:#F0F0F0; outline:0; width:100%; height:50px; border-bottom:1px solid #EBEBEB; font-size:16px; padding-left:10px; box-sizing: border-box;}
#contact .row2 .input2{border:0; background:#ffffff; outline:0; width:100%; height:50px; border-bottom:1px solid #D7D7D7; font-size:16px; padding-left:10px; box-sizing: border-box;}
#contact .row2 .textarea{border:0; background:#ffffff; outline:0; width:100%; height:300px; border-bottom:1px solid #D7D7D7; font-size:16px; padding:10px; box-sizing: border-box;}
#contact .right table td{ font-size:15px; letter-spacing:1px; line-height:25px;}

#advisory_table table,#advisory_table td,#advisory_table th {border: 1px solid #CECECE;}
#advisory_table th{ background:#5BA9D7; color:#FFF; height:30px; font-weight:normal; text-align:center; letter-spacing:1px;}
#advisory_table td{ height:30px; text-align:center;}
#advisory_table tr:hover{ background:#EDEDED;}

@media screen and (max-width: 1015px) {
	#contact .left{ float:none; width:100%;}
	#contact .row1{ width:30%;}
	#contact .row2{ width:70%;}	
	#contact .right{ width:100%;}
}

@media screen and (max-width: 750px) {
	#contact .row1{ padding-left:10px;}	
}

@media screen and (max-width: 550px) {
	#contact .row1{ letter-spacing:1px; font-size:13px;}		
}
*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> NivoSlider <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#banner { position:relative; background:#fff; }
#banner .nivoSlider { position:relative; width:1000px; height:auto; overflow: hidden; }
#banner .nivoSlider img { top:0px; left:0px; max-width: none; }
#banner .nivo-main-image { display: block !important; position: relative !important; width: 100% !important; }
#banner .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; /*display:none;*/ }
#banner .nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0; }
#banner .nivo-box { display:block; position:absolute; z-index:5; overflow:hidden; }
#banner .nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; }
#banner .nivo-prevNav { left:0px; }
#banner .nivo-nextNav { right:0px; }
#banner .nivo-controlNav { text-align:center; padding: 5px 0; }
#banner .nivo-controlNav a { cursor:pointer; }
#banner .nivo-controlNav a.active { color:#F00; }
#banner .theme-default .nivoSlider { width:100%; height: 300px; z-index: 0; background-color:#333 }
#banner .theme-default .nivoSlider img { display:none; }
#banner .theme-default .nivo-controlNav { background: url(images/black40_.png);position:absolute; left:0; text-align: center; }
#banner .theme-default .nivo-controlNav a { display:inline-block; margin:0px 7px; }
#banner .theme-default .nivo-controlNav a.active { background-position:0 -22px; }
#banner .theme-default .nivo-directionNav a { display:block; width:30px; height:53px; background:url(../../images/arrows.png) no-repeat; text-indent:-9999px; border:0; opacity: 0; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; z-index: 100; }
#banner .theme-default:hover .nivo-directionNav a { opacity: 1; }
#banner .theme-default a.nivo-nextNav { background-position:-150px 0; right:15px; }
#banner .theme-default a.nivo-prevNav { left:15px; }

/*thumb controler*/
#banner .theme-default .nivo-controlNav.nivo-thumbs-enabled {text-align:right; margin-top:-100px; margin-left:49%;z-index: 10; position:absolute}
#banner .theme-default .nivo-controlNav.nivo-thumbs-enabled a {width: auto; height: auto; background: none; }
#banner .theme-default .nivo-controlNav.nivo-thumbs-enabled a:hover { }
#banner .theme-default .nivo-controlNav.nivo-thumbs-enabled img {display: block; width: 61px; height:30px; }

/*caption textbox*/
#banner .banner_title{font-family:Impact; font-size:23px; color:#f27638; letter-spacing:2px}
#banner .banner_content{color:#4a4a4a;font-size:10px; line-height:16px;font-size:12px; }
#banner .nivo-thumbs-enabled { width:auto; padding-top:55px; /* Distance from the Nivo */ }
#banner .nivo-thumbs-enabled a {
    width:180px; /* Set here the boxes width */
    height:66px; /* Set here the boxes height */
    text-decoration:none; 
    background:#999;
    color:#FFF; /* White texts */
    text-align:center; /* or left, right */
    font-family:Calibri; 
    font-size:16px;
    font-weight:normal;
    font-style:normal;
    line-height:18px;
    opacity:1; /* Opacity by default - you can also use RGBA...*/
    float:left; /* Imperative */
    margin-right:12px; /* Space between the boxes */
    padding:0 0 0 0; /* Set here the desired values */
    cursor:pointer;
    -webkit-transition:all 150ms ease-in-out; /* Cool CSS3 effect */
    -moz-transition:all 150ms ease-in-out;
    -o-transition:all 150ms ease-in-out;
    transition:all 150ms ease-in-out
}

#banner .nivo-thumbs-enabled a.active,
#banner .nivo-thumbs-enabled a.active .control_red, 
#banner .nivo-thumbs-enabled a:hover,
#banner .nivo-thumbs-enabled a:hover  .control_red{
    opacity:1; /* Opacity when active/hovered - you can also use RGBA...*/
    color:#FFF; /* Text color change if needed*/
	background-image:url(../../images/btn_hover.png);
}


#banner .control_red{ width:13px; height:13px; background-image:url(../../images/btn.png); }




/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Loadaction <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.Loadaction_Box { position: fixed; left: 0px; top:0px; background-image:url(/images/action_bg.png); z-index:100000000 }
.Loadaction { position: fixed; padding-top:5px; width: 220px; height: 45px; left: 42%; top: 42%; background-image:url(/images/action_bg.png); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.Actionupload_Text { font-size:13px; color:#FFFFFF; height:20px; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> pagelink <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.cssa { font-family:Verdana; letter-spacing:1px; font-size:12px; padding-right:10px; padding-left:10px }
.cssb { font-family:Verdana; letter-spacing:1px; font-size:12px; padding-right:5px; padding-left:5px }
.cssc { padding-bottom:3px; letter-spacing:1px; font-size:12px; padding-left:10px; padding-right:10px; height:40px }
.cssd { font-family:Verdana; font-size:12px; letter-spacing:2px; height:10px; border:1px solid #FFFFFF }
a.pagelink_no:link { color: #003399; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; }
a.pagelink_no:visited { color: #003399; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink_no:active { color: #003399; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink_no:hover { color: #003399; text-decoration: underline; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink:link { color: #333333; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; }
a.pagelink:visited { color: #333333; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink:active { color: #333333; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink:hover { color: #333333; text-decoration: underline; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink_ch:link { color: #cc3300; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; font-weight:bold }
a.pagelink_ch:visited { color: #cc3300; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; font-weight:bold }
a.pagelink_ch:active { color: #cc3300; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; font-weight:bold }
a.pagelink_ch:hover { color: #cc3300; text-decoration: underline; font-family:Verdana; font-size:12px; letter-spacing:1px; font-weight:bold }