@charset "utf-8";
/* CSS Document */


/*整體*/
@media screen and (max-width: 1130px) {
	#fanuc .innerblock.atleftsubmenu .container.page_inner{
		padding: 0 35px;
	}
}

@media screen and (max-width: 1100px) {
	.innerblock{
		margin-top: -49px;
	}
}
@media screen and (max-width: 650px) {
	#fanuc{
		padding-top: 65px;
	}
}
@media screen and (max-width: 600px) {
	#fanuc .container, #fanuc .innerblock.atleftsubmenu .container.page_inner {
		padding: 0 25px;
	}
	.block_index {
	    padding: 50px 0 60px;
	}
}
@media screen and (max-width: 480px) {
	#fanuc h2 {
	    font-size: 28px;
    }
	#fanuc h5{
		font-size: 20px;
	}
}


/*header*/
@media screen and (max-width: 360px) {
	.logo{
		max-width: 205px;
	}
}


/*banner*/
@media screen and (max-width: 1200px) {
	.page_banner{
		background-position: center right;
	}
}


/*副選單*/
@media screen and (max-width: 1023px) {
	.sub_menu {
	    position: relative;
	    right: 60px;
	}
}
@media screen and (max-width: 650px) {
	.sub_menu {
	    position: fixed;
	    bottom: 0;
	    width: 100%;
	    float: none;
	    right: 0;
	    left: 0;
	}
	.qabtn{
		display: none;
	}
	.sub_menu > .signup, .sub_menu > .login{
		display: none;
	}
	.xs_signup, .xs_login{
		position: relative;
		margin-left: 0;
	    width: 100%;
	    border-radius: 0;
	    line-height: 1.2;
	    text-align: left;
	    background-color: transparent;
	    margin-top: 30px;
	}
	.xs_signup a, .xs_login a{
		color: #a72822 !important;
		border-bottom: none;
		position: relative;
		display: inline-block;
		padding: 0;
	}
	.xs_signup::before, .xs_login::before{
		content: "";
		display: inline-block;
		position: relative;
		width: 20px;
		height: 20px;
		background: transparent url(../../images/member_red.svg) center center no-repeat;
		background-size: contain;
		top: 5px;
    	margin-right: 10px;
	}
	.xs_signup{
		display: block;
	}
}


/*會員登入*/
@media screen and (max-width: 950px) {
    .login_window{
    	max-width: 100%;
    	width: calc(90% - 70px);
    }
}
@media screen and (max-width: 600px) {
	.login_window{
    	max-width: 100%;
    	width: calc(100% - 70px);
    	min-height: 100px;
    	padding: 40px 5px;
    }
    .window_close{
    	top: 15px;
    	right: 20px;
    }
}
@media screen and (max-width: 480px) {
	.login_window{
		width: calc(100% - 30px);
	}
	.login_form hr{
		margin: 15px auto 30px;
	}
	.login_item label{
		width: 100%;
		margin-bottom: 10px;
	}
	.login_item .col-sm-8 label{
		margin-bottom: 0;
	}
	.login_item input{
		width: 100%;
	}
	.login_item.row{
		margin: 25px auto 0 !important;
	}
	.web_btn.login_btn{
		padding-top: 0;
	}
	.web_btn button{
		display: block;
    	width: 100%;
	}
	.web_btn button + button{
		margin-left: auto;
		margin-top: 10px;
	}
	.remind{
		bottom: auto;
    	top: -10px;
    	right: 0;
    }
    .login_wrong{
    	margin-bottom: 35px;
    }
}


/*頁尾*/
@media screen and (max-width: 767px) {
	.scrolltop, #fanuc footer h1, footer .col-sm-6:nth-child(2){
		text-align: center;
	}
	footer .col-sm-6{
		width: 100%;
	}
}



/*表單*/
@media screen and (max-width: 1200px) {
	.info_item.form_itemset div:nth-child(1){
		width: 62%;
	}
	.info_item.form_itemset div:nth-child(2){
		width: calc(100% - 62%);
	}
}

