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

/* Default Set. ---------------------------------------------------------------- */
/* img { border:0; text-decoration:none; max-width:100%; width:100%;} */

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

.tabsBody{
		font-family: 'Oswald', sans-serif;
		background-color: #000;
}


.proInfoWrap {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #333333;
    padding-top: 50px;
    padding-bottom: 50px;

}

.proInfoWrap:nth-last-child(1) {
    width: 100%;
    overflow: hidden;
    border-bottom: 0px solid #333333;
    padding-top: 50px;
    padding-bottom: 50px;
} 

.videoWrap {
	width:100%;
	overflow:hidden;
	border-bottom: 1px solid #d0d0d0;
}

.noBorderBtm{
	border-bottom: 0px solid #2f2e2e!important;
}
.yBorderBtm{
	border-bottom: 1px solid #2f2e2e!important;
}

/*__________________________________  顏色標籤 css __________________________________ */
.ColorBgBl{
	background-color: #000;
}
.colorTxtBl{
	color: #000;	
}
.colorTxtGray{
	color: ##989898;	
}
.colorTxtW80{
	color: #dad7d7!important;	
}
.colorTxtW60{
	color: #989898!important;	
}

.iCenter{
	text-align: center;
	    margin: 0 auto;
}
.iMargin-bottom{
	margin-bottom: -50px;
}
.colorbg161616{
	background-color: #141414!important;
}

.texth1{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif!important;
	font-size: 32px!important;
	line-height: 36px!important;
    font-weight: bold!important;
    text-transform: uppercase!important;
}
.textp{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif!important;
	font-size: 15px!important;
    line-height: 25px!important;
    color: #a3a3a3!important;
    font-weight: bold!important;
}

#Feature p{
	font-size: 15px!important;
    font-weight: bold!important;
    line-height: 25px!important;
}

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

}
.proInfoBox .img {
	width:500px;
}
.proInfoBox .fullBlock{
	width:100%;
}

.proInfoBox .info {
	width:360px;
	height:600px;
	margin:0px 0 0 0;
}



.proInfoBox .info .ti {
	font-size:24px;
	line-height:32px;
	margin-bottom:40px;
	color:#202020;
}
.proInfoBox .info .txt {
	font-size:15px;
	line-height:20px;
	color:#666666;
}

.txt p a{
	color:#f00;
}

.textcenter{
	text-align: center;
}


/*__________________________________ 垂直置中 __________________________________ */

.like-table {
    width: 550px;
    height: 500px;
    border: 0px solid #000;
    vertical-align: middle;
	    display: table-cell;
}
.W1080{
	width: 1080px;    
	}
.h700{
    height: 700px;
	}
.h000{
    height: auto;
    text-align: center;
	}

.like-table.fullBlock, .like-table.fullBlock .box  {
	width:100%;
}

.like-table .box {
    width: 550px;
    /* height: 68px; */
    margin: 0 auto;
    color: #fff;
    font-size: 12px;
    line-height: 22px;
    text-align: left;
}
.like-table .box .ti, .proInfoBox .ti{
    font-size: 59px;
    line-height: 60px;
    letter-spacing: 1px;
    font-weight: 800;
    margin-bottom: 10px;
    margin-top: 10px;
    color: #fff;

	}

.font80{
    font-size: 80px!important;
    line-height: 80px!important;
    letter-spacing: 1px;
}

.like-table .box .txt, .proInfoBox .txt{
    font-size: 18px;
    line-height: 25px;
	color:#fff;
	font-weight: normal;
}

.proInfoBox > .ti,
.proInfoBox > .txt {
	text-align: center;
}

.like-table > .box > .txt > p > img{
	width:auto !important;
	border:0; text-decoration:none; max-width:100%; width:100%;
	}
.like-table2 > .box > .txt > p > img{
	width:auto !important;
	border:0; text-decoration:none; max-width:100%; width:100%;
	}

.img > .txt p{
	text-align: center;
	width: 80%;
	margin: 0 auto;
}

.img > img{
	width: 100%;
}
.txtCenter{
	text-align: center;	
}
.txt ul{
    margin-left: 80px;

}
.txt ul li{
	width: 33%;
	float: left;
}


/*__________________________________ 按鈕 ICON css __________________________________ */


.buttonBox240{
	/*margin:  0 auto;
	width: 240px;*/
    margin-bottom: 20px;
	margin-left: -15px;
}

#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;
	}

#ttbuyiconbred 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 #FF1500;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #DB2F2F), color-stop(1, #CE0C0C));
    background: -moz-linear-gradient(top, #f24537 5%, #c62d1f 100%);
    background: -webkit-linear-gradient(top, #DA3131 5%, #D22D2D 100%);
    background: -o-linear-gradient(top, #f24537 5%, #c62d1f 100%);
    background: -ms-linear-gradient(top, #f24537 5%, #c62d1f 100%);
    background: linear-gradient(to bottom, #EA2B2B 5%, #E01010 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f',GradientType=0);
    background-color: #FF0000;
    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;
}
.btn_download a {
    color: #ff0000;
    border: 2px solid #ff0000;
    padding: 8px 10px;
    text-decoration: none;
    letter-spacing: 2px;
	transition: 1s;
}

.btn_download a:hover {
    color: #ffff00;
    border: 2px solid #ffff00;
}
/*__________________________________ 版面兩個雙TABLE __________________________________ */
.like-table2 {
    width: 465px;
    height: 500px;
    border: 0px solid #000;
    vertical-align: top;
	    display: table-cell;
		
}
.like-table2 .box {
    width: 465px;
    /* height: 68px; */
    margin: 0 auto;
    color: #fff;
    font-size: 12px;
    line-height: 22px;
    text-align: left;

}
.like-table2 .box .ti{
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 20px;
    color: #202020;
    text-align: center;
    font-weight: bold;
	}
.like-table2 .box .txt {
    font-size: 18px;
    line-height: 28px;
    color: #7f7f7f;
}

hr{
	display: none;
}

/* 舊版不適用

@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;
}
.h700 {
	height:700px;
}
.floatL {
	float:left;
}
.floatR {
	float:right;
}
.noInfoTxt {
	text-align:center;
	padding:100px 0;
	height:100%;
}
.cc{
	clear:both;
	
	}