@charset "utf-8";
/* CSS Document */
/* CSS style */
html, body, form {
	height: 100%;
	margin: 0;
}
body {
	font-family: "微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", "細明體", "MingLiU", "標楷體", "DFKai-sb", "serif";
	font-size: 1em;
}
a {
	text-decoration: none;
	color: #666666;
	outline: none;
}
a:hover, a:focus {
	color: #fff;
	outline: none;
}
/* FOUC */
.js .main, .js #hero, #top-row, #about-pic li {
	opacity: 0;
	visibility: hidden;
}/*距離高度*/
img, video, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}
img, video {
	max-width: 100%;
	height: auto !important;
}
a:hover, a:focus {
	color: #9CCAEC;
}
::selection {
	color: #79C1DE;
	background: #FAFAFA;
}
/* clearfix */
.clearfix::before, section::before, .row::before, .clearfix::after, section::after, .row::after {
	display: table;
	content: "";
}
.clearfix::after, section::after, .row::after {
	clear: both;
}
html {
	font-family: Helvetica, sans-serif;
	-webkit-text-size-adjust: none;
	background-color: #EEE;
}
/* texts */
body {
	font: 1em/1em Helvetica, sans-serif;
	color: #777;
}
h1 {
	font-size: 2em;
}
h2 {
font: 1.28em/1.6em margin: 0 0 0.5em;
	font-weight: normal;
}
h3 {
font: 1.2em/1.1em margin: 0 0 0.5em;
}
h4 {
font: 1.0em/1.4em color:#666
}
p {
	font-size: 1.2em;
	line-height: 1.5em;
	font-style: normal;
}
/* 12-column responsive grid */
.row {
	clear: both;
	max-width: 1040px;
	margin: 0 auto;
	position: relative;
}
 [class^="col-"] {
float: left;
margin: 0;
list-style: none;
position: relative;
}
[class^="col-"]:last-child {
	margin: 0;
}
.col-1 {
	width: 100%
}
.col-2 {
	width: 100%
}
.col-3 {
	width: 100%;
	margin-bottom: 1.0em;
}
.col-4 {
	width: 100%;
	margin-bottom: 1.0em;
}
.col-5 {
	width: 100%;
	margin-bottom: 1.0em;
}
.col-6 {
	width: 100%;
	margin-bottom: 1.0em;
}
.col-7 {
	width: 100%;
	margin-bottom: 1.0em;
}
.col-8 {
	width: 100%;
	margin-bottom: 1.0em;
}
.col-9 {
	width: 100%;
	margin-bottom: 1.0em;
}
.col-10 {
	width: 100%
}
.col-11 {
	width: 100%
}
.col-12 {
	width: 100%;
	margin: 0;
}
a.visit {
	border: solid 1px #9CCAEC;
	padding: 1em;
}
/*桌機版=================================================*/
#WRAPPER {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
/* 平版紅色圓 */
#phone_show1 {
	width: 145px;
	height: 240px;
	top: 0;
	right: 10%;
	position: absolute;
	z-index: 1;
}
.awards {
	position: absolute;
}
/* logo*/
#phone_show2 {
	width: 185px;
	top: 1%;
	left: 10%;
	position: relative;
	z-index: 1;
}
/* title*/
#mobile-title {
	display: block;
	text-align: center;
	width: 34%;
	position: absolute;
	left: 33%;
	line-height: 51px;
	font-size: 110%;
}
/*第一部大數據領航家===========================================================*/
#one {
	background: url(http://www.twhg.com.tw/2015bmdevice/img/bg-1.jpg) 0 0 no-repeat;
	background-position: top center;
}
#phone_show {
	width: 470px;
	height: 369px;
	top: 245px;
	left: 0px;
	position: absolute;
	z-index: 1;
}
#one-mobile {
	position: absolute;
}
#hero {
	overflow: hidden;
	padding-top: 0;/*==================重要======*/
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#ten-bn {
	width: 800px;
	margin: 0 auto;
}
#hero-title {
	margin-top: 5%;
}
#hero img {
	margin: 0 auto;
}
#hero, #top-row {
	visibility: visible;
	position: relative;
}
#phone_show_QR {
	position: absolute;
	top: 40%;
	right: 21%;
}
.appimg{ display:none;}
/*10個圖示按鈕*/
ul#social {
	width: 100%;
	margin-top: 4%;
}
ul#social li {
	height: 99px;
	width: 110px;
	float: left;
	margin: 1% 2.611% 9.8%;/*====================重要*/
}
.social li#bt1 {
	background: url(http://www.twhg.com.tw/2015bmdevice/img/sprite-social.png) 0px 0px no-repeat;
}
.social li#bt2 {
	background: url(http://www.twhg.com.tw/2015bmdevice/img/sprite-social.png) -138px 0px no-repeat;
}
.social li#bt3 {
	background: url(http://www.twhg.com.tw/2015bmdevice/img/sprite-social.png) -268px 0px no-repeat;
}
.social li#bt4 {
	background: url(http://www.twhg.com.tw/2015bmdevice/img/sprite-social.png) -398px 0px no-repeat;
}
.social li#bt5 {
	background: url(http://www.twhg.com.tw/2015bmdevice/img/sprite-social-1.png) -10px 0px no-repeat;
}
.social li#bt6 {
	background: url(http://www.twhg.com.tw/2015bmdevice/img/sprite-social-1.png) -138px 0px no-repeat;
}
.social li#bt7 {
	background: url(http://www.twhg.com.tw/2015bmdevice/img/sprite-social-1.png) -268px 0px no-repeat;
}
.social li#bt8 {
	background: url(http://www.twhg.com.tw/2015bmdevice/img/sprite-social-1.png) -398px 0px no-repeat;
}
.social li#bt9 {
	background: url(http://www.twhg.com.tw/2015bmdevice/img/sprite-social-2.png) -18px 0px no-repeat;
}
.social li#bt10 {
	background: url(http://www.twhg.com.tw/2015bmdevice/img/sprite-social-2.png) -148px 0px no-repeat;
}
.social li .description {
	padding: 100% 0 0 0;
	position: relative;
	height: 2em;
}
.social li .description p {
	font: 1.2em/0.6em "微軟正黑體", sans-serif;
	color: #FD6305;
	font-weight: bold;
	text-align: center;
}
/*第二部創新找屋===========================================*/
.main {
	position: relative;
	display: block;
	overflow: hidden;
	visibility: visible;
}
section.dark {
	position: relative;
	background: url(http://www.twhg.com.tw/2015bmdevice/img/bg-2.jpg) no-repeat;
	background-position: top center;
}
.dark h2 {
	position: relative;
	color: #FFFFFF;
	font: 1.28em/1.3em "微軟正黑體", sans-serif;
	font-style: normal;
	text-align: center;
	margin-top: 10px;
}
.signature {
	height: 45px;
	width: 60px;
	background: url(http://www.twhg.com.tw/2015bmdevice/img/sprite-global.png) -42px -130px no-repeat!important;
	display: block;
	text-indent: -9999px;
	border-bottom: none;
	right: 5px;
	margin-bottom: 25px;
	position: relative;
	clear: both;
}
#phone-show3 {
	width: 300px;
	height: auto;
	position: relative;
	top: 0;
	left: 76px;
	z-index: 1;
}
.two-mobile {
	position: absolute;
	top: 427px;
	left: 0;
	z-index: 1;
}
/*第三部分===================================================*/
.box {
	float: none;
	top: 55px;
	position: relative;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
section.light3 {
	position: relative;
	background: url(http://www.twhg.com.tw/2015bmdevice/img/bg-3.jpg)top center no-repeat!important;
	padding: 16% 5%;
}
.three h3 {
	position: relative;
	top: 20px;
	left: 30px;
}
.three h3, .three1 h3 {
	text-align: center;
	font-weight: bold;
	font: 1.2em/1.3em "微軟正黑體", sans-serif;
	color: #FFF;
}
/*結合政府開放性資料*/
.three span {
	display: inline-block;
	display: -moz-inline-box;
	width: 500px;
	margin-top: -20%;
	float: right;
	margin-right: 170px;
	text-align: left;
}
.three img {
	width: 376px;
	position: relative;
	left: 316px;
	top: -130px;
}
/*房地快搜*/
.three1 span {
	display: inline-block;
	display: -moz-inline-box;
	width: 260px;
	position: relative;
	top: 70px;
	left: 13%;
}
.three1 img {
	width: 376px;
	height: 412px;
	position: absolute;
	top: 70px;
	left: 50px;
	z-index: 88;
}
/*第四部分==========================================================*/

.profile {
	padding: 2% 4% 10% 29%;
}
section.light {
	position: relative;
	background: url(http://www.twhg.com.tw/2015bmdevice/img/bg-4.jpg) no-repeat;
	background-position: top center;
	padding: 10% 5%;
}
ul.boxes-home {
	width: 780px;
	margin-left: 22%;
}
ul.boxes-home li {
	float: none;
	top: -30px;
	position: relative;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
ul.boxes-home li {
	float: left;
	width: 180px;
	margin: 6px 10px 0 10px;
}
ul.boxes-home li:nth-child(3n) {
	display: block;
	margin-right: 0;
}
ul.boxes-home li:nth-child(2n) {
	margin-right: 20px;
}
ul.boxes-home li a {
	text-decoration: none;
	display: block;
	position: relative;
	color: #555;
	border-bottom: none;
}
ul.boxes-home li a img {
	display: block;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
ul.boxes-home .description {
	position: relative;
	overflow: hidden;
	height: 6.5em;
}
ul.boxes-home p {
	font: 0.9em/1.3em "微軟正黑體", sans-serif;
	margin: 0 0 0 0;
	color: #000;
	font-weight: bold;
}
.four img {
	width: 553px;
	position: relative;
	left: 240px;
	top: -75px;
}
/*top按鈕*/
.t-right {
	position: absolute;
	right: 0;
	top: -50px;
}
/* *********** Footer *************** */
#footer {
	position: relative;
	margin-top: -60px;
	height: 60px;
	clear: both;
	background: #F60 url(http://www.twhg.com.tw/2015bmdevice/img/bg-footer.png) repeat;
	border-top: solid 1px rgba(255, 255, 255, 0.5);
}
.copyright {
	font-family: "微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", "細明體", "MingLiU", "標楷體", "DFKai-sb", "serif";
	font-size: 0.8em;
	text-align: center;
	color: #FFFFFF;
	padding: 20px 10px 0 10px;
}
 @media print {
/* Print =================================================== */
* {
	background: transparent !important;
	color: black !important;
	box-shadow: none !important;
	text-shadow: none !important;
	filter: none !important;
	-ms-filter: none !important;
}
 @page {
margin: 0.5cm;
}
h2, h3 {
	orphans: 3;
	widows: 3;
	page-break-after: avoid;
}
p {
	orphans: 3;
	widows: 3;
}
pre, blockquote {
	border: 1px solid #808080;
	page-break-inside: avoid;
}
abbr[title]:after {
	content: " (" attr(title) ")";
}
a, a:visited {
	text-decoration: underline;
}
a[href]:after {
	content: " (" attr(href) ")";
}
a[href^="javascript:"]:after, a[href^="#"]:after {
	content: "";
}
img {
	max-width: 100% !important;
	page-break-inside: avoid;
}
thead {
	display: table-header-group;
}
tr {
	page-break-inside: avoid;
}
}
@media screen and (max-width: 1920px) {
#phone_show {
	width: 550px;
}
#phone-show3 {
	position: relative;
	left: 330px;
}
section.light3 {
	position: relative;
	padding: 11.5% 5%;
}
section.light {
	position: relative;
	padding: 6.8% 5%;
}
}
/*1000-1280dpi*/

 @media screen and (max-width: 1680px) {
#phone_show {
	width: 430px;
}
#phone_show1 {
	width: 145px;
	height: 240px;
	top: 0;
	right: 20%;
}
/*logo*/
#phone_show2 {
	width: 185px;
	top: 1%;
	left: 6%;
}
#phone_show_QR {
	position: absolute;
	top: 40%;
	right: 21%;
}
.appimg{ display:none;}
#phone-show3 {
	width: 300px;
	height: auto;
	position: relative;
	top: 0;
	left: 17%;
	z-index: 1;
}
section.light3 {
	position: relative;
	padding: 13% 5%;
}
section.light {
	position: relative;
	padding: 7% 5%;
}
.t-right {
	position: absolute;
	right: 200px;
	top: -50px;
}
}
 @media screen and (max-width: 1440px) {
#phone_show {
	width: 345px;
}

