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

html { height:100% }
body { background:#000; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; -webkit-text-size-adjust:none; font-size:12px; overflow-y:scroll; overflow-x:hidden; }
body, td, th {font-size:12px;font-family: /*Arial,*/ "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "Microsoft JhengHei", "新細明體", "PMingLiU", sans-serif;color: #e8e6e6;}
.iframe_ch { display:none }
.middle{ vertical-align:middle; }
.width100{ width:100%; }
#top{position:fixed; bottom:100px; right:10px;}
/*a { text-decoration:none; color:#231815;}
a:hover { color:#666;}*/

.button1{display:inline-block;color:#dfc670;border:1px solid #dfc670;padding:5px 40px;margin: 10px 0 50px 0;font-size:16px;letter-spacing:2px;cursor:hand;cursor:pointer;}
.button1:hover{ color:#2d2816; background:#dfc670;}
.button1_on{ display:inline-block; color:#2d2816; background:#dfc670; border:1px solid #dfc670; padding:5px 40px; margin:10px; font-size:16px; letter-spacing:2px; cursor:hand; cursor:pointer; }

.button2{display:inline-block;color:#333;background:#dfc670;border:1px solid #dfc670;padding: 9px 40px;margin:10px;font-size:14px;letter-spacing:2px;cursor:hand;cursor:pointer;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;}
.button2:hover{ color:#2d2816; background:#bfa138;}

.button3{display:inline-block;color:#333;background: #EBEBEB;border:1px solid #dfc670;padding:9px 40px;margin:10px;font-size:14px;letter-spacing:2px;cursor:hand;cursor:pointer;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;}

.sitemap{ text-align:left; font-size:15px; letter-spacing:1px; padding:10px 0 70px 0; }
.sitemap a{color: #e8e6e6;}

/*提示文字內容*/
#tip_box { position: fixed; line-height:22px; background-image:url(../../images/bg.png); color: #FFF; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin-left:10px; letter-spacing:1px; }
/*提示圖片處理*/
.tip { cursor:pointer; cursor:hand }

#loadingIMG{ display:none; width:100%; height:200px; text-align:center; margin:0 auto; line-height:200px; }

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

/*google translate*/
#height { height:100%; width:100%; /*IE瀏覽器欲正常執行自訂的Google翻譯必加入以下程式碼*/}
.goog-te-banner-frame.skiptranslate { /*display: none !important; /*Google translator top bar hide*/}

/*PageLoad*/
#wrapper.load { opacity: 1; }

.overlay{ position:absolute; display:none; width:100%; height:100%; z-index:9; top:0; left:0; background-color: rgba(0,0,0, 0.5); transition: 0.5s;}

/*隱藏選單*/
#hideMenu{ position:fixed; top:0; right:0; width:250px; overflow:hidden; display:none; height:100%; background:#636363; }
#hideMenu .bTitle{width:100%;padding:20px 0;text-align:center;font-size:30px;background: #4C4C4C;color:#FFF;letter-spacing:5px;}
#hideMenu ul{ list-style:none; margin:0; padding:0; }
#hideMenu ul li a{ display:inline-block; text-decoration:none; width:100%; background:#636363; color:#efefef; padding:15px 0 15px 10px; font-size:16px; letter-spacing:1px; border-bottom:2px solid #636363; cursor:hand; cursor:pointer; }
#hideMenu ul li a:hover{ background:#848282; -webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s; }

#hideMenu div a::before { content: "» ";}
#hideMenu div{ font-size:18px; padding-left:20px; font-weight:normal; letter-spacing:1px; margin-bottom:20px; }
#hideMenu div a{ text-decoration:none; color:#efefef;}
#hideMenu div a:hover{ text-decoration:underline;}

/*產品分類選單*/
#submenu{display:none;position:absolute;top: 117px; border-top:1px solid #c5c5c5; left:0;width:100%;margin:0 auto;min-height:400px;overflow:hidden;background:url(../../images/menu_bg.png);background-size:cover;z-index:99999;}
#submenu .subtitle{ border-bottom:1px solid #FFF; margin-bottom:12px; letter-spacing:1px; }
#submenu .submenu_wrap{ position:relative; max-width:1200px; overflow:hidden; margin:0 auto; color:#fff; font-size:16px; letter-spacing:1px; padding:50px 20px;  }
#submenu .submenu_item{ width:90%;; margin:0 50px 0 0; overflow:hidden; float:left; }
#submenu .submenu_item a{display:block;padding: 5px 5px; margin:10px 0; font-size: 15px;color:#fff;text-decoration:none;letter-spacing:1px;}
#submenu .submenu_item a:hover{ text-decoration:none; background:#AFBFCD; -webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s; }
.jq-submenu-close{ position:absolute; top:20px; right:20px; font-size:25px }
#menu_table{ font-weight:normal; margin:30px 0 0 0; }
#menu_table .menu_table_wrap{ float:left; width:100%; text-align:left; margin:0 auto; }
#menu_table .menu_table_left{ float:left; width:40%; min-width:100px; }
#menu_table .menu_table_left img{ width:90%; }
#menu_table .menu_table_right{ float:left; width:60%; }

#menu_table .menu_content{font-size:25px;letter-spacing:2px;line-height:35px;color:#AFBFCD;padding: 0 0 0 40px;}
#menu_table .menu_slogan{ width:100%; height:400px; border-right:1px solid #D8DFE9; padding:0 10px; }
.menu_table{ width:100%; height:400px; border-right:1px solid #D8DFE9; padding:0 10px; }

#wrapper{ position:relative; width:100%; margin:0 auto; opacity: 0; -webkit-transition: opacity 0.5s ease-in; -moz-transition: opacity 0.5s ease-in; -o-transition: opacity 0.5s ease-in; -ms-transition: opacity 0.5s ease-in; transition: opacity 0.5s ease-in; }
#header{ text-align:center; max-width:1400px; width:100%; height:60px; position:relative; overflow:hidden; margin:12px auto; }
#header .square{ text-align:left; display:inline-block; margin-left:-20px; }

#header .logo{ width:80px; padding-left:10px;}

/*wide screen menu*/
#wide_menu{list-style:none; margin:10px 80px;}
#wide_menu li{ float:left; letter-spacing:1px; padding:0 35px; font-size:15px; line-height:20px; text-align:center; color:#FFF; cursor:hand; cursor:pointer;}
#wide_menu li a{ color:#c5c5c5;; text-decoration:none;}
#wide_menu li a:hover{ color:#FFF;}
#wide_menu li span{ color:#999;}

#lang_menu{list-style:none; margin:10px 10px;}
#lang_menu li{float:left;letter-spacing:1px;padding: 0 0 0 10px;line-height:25px;/*border-right:1px solid #ffffff;*/text-align:center;color:#dfc670;cursor:hand;cursor:pointer;}
#lang_menu li a{ color:#c5c5c5;; text-decoration:none;}
#lang_menu li a:hover{ color:#FFF;}
#lang_menu .li_no{border-right:none;}

/*narrow screen menu*/
#narrow_menu{ position:absolute; right:10px; top:15px; }
#narrow_submenu{width:50%; right:0; position:absolute; background:#FFF; z-index:99999; margin-top:12px;}
#narrow_submenu .menu{ background:#000; color:#ffffff; border-bottom:1px solid #fff; height:44px; line-height:44px; font-family:'微軟正黑體'; font-size:14px; padding-left:15px; letter-spacing:1px; text-align:left; cursor:hand; cursor:pointer;}
#narrow_submenu .menu:hover{background:#343434; color:#fff; border-bottom:1px solid #fff; height:44px; line-height:44px; font-family:'微軟正黑體'; font-size:14px; padding-left:15px; cursor:hand; cursor:pointer; }

#container{ text-align:center; max-width:1200px; overflow:hidden; margin:0 auto; padding:50px auto; color:#FFF; }
#container .container_wrap{ width:100%; text-align:left; }

#container_product{ width:100%; text-align:center; overflow:hidden; margin:0 auto; padding:50px auto; color:#FFF; }
#container_product .product_wrap{ width:100%; max-width:1200px; margin:0 auto; }

.inner{max-width:none !important;width:100%;background: #333333;margin:0 auto;}
.inner_wrap{text-align:center !important;max-width:1200px;margin:0 auto;padding:20px 0;color: #e8e6e6;width:100%;overflow:hidden;}


#index_video{ text-align:center; max-width:2000px; overflow:hidden; margin:12px auto; position:relative; }
.vimeoFrame {width:100%; overflow:hidden; margin:0 auto;} 
.vimeoXtra {display:block; width:100%; margin:0 auto; margin-top:-150px; }

#index_about_bg{/*background:url(../../images/about_bg.jpg); background-size: 100%;*/}
#index_about{ text-align:center; max-width:1200px; overflow:hidden; margin:12px auto; color:#FFF; display: flex; }
#index_about .index_about_left{ float:left; background:url(../../images/about_img.png) no-repeat center center; width:35%; max-width:500px; min-height:482px; flex: 1; }
#index_about .index_about_right{ max-width:750px; float:left; text-align:left; width:65%; padding:0 10px; box-sizing: border-box; flex: 1; }
#index_about .index_about_right p{ font-size:15px; letter-spacing:1px; line-height:30px;}

#index_contact{ text-align:center; max-width:1200px; overflow:hidden; margin:12px auto; color:#FFF; }
#index_contact .index_contact_left{ float:left; width:50%; }
#index_contact .index_contact_right{ float:left; text-align:left; width:50%; background:#636363; padding:20px; box-sizing: border-box;  }

#index_contact .contact_info{width:100%; overflow:hidden; padding:20px 0; font-size:14px; letter-spacing:1px;}
#index_contact .contact_title{float:left; width:150px; height:30px; line-height:30px; text-align:left; color:#dfc670;}
#index_contact .contact_content{float:left; font-size:14px; max-width:400px; width:100%; height:30px; line-height:30px; text-align:left;}


#index_contact .contact_info2{width:100%; overflow:hidden; padding:15px 0; font-size:14px; letter-spacing:1px;}
#index_contact .contact_title2{float:left; width:130px; height:30px; line-height:30px; text-align:left; color:#fff;}
#index_contact .contact_content2{float:left; font-size:14px; max-width:400px; width:100%; height:30px; line-height:30px; text-align:left;}
#index_contact .contact_content2 input{ width:100%; height:30px; border:0; background:#3A3A3A; padding-left:5px; color:#FFF; letter-spacing:1px;}
#index_contact .contact_content2 textarea{ width:100%; height:130px; border:0; background:#3A3A3A; padding:5px; color:#FFF; letter-spacing:1px;}

#index_contact .button_area{text-align:center; overflow:hidden; width:100%; margin:30px auto;}
#index_contact .button1{display:inline-block; padding:10px 40px; letter-spacing:1px; background:#dfc670; color:#000; cursor:pointer; cursor:hand;}


#footer{text-align:center;line-height:25px;letter-spacing:1px;color:#fff;padding: 15px 0 10px 0;font-size:15px;border-top:2px solid #DFC670;}
#footer .footer_logo{ margin:0 50px 0 0px; vertical-align:middle; }
#footer a{ color:#fff; text-decoration:none; display:inline-block; font-size:15px;}
#footer a:hover{ text-decoration:underline; }
#footer span{ padding:0 20px;}

#community{ text-align:center; color:#adadad; letter-spacing:1px; line-height:30px; margin:0 30px 0 30px; display:inline-block;}
#community img{ margin:0 5px; vertical-align:middle; cursor:hand; cursor:pointer; }

#rights{ text-align:center; color:#adadad; letter-spacing:1px; line-height:30px;}
#rights a{ color:#adadad; }


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Product <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.ptype_area{width:100%;overflow:hidden;margin: 0 0 0px 0; background:#2F2F2F; }
.ptype_link{ color:#dfc670; font-size:15px; letter-spacing:1px; text-decoration:none; margin: 0px 25px 0 25px; padding: 15px 0; display:inline-block; cursor:hand; cursor:pointer; }
.ptype_link a{color:#c5c5c5;font-size:15px;letter-spacing:1px;text-decoration:none;}
.type1_link{ display:inline-block; margin-bottom:10px; color:#FFF !important; letter-spacing:1px !important; font-size:25px !important; border-bottom:3px solid #FFF; padding:0 0 5px 0;}
.type2_link{ padding:10px 0; letter-spacing:1px; color:#FFF; font-size:14px; }
.type2_link_no{ padding:10px 0; letter-spacing:1px; color:#999; font-size:14px; }


.more_link{ color:#DFC670 !important; clear:both; display:block; margin:30px 0 0 0;}

#product_list
{
	margin:30px 0;
    text-align:center;
    width:100%;
  	overflow:hidden;

}
#product_list .pSquare
{
    margin:20px;
    max-width:325px;
	width:100%;
	height:auto;
    text-align:center;
    border: 1px solid #575f60;
	cursor:hand;
	cursor:pointer;
    display:inline-block;
}
#product_list span{color:#dfc670; font-size:15px; display:inline-block; padding:20px; letter-spacing:1px;}
#product_list .pSquare:hover{ background:#333333;}

#product_detail{ width:100%; min-height:100px; overflow:hidden; margin:30px 0 0 0; }
#product_detail .product_detail_left{ float:left; width:75%; text-align:center;}
#product_detail .product_detail_left img{ max-width:630px; width:100%;}
#product_detail .product_detail_right{ float:right; text-align:left;  width:25%}

#product_detail .product_detail_right img{ margin-bottom:5px; max-width:145px; width:100%;}
#product_detail .product_detail_right .video_btn{display:inline-block; width:98%; max-width:300px; padding:7px 0; text-align:center; letter-spacing:1px; border:1px solid #000; text-decoration:underline; color:#dfc670; cursor:pointer; cursor:hand;font-size: 14px;}

#product_detail .product_detail_right .video_btn:hover{ border:1px solid #dfc670; text-decoration:none; color:#2d2816; background:#dfc670; }

#product_info{max-width:1000px; padding:30px 100px; box-sizing: border-box; width:100%; margin:0 auto; color:#fff;}
#product_info .product_info_title{ font-size:25px; color:#dfc670; text-decoration:underline; text-align:center; padding:30px 0; letter-spacing:3px; }
#product_info .product_info_content{ font-size:15px; line-height:30px; letter-spacing:1px;}

#dealer_product_info .product_price{ width:100%; overflow:hidden; font-size:20px; text-align:right; margin:50px 0 0 0; padding:10px 0; }
#dealer_product_info .product_price span{ font-size:30px; color:#dfc670; letter-spacing:1px; padding-right:10px; }
#dealer_product_info .product_button{ width:100%; overflow:hidden; text-align:right; margin:10px 0 0 0; }
#dealer_product_info .product_button span{border:1px solid #dfc670;background:#dfc670;color:#000000;font-weight:bold;padding: 8px 15px;cursor:hand;cursor:pointer;}
#dealer_product_info .product_button span:hover{ background:#bfa138; -webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s; }
#dealer_product_info .product_input{border:1px solid #DFC670;border-left:0;border-right:0;width:70px;height: 30px;text-align:center;font-size:18px;color:#dfc670;background:#000;}
#dealer_product_info .product_spec{ width:100%; overflow:hidden; text-align:right; margin:10px 0 0 0; padding-right:10px; box-sizing:border-box; color:#D2BA69; font-size:15px; letter-spacing:1px; }
#dealer_product_info .product_spec_select{ margin:10px 0; width:150px; border:1px solid #D2BA69; padding:2px 10px; font-size:18px; color:#dfc670;background:#000; }

#dealer_product_list
{
	margin:30px auto;
    text-align:center;
    width:90%;
  	overflow:hidden;

}
#dealer_product_list .pSquare
{
	vertical-align:top;
    margin:20px;
    max-width:465px;
	width:100%;
	height:auto;
    text-align:center;
    border: 1px solid #dfc670;
	cursor:hand;
	cursor:pointer;
    display:inline-block;
	-webkit-border-radius: 3px;-moz-border-radius:3px; border-radius: 3px;
}
/*
#dealer_product_list span{color:#dfc670;font-size:20px;display:inline-block;border-bottom:2px solid #dfc670;padding: 0px 20px 10px 20px;letter-spacing:1px;margin: 10px 0 80px 0;}
#dealer_product_list span a{ color:#dfc670; text-decoration:none; }
*/
#dealer_product_list p{ color:#a7a7a7; letter-spacing:1px; padding:20px; text-align:left; font-size:13px; line-height:20px;}
#dealer_product_list .pSquare:hover{ 
box-shadow: 4px 3px 5px #CFA25D; 
-webkit-box-shadow: 4px 3px 5px #CFA25D; 
-moz-box-shadow: 4px 3px 5px #CFA25D; 
}

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

	#dealer_product_list .pSquare
	{
		width:45%;
		margin:20px 2%;
	}		
}

@media screen and (max-width: 768px) {
	
	.ptype_area{ display:none; }
	
	#dealer_product_list .pSquare
	{
		width:70%;
		margin:20px 0;
	}	
	
}

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

	#dealer_product_list .pSquare
	{
		width:85%;
	}

}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Cart <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.cart_step_area_m{display:none;color: #e8e6e6;font-size:16px;letter-spacing:1px;text-align:center;margin:0 0 50px 0;}
.cart_step_area{ text-align:center; margin:0 0 50px 0;}
.cart_step{ display:inline-block; width:32px; height:32px; line-height:32px; text-align:center; color:#FFF; font-size:15px; background:#E3AE0D; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px;}

#product_table{ border-top: 3px solid #E3AE0D; }

#product_table th{border-bottom: 1px solid #E3AE0D;text-align:center;/* text-shadow:1px 1px #EBEBEB; */color: #E3AE0D;font-size:16px;font-weight:bold;letter-spacing:1px;padding:10px 0;}
#product_table td{text-align:center;padding:10px 0;color: #e8e6e6;letter-spacing:1px;font-size:15px;border-bottom:1px solid #fff;}
#product_table td img{ margin:0 10px 0 0;}
#product_table input[type=text]{width:90px;height:30px;border: 1px solid #e8e6e6;text-align:center;font-size:18px;color: #e8e6e6;background-color: #333333;}

.product_fee_area{width:100%;overflow:hidden;background: #636363;color: #e8e6e6;font-size:15px;letter-spacing:1px;padding:20px 30px;/* border: 1px solid #e8e6e6; */box-sizing:border-box;}
.product_fee_area_left{ float:left; width:40%; text-align:left; line-height:25px; }
.product_fee_area_right{ float:left; width:100%; text-align:right; line-height:30px; }
.cart_number{font-size:18px;color: #e8e6e6;font-weight:bold;}
.cart_price{color: #e8e6e6;font-size:20px;font-weight:bold;}
.cart_tips{ display:inline-block; padding:3px 7px; background:#09a2e9; color:#fff; }

.cart_title{ display:inline-block; color:#09a2e9; text-shadow:1px 1px #EBEBEB; font-size:24px; letter-spacing:1px; font-weight:bold; margin:100px 0 20px 0; }
.cart_stitle{ font-size:16px; color:#585858; margin-left:40px; letter-spacing:1px; text-shadow:1px 1px #EBEBEB; }
.cart_fullby_title{ display:inline-block; color:#585858; background:#f3f3f3; padding:5px 8px; margin:0px 0 0 0; letter-spacing:1px;}
.cart_fullby_price1{ font-size:16px; color:#ff345a; letter-spacing:1px; font-family:"微軟正黑體"; height:20px; line-height:20px; }
.cart_fullby_price1:before { content:url(../../images/cart_add1.png); vertical-align:middle; padding-right:5px; }
.cart_fullby_price2{ font-size:16px; color:#ABABAB; letter-spacing:1px; font-family:"微軟正黑體"; height:20px; line-height:20px; }
.cart_fullby_price2:before { content:url(../../images/cart_add2.png); vertical-align:middle; padding-right:5px; }
.cart_fullby_title2{ color:#585858; font-size:14px; letter-spacing:1px; margin:10px 0; line-height:25px; padding-right:10px; text-align:left;}
.cart_fullby_title4{ color:#ababab; font-size:16px; letter-spacing:1px; padding-left:10px;}
.cart_select1{ box-sizing:border-box; margin:0 0 10px 0; padding:10px; }
.cart_select2{ box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5); background:#FFF; border:1px solid #EBEBEB; box-sizing:border-box; padding:10px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; margin:0 0 10px 0; }
.cart_fullby_bg1{ color:#09a2e9; font-size:16px; letter-spacing:1px; padding-left:10px; }
.cart_fullby_bg2{ background:#ff345a; padding-left:10px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; color:#fff; font-size:16px; letter-spacing:1px; }
.cart_coupon{ width:100%; overflow:hidden; background:#f5fdff; border:1px solid #bbbbbb; box-sizing:border-box; }
.cart_coupon_title{ color:#585858; letter-spacing:1px; margin:10px 0; font-size:14px;}
.cart_coupon_title a{ color:#09a2e9;}
.cart_coupon_title2{ color:#585858; letter-spacing:1px; font-size:14px; padding:6px 0; line-height:22px; }
.cart_coupon_price{ color:#FF345A; font-weight:bold;}
.cart_coupon_date{ color:#989898; }
.cart_coupon input[type=text]{ border:1px solid #CCC; width:150px; height:24px; padding:0 5px;}
.cart_coupon_discount{ background:#b5eaf7; color:#585858; text-align:right; font-size:16px; letter-spacing:1px; padding:10px; }
.cart_coupon_discount span{ font-weight:bold; color:#ff345a; font-size:20px;}
.cart_coupon_btn{ padding:20px 0; text-align:right; }
#cart_receiver_table{ width:100%; font-size:13px; letter-spacing:1px; background:#CCC; }
#cart_receiver_table td{ padding:2px; line-height:23px; }
#cart_receiver_table p { margin:20px 0; line-height:25px;}
#member_info_2{ display:inline-block; overflow:hidden; background:#EBEBEB; margin:5px; padding:8px; line-height:22px; letter-spacing:1px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }

.cart_pay_option{ float:left; }

/*收件者資料*/
.shopping_input_checkout1 {line-height:22px;height:22px;border:1px solid #D6D3D3;width:90%;max-width:300px;padding-left:10px;padding-right:10px;letter-spacing:1px;color: #e8e6e6;font-size:12px;background-color: #333333;}
.shopping_input_checkout2 {line-height:22px;height:22px;border:1px solid #D6D3D3;width:90%;max-width:150px;padding-left:10px;padding-right:10px;letter-spacing:1px;color: #e8e6e6;font-size:12px;background-color: #333333;}
.shopping_input_checkout3 {line-height:22px;height:22px;border:1px solid #D6D3D3;width:90%;max-width:80px;padding-left:10px;padding-right:10px;letter-spacing:1px;color: #e8e6e6;font-size:12px;background-color: #333333;}
.shopping_input_checkout4 {line-height:22px;height:50px;border:1px solid #D6D3D3;width:90%;max-width:500px;margin-top:5px;margin-bottom:5px;padding-left:10px;padding-right:10px;letter-spacing:1px;color: #e8e6e6;font-size:12px;background-color: #333333;}
.member_inputbox_150 { width:150px; border:1px solid #D6D3D3; height:25px; line-height:25px; padding-left:5px; color:#666; font-size:12px; }
.shopping_txt15 { padding-left:10px; }
.shopping_txt16 { padding-left:10px; }
.shopping_txt17 { padding-left:10px; }
.member_select_type2 { border:1px solid #D6D3D3; height:27px; line-height:27px; padding:1px; margin-top:7px; font-size:12px; }
.member_inputbox { width:300px; border:1px solid #D6D3D3; height:25px; line-height:25px; padding-left:5px; color:#666; font-size:12px; }
.member_inputbox_150 {width:150px;border:1px solid #D6D3D3;height:25px;line-height:25px;padding-left:5px;color: #e8e6e6;font-size:12px;background-color: #333333;}
.member_inputbox_50 { width:50px; border:0px solid #D6D3D3; height:27px; line-height:27px; padding-left:5px; color:#666; font-size:12px; background-color:transparent }
.member_inputbox_40 { width:50px; border:1px solid #D6D3D3; height:20px; text-align:center; line-height:20px; padding-left:5px; color:#666; font-size:12px; background-color:transparent }
.member_form_select { border:1px solid #D6D3D3; height:27px; line-height:27px; padding:1px; margin-top:7px; font-size:12px; }
.member_form_min { width:50px; border:0px solid #D6D3D3; height:27px; line-height:27px; padding-left:5px; color:#666; font-size:12px; background-color:transparent }
.fancybox_login_form_select {line-height:25px;height:25px;padding:3px; margin:5px 0; border:1px solid #D6D3D3;letter-spacing:1px;font-size:13px;margin-left:0px;color: #e8e6e6;background-color: #333333;}
.order_checkout_title{ letter-spacing:1px; font-size:13px; line-height:30px; }

.slider input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  padding: 10px;
  color:#FF345A;
}
 

.slider_border{ border-top:1px solid #c4c4c4;}
.slick-pre{ position:absolute; top:50%; left:0px; display:block; z-index:8; }
.slick-next{ position:absolute; top:50%; right:0px; display:block; z-index:8; }

/*運費*/
.fee_area{width:100%; background:#EBEBEB; text-align:left; font-size:14px; letter-spacing:1px; padding:10px; box-sizing:border-box; line-height:22px;}
.total_area{width:100%;background:#DFC670;/*border-top:1px solid #bbbbbb;*/font-size:18px;color: #333333;padding:30px 0;letter-spacing:1px;line-height:22px;text-align:center;}


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

	.cart_title{ margin:50px 0 20px 0;}
	.cart_step_area_m{ display:block; margin:0 0 20px 0; }
	.cart_step_area{ display:none; }	
	.cart_none{ display:none;}
	
	#product_table td{ font-size:13px; }
	#product_table select{ width:53px; }
	
	.product_fee_area_left{ float:none; text-align:center; width:100%; font-size:13px; }
	.product_fee_area_right{ float:none; text-align:left; text-align:center; width:100%; font-size:13px; }
	
	.cart_pay_option{ float:none; }		
	
}

@media screen and (max-width: 600px) {
	.cartype_left{ float:none; width:100%; text-align:center; }
}

@media screen and (max-width: 480px) {
	
	.cart_select2{ box-shadow:none; border:0; }	
	.cart_receive_none{ display:none;}
	
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Dealer <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.dealer_title2{display:inline-block;padding:10px 0 0 0;font-size:24px;letter-spacing:1px;color: #e8e6e6;border-top: 3px solid #e8e6e6;}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> RWD <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/



@media screen and (max-width: 1200px) {
	
	#index_contact .index_contact_left{ width:45%}
	#product_detail .product_detail_left img{ width:90%;}
	#product_detail .product_detail_right img{  width:90%;}
	
	#product_detail .product_detail_left{ float:none; width:100%;}
	#product_detail .product_detail_right{ margin:20px 0; text-align:center; float:none; width:100%;}
	#product_detail .product_detail_right img{ margin:11px;}	
		
	#header .square{ display:block;}
	
}

@media screen and (max-width: 1024px) {
	
	/*#wide_menu{ margin:10px 10px;}*/
	#wide_menu li{ padding:0 10px;}

}

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

	#mobile_menu{ display:none; }
	#dl-menu{ display:none; }

}

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

	#mobile_menu{ display:block; }
	#lang_menu .lang, #wide_menu li a{ display:none;}
	
	#index_about .index_about_left{ display:none;}
	#index_about .index_about_right{ width:100%; }
	
	#index_contact .contact_info{ padding:10px 0;}
	#index_contact .contact_info2{ padding:5px 0; }
	
	#index_contact .index_contact_left{ float:none; width:95%; }
	#index_contact .index_contact_right{ width:100%; }
	
	#product_list .pSquare
	{
		width:70%;
		margin:20px 0;
	}	
	
	#footer .footer_logo{ margin:0px 0px 10px 0px; }
	#footer a{ display:inline-block; width:100%; background:#636363; color:#e8e6e6; border-bottom:1px solid #e8e6e6; padding:10px 0; text-decoration:none; font-size:14px;}
	#footer a:hover{-webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s; background:#DFC670; text-decoration:none;}
	#footer span{ display:none;}	
	

}	#product_info{padding:30px 40px}

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

	#container{margin:0 auto;}

	#product_list .pSquare
	{
		width:85%;
	}

}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> CSS Animation <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

* { /*-webkit-transition: all 0.5s;*/}

@-webkit-keyframes swing
{
	15%
	{
		-webkit-transform: translateX(5px);
		transform: translateX(5px);
	}
	
	30%
	{
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px);
	}
	
	50%
	{
		-webkit-transform: translateX(3px);
		transform: translateX(3px);
	}
	
	65%
	{
		-webkit-transform: translateX(-3px);
		transform: translateX(-3px);
	}
	
	80%
	{
		-webkit-transform: translateX(2px);
		transform: translateX(2px);
	}
	
	100%
	{
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes swing
{
	15%
	{
		-webkit-transform: translateX(5px);
		transform: translateX(5px);
	}
	
	30%
	{
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px);
	}
	
	50%
	{
		-webkit-transform: translateX(3px);
		transform: translateX(3px);
	}
	
	65%
	{
		-webkit-transform: translateX(-3px);
		transform: translateX(-3px);
	}
	
	80%
	{
		-webkit-transform: translateX(2px);
		transform: translateX(2px);
	}
	
	100%
	{
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

.swing:hover{
  		-webkit-animation: swing 1s ease;
        animation: swing 1s ease;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;	
}



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

.Loadaction_Box { position:relative; height: 100%; width: 0%; position: fixed; overflow:auto; top: 0; left: 0; overflow:auto;  background-color:rgba(0, 0, 0, 0.5); z-index:100000000 }
.Loadaction { width: 220px; height: 55px; top: 42%;  position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; background-color:rgba(0, 0, 0, 0.5); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.Actionupload_Text { font-size:13px; color:#FFFFFF; padding:10px 0; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> 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 }