@media screen and (max-width: 991px) {
	.info_item{
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}
	.info_item label, .info_item .listth {
	    width: 160px;
	}
	.info_item input, .info_item span{
		width: calc((100% - 160px) / 2 - 5px);
	}
	.info_item.form_itemset div:nth-child(1) input {
	    width: calc(100% - 160px - 5px);
	    position: relative;
    	left: -4px;
	}
	.info_item.form_itemset div:nth-child(2) input {
	    width: calc(60% - 20px - 10px);
	}
	.info_item.longtype input {
	    width: calc((100% - 160px) - 5px);
	}
	.sign_remark{
		padding-left: 160px;
	}
}

@media screen and (max-width: 650px) {
	.info_item{
		display: block;
		margin: 0 auto 5px;
	}
	.info_item label, .info_item .listth, .info_item input, .info_item.longtype input, .info_item span, .info_item.form_itemset div:nth-child(1) input, .info_item.form_itemset div:nth-child(2) input, .info_item.form_itemset div:nth-child(1), .info_item.form_itemset div:nth-child(2) {
	    width: 100%;
	    display: block;
	}
	.info_item.form_itemset div:nth-child(2) label {
	    width: auto;
	    padding-right: 0;
	    text-align: left;
	    margin-top: 5px;
	}
	.info_item.form_itemset div:nth-child(1) input {
    	left: 0;
	}
	.info_item span {
	    padding-left: 0;
	    margin-top: 7px;
	}
	.web_btn.logininfo_btn {
		margin: 5px auto 0;
	    padding: 0 35px;
	}
	.sign_remark {
	    padding-left: 0;
	}
	#captcha1 {
	    display: inline-block;
	}
}

@media screen and (max-width: 480px) {
	.logininfo_block {
	    padding: 35px 25px;
	}
	.web_btn.logininfo_btn {
	    padding: 0 25px;
	}
	.signup_inner .block_step, .sign_block{
		padding: 35px 25px;
	}
}


/*會員註冊*/
@media screen and (max-width: 1200px) {
	.signup_finish div ul {
	    width: 70%;
	}
}

@media screen and (max-width: 991px) {
	.step_itemin{
		padding: 20px 12px;
	}
	.step_item{
		margin-left: 10px;
	}

	.info_item.mustAns span.d_none.must{
		display: none;
	}
	.info_item.mustAns span.d_small_block.must{
		display: inline-block;
	}
	.info_item.mustAns span.must{
		padding: 0;
	    border: none;
	    margin-left: 5px;
	    position: relative;
	    top: -5px;
	}
    .info_check .subject{
    	width: 170px;
    }
    .info_check .answer {
	    width: calc(100% - 170px);
	}
}

@media screen and (max-width: 767px) {
	.signup_finish div ul {
	    width: 80%;
	}
}

@media screen and (max-width: 650px) {
	.info_check .subject{
    	width: 100%;
    }
    .info_check .answer {
	    width: 100%;
	}
}

@media screen and (max-width: 600px) {
	.step_item{
		display: none;
		width: 100%;
		margin-left: 0px;
	}
	.step_item.step_now{
		display: flex;
	}
	.signup_finish div ul {
	    width: 100%;
	}
}


/*檔案下載*/
@media screen and (max-width: 1200px) {
	.download_baseitem img{
		width: 70%;
		max-width: 172px;
	}
	.atleft_content{
		width: calc(100% - 230px - 25px);
    	margin-left: 25px;
	}
}