/*黑手機*/
#phone-show3 {
	width: 300px;
	height: auto;
	position: relative;
	top: 0;
	left: 12%;
	z-index: 1;
}
/*大數據open data*/
.three img {
	width: 376px;
	position: relative;
	left: 316px;
	top: -105px;
}
.three span {
	display: inline-block;
	display: -moz-inline-box;
	width: 500px;
	margin-top: -17%;
	float: right;
	margin-right: 170px;
	text-align: left;
}
/*房地快搜文字*/
.three1 span {
	display: inline-block;
	display: -moz-inline-box;
	width: 260px;
	position: relative;
	top: 105px;
	left: 13%;
}
section.light {
	position: relative;
	padding: 9% 5%;
}
}
 @media screen and (max-width: 1366px) {
#phone_show {
	width: 313px;
}

/*黑手機*/
#phone-show3 {
	width: 300px;
	height: auto;
	position: relative;
	top: 0;
	left: 12%;
	z-index: 1;
}
/*大數據open data*/
.three img {
	width: 376px;
	position: relative;
	left: 316px;
	top: -93px;
}

}
 @media only screen and (max-width: 1280px) {
#phone_show {
	width: 255px;
}
#phone_show_QR {
	position: absolute;
	top: 43%;
	right: 11%;
}
.appimg{ display:none;}
#phone_show2 {
	width: 185px;
	top: 1%;
	left: 10%;
}
/*黑手機*/
#phone-show3 {
	width: 300px;
	height: auto;
	position: relative;
	top: 0;
	left: 6%;
	z-index: 1;
}
/*大數據open data*/
.three img {
	width: 376px;
	position: relative;
	left: 316px;
	top: -135px;
}
.three span {
	display: inline-block;
	display: -moz-inline-box;
	width: 500px;
	margin-top: -20%;
	float: right;
	margin-right: 170px;
	text-align: left;
}
/*房地快搜文字*/
.three1 span {
	display: inline-block;
	display: -moz-inline-box;
	width: 260px;
	position: relative;
	top: 70px;
	left: 13%;
}
section.light3 {
	position: relative;
	padding: 17% 5%;
}
section.light {
	position: relative;
	padding: 10% 5%;
}
.t-right {
	position: absolute;
	right: 50px;
	top: -50px;
}
}
@media only screen and (max-width: 1155px) {
#phone_show {
	display: none;
}
#phone_show_QR {
	display: none;
}
.appimg{ 
   display: block;
   position:relative;
   float: right;
   right: 20%;
   margin-top: -45px;
   z-index: 10;
}
.appimg ul{
	width:100%;
	max-width:320px;
}
.appimg li{
	float:left;	
}
.appimg img{
	border:0;
}
}
@media only screen and (max-width: 1024px) {
#phone_show {
	display: none;
}
#phone_show2 {
	width: 185px;
	top: 1%;
	left: 0%;
}
#hero-title {
	width: 100%;
	margin-top: 5%;
	margin-left: -6%;
}
ul#social {
	width: 100%;
	margin-left: -10%;
}
/*大數據open data*/
.three img {
	width: 376px;
	position: relative;
	left: 210px;
	top: -135px;
}
.three span {
	display: inline-block;
	display: -moz-inline-box;
	width: 500px;
	margin-top: -23%;
	float: right;
	margin-right: 140px;
	text-align: left;
}
/*房地快搜文字*/
.three1 span {
	display: inline-block;
	display: -moz-inline-box;
	width: 260px;
	position: relative;
	top: 70px;
	left: 14%;
}
.three1 img {
	width: 376px;
	height: 412px;
	position: absolute;
	top: 70px;
	left: -20px;
	z-index: 88;
}
section.light3 {
	position: relative;
	padding: 21% 5%;
}
ul.boxes-home {
	width: 780px;
	margin-left: 15%;
	margin-top: 2%;
}
#phone-show3 {
	width: 300px;
	height: auto;
	position: relative;
	top: -3px;
	left: -8px;
	z-index: 1;
}
.four img {
	width: 553px;
	position: relative;
	left: 170px;
	top: -65px;
}
.t-right {
	position: absolute;
	right: 30px;
	top: -50px;
}
}
 @media only screen and (max-width: 1000px) {
#phone_show_QR {
	display: none;
}
.appimg{ 
   display: block;
   position:relative;
   float: right;
   right: 37%;
   margin-top: -45px;
   z-index: 10;
}
.appimg ul{
	width:100%;
	max-width:320px;
}
.appimg li{
	float:left;	
}
.appimg img{
	border:0;
}
}
/*800-920dpi*/
@media only screen and (max-width: 800px) {
#one {
	background: url(http://www.twhg.com.tw/2015bmdevice/img/bg-1-1.jpg) 0 0 no-repeat;
	background-position: -630px -50px;
	background-size: 270%;
}

#hero-title {
	width: 78%;
	margin-top: 5%;
	margin-left: -6%;
}
ul#social {
	width: 90%;
	margin-left: -10%;
	margin-top: 4.8%;
}
#phone-show3 {
	width: 235px;
	height: auto;
	position: relative;
	top: -35px;
	left: -8px;
	z-index: 1;
}
section.light3 {
	position: relative;
	padding: 27% 5%;
}
/*大數據open data*/
.three img {
	width: 376px;
	position: relative;
	left: 113px;
	top: -135px;
}
.three span {
	display: inline-block;
	display: -moz-inline-box;
	width: 500px;
	margin-top: -30%;
	float: right;
	margin-right: 38px;
	text-align: left;
}
/*房地快搜文字*/
.three1 span {
	display: inline-block;
	display: -moz-inline-box;
	width: 260px;
	position: relative;
	top: 70px;
	left: 19%;
}
.three1 img {
	width: 376px;
	height: 412px;
	position: absolute;
	top: 70px;
	left: -50px;
	z-index: 88;
}
#phone_show_QR {
	display: none;	
}
.appimg{ 
   display: block;
   position:relative;
   float: right;
   right: 37%;
   margin-top: -45px;
   z-index: 10;
}
.appimg ul{
	width:100%;
	max-width:320px;
}
.appimg li{
	float:left;	
}
.appimg img{
	border:0;
}
#phone_show {
	display: none;
}
#phone_show2 {
	width: 185px;
	top: 1%;
	left: 0%;
}
.four img {
	width: 553px;
	position: relative;
	left: 80px;
	top: -33px;
}
ul.boxes-home {
	width: 780px;
	margin-left: 8%;
	margin-top: 7%;
}
}

