@charset "utf-8";
body {font-family:"\5B8B\4F53",serif;background:#FFFFFF;font-size:14px; line-height:180%;margin: 0;padding: 0;  color:#555555;}
img { max-width: 100%;}
red{ color:#FF0000;}
#pageheader{width:100%;background-color: #EEEEEE;}
#pagecontent{	
	margin: 0px auto;
	overflow:hidden;
	width: 1366px;
}
#pagefooter{width:100%;background-color: #333333;margin-top: 15px;}
#head_top{
	margin: 0px auto;
	overflow:hidden;
	width: 1366px;
	
}
#head_logo{float:left;width: 25%;}
#head_quick{float:left;width: 25%;padding-top:30px;}
#quick_link{text-align: right;width: 100%;}
#quick_link a,#quick_link a:active{color:#333333;text-decoration:none;}

#head_search{
	width: 50%;
	height:40px;
	float:left;
	text-align: center;
	padding-top:30px;
}
#head_search form input[type="text"]{ 
	width: 75%;
	height: 35px;
	border: 1px solid #555555;
	background: #FFFFFF url('images/search.png') no-repeat 10px 8px ;
	margin: 0px;
	padding:0px 0px 0px 35px;
	float: left; 
}
#head_search form input[type="submit"]{ 
	padding: 5px 10px; 
	float: left;
	margin-left: 3px;
	font-family: verdana, Times New Roman, 微軟正黑體,Heiti TC, 新細明體;
	font-weight:bolder; 
	font-size: 16px;}
#head_cart{
	border: 1px solid #cccccc;
	border-radius:10px;
	padding:5px 0px;
	width: 50%;
	text-align: center;
	float: left;
	background-color: #FFFFFF;
	line-height: 100%;
}
#head_cart a{ 
	font-size:17px;
	text-decoration: none;
	color:#333333;
}
#head_fb_line_ig_link{
	padding:5px 0px;
	width: 45%;	
	float: left;
	text-align: center;
}
#head_fb_line_ig_link a{
	display: block;
	float: left;
	padding: 0px 8px;
}
#head_menu_color{width: 100%;background-color: #000000;}
#head_menu{
	margin: 0px auto;
	overflow:hidden;
	width: 1366px;
	padding: 0px;
	clear:both;
}

