@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	border:0;
	padding:0;
	font-family:"微軟正黑體", Arial, "Times New Roman";
}
body {
  	width:100%;
  	height:100%;
	background:#838182;
  	/*background:url(images/bg.jpg);*/
  	/*background-size:cover;*/
	position:relative;
}
a{
	color:#333;
	text-decoration: none;
}
li{
	list-style: none;
}
input[type="button"]:hover{
	background:#34b6e4;
}

#top_pic {
	margin-left: 50%;
}

.headerwrapper{
	width:100%;
	max-width: 1920px;
	min-width: 1280px;
	background:url(/20171201_stock/images/topbg.jpg) center no-repeat;
	margin:0 auto;
}
.headerwrapper div{
	width:1280px;
	margin:0 auto;
}
.headerwrapper img{
	display:block;
	margin:0 auto;
}
/*.headerrelative{
	width:100%;
	height:100%;
	position: relative;
}*/
.back{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 130px 130px 0 0;
	border-color: #080403 transparent transparent transparent;
	position: absolute;
	top:0;
	left:0;
	z-index: 9999;
}
.back span{
	display:block;
	width: 100px;
	color:#f29c9f;
	font-size:20px;
	margin:-100px 0 0 5px;
}
.headerrelative > img{
	position: absolute;
	top:0;
	right:0;
	z-index: 1;
}
.header{
	width:1280px;
	height:550px;
	/*background:url(images/headerimg.jpg) no-repeat;*/
	margin:0 auto;
	padding:20px 0 0 30px;
	/*position:relative;*/
	box-sizing: border-box;

}
/*.header img{
	
}*/
.menuwrapper{
	width:100%;
	min-width: 1280px;
	background:#070302;
}
.menu{
	width:1280px;
	height:100px;
	/*background:#fff;*/
	margin:0 auto 60px auto;
}
.menu ul{
	width:1180px;
	margin:0 auto;
}
/*.menu li{
	display:block;
	height:100%;
	background:#fff;
}*/
.menu div{
	width:50px;
	height:100%;
	background:#fff;
	float:left;
}
.menu div:first-child{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 100px 50px 0 0;
	border-color: #070302 transparent transparent transparent;
}
 .menu div:last-child{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 50px 100px 0;
	border-color: transparent #070302 transparent transparent;
}
.menu a{
	display:block;
	width:236px;
	height:100%;
	color:#070302;
	font-size:25px;
	text-align: center;
	line-height: 100px;
	background:#fff;
	border-right:2px #ccc dashed;
	margin:0 0 0 0;
	/*padding:12px 0;*/
	box-sizing: border-box;
	float:left;
}
.menu a:last-child{
	border-right:0;
}
.menu a:hover{
	color:#e60012;
	font-size:30px;
}
/*.menu img{
	width:200px;
}*/
.content{
	width:1280px;
	height:auto;
	margin:0 auto 0 auto;
	padding:0 0 60px 0;
	overflow: hidden;
	box-sizing: border-box;
	position: relative;
}
.colornum{
	font-size:20px;
	color:#ff6;
	background:#ea68a2;
	border-radius: 12px;
	padding:20px 20px;
	position: absolute;
	top:0px;
	right:70px;
	z-index: 1;
}
.colornum div{
	width:100%;
	height:100%;
	position: relative;
}
.colornum div div{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 20px 0 20px;
	border-color: #ea68a2 transparent transparent transparent;
	position: absolute;
	top:0;
	bottom:-95px;
	left:0;
	right:0;
	z-index: 1;
	margin:auto;
}
 .procontent{
 	width:98%;
 	height:auto;
 	background:#fff;
 	border-radius: 25px 25px 0 0;
	/*border-bottom:1px #ccc solid;*/
	overflow: hidden;
	margin:30px auto 0 auto;
	padding:40px 0 30px 40px;
	box-sizing: border-box;
}
 .procontent div{
	/*display:inline-block;*/
	/*width:30%;*/
	/*height:300px;*/
	/*background:#ff6;*/
	margin:0 0 30px 0;
	float:left;
}
.procontent div:nth-child(1){
	width:28%;
	height:300px;
	/*background:#eee;*/
	/*border-right:2px #ccc solid;*/
}
.procontent div:nth-child(1) img{
	width:350px;
}
.procontent div:nth-child(2){
	position: relative;
	height:350px;
	overflow: hidden;
	/*padding:0 0 20px 0;
	box-sizing: border-box;*/
}
.procontent div:nth-child(2) ul{
	width:400px;
	float:left;
	margin:0 30px 0 0;
}
.procontent div:nth-child(2) .type1 li{
	font-size:20px;
	margin:0 0 12px 0;
	padding:0 0 0 30px;
	box-sizing: border-box;
	word-wrap:break-word;
}
.procontent div:nth-child(2) .type1 li:nth-child(1){
	font-size:25px;
	color:#0075a9;
	/*margin:0 0 12px 30px;*/
}
.procontent div:nth-child(2) .type1 li:nth-child(4){
	color:#e60012;
	font-size:25px;
	/*background:#ccc;*/
	margin:25px 0 0 0;
}
.procontent div:nth-child(2) .type1 li:last-child{
	font-size:16px;
	/*margin:75px 0 0 0;*/
	position: absolute;
	bottom:-12px;
	left:0;
	z-index: 1;
}
.procontent div:nth-child(2) .type1 li:last-child span{
	font-size:50px;
	color:#e60012;
}
.procontent div:nth-child(2) .type1 li:last-child span:nth-child(1){
	display:inline-block;
	font-size:16px;
	color:#333;
	/*border:1px #333 solid;
	padding:5px;*/
	margin:0 0 5px 0;
}
.procontent div:nth-child(2) .type2{
	width:230px;
	/*background:#ff6;*/
}
.procontent div:nth-child(2) .type2 li{
	font-size:16px;
	margin:0 0 5px 0;
}
.procontent div:nth-child(3){
	margin:50px 0 0 0;
}
.procontent div:nth-child(3) span{
	display:none;
}
.procontent div:nth-child(3) h2{
	/*width:150px;
	height:150px;*/
	color:#e60012;
	/*background:#999;*/
	/*border:2px #e60012 solid;*/
	font-size:65px;
	text-align: center;
	/*line-height: 150px;*/
	margin:0 0 12px 0;
}
.procontent div:nth-child(3) h3{
	color:#e60012;
	font-size:30px;
	text-align: center;
	margin:0 0 30px 0;
}
.procontent div:nth-child(3) p{
	color:#e60012;
	font-size:20px;
	font-weight: bold;
	text-align: center;
}
.procontent div:nth-child(3) ul{
	width:60px;
	margin:0 auto;
	padding:0 0 0 0;
	box-sizing:border-box;
}
.procontent div:nth-child(3) li{
	color:#0075a9;
	font-size:20px;
	clear:both;
}
.procontent div:nth-child(3) li > a{
	display:block;
	width:60px;
	/*height:30px;*/
	/*border-radius: 50%;*/
	/*background:#ccc;*/
	color:#0075a9;
	font-size:16px;
	text-align: center;
	/*line-height: 30px;*/
	border:1px #00a0e9 solid;
	margin:0 auto 12px auto;
	padding:5px 0;
	float:left;
}
.procontent div:nth-child(3) li > a:hover{
	color:#fff;
	background:#0075a9;
}
.shadow{
	width:98%;
	height:310px;
	border-radius: 25px 25px 0 0;
	box-shadow: 0 12px 16px #666;
	background:#666;
	/*border:2px #666 solid;*/
	position: absolute;
	top:270px;
	bottom:0;
	right:0;
	left:0;
	z-index: -1;
	margin:0 auto;
}
input[type='text']{
	display: inline-block;
	width:300px;
	height:42px;
	color:#999;
	font-size:20px;
	border:1px #ccc solid;
	padding:0 0 0 5px;
	box-sizing: border-box;
}
input[type='submit']{
	color:#fff;
	font-size:20px;
	text-align: center;
	background:#0075a9;
	border-radius:0 5px 5px 0;
	padding:8px 12px;
	margin:0 0 0 -5px;
	cursor: pointer;
}
input[type='submit']:hover{
	background:#005982;
}
.search{
	margin:-1px 0 0 0;
}
.search li:nth-child(1){
	font-size:26px;
 	color:#e60012;
 	text-align: center;
 	float:right;
 	padding:0 0 0 0;
 	margin:0 30px 60px 0;
 	box-sizing: border-box;
}
.search li:nth-child(1) span{
	display:block;
 	font-size:16px;
 	font-weight: normal;
 	color:#e60012;
 	margin:0 0 0 0;
}
.search li:nth-child(2){
	/*width:150px;*/
	height:40px;
	color:#fff;
	font-size:25px;
	text-align: right;
	line-height: 40px;
	background:#0075a9; 
	border:1px #0075a9 solid;
	padding:0 5px 0 100px;
	float:left;
	margin:15px 70px 0 0; 
}
.search li:nth-child(3){
	padding:12px 0 0 0;
	box-sizing: border-box; 
}
/*.search li:hover{
	color:#fff;
	background:#999;
	border:1px #999 solid;
}
.zone span{
	font-size:35px;
}*/
/*.procontent div:nth-child(3) h3{
	color:#e60012;
	font-size: 20px;
	text-align: center;
	margin:0 0 0 0;
}*/
.storecontentwrapper{
	width:98%;
	background:#fff;
	border-radius: 0 0 25px 25px;
	box-shadow: 0 8px 12px #999;
	margin:0 auto;
	padding:0 0 30px 0;
	box-sizing: border-box;
}
.storecontent{
 	width:98%;
 	height:auto;
 	background: #fff;
	border-bottom:1px #ccc solid;
	overflow: hidden;
	margin:0 auto 30px auto;
	padding:0 0 0 30px;
	box-sizing: border-box;
}
.storecontent:last-child{
	border-bottom:0;
}
 .storecontent div{
	/*display:inline-block;*/
	/*width:30%;*/
	/*height:300px;*/
	/*background:#ff6;*/
	margin:0 0 30px 0;
	float:left;
}
.storecontent div:nth-child(1){
	width:27%;
	/*background:#eee;*/
	border-right:2px #ccc solid;
}
.storecontent div:nth-child(1) li{
	font-size:25px;
	color:#0075a9;
}
.storecontent div:nth-child(1) li:nth-child(1){
	font-size:20px;
	color:#333;
}
.storecontent div:nth-child(2){
	padding:0 0 0 15px;
}
.storecontent div:nth-child(2) li{
	font-size:20px;
	margin:0 0 5px 0;
	box-sizing: border-box;
}
/*.procontent div:nth-child(2) li:nth-child(1){
	font-size:25px;
	color:#0075a9;
}*/
.storecontent div:nth-child(3){
	float:right;
	margin:0 60px 0 0;
}
.storecontent div:nth-child(3) p{
	color:#e60012;
	font-size: 16px;
	margin:0 0 3px 0;
}
.storecontent div:nth-child(3) h2{
	/*width:60px;
	height:60px;*/
	color:#e60012;
	/*background:#999;*/
	/*border:5px #e60012 solid;*/
	font-size:55px;
	text-align: center;
	/*line-height: 60px;*/
	margin:-12px 0 0 0;
	/*padding:8px 12px;*/
}
/* sideopen */