/*720-780dpi*/
@media only screen and (max-width: 768px) {
/* Global */
#mobile-title {
	display: none;
}
 [class^="col-"] {
margin: 0 3.84615384615% 0 0;
}
.col-1 {
	width: 4.8076923077%
}
.col-2 {
	width: 13.4615384615%
}
.col-3 {
	width: 22.1153846154%;
	margin-bottom: 1.5em;
}
.col-4 {
	width: 30.7692307692%;
	margin-bottom: 1.5em;
}
.col-5 {
	width: 39.4230769231%;
	margin-bottom: 1.5em;
}
.col-6 {
	width: 48.0769230769%;
	margin-bottom: 1.5em;
}
.col-7 {
	width: 56.7307692308%;
	margin-bottom: 1.5em;
}
.col-8 {
	width: 65.3846153846%;
	margin-bottom: 1.5em;
}
.col-9 {
	width: 74.0384615385%;
	margin-bottom: 1.5em;
}
.col-10 {
	width: 82.6923076923%
}
.col-11 {
	width: 91.3461538462%
}
#phone_show1 {
	width: 175px;
	right: -20px;
}
#phone_show {
	display: none;
}
#one {
	background: url(http://www.twhg.com.tw/2015bmdevice/img/bg-1-1.jpg) 0 0 no-repeat;
	background-position: -630px -25px;
	background-size: 270%;
}
#hero-title {
	width: 78%;
	margin-top: 5%;
	margin-left: -6%;
}
ul#social {
	width: 90%;
	margin-left: -14%;
	margin-top: 4.8%;
}
/*黑手機*/
#phone-show3 {
	width: 200px;
	height: auto;
	position: relative;
	top: -17px;
	left: -8px;
	z-index: 1;
}
#phone_show {
	width: 200px;
	top: 245px;
}
#phone_show2 {
	width: 185px;
	top: 1%;
	left: 0%;
}
section.light3 {
	position: relative;
	padding: 27% 5%;
}
/*大數據open data*/
.three img {
	width: 376px;
	position: relative;
	left: 113px;
	top: -125px;
}
.three span {
	display: inline-block;
	display: -moz-inline-box;
	width: 495px;
	margin-top: -30%;
	float: right;
	margin-right: 15px;
	text-align: left;
}
/*房地快搜文字*/
.three1 span {
	display: inline-block;
	display: -moz-inline-box;
	width: 260px;
	position: relative;
	top: 85px;
	left: 19%;
}
section.dark {
	padding: 26% 5% 3% 5%;
}
.dark h2 {
	margin-top: -27%;
}
section.light {
	padding: 20% 5%;
}
.social li {
	margin: 6% 5.544% 0%;
}
.box {
	padding: 4% 4% 4% 4%;
	margin-top: 1%;
}
.profile {
	width: 85%;
	margin-left: 20%;
	margin-top: 0.8%;
}
.two-mobile {
	position: absolute;
	top: 425px;
}
ul.boxes-home {
	margin-left: 3%;
	margin-top: -5%;
}
.four img {
	width: 553px;
	height: 118px;
	position: relative;
	left: 60px;
	top: -100px;
}
.three1 img {
	width: 290px;
	position: absolute;
	top: 118px;
	left: 0;
	z-index: 88;
}
.t-right {
	right: 0.5%;
}
#footer {
	position: relative;
	margin-top: -80px;
}
.appimg{ 
   display: block;
   position:relative;
   float: right;
   right: 42%;
   margin-top: -42px;
   z-index: 10;
}
.appimg ul{
	width:100%;
	max-width:320px;
}
.appimg li{
	float:left;	
}
.appimg img{
	border:0;
}
}
 @media only screen and (max-width: 610px) {
#phone_show {
	display: none;
}
#phone_show1 {
	display: none;
}
#one {
	background: url(http://www.twhg.com.tw/2015bmdevice/img/bg-1-1.jpg) 0 0 no-repeat;
	background-position: -586px -80px;
	background-size: 330%;
}
#hero-title {
	width: 44%;
	margin-top: 4%;
	margin-left: 2%;
	margin-bottom: 1%;
}
ul#social {
	width: 70%;
	margin-left: -23%;
	margin-top: 0%;
}
/*黑手機*/
#phone-show3 {
	width: 120px;
	height: auto;
	position: relative;
	top: 115px;
	left: 20px;
	z-index: 1;
}
#phone_show {
	width: 200px;
	top: 245px;
}
#phone_show2 {
	width: 185px;
	top: 1%;
	left: 0%;
}
section.light3 {
	position: relative;
	padding: 27% 5%;
}
/*大數據open data*/
.three img {
	width: 376px;
	position: relative;
	left: 29px;
	top: -77px;
}
.three span {
	display: inline-block;
	display: -moz-inline-box;
	width: 427px;
	margin-top: -30%;
	float: right;
	margin-right: 15px;
	text-align: left;
	font-size: 0.9em;
}
/*房地快搜文字*/
.three1 span {
	display: inline-block;
	display: -moz-inline-box;
	width: 243px;
	position: relative;
	top: 128px;
	left: 26%;
	font-size: 0.9em;
}
.profile {
	width: 100%;
	margin-left: 13%;
	margin-top: -1%;
}
.three1 img {
	width: 268px;
	position: absolute;
	top: 78px;
	left: 0;
	z-index: 88;
}
.two-mobile {
	position: absolute;
	top: 295px;
	left: -18px;
}
ul.boxes-home {
	width: 100%;
	margin-left: 12%;
	margin-top: -5%;
}
section.light {
	position: relative;
	background: #d6dadd repeat;
}
.four img {
	width: 486px;
	height: 118px;
	position: relative;
	left: 16px;
	top: -85px;
}
.t-right {
	right: 0.5%;
	margin-top: -18px;
}
.copyright {
	padding: 15px 10px 0 10px;
}
.appimg{ 
   display: block;
   position:relative;
   float: right;
   right: 52%;
   margin-top: -40px;
   z-index: 10;
}
.appimg ul{
	width:100%;
	max-width:320px;
}
.appimg li{
	float:left;	
}
.appimg img{
	border:0;
}
}
@media only screen and (max-width: 533px) {
#one {
	background: url(http://www.twhg.com.tw/2015bmdevice/img/bg-1-1.jpg) 0 0 no-repeat;
	background-position: -604px -90px;
	background-size: 360%;
}
#hero-title {
	width: 35%;
	margin-top: 4%;
	margin-left: 4%;
	margin-bottom: 1%;
}
ul#social {
	width: 67%;
	margin-left: -19%;
	margin-top: 0%;
}
section.dark {
	padding: 26% 5% 3% 5%;
}
.profile {
	width: 500px;
	margin-left: 32px;
	margin-top: -9%;
}

