/* 分界线上的图标 */
.fangan-title {max-width:820px;  margin:0 auto;  margin-bottom:120px;   margin-top:50px;}
.fangan-titlex { margin-bottom:10px; }


.fangan-title .pt { font-size:24px;font-weight:600;  color:#000; margin-bottom:0;}
.fangan-title h2{font-size:48px; color:#634cb6; margin-bottom:10px; }
.fangan-title .desc{ color:#333; font-size:24px; }

img.blogico-f1 {position:absolute;left:10vw;top:30px; width:100px;}
img.blogico-f2 {position:absolute;right:16vw;bottom:5px; width:90px;  transform: rotate(90deg); /* 顺时针旋转90度 */
  /* 可选：调整旋转中心（默认以元素中心点旋转） */
  transform-origin: center center;}
img.blogico-f3 {position:absolute;left:26vw;bottom:0px; width:40px;}
img.blogico-f4 {position:absolute;left:26vw;top:80px; width:40px;}
  
.fico{position: relative;width:70px;height:70px; margin:0 auto; margin-bottom:25px;background:#634cb6;
border-radius:50%; padding:15px;}
.ficox{background:#fcc149;}

.fico img{width:40px;height:40px; margin:0 auto; }

/* 默认显示的图片（fico-11.png） */
.fico img:first-child {
 	
  transition: opacity 0.3s; /* 过渡动画，可选 */
}

/* hover时显示的图片（fico-1.png），默认隐藏 */
.fico img:last-child {
	position: absolute;
  top: 15px;
  left:15px;
  opacity: 0;
  transition: opacity 0.3s; /* 过渡动画，可选 */
}

.plist-section .container {
    max-width: 1200px;
}

.plist  h3{ text-align:center;}

.plist:hover {background:#634cb6;}
.plistx:hover {background:#fcc149;}
.plist:hover .fico { background:#fff;}
.plist:hover .fico img:first-child {  opacity: 0;}
.plist:hover .fico img:last-child {  opacity: 1;}

.plist:hover  p, .plist:hover  h3{ color:#fff;}
.plistx:hover  p, .plistx:hover  h3{ color:#000;}


.divider-icon33 {
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    /* margin-top: -60px; */
    width: 100px;
    height: 210px;
    background: url('../img/indexbg3.png') no-repeat left center;
    background-size: contain;
    z-index: 3;
}

.divider-icon44 {
  position: absolute;
  left: -30px;             /* 图标距左距离，可按设计调整 */
  /* top: 50%;*/
  transform: translateY(-50%);
  margin-top:-40px;
  width: 100px;
  height: 210px;
  background: url('../img/indexbg4.png') no-repeat left center;
  background-size: contain;
  z-index: 3;
}

.divider-icon3-w {
    position: absolute;
    right: 0px;
    /* top: 50%; */
    transform: translateY(-50%);
    margin-top: -60px;
    width: 100px;
    height: 210px;
    background: url(../img/indexbg3.png) no-repeat left center;
    background-size: contain;
    z-index: 3;
}

.divider-icon4-w {
  position: absolute;
  left: -30px;             /* 图标距左距离，可按设计调整 */
  /* top: 50%;*/
  transform: translateY(-50%);
  margin-top:-80px;
  width: 100px;
  height: 210px;
  background: url('../img/indexbg4.png') no-repeat left center;
  background-size: contain;
  z-index: 3;
}



.contact-section {background:#634cb6;}


.contact-section .container { max-width: 1200px;}

.contact-information-box-3 {background:none;box-shadow:none;border:none; padding-top:0; margin-top:-25px;}




.contact-section .default-btn  {background:#fcc149; color:#333; box-shadow:none; cursor:pointer; font-size:21px;}

/*  新定义 按钮色 */
.contact-section .default-btn-one span { 
	background-color: #634cb6;
	
	  
}
.ordert-section .default-btn-two span { 
	background-color: #634cb6;
	  
}
.contact-section .default-btn:hover, .contact-section .default-btn-two:hover, .default-btn-two:focus {
	color: #fff;
}

.ordert-section .ordert-btn-two:hover, .ordert-btn-two:focus {
	color: #fff;
}

.contact-information-box-3 .contact-info h6 {color: #fff;}
.contact-information-box-3 .contact-info p {color: #fff;}

.sico  {width:70px; height:70px;border-radius: 50%; background-color: #fff; text-align:center; float:left; margin-right:15px;}
.sico img {width:40px; margin-top:15px;}

.cont-toptilte {width: 100%;height:120px;}
.cont-toptilte img{float:left;width:120px;position:relative;}
.cont-toptilte h3{font-size:38px; color:#fff;line-height:120px; margin-left:-20px;
position:absolute;left:80px;}




.contact-section .contact-form-3 form .form-control {
  
  border: 0px solid #ddd;  
  border-radius: 6px;  
  transition: border-color 0.3s ease;  
}

.contact-section .contact-form-3 form input:focus, .contact-section .contact-form-3 form textarea:focus {
  border: 1px solid #fcc149;
  outline: none; 
  box-shadow: none;
  
}

.contact-section .contact-form-3 form   input.requireds:focus {
	/*margin-top:-18px;
	*/
	}

input::placeholder, textarea::placeholder {font-weight:400;}


.btext {color:#b54c48; display: none;
  transition: opacity 0.3s ease;}
  
  .form-control:focus + .btext {
 /* display: block; 
  opacity: 1;
  /* 显示提示文本 */
}

.contact-section .contact-form-3 form  .distext {  color: #2b2f33;font-weight:400; padding-right:20px; appearance: none; /* 移除默认的下拉箭头 */
    -webkit-appearance: none; /* 针对 Webkit 浏览器 */
    -moz-appearance: none; /* 针对 Firefox */
    padding-right: 30px; /* 为下拉箭头留出空间 */
	background: url('/assets/img/dw-arrow.png') no-repeat right 10px center #fff;
	background-size: 10px auto;
	}

 
.help-tags {max-width:970px;  margin:0 auto; margin-top:50px; }

.help-tags a {
    display: inline-block;
    color: #634cb6;
    font-weight: 400;
    font-size: 16px !important;
    padding: 0px 16px;
    border: 1px solid #634cb6;
    background: #f8f8f8;
    height:42px;
	line-height:42px;
    margin-right: 6px;
	border-radius:5px;
}
.help-tags a:hover, .help-tags a.active {
    color: #ffffff;
    background-color: #634cb6;
    border-color: #634cb6;
}

.widget-area .widget_search {
    background: none;
    padding: 15px;
}

.search-formx {width:200px; float:right;}

.search-formx form {
	position: relative;
}

.search-formx form label {
	display: block;
	margin-bottom: 0;
}

.search-formx form .screen-reader-text {
	display: none;
}

.search-formx form .search-field {
	background-color: transparent;
	height: 62px;
	padding: 6px 15px;
	border: 1px solid #999;
	border-radius:21px;
	width: 100%;
	display: block;
	outline: 0;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.serach-index-field {font-size:21px;}

.search-formx form .search-field:focus {
	border-color: #634cb6;
}

.search-formx form button {
	position: absolute;
	right: 0;
	outline: 0;
	bottom: 0;
	height: 42px;
	width: 42px;
	z-index: 1;
	border: none;
	color: #666;
	background: none;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.search-formx form button.serach-index-button {height: 62px;width: 62px;}

.fa-serach-index {
     
    font-size: 24px;
}


.search-formx form button:hover {
	 
	color: #000;
}



.helplist {max-width:1000px;  margin:0 auto;  margin-bottom:120px;   margin-top:0px; }

.helplist .plist {
    padding: 0px;
    border: 1px solid #c7bee7;
    border-radius: 6px;
}
	
 .plist .toggle-btn {
    display: block;
     
}

.helplist .plist:hover {background:#f2f2f2;}
.helplist .plist:hover p {color:#333;}
 

.helplist .plist h3 {
    text-align: left; text-indent:55px; 
	font-size:18px; font-weight:400; color:#333;
	line-height:48px;
	 
}

.helplist .plist h3.active {color:#fff;background:#634cb6;
}

.helplist .plist .pist-text  {
    display: none;
	padding:10px;
	max-height: 0; /* 默认收起 */
    overflow: hidden;
	
}

.helplist .plist .pist-text p {margin-top:0; font-size:16px;}



.helplist   .plist   h3.active .toggle-btn {
	  color: #fff;
 }
 
 
.pistx-text {
    transition: max-height 0.3s ease;
    max-height: 0; /* 默认收起 */
    overflow: hidden;
}

.helplist .single-features-item p { margin-top:0; font-size:16px; font-weight:400;}

.helplist .plist .pistx-text  {
   
	padding:10px; display: none;
	  
	
}
.helplist  .plist .collapsed {
	display:block;
    max-height: 1000px;
    overflow: hidden;
}

 .helplist   .plist .toggle-btn {
        background: none;
        border: none;
        font-size: 1.45rem;
        cursor: pointer;
        color: #333;
        position: absolute;
        left: 20px;
        top: 0px;
        display: block;
    }

/* service */
.service-title {max-width:650px;}
	
	
/* worklist */
.worklists {margin-top:20px; margin-bottom:60px;}
	

.orderlists {max-width:1135px; margin:0 auto;}

.orderlists .links{position:absolute;bottom:0px; right:0px;  width:40px; height:40px; padding:5px; display:none;}
.orderlists .links{display:block;}

.orderlists .links img{width:20px; height:20px; margin-top:3px;}
.orderlists:hover .links{display:block;}

.orderlists .col-lg-3 , .orderlists .col-md-6 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
 
  /* * 卡片 (card) 的主要樣式
         */
        .card {
            position: relative; /* 建立 z-index 堆疊基準 */
            background-color: #ffffff;
            border: 1px solid #dad1f8;
            border-radius: 12px;
            padding: 28px 12px 20px;
            height: auto;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
            transition: box-shadow 0.4s ease;
            overflow: hidden; 
			margin-bottom:20px;
        }

        /* * 遮罩層 (使用 ::before 偽元素)
         */
        .card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(98, 77, 151, 0.9); /* 紫色透明背景 */
            border-radius: 12px;
            opacity: 0;
            z-index: 2; /* 堆疊層級 2: 蓋過文字 */
            transition: opacity 0.4s ease;
        }

        /* * 卡片標題 & 描述 (不變)
         */
        .card-title {
            margin: 0 0 12px 0;
            font-size: 24px;
			font-weight:400;
            color: #000;
			border-left:8px solid #333;
			line-height:24px;
			text-indent:8px;
			font-weight:400;
        }
		
		
	.card-title .toggle-btn {
		display:none;
        background: none;
        border: none;
        font-size: 1.45rem;
        cursor: pointer;
        color: #333;
        position: absolute;
        right: 20px;
        top: 21px;
       
    }
	.col-btn {display:none;}
		
		
		
        .card-description {
            margin: 0;
            font-size: 18px;
            color: #333;
            line-height: 1.6;
			overflow: hidden;
			height: 80px;
			margin-bottom:20px;
        }

        /* * 連結圖示 (不變)
         */
        .card-link-icon {
            position: absolute;
            bottom: 20px;
            right: 24px;
            opacity: 1;
            visibility: visible;
            transition: opacity 0.3s ease, visibility 0.3s ease;
            z-index: 1; /* 在文字層，會被遮罩蓋過 */
        }
        .card-link-icon img {
            width: 24px; /* 範例大小 */
            height: 24px;
            opacity: 1;
        }


        /* * 【新增】按鈕容器 (Wrapper)
         * ----------------------------------------
         * 這是新的容器，用來置中和隱藏
         */
        .card-action-wrapper {
            /* 1. 定位：置中 */
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); /* 移到正中央 */

            /* 2. 佈局：使用 Flex 垂直堆疊按鈕 */
            display: flex;
            flex-direction: column;
            gap: 16px; /* 按鈕之間的間距 */
            
            /* 3. 預設隱藏 */
            opacity: 0;
            visibility: hidden;
            
            /* 4. 確保在最上層 */
            z-index: 3; 

            /* 5. 過渡效果 */
            transition: opacity 0.4s ease, visibility 0.4s ease, transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
        }

        /* * 【修改】估價按鈕 (Button)
         * ----------------------------------------
         * 移除定位屬性，只保留外觀樣式
         */
        .card-action-button {
            /* 1. 外觀 */
            background-color: #ffffff;
            color: #333;
            padding: 12px 24px;
            border-radius: 30px;
            text-decoration: none;
            font-weight: bold;
            display: flex;
			font-size:21px;
            align-items: center;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
            white-space: nowrap; /* 確保文字不換行 */

            /* 【移除】所有 position, top, left, z-index, opacity, transform 等屬性 */
        }
        
        .plus-icon {
            background-color: #333;
            color: #fff;
            width: 22px;
            height: 22px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
            font-weight: bold;
            margin-right: 10px;
            line-height: 22px;
        }


        /* * ----------------------------------------
         * 核心：:hover 狀態 
         * ----------------------------------------
         */
        .card:hover {
            box-shadow: 0 8px 20px rgba(98, 77, 151, 0.3);
            cursor: pointer;
        }

        /* 1. 顯示遮罩層 (不變) */
        .card:hover::before {
            opacity: 1;
        }

        /* 2. 隱藏連結圖示 (不變) */
        .card:hover .card-link-icon {
            opacity: 0;
            visibility: hidden;
        }

        /* 3. 【修改】顯示按鈕 "容器" */
        .card:hover .card-action-wrapper {
            opacity: 1;
            visibility: visible;
            transform: translate(-50%, -50%); /* 移到正中央 */
        }





.workend {margin-top:20px; margin-bottom:60px;}

.workend .page-numbers {box-shadow:none; border:1px solid #333;border-radius: 6px;}

.pagination-area .page-numbers.current, .pagination-area .page-numbers:hover, .pagination-area .page-numbers:focus {
    background: #fcc149; color:#333; border:1px solid #333;
 
}



.work-container {max-width:1200px; margin:60px auto; margin-bottom:60px; }

.work-view-right {}
.work-view-right h3{position:relative; font-weight:400; font-size:24px; padding-right:45px;margin-bottom:20px;}
.work-view-right h4{font-weight:400; font-size:18px;color:#634cb6; margin-top:30px;margin-bottom:0px;}
.work-view-right p{font-weight:400; font-size:16px;color:#000;}
.work-view-right .links{position:absolute;top:0px; right:0px; background:#634cb6; width:40px; height:40px; padding:5px;border-radius:50%;}
.work-view-right .links img{width:25px; height:25px; margin-top:3px;}



.help-search{width:100%; margin:20px auto; margin-bottom:60px;}

.search-formy {
    width: 860px;
	float:none;
	margin: 0 auto;
    
}

.seamain {max-width:1150px;  margin:0 auto;  margin-bottom:120px;   margin-top:0px;}
.sealist {color:#333;margin-bottom:42px;margin-top: 60px; }
.sealist h3{font-size:36px;}
.sealist .desc p{color:#333; font-size:18px;}
.tylink  {color:#666; margin-bottom:10px;}



.seamain  .ppbtns .back-btn {border:none;}

/* Container for alignment */

.dropdownrow { margin:-60px auto; margin-bottom:0px; display: flex;justify-content: center;}
.dropdown-container {
  display: flex;
  gap:8px;
  align-items: center;
}

.dropdown {
    min-width: 100px;
}


/* Common style for dropdowns */
.dropdown select {
  width: 130px;
  height: 42px;
  font-size: 16px;
  border-radius: 8px;
  border: 1px;
  cursor: pointer;
  border-color: #f1f1f1;
  outline: none;
}

/* Styling specific dropdowns */
.yellow select {
  border:4px solid #f9c846;
}

.purple select {
  
  border:4px solid #8e6be6;
}

.black-button {
  padding: 8px 16px;
  font-size: 14px;
  background-color: #333;
  color: white;
  border-radius: 8px;
  border: none;
  cursor: pointer;
}

.black-button:hover {
  background-color: #444;
}




/* contact-page */
.contact-page{background:#fff;}
.contact-page .sico{background:#634cb6;width: 60px;height: 60px;}
.contact-page .sico img {
    width: 30px;
    margin-top: 15px;
}
.contact-page .contact-information-box-3 .contact-info h6 {
    color: #634cb6;
}
.contact-page .contact-information-box-3 .contact-info p {
    color: #333;
}
.contact-page .contact-information-box-3 {
    background: #fff;
    padding: 25px 0px;
}

.contact-page .contact-info img {width:160px; margin-top:20px;}

.yzmimg {height:52px;}

.contact-section .contact-form .form-group {
    margin-bottom: 18px;
}



.order-section {background:#faf9ff; }
.order-section h3 {margin-bottom:25px;color:#634cb6; font-size: 48px;
    font-weight: 500;}
.order-section .htitle {margin-bottom:0px; color:#000;font-size: 24px;}
.order-section .contact-form-3 form .form-control {
    border: 1px solid #c3bbea;
    border-radius: 6px;
	background:#fff;
    transition: border-color 0.3s 
ease;
}


 /* * 列表組件容器
         */
        .feature-list-widget {
            width: 700px;
            max-width: 100%;
            /* 圖片中的外層容器背景色 */
            background-color: #F8F8FC; 
            border-radius: 8px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
            overflow: hidden; /* 確保圓角生效 */
        }

        /* * 列表標頭 (Header)
         */
        .list-header {
            display: flex;
            padding: 16px 24px;
            font-weight: 600;
            color: #333;
            border: 1px solid #EAEAF6;
            background: #fff;						
			margin-bottom:10px;
			font-size:18px;
        }

        /* * 列表主體 (Body)
         */
        .list-body {
            /* 列表項目區域是白底 */
            background-color: #ffffff;
			font-size:14px;			
        }

        /* * 列表項目 (Item)
         */
        .list-item {
            display: flex;
            align-items: center;
            padding: 8px 24px;
            border-bottom: 0px solid #f0f0f0; /* 項目之間的分隔線 */
        }

        /* 最後一個項目移除底線 */
        .list-item:last-child {
            border-bottom: none;
        }

        /* * 欄位寬度與對齊
         */
        .col-id {
            flex-basis: 15%; /* 佔 15% 寬度 */
            color: #333;
            font-weight: 500;
        }
        .list-header .col-name {
            flex-basis: 65%; /* 佔 65% 寬度 */
            color: #333;
            font-weight: 500;
        }
		.list-body .col-name {
             flex-basis: 65%;
            color: #666;
			font-weight: 400;
			font-size:18px;
            
        }
		
        .col-delete {
            flex-basis: 20%; /* 佔 20% 寬度 */
            text-align: right;
        }

        /* * 刪除按鈕樣式
         */
        .delete-btn {
            background-color: #FE5C5C; /* 按鈕的紅色 */
            color: white; /* 'x' 的顏色 */
            border: none;
            width: 24px;
            height: 24px;
            border-radius: 50%; /* 圓形 */
            font-size: 16px;
            font-weight: bold;
            line-height: 1; /* 重設行高 */
            cursor: pointer;
            
            /* 使用 flex 確保 'x' 完美置中 */
            display: inline-flex;
            align-items: center;
            justify-content: center;
            
            /* 讓 'x' 在視覺上更置中 (微調) */
            padding: 0 0 1px 0; 
            
            transition: background-color 0.2s ease;
        }

        .delete-btn:hover {
            background-color: #e60000; /* 滑鼠懸停時變深 */
        }



/*****************************************
 ** - 00 -  Go Top CSS
 ******************************************/

.go-order {
	position: fixed;
	cursor: pointer;
	bottom: 220px;
	right: 10px;
	z-index: 4;
	width: 60px;
	visibility: visible;
	-webkit-transition: .9s;
	transition: .9s;
	
}


.go-order-top {
	position: relative;
	color: #fff;
	background-color: #ed3d3d;
	text-align: center;	
	width: 60px;
	height: auto;
	line-height: 60px;	
	border-radius:30px;
	padding:5px 0;
}

.go-order-top  p{color: #fff; margin-bottom:8px; font-size:18px; letter-spacing:2px; line-height:18px;}
.go-order-top img {
  transition: transform 0.3s ease-in-out; width:80%;
}
 
	
@media only screen and (max-width: 1641px) {
	
	.go-order {
			bottom: 170px;width: 45px;
		 }  
	.go-order-top { width: 45px;
	}	

}

@media only screen and (max-width: 1441px) {
	
	 
	  

}


@media only screen and (max-width: 1401px) {
	
	 

}	


@media only screen and (max-width: 1281px) {
	
	 
	img.blogico-f2 {position:absolute;right:12vw;bottom:5px; width:80px;  transform: rotate(90deg); /* 顺时针旋转90度 */
  /* 可选：调整旋转中心（默认以元素中心点旋转） */
  transform-origin: center center;}  

}



@media only screen and (max-width: 1201px) {

 

}	



@media only screen and (max-width: 991px) {
	
	
.seamain {max-width:100%; padding:0 30px; } 

.search-formy {
    width: 100%;
    float: none;
    margin: 0 auto;
}
		 

}

/* mobile */

@media only screen and (max-width: 761px) {
	 
	img.blogico-f1 {display:none;}    
	img.blogico-f2 {display:none;}    
	img.blogico-f3 {display:none;}  


	.fangan-title {

		margin-bottom: 0px;	
			
	}
	
	.divider-icon44,.divider-icon33 {
	top:55%;
	left:-52px;
	display:none;
	
	}
	
	.go-order {
			bottom: 215px;width: 48px;
		 }  
	.go-order-top { width: 48px; padding:2px 0; line-height: 30px;	
	}	
	.go-order-top img {margin-top:0px;}
	.go-order-top  p{ margin-top:0px; font-size:16px;}
	
	
	.card {
    
    border-radius: 12px;
    padding: 22px 12px 10px;
	}
	
	.card:hover {box-shadow:none;}
	
	.card:hover::before , .card:hover .card-action-wrapper, .orderlists .links ,.card:hover.links  {
            display:none;
        }
	
		.orderlists:hover .links {
		display: none;
		}
		
	.pplist-cont {  max-height: 0; overflow: hidden;}	
	
	
	
	.ppcollapsed {
        max-height: 1000px;
        overflow: hidden;
    }
	 
	.card-title .toggle-btn {display:block;}
	
	.card.active .card-description { display:block;}
	
	 
	 .col-btn {
		display:block;
        position: relative; width:41vw; 
        padding-top: 3vw;
        padding-bottom: 3vw;
        padding-right: 4.5vw;
        margin-left: 4.5vw;
        font-size: 21px;
		text-align:right;				
		background:#634cb6;
		border-radius: 5px;
		 
    }
	.col-btn a {color:#fff;}
	
	.col-btn-two {padding-right: 6.5vw;}
	
	.col-btn  span {
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
	top:10px;
	left:4.5vw;
	 
	}
	
	 
	
	.col-btn  span img { width: 26px; height:auto;}
	
	.col-btn .plus-icon {
    background-color: #fff;
    color: #634cb6;
	line-height: 0.85;
	font-size:36px;
	text-align: center;
	left:7.5vw;
	}
	 
	
} 
/* mobile end */


	
.reg-tags {display: flex;
justify-content: center;
gap: 20px; }

.reg-tags a {   
padding: 3px 26px;
height: auto;
}

.reg-form { margin:60px auto;  width: 680px;}

.reg-form .form-control {
font-size: 18px;
width: 100%;
padding: 32px 20px;

color: #333;
border: none;
background-color: #f3f3f3;
border: 2px solid #f3f3f3;
font-weight: 600;
border-radius: 5px;
text-transform: capitalize;
margin-top:20px;

transition: all 0.4s;
}


.reg-form input:focus  {
border: 2px solid #b44545;
outline: none; 
box-shadow:none;

}

.reg-form .form-center {text-align:center; font-size:18px;}

.form-center  p, .form-center  a{font-size:18px;}

.reg-form .default-btn-one{    background: #fcc149;
color: #000;
padding: 12px 26px;
font-size: 21px; cursor:pointer; margin-bottom:20px;box-shadow:none;}


.reg-form .default-btn-one:hover, .reg-form .default-btn-one:focus {
color: #fff;
}

.reg-form .default-btn-one span { 
background-color: #634cb6; color:#fff;

}


.reg-icon {margin:60px auto;  width:480px;}

.button-google { background-color: #dc4e42;
font-weight: 600;color:#fff;
border-radius: 5px;
padding: 12px 20px;
width: 100%;
margin-bottom:10px;
border: 0;
font-size:18px;
}

.button-google img{  height: 24px;
margin-right: 5px; margin-top:-3px;}

.button-line {background-color: #39cc01;padding: 8px 20px 4px;} 


.button-line img{  height: 42px;
margin-right: 5px; margin-top:-3px;}

.reg-form input:focus, .reg-form textarea:focus {
border: 1px solid #fcc149;
outline: none; 
box-shadow: none;

}