@charset "utf-8";
.carousel-control {
    width: 8%!important;
}

.Section form {
    /*padding: 10px 60px;*/
    /*margin-top: 10px;*/
    margin: 10px auto;
}

.Section {
	border: solid 1px #ccc;
	width: 100%;
	/*margin: 0 0 40px 0;*/
	background: #fff;
	height: auto;
	/*position: relative;*/
	padding:0 auto;
	
}
.container-fluid .Section .box_title {
	/*position: absolute;
	top: 1em;
	left: 0px;
	width: 100%;*/
	
}
.container-fluid .Section .box_title {
	background: url(../image/index_body/Domain_name_option_l.jpg) no-repeat 0 0;
	background-size: cover;
	width:100%;
	min-height:90px;
}


.Section .container-fluid .col-xs-12.col-sm-4 {
	margin-top: 1em;
	margin-bottom: 1em;
}

.carousel.slide.index_banner {
	position: relative;
}
#carousel-example-generic .carousel-indicators_search {
	position: absolute;
	top:10%;
    left: 10%;
    z-index: 15;
    width:90%;
    /*margin-left: -30%;*/
    padding-left: 0;
    list-style: none;
    text-align: center;
}

#carousel-example-generic .carousel-indicators_search.col-xs-12 .banner_title {
	font-family: "Microsoft Sans Serif", "Microsoft JhengHei UI", "微軟正黑體", Arial, "Arial Black";
	font-size: 3em;
	text-align: center;
	text-decoration: none;
	color: rgba(251,242,242,1.00);
	text-shadow: 1px 1px 2px rgba(61,60,60,1.00);
	font-weight: bolder;
	word-spacing: 3em;
	letter-spacing: 0.1em;
	margin-top: 1em;
	margin-bottom: 0.5em;
}
#carousel-example-generic .left.carousel-control {
	z-index: 200;
}
#carousel-example-generic .right.carousel-control {
	z-index: 200;
}



.index_box_title_bg {
	background-image: url(../image/index_body/index_title_bg.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	min-height: 90px;
	position: relative;
}


@media (min-width:320px){
.index_box_title {
	position: absolute;
	top: 40%;
	left:8%;
	font-size: 1.1em;
	line-height: 0.5em;
	color: #FFFFFF;
	font-weight: bolder;
	text-shadow: 0px 1px 2px #515151;
}
}
@media (min-width:375px){


.index_box_title {
	position: absolute;
	top: 40%;
	left:10%;
	font-size: 1.3em;
	line-height: 0.5em;
	color: #FFFFFF;
	font-weight: bolder;
	text-shadow: 0px 1px 2px #515151;
}
}

@media (min-width:415px){
.index_box_title {
	position: absolute;
	top: 10%;
	left:10%;
	font-size: 1.4em;
	line-height: 0.5em;
	color: #FFFFFF;
	font-weight: bolder;
	text-shadow: 0px 1px 2px #515151;
}
}
@media (min-width:480px){
.index_box_title {
	position: absolute;
	top: 10%;
	left:15%;
	font-size: 1.4em;
	line-height: 0.5em;
	color: #FFFFFF;
	font-weight: bolder;
	text-shadow: 0px 1px 2px #515151;
}
}

@media (min-width:481px){
.index_box_title {
	position: absolute;
	top: 10%;
	left: 25%;
	font-size: 1.7em;
	line-height: 0.5em;
	color: #FFFFFF;
	font-weight: bolder;
	text-shadow: 0px 1px 2px #515151;
	
	}}

@media (min-width:768px){
.index_box_title {
	position: absolute;
	top: 38%;
	left: 30%;
	font-size: 1.7em;
	line-height: 0.5em;
	color: #FFFFFF;
	font-weight: bolder;
	text-shadow: 0px 1px 2px #515151;
	
	}}

@media (min-width:1200px){
.index_box_title {
	position: absolute;
	top: 38%;
	left: 35%;
	font-size: 2em;
	line-height: 0.5em;
	color: #FFFFFF;
	font-weight: bolder;
	text-shadow: 0px 1px 2px #515151;
	
	}}


/*Q&A*/

.fixed_QA {
	text-shadow: 1px 1px 1px rgba(75,75,75,1.00);
	position: absolute;
	z-index: 350;
	top: 160px;
	right:-5px;
}
#carousel-example-generic .carousel-inner .item.active {
	background-image: url(../image/index_body/index_banner.jpg);
	min-width: 100%;
}
.carousel-inner .item.active .item_image {
	background-image: url(../image/index_body/index_banner.jpg);
	background-size: cover;
    width: 100%;
    min-height:400px;
}
.container-fluid .col-xs-12.col-sm-4 a {
	text-shadow: 1px 1px 2px rgba(57,56,56,1.00);
}







