@charset "utf-8";
#wrapper .product_list_area,.product_four_list .product_item {
	max-width:1200px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top:56px;
	padding-bottom:56px;
}





#jumpwindow::before{
   content:'';
   width:0;
   height:100%;
   display:inline-block;
   position:relative;
   vertical-align:middle;
   background:#f00;
 }

#contact section .sq .contact_form form .butline div input:hover {
	background-color: #484848;
}

#contact section .sq .contact_form form .butline div input[type="submit"]:hover ,#contact section .sq .contact_form form .butline div input[type="button"]:hover {
	background-color: #23497f;
}
















input::-webkit-input-placeholder {
    color:    #000;
}
input:-moz-placeholder {
    color:    #000;
}




.product_four_list {

	width: 100%;
	background-color:#f6f6f6;
}



#wrapper .product_list_area .product_item ,.product_four_list .product_item .areapart{
	height: auto;
	width: 91.4%;
	margin-right: 4.3%;
	margin-bottom: 56px;
	margin-left: 4.3%;
}
#wrapper .product_list_area .product_item ul {
	display: flex;
}
#wrapper .product_list_area .product_item ul li {
	width: 49%;
	position: relative;
	
	background-color: #83B2BC;
    margin: 0.5%;
}
#wrapper .product_list_area .product_item ul li img {
	height: auto;
	width: 70%;
	float:right;
}
#wrapper .product_list_area .product_item ul li a {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	color: #FFF;
	font-size: 0pt;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: text-bottom;
	padding-top: 32%;
	line-height: 0px;
	z-index: 100;
	background-color:rgba(0,0,0,0);
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;
}


#wrapper .product_list_area .product_item ul li a:hover {
	background-color:rgba(0,0,0,0.5);
			-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;
}


#wrapper .product_list_area .product_item ul li .tt {
	color: #fff;
	font-size: 20px;
	line-height: 20pt;
	position: absolute;
	left: 15px;
	bottom: 15px;
	font-family: 'Myriad Pro Regular';
}



#wrapper .product_list_area .product_item ul li:nth-child(2) .tt {
	/*color: #333;*/

}
#wrapper .product_list_area .slidearea {
	width: 91.4%;
	padding-right: 4.3%;
	padding-left: 4.3%;
	margin:0 auto;
}
#wrapper .product_list_area .slidearea h2 ,.product_four_list .product_item .areapart h2{
	font-size: 24px;
	line-height: 24pt;
	color: #000;
	text-align: center;
	margin-bottom: 40px;
	font-family: 'sabonnextltpro-regular';
}
#wrapper .product_list_area .slidearea .slide {
	height: auto;
	width: 100%;
	/*margin-bottom: 56px;*/
	display: table;
/*	overflow: hidden;*/

/*	justify-content: space-between;
	flex-wrap: wrap;
	align-content: space-between;*/
}
#wrapper .product_list_area .slidearea .slide div.oneslide {
	float: left;
	height: auto;
	width: 31.3333%;
	margin-bottom: 3%;
	margin-right: 3%;
	position: relative;
}
#wrapper .product_list_area .slidearea .slide div.oneslide:nth-child(3n) {
	margin-right:0%;
}
#wrapper .product_list_area .slidearea .slide div.oneslide img {
	height: auto;
	width: 100%;
	
}
#wrapper .product_list_area .slidearea .slide .oneslide a.x {
	font-size: 18px;
	line-height: 24px;
	color: rgba(255,255,255,0);
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	background-color: rgba(0,0,0,0);
	display: flex;
	justify-content: center;
	align-items: center;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
	text-align: center;
}


#wrapper .product_list_area .slidearea .slide .oneslide a.x:hover {
	font-size: 18px;
	line-height: 24px;
	color: #FFF;
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	background-color:rgba(0,0,0,0.5);
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
	
}
#wrapper .product_list_area .slidearea .slide .page {
	width: 100%;
}
#wrapper .product_list_area .slidearea .slide div.ff {
	float: left;
}

#adstyle{
	display:flex;
	align-items:center;
}


#adstyle .ce.picpart {
	background-position: center center;
	height: auto;
	width: 63.8%;
}
#adstyle .ce.picpart img {
	height: auto;
	width: 100%;
}




#adstyle .ce.textpart {
	text-align: center;
	width: 36.2%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding-left:10%;
	padding-right:10%;
}
#adstyle .ce.textpart h2 {
	font-family: 'sabonnextltpro-regular', Arial;
	font-size: 24px;
	line-height: 30px;
	margin: 0px;
	padding: 0px;
}
#adstyle .ce.textpart p {
	padding: 0px;
	margin-top: 25px;
	margin-bottom: 25px;
	line-height: 24px;
	text-align: center;
	width: 280px;
}
#adstyle .ce.textpart .butline {
	height: 38px;
	width: 200px;
	margin-right: auto;
	margin-left: auto;
}
#adstyle .ce.textpart .butline a span {
	font-size: 16px;
	line-height: 36px;
	color: #d1d1d1;
	height: 38px;
	background-image: url(../images/arrow_icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
	padding-top: 3px;
	font-family: 'Myriad Pro Regular';
}
#adstyle .ce.textpart .butline a {
	background-color: #3a3a3a;
	display: block;
	border-radius:5px;
}

#adstyle .ce.textpart .butline a:hover {
	background-color: #666666;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.product_four_list .product_item .areapart ul li img {
	height: auto;
	width: 100%;
}
.product_four_list .product_item .areapart ul li {
	margin-bottom: 12px;
	position: relative;
}
.product_four_list .product_item .areapart ul li .text {
	height: 100%;
	padding-right: 50px;
	padding-left: 7px;
	position: absolute;
	width: 26%;
	left: 0px;
	top: 0px;
	background-color: rgba(0,0,0,0);
	background: #919191;
	background: linear-gradient(-75deg, transparent 50px, #919191 0);
	z-index: 200;
	line-height: 100%;
	color: #FFF;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	font-size: 16px;
	font-family: 'Myriad Pro Regular';
}
#wrapper .product_four_list .product_item .areapart ul li a {
	background-color: rgba(0,0,0,0);
	position: absolute;
	z-index: 300;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	display: block;
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}


#wrapper .product_four_list .product_item .areapart ul li a:hover {
	background-color: rgba(0,0,0,0.5);
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
	
}





	#wrapper .plist_tagline ul {
	height: 38px;
	width: auto;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	display: table;
}
#wrapper .plist_tagline {
	width: 100%;
	position: relative;
	background-color: #b6b6b6;
	z-index: 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
}
#wrapper .plist_tagline ul li {
	text-align: center;
	float: left;
	height: 38px;
	width: 122px;
	margin-right: 1px;	
}
#wrapper .plist_tagline ul li a {
	font-size: 14px;
	line-height: 38px;
	display: block;
	background-color: #535353;
	color: #FFF;
	cursor: pointer;
}


#wrapper .plist_tagline ul li.stay > a {
	background-color: #034076;
	position: relative;
	
}


#wrapper .plist_tagline ul li.stay  ul li.stay a{
		color: #034076!important;
	
}

#wrapper .plist_tagline ul li.stay  ul li a:hover{
color: #034076;

	
}


#wrapper .plist_tagline ul li.stay  ul li.stay a:after {
display:none;
	
}


#wrapper .plist_tagline ul li > a:hover {
	background-color: #034076;
}


#wrapper .plist_tagline ul li.stay > a:after {
	content:"";
	top:100%;
	left:50%;
	margin-left:-6px;
	border-style: solid;
border-width: 6px 6px 0 6px;
border-color: #034076 transparent transparent transparent;
	position: absolute;
	height: 0px;
	width: 0px;
	z-index:300;
}



#wrapper .plist_tagline ul li div.second{
	position: absolute;
	height: 60px;
	width: 100%;
	left: 0px;
	top: -60px;
	background-color: rgba(255,255,255,0);
	z-index: -1;
	opacity:0;
}


#wrapper .plist_tagline ul li.stay div.second{
	position: absolute;
	height: 60px;
	width: 100%;
	left: 0px;
	top: 100%;
	background-color: #f0f0f0;
	z-index: -1;
	opacity:1;
		-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}


#wrapper .plist_tagline ul li div.second ul{
	margin-top:21px;
	margin-bottom:21px;
	height: auto;
	width: auto;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	display: table;
}
#wrapper .plist_tagline ul li .second ul li {
	width: auto;
	
	
}
#wrapper .plist_tagline ul li .second ul li a {
	font-size: 15px;
	line-height: 18px;
	display: block;
	color: #4D4D4D;
	background-color:rgba(0,0,0,0);
	padding-right: 15px;
	padding-left: 15px;
/*	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #4D4D4D;*/
	position:relative;
	z-index:10;
}



#wrapper .plist_tagline ul li .second ul li a:before {
	position:absolute;
	right:0;
	top:50%;
	background-color:#4d4d4d;
	content:"";
	width:1px;
	height:12px;
	margin-top:-6px;
	
}


#wrapper .plist_tagline ul li .second ul li:last-child a:before {
	display:none;
	
}



#wrapper .plist_tagline ul li .second ul li a:hover {
	color: #034076;
	cursor: pointer;
}


#wrapper .plist .parea {
	height: auto;
	width: 100%;
}


#wrapper .plist .parea:nth-child(2n) {
	background-color:#f8f8f8;
}




#wrapper .plist .parea .sq {
	height: auto;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
#wrapper .plist .parea .sq h2 span {
	font-size: 18px;
	line-height: 40px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #034076;
	font-weight: normal;
}
#wrapper .plist .parea .sq h2 {
	font-family: "微軟正黑體", Arial;
	margin-bottom: 20px;
}
#wrapper .plist .parea .sq ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	height: auto;
	width: 100%;
}

#wrapper .plist .parea .sq .content ul {
	float:left;
}

#wrapper .plist .parea .sq ul li {
	width: 23%;
	margin-bottom: 20px;
	margin-right: 2.6666%;
	position: relative;
}
#wrapper .plist .parea .sq ul li:nth-child(4n) {

	margin-right:0%;
}
#wrapper .plist .parea .sq ul li .picp {
	height: auto;
	width: 100%;
	border: 1px solid #CCC;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	position:relative;
}


#wrapper .plist .parea .sq ul li .picp:before {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	content:"";
	background-color:rgba(0,0,0,0);
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}




#wrapper .plist .parea .sq ul li:hover .picp:before {

	background-color:rgba(0,0,0,0.5);
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}




#wrapper .plist .parea .sq ul li .picp img{
	height: auto;
	width: 100%;

}
#wrapper .plist .parea .sq ul li .text {
	font-size: 15px;
	line-height: 24px;
	text-align: center;
	margin-top: 15px;
}
#wrapper .plist .parea .sq ul li .text.new:before {
	content: "New!";
	color: #C00;
	font-style: italic;
	margin-right: 5px;
}
#wrapper .plist .parea .sq ul li a {
	font-size: 0px;
	line-height: 0px;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
	z-index: 300;
}






#pdetail {
	width: 100%;
	max-width:1200px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 56px;
	padding-bottom: 56px;
}