#head_menu ul,#head_menu ul li{
	margin: 0px;
	padding: 0px;
	list-style-type:none; 
}
#head_menu>ul{
	padding-left: 100px;
}
#head_menu li{ float: left;}
#head_menu li a{	
	display: block;
	text-align:center;
	font-size:20px;
	font-weight:bolder;
	line-height:100%;
	font-family: verdana, Times New Roman, 微軟正黑體,Heiti TC, 新細明體;
	text-decoration: none;
	color: #FFFFFF;
	padding: 15px 25px;
}
#head_menu li a:hover{
	color:#FFB600;
}
.head_menu_selected{
	color:#FFB600;
}
#left_content{float:left;width: 306px;margin: 5px;}
#left_menu{
	border: 1px solid #EEEEEE;
	border-radius:15px;
	width: 90%;
	padding:10px 5% ;
	margin-top: 10px;
}
#left_menu span{
	font-weight: bold;
	font-size:18px;
	padding: 20px 0px;
	font-family: verdana, Times New Roman, 微軟正黑體,Heiti TC, 新細明體;
}
#left_menu ul,#left_menu li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#left_menu ul li a{
	text-decoration: none;
	padding:5px 15px;
	color:#666666;
	display: block;
}
#left_menu ul li a:hover{
	color:#000000;
}
.menu_selected{
	border-radius:10px;
	background-color: #CCCCCC;
}
#right_content{float:left;width: 1030px; min-height: 800px;height:auto; padding: 0px; margin: 5px 10px;}
#navigationbar{
	text-align: left;
	font-size: 16px;
	color: #555555; 
	padding: 12px 18px 12px ;
	background-image:url(images/home.png);
	background-repeat: no-repeat;
	background-position: center left;
}
#navigationbar a ,a:active{color:#000000;text-decoration:none;}
#index_hot_title {
	font-size: 18px;
    color: #333333;
	font-family: verdana, Times New Roman, 微軟正黑體,Heiti TC, 新細明體;
	text-align: center;
	font-weight: bold;
	border-bottom: 1px solid #cccccc;
	padding-top: 18px;
	margin-bottom: 10px;
	clear: both;
}
#index_hot_title a ,a:active{font-size: 12px;color: #888888;text-decoration:none;
	
}
#product_sort{
	clear:both;
	width: 100%;
	overflow: auto; zoom: 1;
	text-align: right;
	border-bottom: 1px solid #333333;
}
#product_sort ul,#product_sort ul li{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#product_sort>ul>li{float:right;}
#product_sort ul li a{
	text-decoration: none;
	display: block;
	padding: 5px 10px;
	color:#333333;
}
.sort_select{
	background-color: #999999;
}
.theproduct{width: 245px; height: 320px;float: left; margin:2px;padding: 3px;}
.theproduct>span{width: 100%;height: 35px; display: block;overflow: hidden;margin: 0px;padding: 0px;line-height: 120%;}
.theproduct img{width: 100%;}
.theproduct a{color:#000000;text-decoration: none;  font-weight: bold;}

.the_index_product{width: 246px; height: 320px;float: left;margin:2px;padding: 10px;}
.the_index_product img{width: 100%;}
.the_index_product>span{width: 100%;height: 35px; display: block;overflow: hidden;margin: 0px;padding: 0px;line-height: 120%;}
.the_index_product a{color:#000000;text-decoration: none; font-weight: bold;}

#product_photo{float:left;width: 60%;}
#right_button{width:16px;float:left;height: 80px;display: block;background-image:  url("images/right.png");}
#product_sphoto_item{border-top:#EEEEEE 1px solid;height: 80px;}
#product_ranking{
	padding: 20px 0px 30px 0px; 
	line-height: 160%;
	font-size: 15px;
	border: 1px solid #EEEEEE;
	border-radius:15px;
	height: auto;
	margin-top: 5px;
}
#product_ranking span{
	font-size:18px;
	font-weight: bold;
	display: block;
	padding: 0px  0px 0px 20px;
	font-family: verdana, Times New Roman, 微軟正黑體,Heiti TC, 新細明體;
	height: 20px;
	line-height: 120%;
}

#product_ranking ul,#product_ranking ul li{list-style-type:none;padding: 0px; margin: 0px;}
#product_ranking ul li{width: 100%;padding:  5px 0px;clear:both;height: 55px;}
#product_ranking ul li a img{float: left; border:1px solid #EEEEEE; padding: 2px;margin: 2px 5px;}
#product_ranking ul li a{text-decoration: none;color:#888888;}

#main{overflow: hidden; width: 94%; height: 80px;float:left;}
#main img{padding: 3px;margin: 2px;border-bottom: 1px solid #CCCCCC;}
#left_button{width:16px;float:left;height: 80px;display: block;background-image:  url("images/left.png");}
#right_content_text{width: 100%;clear:both;padding-top: 20px; }
#right_content_text>h1 {
	font-size: 20px;
    color: #33333;
	border-bottom: 1px solid #999999; 
	font-family: verdana, Times New Roman, 微軟正黑體,Heiti TC, 新細明體;
	line-height: 100%;
	font-weight: bold;
	padding: 15px 0px 5px 0px;
}
#content_title{
	font-size:20px;
	font-family: verdana, Times New Roman, 微軟正黑體,Heiti TC, 新細明體;
	border-bottom: 1px solid #CCCCCC;
	color: #333333;
	font-weight: bolder;
	padding: 10px 0px 2px 0px;
	clear:both;
	margin-bottom:10px;
}

