@charset "utf-8";
/*
 * CSS Document 
 * $Author: 雯守 $
 * $Date: 2016-8-1 (一) $
*/

/* Default Set. ---------------------------------------------------------------- */
img { border:0; text-decoration:none; max-width:100%; width:100%;}
html, body { width:100%; padding:0; margin:0; font-size:15px; font-family:'Lato', sans-serif; color:#555555;}
a { color:#0d0d0d; text-decoration:none;}
a:hover { color:#333333;}
form, input, textarea, select, label { margin:0; padding:0; /*color:#333;*/ font-size:12px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
input, textarea, select, label { font-family:'微軟正黑體', Microsoft JhengHei,Verdana, PMingLiU;}
textarea { resize: none;}
.clearer { clear:both; height:0; line-height:0; font-size:0;}
.displayNone { display:none;}


/* tabs cont */
.proInfoWrap {
	width:100%;
	margin-bottom:50px;
	overflow:hidden;
}

/*__________________________________ 文字編輯器內容css __________________________________ */
.proInfoWrap.bgA {
	/*background:url(../images/pro_view_bg_1.jpg) no-repeat bottom;*/
}
.proInfoBox {
	max-width:1180px;
	padding:0 10px;
	margin:0 auto;
}
.proInfoBox .img {
	width:500px;
}
.proInfoBox .info {
	width:600px;
	height:600px;
	margin:0px 0 0 0;
}

.proInfoBox .info .ti {
	font-size:28px;
	line-height:40px;
	margin-bottom:40px;
	color:#202020;
}
.proInfoBox .info .txt {
	font-size:18px;
	line-height:28px;
	color:#7f7f7f;
}

/*__________________________________ 垂直置中 __________________________________ */

.like-table {
    width: 500px;
    height: 500px;
    border: 0px solid #000;
    vertical-align: middle;
	    display: table-cell;
		
}

.like-table .box {
    width: 600px;
    /* height: 68px; */
    margin: 0 auto;
    color: #fff;
    font-size: 12px;
    line-height: 22px;
    text-align: left;
    background: #fff;
}
.like-table .box .ti{
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 20px;
    color: #202020;
    font-weight: bold;
	}
.like-table .box .txt {
    font-size: 18px;
    line-height: 28px;
    color: #7f7f7f;
}

.like-table > .box > .txt > p > img{
	width:auto !important;
	
	}
#ttbuyiconb a{
	display: block;
    width: 240px;
    height: 40px;
    moz-box-shadow: inset 0px 1px 0px 0px #f5978e;
    -webkit-box-shadow: inset 0px 1px 0px 0px #f5978e;
    box-shadow: inset 0px 1px 0px 0px #34EC44;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #64db2f), color-stop(1, #159219));
    background: -moz-linear-gradient(top, #f24537 5%, #c62d1f 100%);
    background: -webkit-linear-gradient(top, #31DA3A 5%, #49D22D 100%);
    background: -o-linear-gradient(top, #f24537 5%, #c62d1f 100%);
    background: -ms-linear-gradient(top, #f24537 5%, #c62d1f 100%);
    background: linear-gradient(to bottom, #57BB27 5%, #1C6D24 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f',GradientType=0);
    background-color: #64db2f;
    color: #FFF;
    line-height: 40px;
    text-align: center;
    margin-top: 7px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
    font-size: 15px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-left: 15px;
	}


/*__________________________________ 版面兩個雙TABLE __________________________________ */
.like-table2 {
    width: 550px;
    height: 500px;
    border: 0px solid #000;
    vertical-align: top;
	    display: table-cell;
		
}
.like-table2 .box {
    width: 550px;
    /* height: 68px; */
    margin: 0 auto;
    color: #fff;
    font-size: 12px;
    line-height: 22px;
    text-align: left;
    background: #fff;
}
.like-table2 .box .ti{
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 20px;
    color: #202020;
    font-weight: bold;
	}
.like-table2 .box .txt {
    font-size: 18px;
    line-height: 28px;
    color: #7f7f7f;
}


@media only screen and (max-width: 1199px) {
	.proInfoBox .img {
		width:45%;
	}
	.proInfoBox .info {
		width:50%;
	}
	.proInfoBox .info .ti {
		font-size:25px;
		line-height:35px;
		margin-bottom:30px;
	}
	.proInfoBox .info .txt {
		font-size:15px;
		line-height:25px;
		color:#7f7f7f;
	}
	
	.like-table{
    width: 100%;
    height: auto;
	}

	.like-table .box{
    width: 100%;
    height: auto;

	}	
}
@media only screen and (max-width: 1023px) {
	.proInfoBox .img {
		width:100%;
	}
	.proInfoBox .info {
		width:100%;
		margin:0;
	}
	.proInfoWrap.bgA {
		background:none;
	}
	
	.like-table{
		width: 100%;
		height: auto;
	}

	.like-table .box{
		width: 100%;
		height: auto;
	}
	.like-table2 {
		width: 100%;
		height: auto;
	}
	.like-table2 .box {
    	width: 100%;
    	height: auto;
		margin: 0 auto;
		color: #fff;
		font-size: 12px;
		line-height: 22px;
		text-align: left;
		background: #fff;
	}
	.like-table2 .box .txt p{
		width:110%;	
	}
	
	
}
/*__________________________________ 文字編輯器內容css end __________________________________ */

/* other */
.h20 {
	height:10px;
}
.floatL {
	float:left;
}
.floatR {
	float:right;
}
.noInfoTxt {
	text-align:center;
	padding:100px 0;
	height:100%;
}