#pdetail .main_detail .pic {
	float: left;
	width: 35%;
}
#pdetail .main_detail .pic img {
	height: auto;
	width: 100%;
}
#pdetail .main_detail .textpart {
	margin-left: 35%;
	margin-top: 50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left:35px;
	padding-right:35px;
}




#pdetail .main_detail .textpart h2 {
	font-size: 24px;
	line-height: 42px;
	font-weight: normal;
	color: #034076;
	border-bottom-width: 3px!important;
	border-bottom-style: solid;
	border-bottom-color: #484848;
	display: block;
	text-align: left;
	font-family: 'sabonnextltpro-regular';
}

#pdetail .main_detail .textpart .area{
	font-weight: normal;
	color: #484848;
	font-size: 15px;
	line-height: 24px;
	padding-top: 12px;
	padding-bottom: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cdcdcd;
	display: table;
	width: 100%;
}



#pdetail .main_detail .textpart .area .title {
	font-weight: normal;
	color: #777!important;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 10px;
	font-family: 'Myriad Pro Regular';
}

#pdetail .main_detail .textpart .area .title.inline {
	display:inline-block;
	margin-bottom: 0px;
	float:left;
	
}



#pdetail .main_detail .textpart .area .title:after {
	content:"/";
	padding-left:5px;
	padding-right:5px;
}
#pdetail .main_detail .textpart .area p {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 10px;
	display: block;
	color: #000;
	font-family: Arial, "微軟正黑體";

}
#pdetail .main_detail .textpart .area p:last-child {

	margin-bottom: 0px;
}




#pdetail .main_detail .textpart .butarea {
	width: 100%;
	padding-top: 15px;
}
#pdetail .main_detail .textpart .butarea a {
	font-size: 16px;
    line-height: 38px;
    color: #b5b5b5;
    display: block;
    height: 38px;
    width: 100%;
    padding-right: 20px;
    padding-left: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #656565;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-position: 25px center;
    margin-bottom: 15px;
    font-family: 'Myriad Pro Regular';
    padding-top: 1px;
}
#pdetail .main_detail .textpart .butarea a:hover,#pdetail .main_detail .textpart .butarea a.stay {

}


#pdetail .main_detail .textpart .butarea a:first-child {
	background-image: url(../images/butarea_icon1.png);
}


#pdetail .main_detail .textpart .butarea a:nth-child(2) {
	background-image: url(../images/butarea_icon2.png);
}

#pdetail .main_detail .textpart .butarea a:nth-child(3) {
	background-image: url(../images/butarea_icon3.png);
}


#pdetail .main_detail .textpart .butarea a:nth-child(4) {
	background-image: url(../images/butarea_icon4.png);
}


#pdetail .editarea {
	height: auto;
	width: 100%;
	display: table;
}

#pdetail .editarea p {
	margin-bottom: 7px;
	line-height: 1.2em;
}

#pdetail .editarea h3 {
	font-size: 18px;
	line-height: 42px;
	color: #034076;
	font-weight: normal;
	padding-bottom: 10px;
	margin: 0px;
	padding-top: 15px;
	font-family: 'Myriad Pro Regular';
}


#pdetail .editarea h3:after {
	content:"/";
	padding-left:5px;
	padding-right:5px;
}

#pdetail .editarea > table{
	margin-bottom:50px;
}

#pdetail .editarea table tr td, #pdetail .editarea table tr th {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 15px;
	line-height: normal;

}
#pdetail .editarea table tr th {
	color: #FFF;
	background-color: #034076;
	text-align: center;
}
#pdetail .editarea .map3title {
	transform: rotate(90deg);
    white-space: nowrap;
    position: absolute;
    right: 104.8%;
    bottom: 23%;
}
#pdetail .editarea .side .map5title {
	transform: rotate(90deg);
    white-space: nowrap;
    position: absolute;
    right: 91.5%;
    top: 21%;
}


#pdetail .editarea table tr td.side{
	background-color: #aaaaaa;
	width: 50px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #bbb;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
}

#pdetail .editarea > table tr:last-child td.side{
	border-bottom-style: none;
	text-align: center;


}


#pdetail .editarea table tr td.slidetable{
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 15px;
	line-height: normal;
	position: relative;
}

#pdetail .editarea table tr .slidetable div.slide {

}
#pdetail .editarea table tr .slidetable div table{
	position: relative;
	height: auto;
	width: auto;
	min-width:100%;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #bbbbbb;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bbbbbb;
	left: 0px;
	top: 0px;	
}
#pdetail .editarea table tr .slidetable div table tr td{
	background-color: #e2e2e2;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #bbbbbb;
	padding: 10px;
}
#pdetail .editarea table tr .slidetable div table tr:nth-child(2n) td {
	background-color: #FFF;
	white-space: nowrap;
}
#pdetail .editarea table tr .slidetable div table tr td.check {
	background-image: url(../images/check.png);
	background-repeat: no-repeat;
	background-position: center center;
}

#pdetail .editarea table tr .slidetable div table tr th {
	background-color: #FFF;
	height: 180px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #bbbbbb;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BBB;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	color: #000;
	background-position: center bottom;
	padding-bottom: 60px;
	background-repeat: no-repeat;
	min-width:60px;
}
#pdetail .editarea .tailpic img {
	height: auto;
	width: 100%;
}
#wrapper #pdetail .editarea .tailpic {
	margin-bottom: 30px;
}
#pdetail .editarea .fsq {
	display: flex;
	height: auto;
	width: 100%;
	flex-wrap: wrap;
	max-height: auto;
	float: left;
	max-width:1200px;
	margin-right: 20px;
}


#pdetail .editarea .fsq li {
	width: 22.8%;
	height:auto;
	margin-right:2.9%;
}


#pdetail .editarea .fsq li:nth-child(4n) {
	margin-right:0%;
}

#pdetail .editarea .fsq li .picp img {
	height: auto;
	width: 100%;
}
#pdetail .editarea .fsq li {
	margin-bottom: 20px;
	position: relative;
}
#pdetail .editarea .note {
	font-size: 16px;
	line-height: 24px;
	padding: 0px;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}


#pdetail .editarea .fsq li .picp {
	border: 1px solid #c9c9c9;
}


#pdetail .editarea .fsq li .picp a{
	position:relative;
	    display: block;
}


#pdetail .editarea .fsq li .picp a:hover:before{
	background-color:rgba(0,0,0,0.2);
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	content:"";
}


#pdetail .editarea .fsq li .text {
	font-size: 15px;
	line-height: 46px;
	text-align: center;
}
#pdetail .editarea .fsq.round li .picp {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: relative;
}
#pdetail .editarea .fsq.round li .picp img {
	border-radius:50%;
}

#pdetail .editarea .fsq.round li:hover .picp:before{
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border-radius:50%;
	background-color:rgba(0,0,0,0.5);
}
#pdetail .editarea .note.x {
	background-color: #dadada;
	padding: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



#pdetail .editarea .fsq.round li a {
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	z-index:200;
}
#pdetail .editarea .note.x span:after {
	content:"，";
}

#pdetail .editarea .note.x span:last-child:after {
	content:"";
}


#pdetail .goback .uppage {
	font-size: 14px;
    line-height: 20px;
    color: #FFF;
    background-color: #124a81;
    /*height: 20px;*/
    width: auto;
    padding-right: 20px;
    padding-left: 20px;
    display: block;
    float: left;
    padding-top: 9px;
    padding-bottom: 4px;
    border-radius: 15px;
    font-family: 'Myriad Pro Regular';
}


#pdetail .goback .uppage:hover {
	background-color: #26598b;
}

#pdetail .editarea img{width:100%;height:auto;}








#pdetail .goback .uppage:after {
	content:"｜▸";
	opacity:0.8;
}

#pdetail .goback {
	display: table;
	margin-top: 30px;
	border-radius:15px;
}


#wrapper .pdetail_knowledge {
	height: auto;
	width: 100%;
	max-width:1200px;
	margin-right: auto;
	margin-left: auto;
}






#wrapper .plist_tagline h1 {
	text-align: center;
	font-size: 30px;
	line-height: 48px;
	font-weight: normal;
	padding-top: 18px;
	background-color: #f0f0f0;
	height: 48px;
	padding-bottom: 18px;
}
#wrapper .pdetail_knowledge {
	padding-top: 60px;
}

.knowledge_but {
	display: flex;
	justify-content: center;
	text-align: center;
	margin-top: 60px;
	margin-bottom: 60px;
}
#wrapper .pdetail_knowledge .knowledge_but a.ebook span {
	background-image: url(../images/knowledge_but1.png);
}

#wrapper .pdetail_knowledge .knowledge_but a.life span {
	background-image: url(../images/knowledge_but2.png);
}

#wrapper .pdetail_knowledge .knowledge_but a.intor span {
	background-image: url(../images/knowledge_but3.png);
}

#wrapper .pdetail_knowledge .knowledge_but a.goback span {
	background-image: url(../images/knowledge_but4.png);
}




.knowledge_but a {
	display: block;
	justify-content: center;
	font-size: 15px;
	line-height: 34px;
	height: 35px;
	width: 180px;
	margin-right: 20px;
	margin-left: 20px;
	background-color: #656565;
	color: #bfbfbf;
	border-radius: 5px;
}



.knowledge_but a.goback:hover {

	background-color: #26598b;

}
.knowledge_but a.ebook:hover {

	background-color: #484848;

}

.knowledge_but a:hover,.knowledge_but a.stay  {
	background-color: #034076;
}



.knowledge_but a span{
	padding-left: 28px;
	background-repeat: no-repeat;
	background-position: left center;
	color: #bfbfbf;

}



#wrapper .pdetail_knowledge .knowledge_left h1,#joindetail section .sq h2 {
	font-size: 28px;
	line-height: 48px;
	text-align: center;
	margin-bottom: 30px;
    font-family: 'sabonnextltpro-regular';
}
#wrapper .pdetail_knowledge .knowledge_left .faq li .q {
    color: #FFF;
    background-color: #727272;
    border-left-width: 5px;
    border-left-style: solid;
    border-left-color: #034076;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 5px;
    padding-bottom: 5px;
    position: relative;
    font-size: 16px;
}


#wrapper .pdetail_knowledge .knowledge_left.faq .faq li .q {

    padding-left: 46px;
    padding-right: 10px;

}


#wrapper .pdetail_knowledge .knowledge_left.privacy .faq li .q {

	padding-left: 15px;

}