#product_descript{height:auto;float:left;width:38%;padding-left: 2%;}
#product_descript h1{
	font-family: verdana, Times New Roman, 微軟正黑體,Heiti TC, 新細明體;
	font-size: 24px;
	color: #1872c5;
	font-weight: bold;
}
#product_descript h2>span{font-size: 15px;}
#product_descript h2{font-size: 30px; font-family: 'lativAbweb','Century Gothic','Tw Cen MT Condensed';}
#product_page{width: 100%;float: left;text-align: center;font-size: 14px;}
#product_page a{text-decoration: none;border: 1px solid #CCCCCC;display: block;float: left;padding: 10px;margin: 2px;color: #666666;line-height:100%;left: 50%;position: relative;}
#product_page a:hover{color:#FF8500;border-color: #FF8500;}
#product_page .page_selected{color:#FF8500;background-color: #EEEEEE;}
#product_page span{text-decoration: none;border: 1px solid #CCCCCC;display: block;float: left;padding: 10px;margin: 2px;color: #666666;line-height:100%;left: 50%;position: relative;}
#design_content{
	width:800px;
	height: 800px;
	position:relative;
	background-color: #000000;
}
#design_cap{
	background-image: url(images/design.png);
	position:absolute;
    top:0px;
    left:0px;
    z-index:1;
	width:800px;
	height: 800px;	
}
#design_text{
	width: 490px;
	height: 230px;
	position:absolute;
    top:240px;
    left:160px;
    z-index:2;
	color:#FFFFFF;
	font-size:170px;
	line-height: 100%;
	text-align: center;
	overflow: hidden;
}
#cart{
	clear:both;
	padding-top: 15px;
}
#cart>table{margin-top: 15px;width: 100%;border-top: 1px solid #1872c5;}
#cart tr th{background-color: #EEEEEE;padding: 10px;}
#cart tr td{border-bottom: 1px dashed #CCCCCC;padding: 10px;}
#cart tr:last-child td{border:none;}
#total_price{background-color: #eeeeee;border-top: 1px solid #CCCCCC;border-bottom: 1px solid #CCCCCC;padding: 10px;text-align: right;}
#total_price table tr td{text-align: right;}
#total_price tr:last-child td{border-top: 1px dashed #CCCCCC;}
#total{font-size:20px;font-weight: bold;}
.news_big_list{
	width: 50%
}
.new_small_list{
	width:33%;
}
#qaContent {
	width: 100%;
}
#qaContent ul,#qaContent li{
	padding: 0px;
	margin: 0px;
	list-style: none;
}
#qaContent ul.accordionPart {
	margin: 10px 10px 50px 30px;
}
#qaContent ul.accordionPart li {
	border-bottom: solid 1px #e3e3e3;
	padding-bottom: 12px;
	margin-top: 12px;
}
#qaContent ul.accordionPart li .qa_title {
	background: url(images/icon_q_a.gif) no-repeat 0px 3px;
	padding-left: 28px;
	color: #1186ec;
	cursor: pointer;
}
#qaContent ul.accordionPart li .qa_title_on {
	text-decoration: underline;
}
#qaContent ul.accordionPart li .qa_content {
	margin: 6px 0 0;
	background: url(icon_q_a.gif) no-repeat 0px -24px;
	padding-left: 28px;
	color: #666;
}

#shopping_step{text-align: center;width: 100%;padding-top: 15px;}
#shopping_step ul,#shopping_step ul li{list-style-type: none; margin: 0px;padding: 0px;}
#shopping_step ul li{float:left;padding: 5px 0px;background-color:#CCCCCC;margin: 0px 5px;width: 32%;}
#shopping_step ul li a{text-decoration: none;color:#FFFFFF;font-family: verdana, Times New Roman, 微軟正黑體,Heiti TC, 新細明體;font-size: 18px;font-weight: bold;}
#shopping_step .step_active{background-color: #666666;}