@media (max-width:320px){
#carousel-example-generic .carousel-indicators_search {
	position: absolute;
	bottom:2em;
	top:10em;
	left:0;
	width: 100%;
	background-color: rgba(180,176,176,0.33);
}

	
	
	
#carousel-example-generic .carousel-indicators_search.col-xs-12 .banner_title {
	font-size:1.2em;
	word-spacing: 0.6em;
	letter-spacing: 0.1em;
	text-align: center;
	margin:0.3em auto;
	margin-left: 0.48em;
}
.active form .form-group.row {
	margin:0.3em auto;
}
/*#carousel-example-generic .left.carousel-control {
	display: none;
}
#carousel-example-generic .right.carousel-control {
	display: none;
}*/

.fixed_QA.btn.btn-success.btn-lg {
	display: none;
}
	
.carousel-inner .item.active .item_image {
	background-image: url(../image/index_body/index_banner_s.jpg);
	background-size: cover;
    width: 100%;
    min-height:300px;
}


.container-fluid .Section .box_title {
	background-image: url(../image/index_body/Domain_name_option_S.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	max-width:480px;
	min-height:75px;
}
.container-fluid .Section .box_title_service {
	background-image: url(../image/index_body/Domain_name_service_S.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	max-width:480px;
	min-height:75px;
}
form .form-group.row .col-xs-2.col-sm-1 {
}
.form-group.row .col-xs-2.col-sm-1 .btn.btn-info {
	margin-left: -1.2em;
}
.container-fluid .Section .box_title {
	background-repeat: no-repeat;
	background-image: url(../image/index_body/Domain_name_option_XS.jpg);
	width: 100%;
	min-width: 65px;
}
.container-fluid .Section .box_title_service {
	background-repeat: no-repeat;
	background-image: url(../image/index_body/Domain_name_service_XS.jpg);
	background-size: cover;
	width: 100%;
	min-width: 65px;
}



}

@media (max-width:375px){
#carousel-example-generic .carousel-indicators_search {
	position: absolute;
	bottom:2em;
	top:10em;
	left:0;
	width: 100%;
	background-color: rgba(180,176,176,0.33);
}

	
	
	
#carousel-example-generic .carousel-indicators_search.col-xs-12 .banner_title {
	font-size:1.2em;
	word-spacing: 0.6em;
	letter-spacing: 0.1em;
	text-align: center;
	margin:0.3em auto;
	margin-left: 0.48em;
}
.active form .form-group.row {
	margin-top: 0.3em;
	margin-right: 2em;
	margin-left: 0.5em;
	margin-bottom: 0.3em;
}
/*#carousel-example-generic .left.carousel-control {
	display: none;
}
#carousel-example-generic .right.carousel-control {
	display: none;
}*/

.fixed_QA.btn.btn-success.btn-lg {
	display: none;
}
	
.carousel-inner .item.active .item_image {
	background-image: url(../image/index_body/index_banner_s.jpg);
	background-size: cover;
    width: 100%;
    min-height:300px;
}


.container-fluid .Section .box_title {
	background-image: url(../image/index_body/Domain_name_option_S.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	max-width:480px;
	min-height:75px;
}
.container-fluid .Section .box_title_service {
	background-image: url(../image/index_body/Domain_name_service_S.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	max-width:480px;
	min-height:75px;
}
form .form-group.row .col-xs-2.col-sm-1 {
}
.form-group.row .col-xs-2.col-sm-1 .btn.btn-info {
	margin-left: -1.2em;
}
.container-fluid .Section .box_title {
	background-repeat: no-repeat;
	background-image: url(../image/index_body/Domain_name_option_XS.jpg);
	width: 100%;
	min-width: 65px;
}
.container-fluid .Section .box_title_service {
	background-repeat: no-repeat;
	background-image: url(../image/index_body/Domain_name_service_XS.jpg);
	background-size: cover;
	width: 100%;
	min-width: 65px;
}
#carousel-example-generic .right.carousel-control .glyphicon.glyphicon-chevron-right {
	margin-right:10px;
}




}