#wrapper .pdetail_knowledge .knowledge_left .faq li .a {
	font-size: 15px;
	line-height: 30px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 20px;
	padding-top: 30px;
}
#wrapper .pdetail_knowledge .knowledge_left .faq.note li .q {
	font-size: 16px;
	line-height: 42px;
	color: #000;
	padding: 0px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #034076;
	background-color: rgba(255,255,255,0);
	display: inline-block;
}
#wrapper .pdetail_knowledge .knowledge_left .faq.note li .a {
	padding-right: 0px;
	padding-left: 0px;
}
#wrapper .pdetail_knowledge .noteinfomation {
	background-color: #ededed;
	padding: 20px;
	margin-bottom: 56px;
}
#wrapper .pdetail_knowledge .noteinfomation .area {
	height: 100%;
	width: 100%;
	display: table;
	position: relative;
}
#wrapper .pdetail_knowledge .noteinfomation .area .photo {
	float: left;
	width: 50%;
}
#wrapper .pdetail_knowledge .noteinfomation .area .photo img {
	height: auto;
	width: 100%;
}
#wrapper .pdetail_knowledge .noteinfomation .area .text {
	width: 45%;
	padding-right: 0px;
	padding-left: 0px;
	float: right;
	padding-bottom: 50px;
	height: 100%;
	position: relative;
}
#wrapper .pdetail_knowledge .noteinfomation .area .text h4 {
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
	margin-bottom: 12px;
}
#wrapper .pdetail_knowledge .noteinfomation .area .text div {
	font-size: 15px;
	line-height: 24px;
	margin-bottom: 8px;
}
#wrapper .pdetail_knowledge .noteinfomation .area .text .butline {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
#wrapper .pdetail_knowledge .noteinfomation .area .text .butline a {
	font-size: 15px;
	line-height: 38px;
	color: #bfbfbf;
	text-align: center;
	display: block;
	float: left;
	height: 38px;
	background-color: #656565;
	border-radius: 5px;
	width: 48%;
}


#wrapper .pdetail_knowledge .noteinfomation .area .text .butline a:nth-child(2) {
float:right;
}

#wrapper .pdetail_knowledge .noteinfomation .area .text .butline a span {
	padding-left: 30px;
	padding-top: 4px;
	background-repeat: no-repeat;
	background-position: left center;
	color: #bfbfbf;
	font-family: 'Myriad Pro Regular';
}


#wrapper .pdetail_knowledge .noteinfomation .area .text .butline a:first-child span {
	background-image: url(../images/note_icon1.png);	
}

#wrapper .pdetail_knowledge .noteinfomation .area .text .butline a:last-child span {
	background-image: url(../images/note_icon2.png);
	padding-left: 27px;
	margin-right: 10px;
	
}

#qa .area .sq{
	width: 100%;
	max-width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 56px;
	padding-bottom: 56px;
}

#contact section .sq{
	width: 100%;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 56px;
	padding-bottom: 56px;
}


#contact.member_join section .sq{
	width: 100%;
	max-width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	padding-bottom: 56px;
}

#csr section .sq {
	width: 100%;
	max-width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 56px;
	padding-bottom: 0px;
}

#qa .area .sq h3,#csr section .sq h3 ,#contact section .sq h3{
	font-size: 38px;
    font-family: 'sabonnextltpro-regular';
	line-height: 36px;
	color: #000;
	text-align: center;
	font-weight: normal;
	margin-bottom: 10px;
}


#csr section .sq h3 ,#contact section .sq h3{
	margin-top: 30px;
	margin-bottom: 30px;
}


#qa .area .sq h4,#csr section .sq h4 ,#contact section .sq h4{
	font-size: 24px;
	color: #5a5a5a;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
	font-weight: normal;
	line-height: 40px;
    font-family: 'sabonnextltpro-regular';
}
#qa .area .sq p,#csr section .sq  p{
	font-size: 15px;
	line-height: 24px;
	color: #000;
	text-align: center;
}
#qa .area .sq p,#csr section .sq  p.left{
	text-align:left;
}
#qa .area .sq .picp,#csr section .sq  .picp {
	margin-top: 45px;
	margin-bottom: 30px;
}




#csr section .sq .picp.s img {
	position:relative;
	z-index: -1;
	top:-40px;
}

#qa .area.section2 {
	background-color: #000;
	background-image: url(../images/qa_section2_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
}
#qa .area.section2 .sq h3 {
	color: #FFF;
}
#qa .area .sq .picthree {
	display: flex;
	justify-content:space-around;

}


#qa .area .sq .picthree div{
	width:32%;
	height:auto;
	float:left;

}#qa .area .sq .picthree div img {
	height: auto;
	width: 100%;
}
#qa .area.section2 .sq .iconlist {
	display: flex;
	width: 90%;
	margin-right: 5%;
	margin-left: 5%;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding-top: 20px;
	padding-bottom: 20px;

}
#qa .area.section2 .sq .iconlist li {
	float: left;
	width: 18.6%;
	margin-bottom: 20px;
	margin-left: 0.62%;
	margin-right: 0.62%;
	position: relative;

	
}
#qa .area.section2 .sq .iconlist li .picp {
	padding: 0px;
	height: auto;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#qa .area.section2 .sq .iconlist li .picp img {
	border-radius:10px;
}
#qa .area.section2 .sq .iconlist li .text {
	color: #FFF;
	text-align: center;
	width: 100%;
	font-size: 16px;
	line-height: 24px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#qa .area.section2 .sq .iconlist .more .picp {
	background-color: #b6b6b6;
	position: relative;
	text-align: center;
	border-radius:10px;
}
#qa .area.section2 .sq .iconlist .more span {
	color: #5D5D5D;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	height: 100%;
	width: 100%;
	display: flex;
	align-items:center; 
	 justify-content: center;
}
#qa .area.section3 .sq .picthree {
	margin-top: 30px;
	margin-bottom: 30px;
}
#qa .area.section3 .sq .note {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	font-size: 15px;
	line-height: 30px;
	overflow-wrap: break-word;
}

#qa .area.section3 .sq .editarea {
	text-align: left;
	height: auto;
	width: 100%;
	margin-bottom: 30px;
}
#qa .area.section3 .sq .editarea p {
	text-align: left;
	margin-bottom: 20px;
	font-size: 15px;
	line-height: 30px;
}
#wrapper #qa .area.section3 .sq .editarea h5 {
	font-size: 18px;
	line-height: 30px;
	color: #003776;
	margin-bottom: 10px;
	font-weight: normal;
    font-family: 'Myriad Pro Regular';
}


#wrapper #qa .area.section3 .sq .editarea h5:after {
	content:"/";
	padding-left:5px;
}
#qa .area.section3 .sq .editarea ul li {
	background-image: url(../images/icon_edit.png);
	background-repeat: no-repeat;
	background-position: left 9px;
	padding-left: 20px;
	font-size: 15px;
	line-height: 30px;
}
#qa .area.section4 {
	background-color: #e7e7e7;
}
#qa .area.section4 .sq .textarea .picp {
	float: left;
	width: 40%;
	margin: 0px;
}
#qa .area.section4 .sq .textarea .text {
	margin-left: 42%;
}
#qa .area.section4 .sq .textarea {
	margin-top: 20px;
	margin-bottom: 30px;
}
#qa .area.section4 .sq .textarea .text p {
	text-align: left;
	font-size: 15px;
	line-height: 30px;
}
#qa .area.section4 .sq h4 {
	display: table;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #103161;
	font-size: 24px;
	line-height: 30px;
	margin-top: 40px;
	margin-bottom: auto;
}
#qa .area.section4 .sq .features {
	margin-top: 30px;
	margin-bottom: 30px;
	display: flex;
	flex-wrap: wrap; 
	width: 100%;
}
#qa .area.section4 .sq .features li {
	float: left;
	width: 47%;
	margin-bottom: 30px;
}
#qa .area.section4 .sq .features li:nth-child(2n) {
	margin-left:6%;
}
#qa .area.section4 .sq .features li .pic span {
	line-height: 16px;
	background-color: #eef059;
	text-align: center;
	height: auto;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	margin-top: 10px;
	border-radius:10px;
}
#qa .area.section4 .sq .features li .pic img {
	height: auto;
	width: 140px;
}
#qa .area.section4 .sq .features li .pic {
	float: left;
	width: 140px;
}
#qa .area.section4 .sq .features li .textpart {
	margin-left: 160px;
	font-size: 15px;
	line-height: 30px;
}
#qa .area.section4 .sq .features .butli {
	display: flex;
	align-items: center;
	flex-wrap: wrap; 
	align-content: center;
}
#qa .area.section4 .sq .features .butli p {
	text-align: left;
	width: 100%;
	margin: 0px;
}
#qa .area.section4 .sq .features .butli .x {
	line-height: 30px;
	color: #FFF;
	background-color: #003375;
	display: block;
	height: 30px;
	width: 220px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 10px;
	text-align: center;
	margin-top: 10px;
}
#csr {

}
#csr .csr_butline {
	background-image: url(../images/csr_bt1_en.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 35px;
	width: 385px;
	margin-right: auto;
	margin-left: auto;
}


#contact .contact_butline {
	background-image: url(../images/contact_bt1_en.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 35px;
	width: 385px;
	margin-right: auto;
	margin-left: auto;
}


#contact .mcorrect_butline {
	background-image: url(../images/mcorrect_bt1.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 35px;
	width: 385px;
	margin-right: auto;
	margin-left: auto;

}

#contact .mcorrect_butline.chang {
	background-image: url(../images/mcorrect_bt2.png);


}


#csr .sq .csr_butline a,#contact .contact_butline a,#contact .mcorrect_butline a {
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
	display: block;
	float: left;
	height: 100%;
	width: 50%;
}
#csr section .sq {
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	max-width:1200px;
	word-wrap:break-word;
}

#joindetail section .sq {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 56px;
	padding-bottom: 56px;
	max-width: 900px;
}

#csr section .sq .note {
	width: 60%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
}
#csr section .sq .csr_threepic {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-bottom: 47px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #26598B;
}

#csr section .sq .csr_threepic li{
	float: left;
	width: 31.3333%;
	
}
#csr section .sq .csr_threepic li .pic img {
	height: auto;
	width: 100%;
}
#csr section .sq .csr_threepic li .titletext {
	padding-top: 15px;
	padding-bottom: 15px;
}
#csr section .sq .csr_threepic li .titletext {
	line-height: 18px;
	text-align: left;
	font-size: 19.5px;
	vertical-align: middle;
	font-weight: bold;
	margin-right: 10px;
    font-family: 'Myriad Pro Regular';
}
#csr section .sq .csr_threepic li .titletext span {
	font-size: 30px;
	color: #26598B;
	font-style: italic;
	line-height: 46px;
}

#csr section .sq h5 {
	font-size: 24px;
	line-height: 36px;
	color: #006084;
	text-align: center;
	font-weight: normal;
    font-family: 'sabonnextltpro-regular';
}
#csr section .sq h5 span {
	font-size: 18px;
	line-height: 36px;
	color: #000;
}



#csr section .sq .csr_butline.chang {
	background-image: url(../images/csr_bt2_en.png);
}

#contact section .sq .contact_butline.chang {
	background-image: url(../images/contact_bt2_en.png);
}

#contact section .sq .mcorrect_butline.chang {
	background-image: url(../images/mcorrect_bt2.png);
}