#to_bill{margin:0px auto; text-align: center;width: 400px}
#to_bill a{
	display: block;
	float:left;
	padding: 8px 0px;
	width: 46%;
	background-color: #FF8500;
	margin: 2%;
	font-size: 18px;
	font-weight: bold;
	border-radius: 5px;
	text-decoration: none;
	color: #FFFFFF;
	font-family: verdana, Times New Roman, 微軟正黑體,Heiti TC, 新細明體;
}
#cart_list{clear: both;}
#memberorder>table{margin-top: 15px;width: 100%;border-top: 1px solid #666666;border-bottom: 1px solid #666666;}
#memberorder tr th{background-color: #EEEEEE;padding: 10px;}
#memberorder tr td{border-bottom: 1px dashed #CCCCCC;padding: 3px;text-align: center;}
#memberorder tr:last-child td{border:none;}
#memberorder table table tr th{background-color: #E1F1FF;padding: 2px;}
#memberorder table table{padding: 15px;}
#floor_content{
	width: 1366px;
	margin: 0px auto;
	overflow:hidden;
}
#floor_menu{float:left;width: 75%;color:#DDDDDD;}
#floor_fb{float: left;width: 25%;padding-top: 40px;text-align: left;}
#floor_menu>ul{list-style-type: none;padding-left: 50px;}
#floor_menu>ul>li{float:left;display:block;padding: 20px 40px;font-weight: bolder;font-size: 16px}
#floor_menu>ul>li>ul{padding: 0px;margin: 0px;}
#floor_menu>ul>li>ul>li{
	font-weight: normal;
	font-size: 14px;
	list-style-type:none;
}
#floor_menu>ul>li>ul>li>a{
	text-decoration: none;
	color: #CCCCCC;
	padding-left: 20px;
}
#floor_menu>ul>li>ul>li>a:hover{
	color:#FFFFFF;
}