@media screen and (max-width: 991px) {
	.download_baseitem img{
		width: 80%;
	}
	#fanuc .innerblock.atleftsubmenu .container.page_inner{
		display: block;
	}
	.left_submenu{
		width: 100%;
    	height: 57px;
		overflow: hidden;
		margin-bottom: 35px;
	}
	.atleft_content {
	    width: 100%;
	    margin-left: auto;
	}
	.left_submenu_visible{
		height: auto !important;
		overflow: visible !important;
		z-index: 112;
	}
	#left_submenu{
		position: absolute;
	    width: 100%;
	    z-index: 1;
	    top: 57px;
	    box-shadow: 0px 0px 15px rgba(26, 26, 51, 0.25);
	}
	.left_smmenu{
		display: block;
	}
	.smmenu_black_block{
		display: block !important;
	}
}
@media screen and (max-width: 767px) {
	.download_baseitem{
		width: calc(100% / 3);
	}
	.dl_searchitem label.itemtitle{
		display: block;
		margin-right: auto;
	}
	.dl_searchitem .textinput{
		margin-left: auto;
    	max-width: 100%;
	}
	.page_select.row{
		display: block;
	}
	.page_select .col-sm-6{
		width: 100%;
	}
	.page_select .col-sm-6:nth-child(2){
		display: flex;
		justify-content: space-between;
		margin-top: 15px;
	}
	.change-visibleitem {
	    margin-bottom: auto;
	}
	.dl_block{
		flex-wrap: wrap;
	}
	.dl_item, .dl_btnblock {
	    width: 100%;
	}
	.dl_item > ul > li:last-child{
		border-right: none;
	}
	.dl_btnblock{
		padding: 10px;
    	border-top: 1px solid #ccc;
	}
	.dl_block.dl_blocktop .dl_btnblock {
	    border-color: #bbb;
	}
	.overview_window{
		padding: 50px 35px;
	}
	.window_close{
		right: 30px;
	}
}
@media screen and (max-width: 600px) {
	.download_baseitem{
		width: calc(100% / 2);
	}
	.page_select .col-sm-6:nth-child(2){
		display: block;
	}
	.change-visibleitem, .move-page{
		justify-content: flex-start;
	}
	.change-visibleitem {
	    margin-bottom: 10px;
	}
	.dl_item > ul li:nth-child(2) {
	    width: 45%;
	}
	.dl_item > ul li:nth-child(3) {
	    width: 30%;
	}
}

@media screen and (max-width: 480px) {
	.clearformbtn {
	    display: block;
	    width: 100%;
	    margin-right: auto;
	    margin-bottom: 10px;
	}
	.dl_item ul{
		flex-wrap: wrap;
	}
	.dl_item > ul > li:nth-child(1), .dl_item > ul > li:nth-child(2), .dl_item > ul > li:nth-child(3){
		width: 100%;
	}
	.dl_item > ul > li, .dl_item ul li.dl_itemmix ul li{
		border-right: none;
	}
	.dl_block.dl_blocktop .dl_item ul li.dl_itemmix ul li{
		border-color: #bbb;
	}
	.dl_item ul li.dl_itemmix ul {
	    flex-wrap: wrap;
	}
	.dl_btnblock{
		border-top: none;
	}
	.overview_window {
 	   padding: 30px 25px;
	}
	.overview_item span:first-child, .overview_item span:nth-child(2){
		width: 100%;
	}
	.window_close {
	    right: 20px;
	}
}

@media screen and (max-width: 350px) {
	.change-visibleitem{
		display: block;
	}
	.change-visibleitem select{
		margin: 0 3px 0 0;
	}
	.pagebtn{
		width: calc(100% - 70px);
	}
}


/*聯絡我們*/
@media screen and (max-width: 650px) {
	.contact_item.textarea, .captcha_item{
		display: block;
	}
	.contact_item input, .contact_item select, .contact_item label, .contact_item textarea, .listtd {
	    width: 100%;
	}
	.contact_item .listtd input {
	    width: calc(100% - 140px);
	}
	.error{
		position: relative;
	    top: auto;
	    left: auto;
	}
	.contact_item.captcha_item .listtd a{
		position: absolute;
		top: 35px;
    	right: 0;
	}
}
@media screen and (max-width: 480px) {
	.login_btn input, .contact_btn input{
		max-width: 100%;
	}
}