#csr section .sq h4 span {
	line-height: 40px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 20px;
	color: #777;
}
#csr section .sq h4 .blue {
	display: block;
	color: #26598B;
	font-size: 16px;
	line-height: 36px;
}
#csr section .sq .sqnote {
	background-color: #d7d8cf;
	text-align: justify;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	margin-bottom: 30px;
	margin-top: 20px;
}
#csr section .sq .csr_fourpic {
	display: flex;
	float: left;
	margin-bottom: 30px;
	flex-wrap: wrap;
	justify-content:space-between;
	
}
#csr section .sq .csr_fourpic li .text {
	line-height: 24px;
	font-size: 14px;
}



#csr section .sq .csr_fourpic li {
	float: left;
	width: 49%;
	margin-bottom: 30px;
}
#csr section .sq .csr_fourpic li .picp {
	float: left;
	width: 50%;
	margin: 0px;
}
#csr section .sq .csr_fourpic li .text {
	margin-left: 55%;
}


#csr section .sq .threepic {
	display: table;
	margin-bottom: 30px;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}
#csr section .sq .threepic li {
	float: left;
	width: 32.3333%;
	margin-bottom: 0px;
	margin-right: 1.5%;
}

#csr section .sq .threepic li:last-child {
	margin-right: 0%;
}

#csr section .sq .threepic li .pp {
	height: auto;
	width: 100%;
}
#csr section .sq .threepic li .tt {
	text-align: center;
	margin-top: 15px;
	height: auto;
	width: 100%;
	display: block;
	font-size: 15px;
	line-height: 30px;
}
#csr section .sq .threepic li .pp img {
	height: auto;
	width: 100%;
}
#csr section .actionphoto {
	height: auto;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 50px;
}
#csr section .actionphoto .l {
	width: 41.5%;
}
#csr section .actionphoto .v {
	width: 57%;
}
#wrapper #csr section .sq .actionphoto div img {
	height: auto;
	width: 100%;
}
#csr section .sq .csr_look_butline {
	display: table;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-bottom:50px;
}
#csr section .sq .csr_look_butline a {
	color: #bfbfbf;
	background-color: #656565;
	display: block;
	float: left;
	height: 35px;
	width: 180px;
	border-radius: 5px;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 15px;
	line-height: 30px;
}


#csr section .sq .csr_look_butline a span{
	color: #bfbfbf;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	    line-height: 35px;
    font-family: 'Myriad Pro Regular';
}

#csr section .sq .csr_look_butline a:nth-child(1) span{

	background-image: url(../images/csr_look_32.png);
}


#csr section .sq .csr_look_butline a:nth-child(2) span{
	background-image: url(../images/csr_look_32-02.png);
}
#csr section .sq .actionphoto .v p {
	text-align: left;
	margin-top: 20px;
}




#contact section .sq h5 {
	font-size: 18px;
	line-height: 24px;
	color: #000;
	font-weight: normal;
	margin-bottom: 5px;
    font-family: 'Myriad Pro Regular';
}
#contact section .sq h5:after {
	content:"/";
}
#contact section .sq h6 {
	font-size: 16px;
	line-height: 24px;
	color: #26598B;
	font-weight: normal;
}
#contact section .sq .maininfo {
	background-color: #26598b;
	height: auto;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 15px!important;
	line-height: 34px!important;
	color: #FFF!important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 25px;
	padding-left: 25px;
	border-radius:15px;
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}


#contact section .sq .maininfo span {
	color: #FFF;
	background-repeat: no-repeat;
	background-position: left center;
	margin-right: 20px;
	padding-left: 25px;
	line-height:32px;
}


#contact section .sq .maininfo span:nth-child(1) {
	background-image: url(../images/contact_icon1.png);	
}
#contact section .sq .maininfo span:nth-child(2) {
	background-image: url(../images/contact_icon2.png);	
}

#contact section .sq .maininfo span:nth-child(3) {
	background-image: url(../images/contact_icon3.png);	
	margin-right: 0px!important;
}

#contact section .sq .position {
	padding-top: 20px;
	padding-bottom: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d2d2d2;
}


#contact section .sq .position li {
	width:49%;
	
}

#contact section .sq .outposition .position li {
	width:100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d2d2d2;
	padding-top: 20px;
	padding-bottom: 20px;
	
}
#contact section .sq .outposition .position li:first-child {
	padding-top: 0px;
	
}
#contact section .sq .outposition .position{
	width:100%;
	border-bottom-style: none;	
}

#contact section .sq .position li .title {
	font-size: 16px;
	line-height: 24px;
	color: #26598B;
	display: table;
	width: 100%;
	margin-bottom: 10px;
}
#contact section .sq .position li .title span {
	display: block;
	float: left;
	line-height: 24px;
	color: #26598B;
}
#contact section .sq .position li .title a {
	font-size: 0px;
	line-height: 24px;
	color: #FFF;
	background-image: url(../images/mail_icon.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 24px;
	width: 24px;
	display: block;
	float:left;
}
#contact section .sq .position li .info {
	display: block;
}
#contact section .sq .position li .info div {
	font-size: 15px;
	line-height: 24px;
	color: #000;
	margin-bottom: 10px;
}
#contact section .sq .inposition {
	/*border-bottom-width: 4px;*/
	/*border-bottom-style: solid;*/
	/*border-bottom-color: #d2d2d2;*/
}


#contact section .sq .outposition {
	margin-top:20px;
}

#contact section .sq .contact_form {
	padding-top: 0px;
	width: 70%;
	margin-right: auto;
	margin-left: auto;
}
#contact section .sq .contact_form p {
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 20px;
	margin-top: 10px;
	padding-left: 55px;
}
#contact section .sq .contact_form form fieldset {
	height: auto;
	width: 100%;
	margin-bottom: 20px;
	display: table;
}
#contact section .sq .contact_form form fieldset div {
	margin-left: 170px;
	font-size: 15px;
	line-height: 25px;
	position: relative;
}
#wrapper #contact section .sq .contact_form form fieldset label {
	text-align: right;
	float: left;
	width: 150px;
	line-height: 25px;
	font-size: 15px;
}
#contact section .sq .contact_form form fieldset div input[type="text"],#contact section .sq .contact_form form fieldset div input[type="password"] {
	background-color: #b5b5b5;
	height: 25px;
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-left:10px;
	padding-right:10px;
		-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#contact section .sq .contact_form form fieldset div textarea {
	background-color: #B5B5B5;
	height: auto;
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#contact section .sq .contact_form form fieldset label span {
	line-height: 25px;
	color: #C00;
	padding-right: 5px;
}
#contact section .sq .contact_form form .butline div input {
	color: #FFF;
	background-color: #656565;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right:10px;
	margin-left: 10px;
	width: 150px;
	text-align: center;
	height: 38px;
	border-radius: 5px;
	font-size: 15px;
	font-family: "微軟正黑體", Arial;
}
#contact section .sq .contact_form form .butline div {
	display: table;
	margin-right: auto;
	margin-left: auto;
	padding-left: 110px;
}
#contact section .sq .contact_form form .butline div input[type="submit"],#contact section .sq .contact_form form .butline div input[type="button"] {
	background-color: #26598B;
}
#contact section .sq .contact_form h2 {
	font-size: 28px;
	line-height: 48px;
	font-weight: normal;
	text-align: center;
	margin-bottom: 30px;
}
#contact.member_join section .sq .contact_form form .butline {
	margin-top: 30px;
	padding-top: 30px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #333;
}
#contact.member_join section .sq .contact_form form .butline div {
	padding-left: 0px;
}
#joindetail section .sq .title {
	background-color: #034076;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
	color: #FFF;
	line-height: 40px;
	font-size: 15px;
}#joindetail section .sq .onesite h3 {
	font-size: 15px;
	line-height: 30px;
	background-color: #9f9f9f;
	display: block;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	font-weight: normal;
	color: #FFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#joindetail section .sq .onesite .text {
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	font-size: 15px;
	line-height: 30px;
}
#joindetail section .sq .onesite .text ol li {
	list-style-type: decimal;
	margin-left: 20px;
	font-size: 15px;
	line-height: 30px;
}
#joindetail section .sq .infotext {
	background-color: #efefef;
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 15px;
	padding-left: 30px;
}
#joindetail section .sq .infotext div .h {
	font-size: 15px;
	line-height: 30px;
	background-image: url(../images/icon_edit.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
#joindetail section .sq .infotext div ol li {
	font-size: 15px;
	line-height: 30px;
	margin-left: 20px;
	list-style-type: decimal;
}
#joindetail section .sq .infotext > div {
	margin-bottom: 15px;
}
#joindetail section .sq .infotext .butline {
	display: table;
	height: auto;
	width: 100%;
}
#joindetail section .sq .infotext .butline a {
	font-size: 15px!important;
	font-family: 'Myriad Pro Regular';
	line-height: 30px!important;
	color: #bfbfbf;
	text-align: center;
	display: block;
	float: left;
	height: 38px;
	background-color: #777;
	border-radius: 5px;
	width: 22%;
	margin-right: 1.5%;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
	margin-left: 1.5%;

}


#joindetail section .sq .infotext .butline a:hover {

	background-color: #484848;
		-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;


}


#joindetail section .sq .infotext .butline a span {
	padding-left: 30px;
	padding-top: 6px;
	background-repeat: no-repeat;
	background-position: left center;
	color: #bfbfbf;
	line-height: 42px;
}

#joindetail section .sq .infotext .butline a:first-child span {
	background-image: url(../images/join_detail_icon1.png);	
}

#joindetail section .sq .infotext .butline a:nth-child(2) span {
	background-image: url(../images/join_detail_icon2.png);
}


#joindetail section .sq .infotext .butline a:nth-child(3) span {
	background-image: url(../images/join_detail_icon3.png);
}


#joindetail section .sq .infotext .butline a:nth-child(4) span {
	background-image: url(../images/join_detail_icon4.png);
}



#joindetail section .sq .note {
	width: 80%;
	margin-right: 10%;
	margin-left: 10%;
	font-size: 15px;
	line-height: 24px;
	padding-bottom: 40px;
}
#joindetail.join section .sq .title {
	background-color: #707070;
}
#joindetail section .sq .jobfor li {
	width: 100%;
	display: flex;
}
#joindetail section .sq .jobfor li div {
	float: left;
	width: 23%;
	padding-right: 1%;
	padding-left: 1%;
	text-align: center;
	font-size: 15px;
	line-height: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: Arial;
}
#joindetail section .sq .jobfor .titleh {
	background-color: #034076;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
}
#joindetail section .sq .jobfor .titleh div {
	color: #FFF;
	font-size: 15px;
	line-height: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#joindetail section .sq .jobfor {
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #e5e5e5;
	margin-bottom: 20px;
}
#joindetail section .sq .jobfor li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E5E5E5;
	padding-top: 5px;
	padding-bottom: 5px;
}
#joindetail section .sq .jobfor li div a {
	font-size: 15px;
	line-height: 20px;
}
#joindetail section .sq .jobfor li div a:hover {
	color:#034076;
}

#contact section .sq .contact_form.password fieldset div {
	margin-left: 0px;
}

#contact section .sq .contact_form.password form .butline div {
	margin-right: auto;
	margin-left: auto;
}
#contact section .sq .contact_form.password {
	width: 50%;
	margin-top: 30px;
}