#floor_copyright{clear:left;text-align: center;border-top: 1px solid #555555;}
#floor_mobile{width: 100%;position:fixed;bottom: 0px;height: 45px;color:#FFFFFF;background-color: #333333;}	
#floor_mobile ul,ul li{list-style-type:none;margin: 0px;padding: 0px;}
#floor_mobile ul{padding-top: 3px;}
#floor_mobile ul li{float: left;width: 20%;text-align: center;line-height: 100%;}
#floor_mobile ul li a{text-decoration: none;color: #FFFFFF;}
#floor_space{width: 100%;height: 45px;}	
.white-pink {
    max-width: 92%;
	padding-top:15px;
	padding-bottom: 15px;
	padding-left:3%;
    font: 15px Arial, Helvetica, sans-serif;
}
.white-pink h1 {
	font-size: 12px;
    color: #999999;
	display: block;
	padding: 0px 0px 5px 0px;
	border-bottom: 2px solid #EEEEEE; 
	clear:both;
}
.white-pink h1>span {
    padding: 0px 0px 7px 0px;
    font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-bottom: 2px solid #333333;
    color: #666666;
	font-family: verdana, Times New Roman, 微軟正黑體,Heiti TC, 新細明體;
	font-weight: bold;
}
.white-pink label {
    display: block;
    margin: 0px 0px 3px;
}
.white-pink label>span {
    float: left;
    width: 20%;
    text-align: right;
    padding-right: 10px;
    margin-top: 10px;
    color: #969696;
	display: block;
}
.white-pink input[type="text"], .white-pink input[type="email"], .white-pink input[type="password"], .white-pink textarea{
    color: #555;
    padding: 3px 0px 3px 5px;
    margin-top: 2px;
    margin-right: 6px;
    margin-bottom: 16px;
    border: 1px solid #e5e5e5;
    background: #fbfbfb;
    height: 25px;
    line-height:15px;
    outline: 0;
    -webkit-box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);
    box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);
}
.white-pink select{
    color: #555;
    padding: 3px 0px 3px 5px;
    margin-top: 2px;
    margin-right: 6px;
    margin-bottom: 16px;
    border: 1px solid #e5e5e5;
    background: #fbfbfb;
    height: 25px;
    line-height:15px;
    outline: 0;
    -webkit-box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);
    box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);
	-webkit-appearance: none; 
}
.white-pink textarea{
    height:100px;
    padding: 5px 0px 0px 5px;
    width: 70%;
}
.white-pink input[type=submit],
.white-pink input[type=button] {
	font-size: 16px;
    border: none;
    padding: 10px 20px ;
    background: #FF8500;
    color: #fff;
    box-shadow: 1px 1px 4px #DADADA;
	font-family: verdana, Times New Roman, 微軟正黑體,Heiti TC, 新細明體;
	font-weight: bold;
	cursor: pointer;
	-webkit-appearance: none; 
}
.white-pink input[type=submit]:hover,
.white-pink input[type=button]:hover{ 
    background: #EA7B00;
    color: #fff;
}
.white-pink .button:active {
    position:relative;
    top:1px;
}
.white-pink select {
    background: url('images/down-arrow.png') no-repeat right, -moz-linear-gradient(top, #FBFBFB 0%, #E9E9E9 100%);
    background: url('images/down-arrow.png') no-repeat right, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFBFB), color-stop(100%,#E9E9E9));
   appearance:none;
    -webkit-appearance:none; 
   -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    line-height: 15px;
    height: 30px;
	cursor: pointer;
}
.select-wrapper input.select-dropdown{
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-o-user-select:none; 
user-select:none;
}
.form_payment_delivery{float: left;width: 70%; font-size: 15px;line-height: 190%;}
.field-long{width:70%;}
.field-divided{width: 35%;}

@media (max-width: 1365px) {
	#pagecontent{width:1000px;}
	#head_top{width:1000px;}
	#head_menu{width:1000px;}
	img { max-width: 100%; }
	.newsstyle{ width:95%;}
	#head_search form input[type="text"]{width: 65%;}
	#head_fb_line_ig_link a{padding: 0px 5px;}
	#head_menu>ul{padding-left: 0px;}
	#head_menu>ul>li>a{padding: 10px 10px;}
	#main{ width: 92%; }
	#product_photo{width: 60%;padding: 0px;}
	#product_content{width: 98%;}
	#left_content{width: 200px;}
	#right_content{float:left;width: 760px;padding:0px;height:auto; }
	#right_content_text{width: 98%;clear:both; }
	#cart{width: 98%;}
	#shopping_step ul li{width: 30%;}
	#shopping_step ul li a{font-size: 12px;}
	#topmenu ul li a{	padding:10px 15px ;	font-size:19px;}
	#left_menu_content{padding-left: 0px;}
	#product_ranking{padding-left: 0px;}
	.theproduct{width: 185px;padding: 0px; }

	.the_index_product{width: 195px;padding: 0px;}
	.the_index_news{width: 33%; height: 250px; padding: 0px;}
	#top_fb_line img{padding: 2px;}
	#floor_content{width: 1000px;}
	#floor_menu>ul>li{padding: 20px 18px;}	
}
@media (min-width: 640px) {
	#top_mobile_head{display: none;}
	#floor_space{display: none;}
	#floor_mobile{display: none;}
}
@media (max-width: 640px) { 
	img { max-width: 100%; height: auto;}
	#head_top{display: none;}
	#head_menu_color{display: none;}
	#top_mobile_head{width: 100%; 	border-bottom: 1px solid #aaaaaa;height: 45px;}
	#top_mobile_search{width:10%;float: left;text-align: right;padding: 3px 0px;}
	#top_mobile_logo{width:80%; float:left;text-align: center;}
	#top_mobile_menu{width:10%;float: left;padding: 3px 0px;}		
	#pagecontent{width:98%;}
	#floor_content{display: none;}
	#product_photo{width: 100%;padding: 0px;}
	#product_descript{width: 98%;}
	#product_content{width: 98%;}
	.product_showbox{width: 97%;}
	.theproduct{width: 48%;padding: 0px; text-align: center;}
	.theproduct>span{max-width: 100%; height: auto;display: block;}
	.the_index_product{width: 48%;padding: 0px; }
	#left_content{display:none;}
	#right_content{width: 100%;padding: 0px; margin: 0px;}
	#right_content_text{width: 98%;clear:both;font-size: 12px;}
	#cart{width: 98%;}
	#to_bill{width:  300px;}
	#shopping_step ul li{width: 30%;}
	#shopping_step ul li a{font-size: 12px;}
	.the_index_news{width: 98%; height: 250px; padding: 0px;}
	#pagefooter{background-color: #FFFFFF;}
}