#mwt_mwt_slider_scroll
{
	top: 0;
	left:-1100px;
	width:1100px;	
	position:fixed; 
	z-index:9999;
}

#mwt_slider_content{
	background:#D51834;
	text-align:center;
	padding:20px 0 0 0;
}
#mwt_slider_content > div{
	width:1036px;
	margin:0 auto 20px auto;
}
#mwt_slider_content > div img{
	width:100%;
}
#mwt_fb_tab {
	position:absolute;
	top:152px;
	right:-40px;
	width:40px;
	height:163px;
	background:#080403;
	/*background:url(images/tag.png) no-repeat;*/
	color:#f29c9f;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;	
	text-align:center;
	padding:9px 0;
	border-radius-topright:10px;
	border-radius-bottomright:10px;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
	-moz-border-radius-topright:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;	
}
#tab_relative{
	width:100%;
	height:100%;
	position: relative;
}
#tab_relative h1{
	color:#D51834;
	background:#fff;
	border-radius: 5px;
	font-size:25px;
	text-align: center;
	font-weight:bold;
	padding:5px 8px;
	position: absolute;
	top:12px;
	right:30px;
	z-index: 1;
}
#tab_relative span{
	width:30px;
	height:30px;
	color:#ff6;
	background:#333;
	border-radius: 50%;
	/*border:3px #333 solid;*/
	font-size:20px;
	text-align: center;
	font-weight:bold;
	line-height: 30px;
	position: absolute;
	top:142px;
	right:-215px;
	z-index: 1;
	cursor: pointer;
}
#mwt_slider_content ul{
	margin:0 0 0 30px;
}
#mwt_slider_content li{
	width:250px;
	height:250px;
	background:#000;
	float:left;
	margin:0 12px 12px 0;
}
#mwt_slider_content img{
	width:100%;
}
#mwt_slider_content img:hover{
	opacity: 0.7;
}
.indexbottom{
	width:100%;
	max-width: 1920px;
	min-width: 1280px;
	height:500px;
	background:url(images/bottombg.jpg) center no-repeat;
	position: absolute;
	left:0;
	bottom:0;
	z-index: -1;
}
.indexbottom span{
	display:block;
	text-align: center;
	padding: 460px 0 0 0;
	box-sizing: border-box;
}
.footerwrapper{
	width:100%;
	min-width: 1280px;
	/*background:#475056;*/
}
.footer{
	width:1280px;
	height:auto;
	margin:0 auto;
	overflow: hidden;
	padding:0 0 0 0;
}
.footer p{
	color:#fff;
	text-align: center;
	clear:both;
	margin:60px 0 30px 0;
}
#top{
	/*width:60px;
	height:60px;*/
	display:none;
	/*border-radius: 50%;
	background:#0075a9;*/
	position:fixed;
	bottom:60px;
	right:5px;
	z-index: 9999;
	cursor: pointer;
}
.menubar{
	display:none;
}
#black{
	display:none;
}
.phoneheader{
	display:none;
}
.phonefooter{
	display:none;
}

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

