.float_left{float:left;}
.float_right{float:right;}
.surfimg{width:50px;height:50px}
.selfdefine_surfimg{width:100%;}
hr{border-top-color:#ACF;border-top-style:dotted;border-top-width:1px;}
body{position:relative;color:#000;font:16px/24px "微軟正黑體", "Microsoft JhengHei", Century Gothic,Arial,Helvetica,sans-serif,SimSun}

#display_sf_table .td_icon{text-align:right; padding:10px 10px 10px 0px}
#display_sf_table .td_icon a{text-decoration:none; color:black;}
#display_sf_table .td_description{width:100%; text-align:center; padding:10px 10px 10px 10px;color:#1e1e1e}
#display_sf_table .td_description a{text-decoration:none; color:black;}
#display_sf_table .td_sd_icon{width:100%; text-align:left; padding:10px 10px 10px 0px}
#using_data_item  a{color:black;}

.layout2_font {color:#FFF}
.layout2_font{
      display:table-cell;
      vertical-align: middle;
  }
div.circle_in_black{
display:table-cell;
vertical-align: middle;
text-align : center;
width:50px;
height:50px;
background: url("pic/icon_cycle.png");
background-size: cover;
}

.greeting_word{
color:#FFF;
word-wrap: break-word;
word-break: normal;
}

.divAll{z-index:9; background-color:#000; height:100%; left:0; opacity:0.5; overflow:hidden; position:absolute; top:0; filter:alpha(opacity=50)}
.divContent{ height:500px; left:20%; margin:0; overflow:hidden; padding:0; position:absolute; text-align:center; top:3%; width:100%; z-index:10}
.picDivAll{z-index:9;background-color:#000; left:0; overflow:hidden; position:absolute; top:0; width:100%}
.countdownDivAll{z-index:9;background-color:#000; overflow:hidden; top:0; width:100%}
.usingRuleDivAll{background-color:#FFF; display:none; left:0; overflow:hidden; position:absolute; top:0; width:100%; height:1050px; z-index:11}
.divUsingRule{display:none; height:500px; margin:0; padding:0; position:absolute; text-align:center; width:100%; z-index:12; margin: 10px 0px 10px 0px; padding: 10px 0px 10px 0px}

.icon_dev_border{border:2px #ccc solid;border-radius:10px;width:100%;height:70px;background-color:#eee;}

.text-left{text-align:left;}

.STButton {
	border-width: 1px; border-style: solid; border-color: rgb(255, 255, 255) rgb(72, 96, 0) rgb(72, 96, 0) rgb(255, 255, 255); height: 20px; color: rgb(255, 255, 255); padding-top: 1px; padding-bottom: 1px; font-size: 12px; text-decoration: none; background-color: blue;
}


.icon_hand{
	position:absolute;
	top: 0px;
	left: 15px;
	width:68px;
	height:68px;
	background: url("../pic/icon_hand.png");
	background-size: cover;
	display:table-cell;
	vertical-align: middle;
	text-align : center;
}

.td_text{width:66%; text-align:left; padding:5px 0px;color:#1e1e1e}
.td_text a{text-decoration:none; color:black;}

#display_sf_vdo_description{
	background: #e85844;
	color: #FFF;
	width:100%;
	<!--height:45px;-->
	text-align: center;
}

#display_sf_pic_description{
	background: #FFF url("../pic/greeting_word_background.png") repeat;
	color: #FFF;
	width:100%;
	height:45px;
	text-align: center;
}

#Testimg2{
	vertical-align:middle;
}

.greeting_word_table{
	width:100%; 
	text-align:center; 
	color:#FFF;
	padding:10px 10px 10px 10px;
}

#commercial_card{
	background:#0f0f0f;
	color: #FFF;
	box-shadow:0px 0px 1px #000;
}

.icon_style{
	border-color:red green blue orange;
	border-width:100px 100px 100px 100px;
	border-radius:5px;
	width:100%;
	height:70px;
	background-color:#eee;
	box-shadow:1px 1px 1px #000;
}

.menu-demo{
	text-align: left;
	border-radius:5px;
	height:80px;
	margin-right: 10px;
	margin-left: 10px;
}

.menu-demo .child1{
	min-width: 80px;
	display: inline-block;
	text-align: center;
	color: #000;
	background: url("../pic/icon_app.png");
	background-color: #88ba1b;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	box-shadow:0px 0px 1px #000;
	height:80px;
}

.menu-demo .child_app{
	min-width: 100%;
	display: inline-block;
	text-align: center;
	color: #000;
	background: url("../pic/icon_app.png");
	background-size:100% 100%;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	height:80px;
}

.menu-demo .child_fb{
	min-width: 100%;
	display: inline-block;
	text-align: center;
	color: #000;
	background: url("../pic/icon_facebook.png");
	background-size:100% 100%;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	height:80px;
}

.menu-demo .child_line{
	min-width: 100%;
	display: inline-block;
	text-align: center;
	color: #000;
	background: url("../pic/icon_line.png");
	background-size:100% 100%;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	height:80px;
}

.menu-demo .child_one{
	min-width: 100%;
	display: inline-block;
	text-align: center;
	color: #000;
	background: url("../pic/icon_onekeytosurf.png");
	background-size:100% 100%;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	height:80px;
}

.menu-demo .child2{
	margin:0 auto;
	max-width: 100%;

	min-width: 60%;
	display: inline-block;
	text-align: center;
	line-height: 20px;
	color: #000;
	height:80px;
}

.font-title{
	font-size:22px !important;
}

.font-content{
	font-size:18px !important; 
	color:#e85844;
}

.css_btn_class {
	font-size:16px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #eda933;
	padding:9px 18px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #f6b33d 5%, #d29105 100% );
	background:-ms-linear-gradient( top, #f6b33d 5%, #d29105 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6b33d', endColorstr='#d29105');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f6b33d), color-stop(100%, #d29105) );
	background-color:#f6b33d;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #cd8a15;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #fed897;
 	-moz-box-shadow:inset 1px 1px 0px 0px #fed897;
 	box-shadow:inset 1px 1px 0px 0px #fed897;
}.css_btn_class:hover {
	background:-moz-linear-gradient( center top, #d29105 5%, #f6b33d 100% );
	background:-ms-linear-gradient( top, #d29105 5%, #f6b33d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d29105', endColorstr='#f6b33d');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #d29105), color-stop(100%, #f6b33d) );
	background-color:#d29105;
}.css_btn_class:active {
	position:relative;
	top:1px;
}
/* This css button was generated by css-button-generator.com */

.css_btn_disable {
	font-size:16px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #dcdcdc;
	padding:9px 18px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	background:-ms-linear-gradient( top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #dfdfdf) );
	background-color:#ededed;
	color:#777777;
	display:inline-block;
	text-shadow:1px 1px 0px #ffffff;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff;
}.css_btn_disable:hover {
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	background:-ms-linear-gradient( top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #dfdfdf), color-stop(100%, #ededed) );
	background-color:#dfdfdf;
}.css_btn_disable:active {
	position:relative;
	top:1px;
}
/* This css button was generated by css-button-generator.com */