#wrapper .pdetail_knowledge .knowledge_left.privacy{
	margin-bottom:56px;
}


#wrapper .pdetail_knowledge .knowledge_left.privacy .faq li .q {
	background-color: #034076;
}



#wrapper .pdetail_knowledge .knowledge_left.privacy .note {
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 30px;
}
#wrapper .pdetail_knowledge .knowledge_left.privacy .faq li .a .h {
	color: #034076;
	font-size: 15px;
}
#wrapper .pdetail_knowledge .knowledge_left.privacy .faq li .a ul li {
	background-image: url(../images/icon_edit.png);
	background-repeat: no-repeat;
	background-position: left 10px;
	padding-left: 20px;
	font-size: 15px;
}
#wrapper .pdetail_knowledge .knowledge_left.privacy .faq li .a p {
	font-size: 15px;
	line-height: 30px;
}
#contact section .sq .rule,#contact section .sq .rule div ,#contact section .sq .rule div p{
	width: 100%;
	font-size: 15px;
	line-height: 30px;
}
#contact section .sq .rule .left {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}
#contact section .sq .rule div p {
	margin-bottom: 20px;
}
#wrapper .pdetail_knowledge .knowledge_left.faq .faq li .q {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#wrapper .pdetail_knowledge .knowledge_left.faq .faq li .q span {
	color: #FFF;
	background-color: #034076;
	position: absolute;
	height: 100%;
	width: 40px;
	left: 0px;
	top: 0px;
	text-align: center;
	font-weight: normal;
	font-family: constantia;
	line-height: 35px;
}
#wrapper .pdetail_knowledge .knowledge_left.faq .faq li .a {
	padding-right: 0px;
	padding-left: 0px;
}

#wrapper .pdetail_knowledge .knowledge_left.faq .faq li .a a{
	font-size: 15px;
	line-height: 30px;
	color: #FFF;
	text-align: center;
	display: inline-block;
	height: 30px;
	width: 150px;
	background-color: #124a81;
	border-radius:15px;
	margin-left:10px;
	
}


#wrapper .pdetail_knowledge .knowledge_left.faq .faq li .a a span{
	padding-right: 40px;
	background-image: url(../images/knowledge_but4_2.png);
	background-repeat: no-repeat;
	background-position: right center;
	line-height: 30px;
	font-size: 15px;
	color: #FFF;
}
#wrapper .pdetail_knowledge .knowledge_left.faq .faq li .a p {
	margin-bottom: 20px;
}
#wrapper .pdetail_knowledge .knowledge_left.faq .infotext {
	background-color: #efefef;
	font-size: 15px;
	line-height: 30px;
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 15px;
	padding-left: 30px;
	margin-bottom:56px;
}
#wrapper .pdetail_knowledge .knowledge_left.faq .infotext a{
	font-size: 15px;
	line-height: 30px;
	color: #FFF;
	text-align: center;
	display: inline-block;
	height: 30px;
	width: 150px;
	background-color: #124a81;
	border-radius:15px;
	margin-left:10px;
	margin-right:10px;
	
}

#wrapper .pdetail_knowledge .knowledge_left.faq .infotext a span{
	padding-right: 40px;
	background-image: url(../images/knowledge_but4_2.png);
	background-repeat: no-repeat;
	background-position: right center;
	line-height: 30px;
	font-size: 15px;
	color: #FFF;
}
#website .sq{
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 56px;
	padding-bottom: 56px;
	max-width: 900px;
	display: table;

}


#trend .sq{
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	padding-bottom: 56px;
	max-width: 900px;
	/*display: table;*/

}



#website .sq div {
	width: 20%;
	float:left;
	margin-bottom:20px;
}
#website .sq div ul li a {
	background-image: url(../images/websit_icon.jpg);
	background-repeat: no-repeat;
	background-position: left 2px;
	display: inline-table;
	height: 30px;
	width: 16px;
	padding-left: 25px;
	white-space: nowrap;
	    font-size: 15px;
}
#website .sq div ul li ul li a {
	background-image: none;
	background-repeat: no-repeat;
	font-size: 14px;
	line-height: 30px;
	margin: 0px;
	padding: 0px;
}
#website .sq div ul li ul li a:before {
	content:"-";
	padding-left: 20px;
}
#website .sq div ul li ul {
	margin-top: 5px;
}




#slidep div {
	height: auto;
	width: 100%;
	outline:none;
}

#slidep div ul{
	display: table;
	width: 100%;
}
#slidep div ul li {
	float: left;
	width: 31.3333%;
	margin-right: 1%;
	margin-left: 1%;
	margin-bottom: 30px;
	position: relative;
}
#slidep div ul li .p img{
	height: auto;
	width: 100%;
}
#slidep div ul li .but{
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	display: table;
	width: auto;
}
#slidep div ul li .but a{
	float: left;
	height: 28px;
	width: 28px;
	margin-right: 5px;
	margin-left: 5px;
	font-size: 0px;
	line-height: 0px;
	color: #000;
	display: block;
}
#slidep div ul li .but .goto{
	background-image: url(../images/share.svg);
	background-repeat: no-repeat;
	background-position: center center;
}
#slidep div ul li .but .download{
	background-image: url(../fonts/download.svg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#slidep .one {
	margin-top: 0px;
	float: left;
	width: 100%;
}
#slidep .one .year {
	font-size: 30px;
	line-height: 30px;
	text-align: center;
	margin-bottom: 30px;
	font-family: constantia;
}
#slidep {
	height: auto;
	width: 100%;
	display:table;
	position: relative;
}

#slidep .one ul li .p  {
	position: relative;
}
#slidep .one ul li .p a{
	background-color: rgba(0,0,0,0.75);
	display: flex;
	height: 100%;
	width: 100%;
	color: #FFF;
	text-align: center;
	position: absolute;
	left: 0px;
	top: 0px;
	font-size: 24px;
	justify-content: center;
	align-items: center;
	opacity: 0;
}

#slidep .one ul li .p a:hover{

	opacity:1;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
#slidep .one ul.load li{
    width: 23%;
    margin-right: 1%;
    margin-left: 1%;
    float: left;
    margin-bottom: 30px;
    height: 430px;

}
#slidep .one ul.load li .p a{
	font-size: 0px;
	line-height: 0px;
	background-image: url(../images/search_icon.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#slidep .one .load li .name{
	font-size: 15px;
	line-height: 24px;
	margin-top: 14px;
}



#jumpwindow.open {

	display: block;


}


#jumpwindow {
	background-color: rgba(0,0,0,0.8);
	height: 100%;
	width: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 300;
	display: none;
	justify-content: center;
	align-items: center;
	text-align: center;
	vertical-align: middle;
	overflow: auto;
	line-height: 100%;
	/*	padding-top: 50px;
	padding-bottom: 50px;*/

}


/* ----- Custom ----- */
#joinform > #join_form fieldset > div {
	margin-left: 110px;
    text-align: left;
    float: left;
}

#joinform > .search_form fieldset > div {
	margin-left: 100px;
    text-align: left;
    float: left;
}

#joinform > .searchdetail_form fieldset > div {
	margin-left: 20px;
	margin-top: 28px;
    text-align: left;
    float: left;
}

#joinform > .searchdetail_form fieldset > #features {
	margin-top: 0;
	margin-left: 45px;
}


/* --------------------------  */

#joinform {
	background-color: #FFF;
	height: auto!important;
	width: 100%;
	padding-top: 60px;
	padding-right: 80px;
	padding-bottom: 60px;
	padding-left: 80px;
	max-width: 584px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	margin-top: 50px;
	position:relative;
	margin-bottom: 50px;
		display: inline-block;
	vertical-align: middle;
}
body.open {
	overflow: hidden;
	width: 100%;
	height: 100%;
}
#joinform h1 {
	font-size: 24px;
    line-height: 30px;
    font-weight: normal;
    text-align: center;
    font-family: sabonnextltpro-regula;
}
#joinform .center {
	text-align: center;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #26598b;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 30px;
}
#joinform form fieldset {
	margin-bottom: 15px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display: table;
}
#joinform form {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}
#joinform form fieldset label {
	text-align: right;
	font-size:15px;
	line-height:23px!important;
	float: left;
	height: 25px;
	width: 25px;
	white-space: nowrap;
}
#joinform form fieldset label span {
	color: #C00;
	font-size:15px;
	line-height:23px!important;
	    margin-left: -8px;
}
#joinform form fieldset > div {
	margin-left: 11px;
	text-align: left;
	float: left;
}
#joinform form fieldset div input[type="text"],#joinform form fieldset div input[type="password"]{
	background-color: #b5b5b5;
	height: 25px;
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin:0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left:10px;
	padding-right:10px;
	display: inherit;
}
#joinform form fieldset div#sharebox {
	margin-left: 50px;
}
#joinform form fieldset div input#sharebox_input {
	width: 120%;
	margin-left: 40px;
}

#joinform form fieldset div input[type="file"] {
	background-color: #b5b5b5;
	height: 25px;
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 10px;
	padding-right: 10px;
	display: inherit;
	font-size: 13px;
	-webkit-appearance: none;
	float: left;
}

#joinform form fieldset div textarea {
	background-color: #b5b5b5;
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left:10px;
	padding-right:10px;
	font-size:15px;
}
#joinform form fieldset .note {
	background-color: #f3f3f3;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
	font-size: 12px;
	line-height: 24px;
	color: #000;
	border: 1px solid #CCC;
	text-align: left;
}
#joinform form fieldset .butline {
	margin-right: auto;
	margin-left: auto;
	padding-left: 110px;
	display: table;
	width: auto;
	padding-bottom: 20px;
}

#joinform form fieldset .butline input{
	height: 25px;
	width: 100px;
	font-size: 14px;
	line-height: 23px;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
	margin-right: 6px;
	margin-left: 6px;
	border-radius:5px;
}

#joinform form fieldset .butline input[type="submit"]{
	background-color: #337bc1;
}
#joinform form fieldset .butline input[type="reset"]{
	background-color: #b5b5b5;
}


#joinform form fieldset .butline input[type="submit"]:hover{
	background-color: #2F70B0;
}
#joinform form fieldset .butline input[type="reset"]:hover{
	background-color: #ADADAD;
}




#joinform .close {
	height: 30px;
	width: 26px;
	position: absolute;
	top: 15px;
	right: 15px;
}
#joinform .close a {
	background-color: #676767;
	height: 30px;
	width: 26px;
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
	display: block;
}
#joinform .close a:after {
	content:"";
	height:20px;
	width:1px;
	transform: rotate(45deg);
	background-color:#fff;
	position:absolute;
	display:block;
	left:12px;
	top:5px;
}

#joinform .close a:before{
	content:"";
	height:20px;
	width:1px;
	transform: rotate(-45deg);
	background-color:#fff;
position:absolute;
	display:block;
	left:12px;
	top:5px;

}

#jumpwindow #joinform.order{
	padding-top:15px;
	padding-bottom:15px;
}