/*黑手機*/
#phone-show3 {
	width: 100%;
	height: auto;
	position: relative;
	top: 98px;
	left: 85px;
	z-index: 1;
}
section.dark {
	padding: 15% 5% 50% 5%;
}
section.light3 {
	position: relative;
	padding: 38% 5%;
}
/*大數據open data*/
.three img {
	width: 376px;
	position: relative;
	left: 8px;
	top: -119px;
}
.three span {
	display: inline-block;
	display: -moz-inline-box;
	width: 386px;
	margin-top: -43%;
	float: right;
	margin-right: 15px;
	text-align: left;
	font-size: 0.9em;
}
/*房地快搜文字*/
.three1 span {
	display: inline-block;
	display: -moz-inline-box;
	width: 207px;
	position: relative;
	top: 90px;
	left: 30%;
	font-size: 0.9em;
}
ul.boxes-home {
	width: 100%;
	margin-left: 10%;
	margin-top: -5%;
}
.appimg{ 
   display: block;
   position:relative;
   float: right;
   right: 58%;
   margin-top: -40px;
   z-index: 10;
}
.appimg ul{
	width:100%;
	max-width:320px;
}
.appimg li{
	float:left;	
}
.appimg img{
	border:0;
}
}
/*414-480dpi*/
@media only screen and (max-width: 480px) {
#phone_show2 {
	width: 125px;
	top: 0%;
	left: 0%;
}
#one {
	background: url(http://www.twhg.com.tw/2015bmdevice/img/bg-1-1.jpg) 0 0 no-repeat;
	background-position: -604px -90px;
	background-size: 370%;
}
#hero-title {
	width: 32%;
	margin-top: 4%;
	margin-left: 4%;
	margin-bottom: 1%;
}
ul#social {
	width: 50%;
	margin-left: -22%;
	margin-top: 0%;
}
/*黑手機*/
#phone-show3 {
	width: 100%;
	height: auto;
	position: relative;
	top: -105px;
	left: 85px;
	z-index: 1;
}
.social li {
	margin: 3% 1% 3%;
}
section.light3 {
	position: relative;
	padding: 47% 5%;
}
/*大數據open data*/
.three img {
	width: 376px;
	position: relative;
	left: 8px;
	top: -141px;
}
.three span {
	display: inline-block;
	display: -moz-inline-box;
	width: 317px;
	margin-top: -51%;
	float: right;
	margin-right: 15px;
	text-align: left;
	font-size: 0.9em;
}
/*房地快搜文字*/
.three1 span {
	display: inline-block;
	display: -moz-inline-box;
	width: 207px;
	position: relative;
	top: 66px;
	left: 30%;
	font-size: 0.9em;
}
.dark h2 {
	display: none;
}
.profile {
	width: 500px;
	margin-left: 32px;
	margin-top: -31%;
}
section.dark {
	padding: 15% 5% 50% 5%;
}
.two-mobile {
	position: absolute;
	top: 480px;
	left: -18px;
}
.three1 img {
	width: 290px;
	margin-top: 5%;
	margin-left: -10%;
}
.four img {
	width: 486px;
	height: 118px;
	position: relative;
	left: 16px;
	top: -47px;
}
#phone_show1 {
	width: 115px;
	right: 5px;
	display: none;
}
ul.boxes-home {
	width: 100%;
	margin-left: 5%;
	margin-top: 4%;
}
ul.boxes-home .description {
  position: relative;
  overflow: hidden;
  height: 5.5em;
}
.t-right {
	position: absolute;
	right: -5.5%;
	margin-top: -1%;
}
.copyright {
	padding: 15px 10px 0 10px;
}
.appimg{ 
   display: block;
   position:relative;
   float: right;
   right: 64%;
   margin-top: -30px;
   z-index: 10;
}
.appimg ul{
	width:100%;
	max-width:320px;
}
.appimg li{
	float:left;	
}
.appimg img{
	border:0;
}
}
/*360-414dpi*/
@media only screen and (max-width: 414px) {
#phone_show2 {
	display:none;
	/*width: 125px;
	top: 0%;
	left: 0%;*/
}
#one {
	background: url(http://www.twhg.com.tw/2015bmdevice/img/bg-1-2.jpg) 0 0 no-repeat;
	background-position: center center;
	background-size: 500%;
}
#hero-title {
	width: 28%;
	margin-top: 4%;
	margin-left: 4%;
	margin-bottom: 1%;
}
ul#social {
	width: 47%;
	margin-left: -15%;
	margin-top: 0%;
}
/*黑手機*/
#phone-show3 {
	width: 203px;
	height: auto;
	position: relative;
	top: -120px;
	left: 83px;
	z-index: 1;
}
section.light3 {
	position: relative;
	background: url(http://www.twhg.com.tw/2015bmdevice/img/bg-3.jpg)repeat!important;
	background-position: top center;
	background-size: 500%;
}
.social li {
	margin: 3% 1% 3%;
}
section.light3 {
	position: relative;
	padding: 47% 5%;
}
/*大數據open data*/
.three img {
	width: 376px;
	position: relative;
	left: 8px;
	top: -120px;
}
.three span {
	display: inline-block;
	display: -moz-inline-box;
	width: 317px;
	margin-top: -42%;
	float: right;
	margin-right: 15px;
	text-align: left;
	font-size: 0.9em;
}
/*房地快搜文字*/
.three1 span {
	display: inline-block;
	display: -moz-inline-box;
	width: 159px;
	position: relative;
	top: 36px;
	left: 27%;
	font-size: 0.9em;
}
.dark h2 {
	display: none;
}
.profile {
	width: 436px;
	margin-left: 0;
	margin-top: -32%;
}
section.dark {
	padding: 15% 5% 50% 5%;
}
.two-mobile {
	position: absolute;
	top: 480px;
	left: -18px;
}
.three1 img {
	width: 260px;
	margin-top: 10%;
	margin-left: -10%;
}
.four img {
	width: 486px;
	height: 118px;
	position: relative;
	left: 16px;
	top: -47px;
}
#phone_show1 {
	width: 115px;
	right: 5px;
	display: none;
}
ul.boxes-home {
	width: 100%;
	margin-left: 18%;
	margin-top: 4%;
}
ul.boxes-home .description {
	position: relative;
	overflow: hidden;
	height: 3.5em;
}
ul.boxes-home li {
	float: left;
	width: 235px;
	margin: 3px 10px 10px 10px;
}
.t-right {
	position: absolute;
	right: -6.5%;
	margin-top: -15%;
}
.copyright {
	padding: 15px 10px 10px 10px;
}
.appimg{ 
   display: block;
   position:relative;
   float: right;
   right: 73%;
   margin-top: 10px;
   z-index: 10;
}
.appimg ul{
	width:100%;
	max-width:320px;
}
.appimg li{
	float:left;	
}
.appimg img{
	border:0;
}
}
@media only screen and (max-width: 375px) {
#hero-title {
	width: 28%;
	margin-top: 4%;
	margin-left: 1%;
	margin-bottom: 1%;
}
ul#social {
	width: 47%;
	margin-left: -18%;
	margin-top: 0%;
}
ul.boxes-home {
  width: 100%;
  margin-left: 15%;
  margin-top: 4%;
}
.appimg{ 
   display: block;
   position:relative;
   float: right;
   right: 75%;
   margin-top: 10px;
   z-index: 10;
}
.appimg ul{
	width:100%;
	max-width:320px;
}
.appimg li{
	float:left;	
}
.appimg img{
	border:0;
}
}
@media only screen and (max-width: 360px) {
#hero-title {
	width: 28%;
	margin-top: 4%;
	margin-left: 0;
	margin-bottom: 1%;
}
ul#social {
	width: 47%;
	margin-left: -21%;
	margin-top: 0%;
}
.profile {
  width: 436px;
  margin-left: -6%;
  margin-top: -34%;
}
/*黑手機*/
#phone-show3 {
	width: 203px;
	height: auto;
	position: relative;
	top: -145px;
	left: 83px;
	z-index: 1;
}
.four img {
  width: 486px;
  height: 118px;
  position: relative;
  left: 3px;
  top: -47px;
}
ul.boxes-home {
  width: 100%;
  margin-left: 13%;
  margin-top: 4%;
}
.appimg{ 
   display: block;
   position:relative;
   float: right;
   right: 77%;
   margin-top: 15px;
   bottom:5px;
   z-index: 10;
}
.appimg ul{
	width:100%;
	max-width:320px;
}
.appimg li{
	float:left;	
}
.appimg img{
	border:0;
}
}
@media only screen and (max-width: 320px) {
#one {
	background: url(http://www.twhg.com.tw/2015bmdevice/img/bg-1-2.jpg) 0 0 no-repeat;
	background-position: center center;
	background-size: 500%;
}
#hero-title {
	width: 23%;
	margin-top: 6%;
	margin-left: 1%;
	margin-bottom: 1%;
}
ul#social {
	width: 45%;
	margin-left: -23%;
	margin-top: 0%;
}
.dark h2 {
	display: none;
}
.profile {
	width: 445px;
	margin-left: -40px;
	margin-top: -36%;
}
/*黑手機*/
#phone-show3 {
	width: 185px;
	height: auto;
	position: relative;
	top: -145px;
	left: 62px;
	z-index: 1;
}
section.light3 {
	position: relative;
	background: url(http://www.twhg.com.tw/2015bmdevice/img/bg-3.jpg)repeat!important;
	background-position: top center;
	background-size: 500%;
}
.three span {
	display: inline-block;
	display: -moz-inline-box;
	width: 265px;
	margin-top: -46%;
	float: right;
	margin-right: 23px;
	text-align: left;
	font-size: 0.8em;
}
/*房地快搜文字*/
.three1 span {
	display: inline-block;
	display: -moz-inline-box;
	width: 134px;
	position: relative;
	top: 28px;
	left: 24%;
	font-size: 0.8em;
}
.three1 img {
	width: 205px;
	margin-top: 10%;
	margin-left: -10%;
}
section.light {
	position: relative;
	background: #d6dadd repeat;
}
.four img {
	width: 486px;
	height: 118px;
	position: relative;
	left: 4px;
	top: -29px;
}
ul.boxes-home {
	width: 100%;
	margin-left: 5%;
	margin-top: 4%;
}
ul.boxes-home .description {
	position: relative;
	overflow: hidden;
	height: 3.5em;
}
ul.boxes-home li {
	float: left;
	width: 240px;
	margin: 3px 10px 10px 10px;
}
.t-right {
	position: absolute;
	right: -6.5%;
	margin-top: -8%;
}
}