@media (max-width:415px){
#carousel-example-generic .carousel-indicators_search {
	position: absolute;
	bottom:2em;
	top:10em;
	left:0;
	width: 100%;
	background-color: rgba(180,176,176,0.33);
}

	
	
	
#carousel-example-generic .carousel-indicators_search.col-xs-12 .banner_title {
	font-size:1.2em;
	word-spacing: 0.6em;
	letter-spacing: 0.1em;
	text-align: center;
	margin:0.3em auto;
	margin-left: 0.48em;
}
.active form .form-group.row {
	margin-top: 0.3em;
	margin-right: 2em;
	margin-left: 0.5em;
	margin-bottom: 0.3em;
}
/*#carousel-example-generic .left.carousel-control {
	display: none;
}
#carousel-example-generic .right.carousel-control {
	display: none;
}*/

.fixed_QA.btn.btn-success.btn-lg {
	display: none;
}
	
.carousel-inner .item.active .item_image {
	background-image: url(../image/index_body/index_banner_s.jpg);
	background-size: cover;
    width: 100%;
    min-height:300px;
}


.container-fluid .Section .box_title {
	background-image: url(../image/index_body/Domain_name_option_S.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	max-width:480px;
	min-height:75px;
}
.container-fluid .Section .box_title_service {
	background-image: url(../image/index_body/Domain_name_service_S.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	max-width:480px;
	min-height:75px;
}

.form-group.row .col-xs-2.col-sm-1 .btn.btn-info {
	margin-left: -1.2em;
}
.container-fluid .Section .box_title {
	background-repeat: no-repeat;
	background-image: url(../image/index_body/Domain_name_option_XS.jpg);
	width: 100%;
	min-width: 65px;
}
.container-fluid .Section .box_title_service {
	background-repeat: no-repeat;
	background-image: url(../image/index_body/Domain_name_service_XS.jpg);
	background-size: cover;
	width: 100%;
	min-width: 65px;
}
#carousel-example-generic .right.carousel-control .glyphicon.glyphicon-chevron-right {
	margin-right:10px;
}




}

@media screen and (min-width:416px) and (max-width:479px){

#carousel-example-generic .carousel-indicators_search {
	position: absolute;
	bottom:2em;
	top:10em;
	left:0;
	width: 100%;
	background-color: rgba(180,176,176,0.33);
}

	
	
	
#carousel-example-generic .carousel-indicators_search.col-xs-12 .banner_title {
	font-size:1.6em;
	word-spacing: 0.7em;
	letter-spacing: 0.1em;
	text-align: center;
	margin:0.3em auto;
}
.active form .form-group.row {
	margin:0.3em auto;
}
/*#carousel-example-generic .left.carousel-control {
	display: none;
}*/

.fixed_QA.btn.btn-success.btn-lg {
	display: none;
}
	
.carousel-inner .item.active .item_image {
	background-image: url(../image/index_body/index_banner_s.jpg);
	background-size: cover;
    width: 100%;
    min-height:300px;
}


.container-fluid .Section .box_title {
	background-image: url(../image/index_body/Domain_name_option_S.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	max-width:480px;
	min-height:75px;
}
.container-fluid .Section .box_title_service {
	background-image: url(../image/index_body/Domain_name_service_S.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	max-width:480px;
	min-height:75px;
}

}


@media (min-width:480px){
#carousel-example-generic .carousel-indicators_search {
	position: absolute;
	bottom:2em;
	top:10em;
	left:0;
	width: 100%;
	background-color: rgba(180,176,176,0.33);
}

	
	
	
#carousel-example-generic .carousel-indicators_search.col-xs-12 .banner_title {
	font-size:1.6em;
	word-spacing: 0.7em;
	letter-spacing: 0.1em;
	text-align: center;
	margin:0.3em auto;
}
.active form .form-group.row {
	margin:0.3em auto;
}
/*#carousel-example-generic .left.carousel-control {
	display: none;
}*/

.fixed_QA.btn.btn-success.btn-lg {
	display: none;
}
	
.carousel-inner .item.active .item_image {
	background-image: url(../image/index_body/index_banner_s.jpg);
	background-size: cover;
    width: 100%;
    min-height:300px;
}