#jumpwindow #joinform.order .center {
	text-align: left;
	line-height: 24px;
	font-size: 14px;
}
#jumpwindow #joinform.order form fieldset div {
	margin-right: 90px;
}
#jumpwindow #joinform.order form fieldset div.noright {
	margin-right: 0px;
}
#jumpwindow #joinform.order form fieldset input[type="button"],#jumpwindow #joinform.order form fieldset input[type="submit"] {
	font-size: 14px;
    line-height: 25px;
    color: #FFF;
    background-color: #26598b;
    text-align: center;
    padding: 0px;
    float: right;
    width: 70px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
    border-radius: 5px;
    position: absolute;
    top: 0px;
    right: 0px;
    font-family: Myriad Pro;
}


#jumpwindow #joinform.order form fieldset input[type="button"]:hover,#jumpwindow #joinform.order form fieldset input[type="submit"]:hover {
	background-color: #1B3F63;
}



#jumpwindow #joinform form fieldset {
	position: relative;
}
#jumpwindow #joinform.order form fieldset .login {
	line-height: 68px;
	height: 70px;
	width: 70px;
}





#joinform form .dws {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
#joinform form .secondbut {
	text-align: center;
	    display: inline-block;
	width: auto;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
}
#joinform form .secondbut input {
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	padding-right: 20px;
	padding-left: 16px;
	height: 38px;
	width: 130px;
}
#joinform form .secondbut input[type="submit"] {
	color: #FFF;
	background-color: #26598b;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 15px!important;
	line-height: 38px;
	border-radius:8px;
}
#joinform form .secondbut input[type="submit"]:hover {
	color: #FFF;
	background-color: #1F4770;
}

#joinform form .secondbut input[type="reset"] {
	color: #FFF;
	background-color: #656565;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 15px!important;
	line-height: 38px;
	border-radius:8px;
}

#joinform form .secondbut input[type="reset"]:hover {
	color: #FFF;
	background-color: #5B5B5B;
}


#joinform h1.search {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #26598B;
	margin-bottom: 10px;
	/*font-weight: bold;*/
    font-family: sabonnextltpro-regula;
}
#joinform .search_form {
	width: auto;
	margin-right: auto;
	margin-left: auto;
	display: inline-block;
	margin-top: 20px;
}
#joinform .search_form fieldset div select {
	text-align: left;
}

#joinform .search_form fieldset div select ,#joinform .search_form fieldset div input[type="text"] {
	height: 25px;
	width: 150px;
	background-color: #b5b5b5;
}
#joinform .search_form fieldset div {
	margin-right: 80px;

}
#joinform .search_form fieldset input[type="submit"] {
	font-size: 15px;
	line-height: 70px;
	color: #FFF;
	background-color: #26598b;
	text-align: center;
	height: 70px;
	width: 70px;
	position: absolute;
	top: 0px;
	right: 0px;
	border-radius: 10px;
}
#joinform .search_form fieldset input[type="submit"]:hover {
	background-color: #23497f;
}
#joinform .search_form fieldset {
	margin-bottom: 20px;
}
#joinform .searchdetail_form {
	background-color: #dedede;
	height: 100%;
	width: 100%;
	margin-bottom: 40px;
	padding-top: 10px;
	padding-right: 150px;
	padding-bottom: 10px;
	padding-left: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
#joinform .searchdetail_form h2 {
	font-size: 15px;
	line-height: 30px;
	font-weight: normal;
	text-align: left;
	background-image: url(../images/searchx_icon.jpg);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding-left: 15px;
	color: #26598B;
	cursor: pointer;
	white-space: nowrap;
}


#joinform .searchdetail_form h2.stay {

	background-image: url(../images/searchx_icon2.jpg);

}


#joinform .searchdetail_form fieldset div label {
    float: left;
    font-size: 14px;
    width: auto;
    margin-right: 10px;

}
#joinform .searchdetail_form fieldset div label input[type="radio"] {
	float: left;
	height: 14px;
	width: 14px;
	    border-radius: 7px;
		background-color:#fff;
		margin-right:5px;

}
#joinform .searchdetail_form fieldset div label input[type="checkbox"] {
	float: left;
	height: 14px;
	width: 14px;


		background-color:#fff;
		margin-right:5px;

}

#joinform .searchdetail_form fieldset div label input[type="checkbox"]:checked{
	background-image: url(../images/check.png);
	background-repeat: no-repeat;
	background-position: center center;	
	
	}
	

#joinform .searchdetail_form fieldset div label input[type="radio"]:checked{
	background-image: url(../images/icon_edit.png)!important;
	background-repeat: no-repeat;
	background-position: center center;	
	
	
	}
	

	
	
	
#jumpwindow #joinform.search {
	width:90%;
    padding-right: 30px;
    padding-bottom: 40px;
    padding-left: 30px;
    max-width: 900px;
}
#jumpwindow #joinform.search  .searchdetail_form fieldset div select {
	height: 25px;
	width: 100px;
	background-color: #b5b5b5;
	margin-right:10px;
	margin-bottom:10px;
}



#joinform .searchdetail_form fieldset div {
	font-size: 14px!important;
}
#joinform .searchdetail_form div.secondsearch {
	position: absolute;
	right: 30px;
	bottom: 30px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #B5B5B5;
	padding-left: 20px;
}
#joinform .searchdetail_form .secondsearch input {
	line-height: 150px;
	color: #FFF;
	background-color: #26598B;
	height: 220px;
	width: 75px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-radius:10px;
}

#joinform .searchdetail_form .secondsearch input:hover {
	background-color: #1B3F63;
}

#wrapper .plist.space {
	padding-top: 60px;
}
#csr section .sq h3 {
	font-size: 38px;
	line-height: 48px;
	margin-bottom: 15px;
	margin-top: 40px;
    font-family: 'sabonnextltpro-regular';
}
#pdetail .main_detail .textpart .area .size14 {
	font-family: Arial;
	font-size: 14px;
}
#wrapper .pdetail_knowledge .noteinfomation .area .text .butline a:hover {
	background-color: #484848;
}
#qa .area .sq .center {
	text-align: center;
	font-size: 15px;
	line-height: 30px;
}
#qa .area.section2 .sq h4 {
	margin-top: 0px;
	margin-bottom: 30px;
}
#qa .area.section3 .sq .editarea h6 {
	font-size: 18px;
	line-height: 30px;
	font-weight: normal;
	text-align: left;
}
#csr .nospace .sq {
	padding-top: 10px!important;
}
#csr .nospace .sq .picp {
    margin-bottom: 0px;
}
#csr .nospace2 .sq {
	padding-top: 0px!important;
}
#csr section .sq .csr_look_butline a:hover {
	background-color: #484848;
}
#wrapper .plist.haveh1 {
	padding-top: 50px;
}
#joinform form.xed{
	width:100%;
}

#wrapper .plist .parea .sq .content {

	position: relative;

}

#wrapper .plist .parea .sq .content ul{

	margin-right:20px;
}

#wrapper .plist .parea .sq .content ul:last-child{

	margin-right:0px;
}

.tablediv {
	text-align: center;
	margin-bottom: 50px;
	font-size: 15px;
	line-height: 20px;
	
}
.tablediv .tableheader {
	color: #FFF;
	background-color: #034076;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}
.tablediv .twopart {
	background-color: #AAA;
	min-height: 100px;
	width: 100%;
	flex-wrap: nowrap;
	align-items: stretch;
	position: relative;
	overflow: hidden;
	display: table;
}
.tablediv .twopart .left {
	font-size: 15px;
	line-height: 20px;
	color: #484848;
	float: left;
	height: 100%;
}
.tablediv .twopart .right {
	background-color: #FFF;
	margin-left:45px;
/*	max-width:665px;*/
		-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.tablediv .twopart .right .slidetable ul li div {
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	background-color: #e2e2e2;
	white-space: normal;
}
.tablediv .twopart .right .slidetable ul li div:nth-child(2n) {
	background-color: #f0f0f0;

}



.tablediv .twopart .right .slidetable ul{

 flex-wrap: nowrap; 
display:flex;


}
.tablediv .twopart .right .slidetable ul li {
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #BBB;
	min-width:20%;

}
.tablediv .twopart .right #areaslide2.slidetable ul li {
	min-width: 105px;

}
.tablediv .twopart .right #areaslide.slidetable ul li {
	min-width: 155px;

}
.tablediv .twopart .right .slidetable ul li .check {
	font-size: 0px;
	color: #FFF;
	background-image: url(../images/check.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.tablediv .twopart .right .slidetable ul li .nocheck {
	font-size: 0px;
	color: #FFF;
	background-image:none;
	background-repeat: no-repeat;
	background-position: center center;
}

.tablediv .twopart .left span {
    display: block;
    padding-top: 10px;
  	padding-bottom: 10px;
 	width: 45px;
  	display: table-cell;
  	vertical-align: middle;    
}

.side {
height: 180px;
}

.tablediv .twopart .left legend {
    border-top-width: 1px;
    border-top-color: #D1D1D1;
    border-top-style: solid;
    margin-top: -1px;

}

.tablediv .twopart .left span:first-child {

	border-top-width: 1px;
	border-top-style: none;
	border-top-color: #D1D1D1;
}
#wrapper #pdetail .editarea .tablediv .twopart .th {
	height: 180px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BBB;
	background-repeat: no-repeat;
	background-position: center bottom;
}
#areaslide2 ul li .th {
	background-color: #FFF;
}
#areaslide ul li .th {
	background-color: #FFF;
}
.tablediv .twopart .right #areaslide2.slidetable ul li div {
	min-width:60px;
}
#pdetail .editarea .slidesimilar {
	height: auto;
	overflow: hidden;
	max-width:1200px;
}




#pdetail .editarea .slidesimilar  .mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr;
}






#areaslide4 ul li .th {
	background-color: #FFF;
}
#areaslide4 ul li {
	min-width:20%;
}
#areaslide4 ul li .th img {
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
#wrapper #pdetail .editarea .tablediv .twopart.sec .th {
    height: 150px;

}
#wrapper #pdetail .editarea .ation {
	font-size: 15px;
	line-height: 24px;
	color: #FFF;
	background-color: #c90c06;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#pdetail .editarea .ation ol li {
	font-family: "微軟正黑體", Arial;
	font-size: 15px;
	line-height: 24px;
	cursor: pointer;
	margin-left: 20px;
	list-style-type: decimal;
}
#pdetail .editarea .ation ol {
	cursor: pointer;
	list-style-type: decimal;
}
#wrapper .plist_tagline ul .stay .second ul li:last-child a {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.editarea .tablediv:last-child {
    margin-bottom: 25px;
}
#joinform .email fieldset label ,#joinform .loginx fieldset label {
	width: 100px;
}
#joinform .email fieldset > div,#joinform .loginx fieldset > div{
	margin-left: 11px;
}
#contact section .sq .contact_form.correct {
	margin-top: 30px;
}
#joinform .loginx .textbut {
	margin-bottom: 40px;
	font-size: 14px;
}
#pdetail .editarea .tablediv .twopart .right .esd {
	height: auto;
	width: 100%;
	display: block;
}