#top_pic {
	margin-left: 0%;
}

.menubar{
	display:block;
	width:100%;
	background:#666;
	padding:5px 0;
	position: absolute;
	top:0;
	left:0;
	z-index: 9998;
}
.menubar img{
	float: right;
}
#black{
	display:none;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.8);
	position: absolute;
	top:0;
	left:0;
	z-index: 9999;
}
.phonemenu{
	/*display:block;*/
	width:300px;
	min-width: 320px;
	margin:30px auto 0 auto;
	position: relative;
	/*background:#fff;*/
	/*position:fixed;
	top:0;
	left:0;
	z-index: 9999;*/
}
/*.phonemenu a{
	display: block;
	width:100%;
	min-width: 320px;
	height:40px;
	color:#fff;
	font-size:20px;
	text-align: center;
	line-height: 40px;
	background:#0075a9;
	border-bottom: 1px #fff dashed;
}*/
.phonemenu a:last-child{
	border-bottom: 0;
}
.phonemenu h1{
	color:#fff;
	font-size:25px;
	text-align: center;
	margin:0 0 20px 0;
}
#phoneclose{
	width:30px;
	height:30px;
	color:#fff;
	font-size:20px;
	text-align: center;
	line-height: 30px;
	background:#0075a9;
	border-radius: 50%;
	position: absolute;
	top:-16px;
	right:-12px;
	z-index: 9999;
}
.phoneheader{
	display: block;
	width:100%;
	/*background:#ccc;*/
	text-align: cetner;
}
.phoneheader img{
	width:100%;
	min-width: 320px;
	margin:50px 0 0 0;
}
.headerwrapper{
	display:none;
}
.menu{
	display:none;
}
.back{
	border-width: 100px 100px 0 0;
}
.back span{
	font-size:16px;
	margin:-80px 0 0 5px;
}
.content{
	width:100%;
	min-width: 320px;
	padding:0 0 60px 0;
}
.colornum{
	display:none;
}
.procontent{
	min-width: 320px;
	border-bottom:1px #ccc dashed;
	margin:0 auto 0 auto;
	padding:0 0 30px 0;
}
 .procontent div{
 	width:100%;
 	min-width: 320px;
	margin:0 auto 30px auto;
	float:none;
}
.procontent div:nth-child(1){
	width:300px;
	/*background:#eee;*/
	border-right:0;
	margin:30px auto 60px auto;
}
.procontent div:nth-child(1) img{
	width:100%;
}
.procontent div:nth-child(2){
	position: relative;
	height:auto;
	margin:-30px 0 0 0;
}
.procontent div:nth-child(2) ul{
	width:90%;
	float:none;
	margin:0 auto;
}
.procontent div:nth-child(2) .type1 li{
	font-size:20px;
	text-align: center;
	margin:0 0 12px 0;
	padding:0 0 0 0;
}
.procontent div:nth-child(2) .type1 li:nth-child(1){
	width:95%;
	font-size:25px;
	text-align: center;
	margin:0 auto 30px auto;
}
.procontent div:nth-child(2) .type1 li:nth-child(4){
	width:90%;
	font-size:30px;
	text-align: center;
	margin:25px auto 0 auto;
}
.procontent div:nth-child(2) .type1 li:last-child{
	font-size:16px;
	/*margin:75px 0 0 0;*/
	position: static;
	bottom:0;
	left:0;
	z-index: 0;
}
.procontent div:nth-child(2) .type1 li:last-child span{
	font-size:50px;
}
.procontent div:nth-child(2) .type1 li:last-child span:nth-child(1){
	display:inline-block;
	font-size:16px;
	color:#333;
	/*border:1px #333 solid;
	padding:5px;*/
	margin:0 0 5px 0;
}
.procontent div:nth-child(2) .type2{
	width:auto;
}
.procontent div:nth-child(2) .type2 li{
	width:80%;
	font-size:20px;
	text-align: justify;
	margin:0 auto 5px auto;
}
.procontent div:nth-child(3){
	margin:20px auto 0 auto;
}
.procontent div:nth-child(3) h2{
	width:100%;
	height:100px;
	color:#e60012;
	/*background:#999;*/
	border:0;
	font-size:55px;
	text-align: center;
	/*line-height:60px;*/
	margin:0 0 0 0;
}
.procontent div:nth-child(3) p{
	font-size:25px;
	text-align: center;
}
.procontent div:nth-child(3) ul{
	width:95%;
	margin:0 auto;
	padding:0 25px;
	box-sizing: border-box;
}
.procontent div:nth-child(3) li{
	font-size:25px;
	display:inline-block;
	margin:0 0 0 0;
}
.procontent div:nth-child(3) li:last-child{
	margin:0 0 0 0;
}
.procontent div:nth-child(3) li > a{
	display:block;
	width:70px;
	/*height:40px;*/
	/*border-radius: 50%;*/
	/*background:#ccc;*/
	color:#0075a9;
	font-size:20px;
	text-align: center;
	/*line-height: 40px;*/
	border:1px #00a0e9 solid;
	margin:0 5px 12px 0;
	padding:5px 0;
	float:left;
}
.procontent div:nth-child(3) span{
	display:block;
	color:#e60012;
	font-size:20px;
	text-align: center;
}
.shadow{
	display:none;
}
#mwt_mwt_slider_scroll{
	display:none;	
}
.menu_content{
	background:none;
	text-align:center;
	padding:0 0 0 0;
}
.menu_content ul{
	margin:0 0 0 0;
}
.menu_content li{
	width:300px;
	height:300px;
	background:#000;
	float:none;
	margin:0 auto 20px auto;
}
.menu_content img{
	width:100%;
}
.menu_content img:hover{
	opacity: 0.7;
}
/*.zone li{
	display:none;
}*/
input[type='text']{
	width:250px;
	height:42px;
	font-size:16px;
	border:1px #ccc solid;
}
input[type='submit']{
	color:#fff;
	font-size:20px;
	text-align: center;
	background:#0075a9;
	border-radius:0 5px 5px 0;
	padding:8px 12px;
	margin:0 0 0 -5px;
}
.search{
	text-align: center;
 	padding:30px 0 0 0;
 	box-sizing: border-box;
}
.search li:nth-child(1){
 	float:none;
 	margin:0 auto 30px auto;
}
.search li:nth-child(2){
	/*display:initial;*/
	/*width:100px;*/
	/*height:60px;*/
	color:#0075a9;
	font-size:25px;
	/*line-height: 60px;*/
	text-align: center;
	background:#fff;
	border:0;
	padding:5px 5px;
	float:none;
	margin:0 auto 0 auto; 
}
.search li:nth-child(3){
	/*width:85%;*/
	/*background:#ccc;*/
	padding:0 0 0 0;
	margin:20px auto 30px auto; 
}
.storecontent{
	min-width: 320px;
	border-bottom:1px #ccc dashed;
	margin:0 auto 30px auto;
	padding:0 0 30px 0;
}
 .storecontent div{
	margin:0 0 30px 0;
	float:none;
}
.storecontent div:nth-child(1){
	width:95%;
	text-align:center;
	border-right:0;
	margin:0 auto 0 auto;
}
.storecontent div:nth-child(1) li{
	font-size:25px;
	color:#0075a9;
}
.storecontent div:nth-child(1) li:nth-child(1){
	font-size:25px;
	color:#333;
}
.storecontent div:nth-child(2){
	text-align:center;
	padding:0 0 0 0;
	margin:20px auto 0 auto;
}
.storecontent div:nth-child(2) li{
	font-size:20px;
	margin:0 0 5px 0;
	box-sizing: border-box;
}
.storecontent div:nth-child(3){
	float:none;
	margin:0 auto 0 auto;
}
.storecontent div:nth-child(3) p{
	color:#e60012;
	font-size: 20px;
	text-align: center;
	margin:30px 0 3px 0;
}
.storecontent div:nth-child(3) h2{
	/*width:60px;
	height:60px;*/
	color:#e60012;
	/*background:#999;*/
	/*border:5px #e60012 solid;*/
	font-size:55px;
	text-align: center;
	/*line-height: 60px;*/
	margin:0 0 0 0;
	/*padding:8px 12px;*/
}
.indexbottom{
	min-width: 320px;
}
.indexbottom span{
	display:none;
}
.footerwrapper{
	display:none;
}
.phonefooter{
	display:block;
	width:100%;
	color:#333;
	text-align: center;
	/*background:#0075a9;*/
	padding:12px 0;
}
#top{
	width:30px;
	z-index: 9999;
}
#top img{
	width:100%;
}
}