@charset "utf-8";

.counter_dial{ 
	height: 520px; /*background:#000; 背景色 */ 
    position:relative;
	margin: auto; /* 水平居中 */ 
	border-radius: 0;
	/*background-image: url(../images/phone_b.png); */
	background-image: url(../images/phone_c.png);
    background-position:center;
	background-repeat:no-repeat; 
} 

.counter_dial_p{
    width: 231px; 
	height: 454px; /*background:#000; 背景色 */
	margin: auto; /* 水平居中 */}

 
div.input_outer{
	width: 100%;
	padding-top: 70px;
	display: block;
}

input#inp_dial{ 
	width:78%; 
    height: 36px;
	font-size: 1.5em; /* 字大小 */ 
	position: relative;
	margin:0px 0px 15px 26px ;
	background: #ffffff; 
	color: #000; /* 字顏色 */ 
	border: none; /* 去掉邊框 */ 
	border-radius: 10px; /* 按鈕圓角-新增 */ 

} 

.cbt{ 
            width: 50px; 
            height: 50px; /* opacity: 50%;-新增*/ 
            background: #52b3d0; 
            color: white; /* 白色的字 */ 
            float: left; /* 左浮動 */ 
            margin: 8px -24px 8px 50px; /* 外部距離5px */ 
            border-radius: 50%; /* 按鈕圓角 */
            line-height: 50px; /* 垂直居中 */ 
            text-align: center; /* 水平居中 */ 
            cursor: pointer; /* 滑鼠在上時為小手形 */ 
            font-size: 30px; /* 字體大小 */ 
            font-family: Arial; /* 字體 */ 
                } 
.hbt{ 
            height: 130px; 
            line-height: 130px; /* 垂直居中 */ 
            border-radius: 60px; /* 寬高不一樣，不能用百分比，改成像素的圓角 */ 
            float: right; 
                } 
        .wbt{ 
            width: 130px; 
            border-radius: 60px; 
                } 
        .byellow{ 
            background: #d88f03; 
                } 
        .bwhite{ 
            background: #d4d4d4; color: #000000; /* 即然是白色了，字一定要變成黑色 */ 
               } 
        .call{
            margin: 10px 0px 10px 37px; /* 外部距離*/
            float: left; /* 左浮動 */
            cursor: pointer; /* 滑鼠在上時為小手形 */
            font-size: 20px; /* 字體大小 */ 
            font-family: Arial; /* 字體 */ 
        }