#joinform .searchdetail_form .slideup {
	display: none;
}
#qa .area.section4 .sq .features .butli .x a {
	color: #FFF;
	display: block;
	    font-size: 14px;
    font-family: 'Myriad Pro Regular';
}

#qa .area.section4 .sq .features .butli .x:hover {
	color: #FFF;
	display: block;
	background-color: #004199;
}
#joinform .searchdetail_form .bt:hover {
	color: #3274B6;
}





@media (max-width: 1200px) {



#adstyle .ce.textpart {

	padding-left:5%;
	padding-right:5%;
}
#adstyle .ce.textpart p {
	padding: 0px;
	margin-top: 15px;
	margin-bottom: 15px;
}

}

@media (max-width: 900px) {
	#contact section .sq .mappic img {
	height: auto;
	width: 100%;
}
#qa .area .sq .picp img,#csr section .sq .picp img {
	height: auto;
	width: 100%;
}


#wrapper .pdetail_knowledge img {
	height: auto;
	width: 100%;
}


#website .sq div>ul {
    width: auto;
    margin-right: auto;
    margin-left: 30px;
    display: table;
}

}
@media (max-width: 768px) {

#adstyle{
	display:block!important;
	align-items:auto!important;
}
#adstyle .ce.picpart {
	background-position: center center;
	height: auto;
	width: 100%;
}
#adstyle .ce.textpart {
	text-align: center;
	width: 100%;
	padding-top:30px;
	padding-bottom:40px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding-left:20%;
	padding-right:20%;
}
#wrapper .product_list_area .slidearea {
	    width: 96%;
    margin-right: 2%;
    margin-left: 2%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding-left:40px;
	padding-right:40px;
	margin-bottom:20px;
	
}
#qa .area .sq {
	width: 91.4%;
	padding-top: 56px;
	padding-bottom: 56px;
}
#joindetail section .sq {
	width: 91.4%;
	padding-top: 56px;
	padding-bottom: 56px;
}

#wrapper .pdetail_knowledge {
	width: 91.4%;
	margin-right: 4.3%;
	margin-left: 4.3%;
}


.product_four_list .product_item .areapart{
	height: auto;
	width: 100%;
	margin-right: 0%;
	margin-bottom: 56px;
	margin-left: 0%;
}

.product_four_list .product_item .areapart ul li .text {

	width: 30%;

}
#wrapper .plist .parea .sq {
	height: auto;
	width: 91.4%;
	margin-right: 4.3%;
	margin-left: 4.3%;
	padding-top: 30px;
	padding-bottom: 30px;
	max-width: 900px;
	position: relative;
}


#csr section .sq,#contact section .sq, #trend .sq  {
	height: auto;
	width: 91.4%;
	margin-right: 4.3%;
	margin-left: 4.3%;
	padding-top: 30px;
	padding-bottom: 30px;
	max-width:1200px;
}



#pdetail {
	width:91.4%;
	margin-right: 4.3%;
	margin-left: 4.3%;
}

#website .sq{
	width:91.4%;
	margin-right: 4.3%;
	margin-left: 4.3%;
}



#wrapper .plist .parea .sq ul li {
	width: 31.333%;
	margin-bottom: 20px;
	margin-right: 3%;
	position: relative;
}
#wrapper .plist .parea .sq ul li:nth-child(3n) {

	margin-right:0%;
}

#wrapper .plist .parea .sq ul li:nth-child(4n) {

	margin-right:auto!important;
}


#pdetail .main_detail .pic {
	float: none;
	width: 100%;
	margin-left:auto;
	margin-right:auto;
}





#pdetail .main_detail .textpart {
	margin-left: auto;
	margin-right:auto;
	width:100%;
	max-width:420px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left:0px;
	padding-right:0px;
}



/*.knowledge_but{
	display: block;
	height: auto;
	width: 100%;
	flex-wrap: none;
}

.knowledge_but a {

	margin-right: auto;
	margin-left: auto;
	margin-bottom:20px;

}*/

#qa .area.section4 .sq .features li {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

#qa .area.section4 .sq .features li:nth-child(2n) {

	margin-left: 0px!important;
}



#csr section .sq .picp.s img {
	position:relative;
	top:0px;
}

#contact section .sq .maininfo {
	background-color: #26598b;
	height: auto;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 15px!important;
	line-height: 34px!important;
	color: #FFF!important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 20px;
	padding-left: 20px;
	border-radius:0px;
	display:block;
	flex-wrap: none;
	justify-content: none;
}


#contact section .sq .maininfo span {
	color: #FFF;
	background-repeat: no-repeat;
	background-position: left 3px;
	margin-right: 0px;
	padding-left: 25px;
	line-height: 20px;
	display: block;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#contact section .sq .contact_form {

	width: 80%;

}

#contact section .sq .contact_form.password {
	width: 80%;
}



#joindetail section .sq .infotext .butline a {

	width: 49%;
	margin-right: 2%;
	margin-left: 0%;
	margin-bottom:10px;
	
	

}
#joindetail section .sq .infotext .butline a:nth-child(2n) {


	margin-right: 0%;
	margin-left: 0%;

	
	

}



#website .sq div {
	width: 20%;
}


#joinform form fieldset label {
	/*width: 114px;*/
}

#wrapper .pdetail_knowledge .knowledge_left .faq li .a {
	font-size: 15px;
	line-height: 30px;

}
.tablediv .twopart .right .slidetable ul li {

	min-width:auto;

}
.tablediv .twopart .right #areaslide2.slidetable ul li {
    min-width: auto;
}
.tablediv .twopart .right #areaslide.slidetable ul li {
    min-width: auto;
}

#slidep .one ul.load li{
    width: 31.333%;
    margin-right: 1%;
    margin-left: 1%;
    float: left;
    margin-bottom: 30px;

}
#wrapper .pdetail_knowledge .noteinfomation .area .text {
    width: 52%;
    padding-right: 0px;
    padding-left: 0px;
    float: right;
    padding-bottom: 50px;
    height: 100%;
    position: relative;
}
#wrapper .pdetail_knowledge .noteinfomation .area .photo {
    float: left;
    width: 45%;
}
}


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







#slidep div ul li .but {
    margin-right: auto;
    margin-left: auto;
    padding-top: 30px;
    padding-bottom: 10px;
    display: table;
    width: auto;
}

#slidep .one ul li .p a {
    background-color: rgba(0,0,0,0.0);
    display: flex;
    height: 24px;
    width: 100%;
    color: #000;
    text-align: center;
    position: absolute;
    left: 0px;
    top: 100%;
    font-size: 16px;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px!important;
    opacity: 1;
}







	#wrapper .plist_tagline ul {
	height: 38px;
	width:100%;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: center;
}
#wrapper .plist_tagline ul li {
    text-align: center;
    float: left;
    height: 38px;
    width: auto!important;
    margin-right: 1px;
}



#wrapper .plist_tagline ul li a {
	font-size: 10pt;
	line-height: 38px;
	display: block;
	background-color: #535353;
	color: #b5b5b5;
	padding-left: 10px;
	padding-right: 10px;
}


#wrapper .plist_tagline ul li .second ul li a {
	font-size: 10px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-bottom: 0px;

}





#wrapper .pdetail_knowledge .noteinfomation .area .photo {
	float: none;
	width: 100%;
	margin-bottom:20px;
}

#wrapper .pdetail_knowledge .noteinfomation .area .text {
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
	float:none;
	padding-bottom: 50px;
	height: auto;
	position: relative;
}

#csr .csr_butline {
	background-image: url(../images/csr_bt1.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:100% auto;
	height: 27px;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
}

#contact .contact_butline {
	background-image: url(../images/contact_bt1.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:100% auto;
	height: 27px;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
}

#contact .mcorrect_butline {
	background-repeat: no-repeat;
	background-position: center center;
	background-size:100% auto;
	height: 27px;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
}

#csr section .sq .csr_fourpic li {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
#csr section .sq .csr_fourpic li .text {
    margin-left: 35%;
}
#csr section .sq .csr_fourpic li .picp {
    float: left;
    width: 30%;
    margin: 0px;
}


#contact section .sq .inposition .position{
	width:100%;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #d2d2d2;
	padding-top: 0px;
	padding-bottom: 0px;
	
}


#contact section .sq .inposition .position li {
	width:100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d2d2d2;
	padding-top: 20px;
	padding-bottom: 20px;
	
}
#contact section .sq .contact_form {

	width: 90%;

}

#contact section .sq .contact_form.password {
	width: 90%;
}

#contact section .sq .contact_form form .butline div {
	display: table;
	margin-right: auto;
	margin-left: auto;
	padding-left:0px;
}