.container-fluid .Section .box_title {
	background-image: url(../image/index_body/Domain_name_option_S.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	max-width:480px;
	min-height:75px;
}
.container-fluid .Section .box_title_service {
	background-image: url(../image/index_body/Domain_name_service_S.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	max-width:480px;
	min-height:75px;
}






}

@media screen and (min-width:481px) and (max-width:767px){
	#carousel-example-generic .carousel-indicators_search {
	position: absolute;
	bottom: 2em;
    top:15em;
	left:0;
	width: 100%;
	background-color: rgba(180,176,176,0.33);
}

	
	
	
#carousel-example-generic .carousel-indicators_search.col-xs-12 .banner_title {
	font-size:1.8em;
	word-spacing: 0.7em;
	letter-spacing: 0.1em;
	text-align: center;
	margin: 0.3em 2.5em;
}
.active form .form-group.row {
	margin:0.3em 3em;
}
	.fixed_QA.btn.btn-success.btn-lg {
	display:block;
}
	
.carousel-inner .item.active .item_image {
	background-image: url(../image/index_body/index_banner_m.jpg);
	background-size: cover;
    width: 100%;
    min-height:400px;
}
	
.container-fluid .Section .box_title {
	background-image: url(../image/index_body/Domain_name_option_M.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	max-width:770px;
	min-height: 90px;
}

.container-fluid .Section .box_title_service {
	background-image: url(../image/index_body/Domain_name_service_M.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	max-width:770px;
	min-height: 90px;
}
}

@media (min-width:768px){
#carousel-example-generic .carousel-indicators_search {
	position: absolute;
	bottom:0.1em;
	top:11.3em;
	left: 0;
	width: 100%;
	background-color: rgba(180,176,176,0.33);
}

	

	.gotop {display:none;}

.fixed_QA.btn.btn-success.btn-lg {
	display:block;
	}
#carousel-example-generic .carousel-indicators_search.col-xs-12 .banner_title {
	font-size:2em;
	word-spacing: 0.7em;
	letter-spacing: 0.1em;
	text-align: center;
	margin:0.1em auto;
}
.active form .form-group.row {
	margin: 0 auto;
    width: 80%;
}


.container-fluid .Section .box_title {
	background: url(../image/index_body/Domain_name_option_L.jpg) no-repeat 0 0;
	background-size: cover;
	width:100%;
	min-height:90px;
}
	
.container-fluid .Section .box_title_service {
	background-image: url(../image/index_body/Domain_name_service_L.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	min-height: 90px;
}
.container-fluid .Section .box_title {
	background-image: url(../image/index_body/Domain_name_option_M.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	max-width: 991px;
}
.container-fluid .Section .box_title_service {
	background-image: url(../image/index_body/Domain_name_service_M.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	max-width:991px;
}


}

@media (min-width:991px){
#carousel-example-generic .carousel-indicators_search {
	position: absolute;
	bottom: 4em;
    top: 9em;
	left:0;
	width: 100%;
	background-color: rgba(180,176,176,0.33);
}
	
#carousel-example-generic .carousel-indicators_search.col-xs-12 .banner_title {
	font-size:2.5em;
	word-spacing: 0.7em;
	letter-spacing: 0.1em;
	text-align: center;
	margin:0.3em auto;
}
.active form .form-group.row {
	margin:2em auto;
}
.container-fluid .Section .box_title {
	background-image: url(../image/index_body/Domain_name_option_L.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	max-width: 2000px;
}
.container-fluid .Section .box_title_service {
	background-image: url(../image/index_body/Domain_name_service_L.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	max-width: 2000px;
}





}

@media (min-width:1200px){
#carousel-example-generic .carousel-indicators_search {
	position: absolute;
	bottom:2.5em;
    top:17em;
	left:0;
	width: 100%;
	background-color: rgba(180,176,176,0.33);
}
	
#carousel-example-generic .carousel-indicators_search.col-xs-12 .banner_title {
	font-size:3em;
	word-spacing: 0.7em;
	letter-spacing: 0.1em;
	text-align: center;
	margin:0.5em auto;
}
.active form .form-group.row {
	margin-top:1em;
	margin-bottom:2em;
	width:80%;
}

.carousel-inner .item.active .item_image {
	background-image: url(../image/index_body/index_banner.jpg);
	background-size: cover;
    width: 100%;
    min-height:500px;
}

}


/*index_banner_shadow*/
@media (min-width:319px) {
    .index_banner_shadow{
	background-image: url(../imageindex_body/index_banner_shadow.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	min-height:30px;
}
}

@media (min-width:481px) {
    .index_banner_shadow{
	background-image: url(../image/index_body/index_banner_shadow.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	min-height:60px;
}
}

@media (min-width:769px) {
    .index_banner_shadow{
	background-image: url(../image/index_body/index_banner_shadow.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	min-height:80px;
}
}