#contact section .sq .rule .left {
	float: none;
	margin-left:auto;
	margin-right: auto;
	margin-bottom: 10px;
	max-width:100%;
	height:auto;
}
#website .sq div {
	width: 33.33333%;
}
#joinform {
	background-color: #FFF;
	height: auto!important;
	width: 90%;
	padding-top: 30px;
	padding-right: 40px;
	padding-bottom: 30px;
	padding-left: 40px;
	max-width: 584px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	margin-top: 50px;
	margin-bottom: 50px;
	position: relative;
}
.tablediv .twopart .right {
    background-color: #FFF;
/*    margin-left: 45px;
    max-width: 525px;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.product_four_list .product_item .areapart ul li .text {
    width: 45%;
}
.product_four_list .product_item .areapart ul li .text {
    font-size: 12pt;

}
#joinform form fieldset .butline input {

    width: 80px;

}

#wrapper .product_list_area .slidearea .slide .oneslide a.x {

    color: rgba(0,0,0,1);
    position: relative;
    height: auto;
    width: 100%;
    background-color: #fff;
	font-size:16px;
	line-height:24px;
 
}


#wrapper .product_list_area .slidearea .slide .oneslide a.x:hover {
    color: rgba(0,0,0,1);
    position: relative;
    height: auto;
    width: 100%;
    background-color: #fff;
	font-size:16px;
	line-height:24px;
	
}

}



@media (max-width: 480px) {



#csr section .sq .csr_look_butline a {
	color: #bfbfbf;
	background-color: #656565;
	display: block;
	float: none;
	height: 35px;
	width: 180px;
	border-radius:8px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}

#csr section .actionphoto .l {
	width: 100%;
	margin-bottom:20px;
}
#csr section .actionphoto .v {
	width: 100%;
}
#csr section .sq .csr_threepic li{
	float: left;
	width: 100%;
	
}	





#csr section .sq .threepic li {
	float: left;
	width: 100%;
	margin-bottom: 0px;
	margin-right: 0%;
}


#csr section .sq .threepic li .tt {
    margin-botton: 20px!important;
    margin-top: 0px!important;
}





#csr section .sq .csr_fourpic li .text {
    margin-left: 0%;
}
#csr section .sq .csr_fourpic li .picp {
    float: none;
    width: 100%;
    margin-bottom: 10px;
}

#contact section .sq .inposition .position li {
	width:100%;
	
}


#contact section .sq .contact_form form fieldset div {
	margin-left: 0px;
	margin-top:10px;
}

#contact section .sq .contact_form form .butline div input {

	margin-right: 15px;
	margin-left: 15px;
	width: 120px;

}
#contact section .sq .contact_form p {
	padding-left: 0px;
}
#wrapper #contact section .sq .contact_form form fieldset label {
	text-align: left;
}

#joindetail section .sq .infotext .butline a {

	width: 100%;
	margin-right: 0%;
	margin-left: 0%;
	margin-bottom:10px;
	
	

}

#joinform > .searchdetail_form fieldset > div {
	margin-top: 0;
}

#joinform > .search_form fieldset > div {
	margin-left: 0;
}

#contact section .sq .contact_form.password {
	width: 90%;
}

#joinform > .searchdetail_form fieldset > #features {
	margin-left: 0;
}


#website .sq div {
	width: 50%;
	float: left;
}

#slidep .one {
	margin-top: 20px;
}

#wrapper .plist_tagline ul {
    height: 30px;
    width: 100%;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
}
#slidep .one ul.load li{
    width: 48%;
    margin-right: 1%;
    margin-left: 1%;
    float: left;
    margin-bottom: 30px;

}

#wrapper .plist_tagline ul li a {
    font-size: 10px;
    line-height: 20px;
    display: block;
    background-color: #535353;
    color: #fff;
	padding-top:5px;
	padding-bottom:5px;
    padding-left: 5px;
    padding-right: 5px;
}
#joinform form fieldset > div{
     margin-left: 0px;
}
#joinform form fieldset label {
    text-align: left;
    display: block;
    width: 100%;
}
#joinform form fieldset .butline {
	 padding-left:0px;
}

#joinform {
    padding-right: 20px;
    padding-left: 20px;
}

#joinform .center {
    line-height: 24px;
}


#jumpwindow #joinform.order form fieldset input[type="button"],#jumpwindow #joinform.order form fieldset input[type="submit"] {
	top: 0%;
	right: 0px;
}

#jumpwindow #joinform.order form fieldset #login_submit {
	top: 75%;	
}

.tablediv .twopart .right {
    background-color: #FFF;
/*    margin-left: 45px;
    max-width: 328px;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#csr section .sq .note {
	text-align: left;  
}

#wrapper .plist_tagline ul li div.second ul {
    margin-top: 5px;
    margin-bottom: 5px;
    height: auto;
    width: auto;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    display: table;
}
.knowledge_but {
    display:table!important;
    width: auto;
    justify-content: center;
    text-align: center;
    margin-top: 60px;
    margin-left: auto;
	 margin-right: auto;
    margin-bottom: 60px;
}
.knowledge_but a {
    margin-bottom:10px!important;
}



#wrapper .product_list_area .product_item ul li .tt {
    color: #fff;
    font-size: 11pt;
    line-height: 15pt;
    position: absolute;
    left: 10px;
    bottom: 15px;
}


#wrapper .product_list_area .slidearea .slide div.oneslide {
    float: left;
    height: auto;
    width: 48%!important;
    margin-bottom: 3%;
    margin-right: 2%!important;
    position: relative;
}

#wrapper .product_list_area .slidearea .slide div.oneslide:nth-child(2n) {
	margin-right:0%!important;
}
#wrapper .product_list_area .slidearea .slide div.oneslide:nth-child(3n) {
	margin-right:auto;
}


#wrapper .product_list_area .slidearea .slide .oneslide a {
	font-size: 14px;
	line-height: 24px;

}





#adstyle .ce.textpart h2 {
	font-family: 'sabonnextltpro-regular', Arial;
	font-size: 18pt;
	line-height: 24pt;
	margin: 0px;
	padding: 0px;
}



.product_four_list .product_item .areapart ul li {
    margin-bottom: 5px;
    position: relative;
}
#wrapper .product_list_area, .product_four_list .product_item {
	padding-top:30px;
    padding-bottom: 0px;
}

#wrapper .plist_tagline ul li.stay div.second {

    height: 40px;

}





#areaslide4 ul li {
    min-width: 100px;
}

#areaslide4 ul li div {
    padding-right: 5px;
    padding-left: 5px;

}


#pdetail .editarea {
    height: auto;
    width: 100%;
    display: block;
}



#qa .area.section2 .sq .iconlist li {
    float: left;
    width: 31.3333%;
    margin-bottom: 20px;
    margin-left: 1%;
    margin-right: 1%;
    position: relative;
}


#qa .area.section4 .sq .textarea .text {
	width:100%!important; 
     margin-left: 0%!important; 
	 display:block!important; 
}

#qa .area.section4 .sq .textarea .picp {
    float: none;
    width: 40%;
	    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}

#csr section .sq .csr_fourpic li .text {
    line-height: 24px;
    font-size: 15px;
}
#contact section .sq .inposition .position li .info div span {
	display: block;
}
#contact section .sq .contact_form form fieldset label span {
    margin-left: -11px;
}



#joinform form .secondbut input {
    float: left;
    margin-right: 10px;
    margin-left: 10px;
    padding-right: 20px;
    padding-left: 20px;
    height: 38px;
    width: 110px;
}
#wrapper .pdetail_knowledge .knowledge_left.privacy .faq li .q {
    padding-left: 15px;
    padding-right: 15px;
    margin: 0px!important;
}
#website .sq div>ul {
    width: auto;
    margin-right: auto;
    margin-left: 30px;
    display: table;
}
#wrapper .product_list_area .product_item, .product_four_list .product_item .areapart {

    margin-bottom: 30px;
  
}
#wrapper .product_list_area .slidearea h2, .product_four_list .product_item .areapart h2 {
    margin-bottom: 20px;
}



#adstyle .ce.textpart p {
    padding: 0px;
    margin-top: 25px;
    margin-bottom: 25px;
    font-size: 14px;
    line-height: 24px;
}
#joinform .search_form fieldset input[type="submit"] {
    font-size: 15px;
    line-height: 70px;
    color: #FFF;
    background-color: #26598b;
    text-align: center;
    height: 70px;
    width: 70px;
    position: absolute;
    top: 100%!important;
    right: 0px;
    border-radius: 10px;
    margin-top: -15px;
}




}
@media (max-width: 414px) {

.tablediv .twopart .right {
    background-color: #FFF;
/*    margin-left: 45px;
    max-width: 333px!important;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#wrapper .pdetail_knowledge .knowledge_left.faq .infotext {
    background-color: #efefef;
    font-size: 15px;
    line-height: 24px;
    padding-top: 15px;
    padding-right: 30px;
    padding-bottom: 15px;
    padding-left: 30px;
    margin-bottom: 56px;
    position: relative;
}

#wrapper .pdetail_knowledge .knowledge_left.faq .infotext a {

    margin-left: 5px;
    margin-right: 5px;
	    width: 120px;

}

#wrapper .plist_tagline ul li div.second ul {
    margin-top: 5px;
    margin-bottom: 5px;
    height: auto;
    width: auto;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    display: table;
}
.knowledge_but {
    display:table!important;
    width: auto;
    justify-content: center;
    text-align: center;
    margin-top: 60px;
    margin-left: auto;
	 margin-right: auto;
    margin-bottom: 60px;
}
.knowledge_but a {
    margin-bottom:10px!important;
}
#joinform .searchdetail_form {
    background-color: #dedede;
    height: 100%;
    width: 100%;
    margin-bottom: 0px;
    padding-top: 10px;
    padding-right: 100px;
    padding-bottom: 10px;
    padding-left: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

#joinform .searchdetail_form div.secondsearch {
    position: absolute;
    right: 15px;
    bottom: 30px;
    border-left-width: 3px;
    border-left-style: solid;
    border-left-color: #B5B5B5;
    padding-left: 10px;
}



#csr section .sq .csr_threepic li .titletext {
    padding-top: 5px;
    padding-bottom: 0px;
}




}
@media (max-width: 376px) {
#slidep .one ul.load li {
    width: 98%;
    margin-right: 1%;
    margin-left: 1%;
    float: left;
    margin-bottom: 30px;
}	
	
.product_four_list .product_item .areapart ul li .text {

	width:40%;

}

#wrapper .plist_tagline ul li a {

    padding-left:5px;
    padding-right: 5px;
}

#contact section .sq .contact_form form .butline div input {
	color: #FFF;
	background-color: #656565;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 10px;
	margin-left: 10px;
	width: 100px;
	text-align: center;
	height: 38px;
	border-radius: 5px;
	font-size: 15px;
}
#website .sq div {
	width: 100%;
}

#joinform form fieldset .butline input {

    width: 90px;
}	


.tablediv .twopart .right {
    background-color: #FFF;
/*    margin-left: 45px;
    max-width: 297px!important;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#wrapper .plist_tagline ul li.stay div.second {
    position: absolute;
    height: 40px;
    width: 100%;
    left: 0px;
    top: 100%;
    background-color: #f0f0f0;
    z-index: -1;
    opacity: 1;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

#joinform form .secondbut input {
    float: left;
    margin-right: 5px;
    margin-left: 5px;
    padding-right: 10px;
    padding-left: 10px;
    height: 38px;
    width: 90px;
}
#joinform .searchdetail_form fieldset div label {
    float: left;
    font-size: 14px;
    width: auto;
    margin-right: 10px;
    display: block;
    width: 100%;
}

#wrapper .pdetail_knowledge .knowledge_left.faq .infotext {
    background-color: #efefef;
    font-size: 14px;
    line-height: 24px;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    margin-bottom: 56px;
    position: relative;
}
#wrapper .pdetail_knowledge .knowledge_left.faq .infotext a {
    margin-left: 5px;
    margin-right: 5px;
	    width: 110px;

}


}
@media (max-width: 346px) {
	
.tablediv .twopart .right {
    background-color: #FFF;
/*    margin-left: 45px;
    max-width: 247px!important;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
}

@media (max-width: 562px) {

#joinform #newsletterform fieldset > div,#joinform .loginx fieldset > div{
	margin-left: 5px;
}
#joinform #newsletterform fieldset div input[type="text"] {
	width: 80%;
}
#jumpwindow #joinform.order #newsletterform fieldset div {
	margin-left: 5px;
	margin-right: 0;
}

@media (max-width: 368px) {
	#joinform #newsletterform fieldset div input[type="text"] {
		width: 50%;
	}	
	#joinform #newsletterform fieldset label {
		width: 50px;
	}
	#jumpwindow #joinform.order #newsletterform fieldset div {
		margin-left: 5px;
		margin-right: 0;
		width: 70%;
	}
	#joinform form fieldset div#sharebox {
		margin-left: 0px;
	}
	#joinform form fieldset div input#sharebox_input {
		width: 100%;
		margin-left: 0px;
	}
}
#joinform #newsletterform fieldset label {
	width: 50px;
}
#joinform #newsletterform .loginx fieldset label {
    width: 50px;
}
}

#wrapper .pdetail_knowledge .knowledge_left.faq .infotext {
    background-color: #efefef;
    font-size: 14px;
    line-height: 24px;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    margin-bottom: 56px;
    position: relative;
}
#wrapper .pdetail_knowledge .knowledge_left.faq .infotext a {
    margin-left: 5px;
    margin-right: 5px;
	    width: 110px;

}

}